:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;-webkit-animation:f-spinner-rotate 2s linear infinite;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);-webkit-animation:f-spinner-dash 2s ease-in-out infinite;animation:f-spinner-dash 2s ease-in-out infinite}@-webkit-keyframes f-spinner-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes f-spinner-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{-webkit-animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{-webkit-animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown;animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@-webkit-keyframes f-throwOutUp{to{-webkit-transform:translate3d(0, -webkit-calc(var(--f-throw-out-distance, 150px) * -1), 0);transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutUp{to{-webkit-transform:translate3d(0, -webkit-calc(var(--f-throw-out-distance, 150px) * -1), 0);transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@-webkit-keyframes f-throwOutDown{to{-webkit-transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}@keyframes f-throwOutDown{to{-webkit-transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{-webkit-animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp;animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{-webkit-animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown;animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@-webkit-keyframes f-zoomInUp{from{-webkit-transform:scale(0.975) translate3d(0, 16px, 0);transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{-webkit-transform:scale(1) translate3d(0, 0, 0);transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomInUp{from{-webkit-transform:scale(0.975) translate3d(0, 16px, 0);transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{-webkit-transform:scale(1) translate3d(0, 0, 0);transform:scale(1) translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes f-zoomOutDown{to{-webkit-transform:scale(0.975) translate3d(0, 16px, 0);transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}@keyframes f-zoomOutDown{to{-webkit-transform:scale(0.975) translate3d(0, 16px, 0);transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{-webkit-animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{-webkit-animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@-webkit-keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes f-fadeOut{100%{opacity:0}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{-webkit-animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{-webkit-animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@-webkit-keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@-webkit-keyframes f-fadeFastOut{100%{opacity:0}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{-webkit-animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{-webkit-animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@-webkit-keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes f-fadeSlowOut{100%{opacity:0}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{-webkit-animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{-webkit-animation:-webkit-calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@-webkit-keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes f-crossfadeOut{100%{opacity:0}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{-webkit-animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{-webkit-animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{-webkit-animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{-webkit-animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@-webkit-keyframes f-slideInPrev{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes f-slideInPrev{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes f-slideInNext{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes f-slideOutNext{100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes f-slideOutNext{100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes f-slideOutPrev{100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes f-slideOutPrev{100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}.f-classicIn.from-next{-webkit-animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{-webkit-animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{-webkit-animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{-webkit-animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@-webkit-keyframes f-classicInNext{0%{-webkit-transform:translateX(-75px);transform:translateX(-75px);opacity:0}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInNext{0%{-webkit-transform:translateX(-75px);transform:translateX(-75px);opacity:0}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes f-classicInPrev{0%{-webkit-transform:translateX(75px);transform:translateX(75px);opacity:0}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{-webkit-transform:translateX(75px);transform:translateX(75px);opacity:0}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes f-classicOutNext{100%{-webkit-transform:translateX(-75px);transform:translateX(-75px);opacity:0}}@keyframes f-classicOutNext{100%{-webkit-transform:translateX(-75px);transform:translateX(-75px);opacity:0}}@-webkit-keyframes f-classicOutPrev{100%{-webkit-transform:translateX(75px);transform:translateX(75px);opacity:0}}@keyframes f-classicOutPrev{100%{-webkit-transform:translateX(75px);transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:content-box;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);-webkit-box-shadow:var(--f-button-shadow);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;-webkit-transition:var(--f-button-transition);transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;-webkit-box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;-webkit-transition:opacity .15s ease;transition:opacity .15s ease;-webkit-transform:var(--f-button-transform);transform:var(--f-button-transform);-webkit-filter:var(--f-button-svg-filter);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{-ms-touch-action:none;touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:-webkit-calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;-webkit-transform-origin:top left;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{-webkit-box-sizing:inherit;box-sizing:inherit}.fancybox__container::-webkit-backdrop{background-color:rgba(0,0,0,0)}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:-webkit-grab;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.fancybox__track{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 auto;height:100%}.fancybox__slide{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";-webkit-box-flex:0;-webkit-flex:0 0 0;-ms-flex:0 0 0px;flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:-webkit-grab;cursor:grab}.can-zoom_in .fancybox__content{cursor:-webkit-zoom-in;cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:-webkit-zoom-out;cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;-webkit-transition:none;transition:none;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-filter:blur(0px);filter:blur(0px)}.fancybox__caption{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;max-width:100%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);-webkit-transition:all .25s ease;transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{-webkit-animation:.15s ease-out both f-fadeOut;animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;-webkit-animation:.15s ease-out both f-fadeOut;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, -webkit-calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, -webkit-calc(var(--f-spinner-height) * -0.5));margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;-o-object-fit:contain;object-fit:contain;z-index:40;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){-webkit-animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn;animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{-webkit-animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn;animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){-webkit-animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut;animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{-webkit-animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut;animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:-webkit-calc(100% - 120px);width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-perspective:1000px;perspective:1000px;-webkit-transform:translateZ(0);transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:-webkit-gradient(linear, left top, left bottom, from(#ebeff2), to(#e2e8f0));background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.f-thumbs__track{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.f-thumbs__slide{position:relative;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-sizing:content-box;box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:-webkit-max-content;width:-moz-max-content;width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:-webkit-calc((var(--f-thumb-clip-width, 0))*-0.5);left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:-webkit-calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);-webkit-transform:translate3d(-webkit-calc(var(--shift, 0) * -1px), 0, 0);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);-webkit-transition:none;transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{-webkit-transition:-webkit-transform .33s ease;transition:-webkit-transform .33s ease;transition:transform .33s ease;transition:transform .33s ease, -webkit-transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{-webkit-transition:-webkit-clip-path .33s ease;transition:-webkit-clip-path .33s ease;transition:clip-path .33s ease;transition:clip-path .33s ease, -webkit-clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{-webkit-filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;-ms-touch-action:manipulation;touch-action:manipulation;opacity:var(--f-thumb-opacity);-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 -webkit-calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );-webkit-clip-path:var(--clip-path);clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);-webkit-animation:f-fadeIn .2s ease-out;animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;-o-object-fit:cover;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);-webkit-transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.05)));background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.05)));background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{-webkit-transition:none !important;transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;-webkit-animation:.15s ease-out both f-fadeOut;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0}.fancybox__toolbar__column.is-right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child{display:-webkit-box;display:-webkit-flex;display:flex}:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:-ms-flexbox;display:flex}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:linear;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}@charset "UTF-8"; /* Colours The $colors map will generate a list of helper classes you can use for setting background and colour, eg. .white { color : $white } .bg-white { background-color : $white } */ /* Transitions */ /* Type These values will be used to generate fluid type classes */ /* Heading sizes */ /* Body Sizes */ /* Base Padding The base unit for this site's spacing, will be used to generate the grid classes as well ass your padding helper classes */ /** * Header Height */ /* Additional Breakpoints */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { width: device-width; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Inter", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #444444; text-align: left; background-color: #f3eee9; } [tabindex="-1"]:focus { outline: 0 !important; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } h1, .text-image-v1__heading h2, h2, h3, h4, .special-offer-slider__content--item .item-content .title, .testimonials__content .content-slide__quote h2, .testimonials__content .content-slide__quote h3, .accommodation-showcase__contents .showcase-item__slider--item .item-content .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title, .tease--accommodation .item-content .title, .tease--accommodation .item-content-mobile .title, .mega-menu__menus--nav .nav__title, .mega-menu__menus--accommodation .nav__title, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: rgb(0, 86.1, 178.5); text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type=date], input[type=time], input[type=datetime-local], input[type=month] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .container { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; } @media (min-width: 75em) { .container { padding-left: 15px; padding-right: 15px; } } .container.no-max { max-width: none; } .col { padding-left: 15px; padding-right: 15px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; min-height: 1px; position: relative; } .col.no-padding { padding-left: 0; padding-right: 0; } @media (max-width: -0.01em) { .col.xs-no-padding { padding-left: 0; padding-right: 0; } } @media (min-width: 36em) { .col.sm-no-padding { padding-left: 0; padding-right: 0; } } @media (min-width: 48em) { .col.md-no-padding { padding-left: 0; padding-right: 0; } } @media (min-width: 62em) { .col.lg-no-padding { padding-left: 0; padding-right: 0; } } @media (min-width: 75em) { .col.xl-no-padding { padding-left: 0; padding-right: 0; } } @media (min-width: 48em) { .col.mobile-menu-break-no-padding { padding-left: 0; padding-right: 0; } } @media (max-width: -0.01em) { .hidden-until-xs { display: none !important; } } @media (min-width: 0em) { .hidden-from-xs { display: none !important; } } @media (max-width: 35.99em) { .hidden-until-sm { display: none !important; } } @media (min-width: 36em) { .hidden-from-sm { display: none !important; } } @media (max-width: 47.99em) { .hidden-until-md { display: none !important; } } @media (min-width: 48em) { .hidden-from-md { display: none !important; } } @media (max-width: 61.99em) { .hidden-until-lg { display: none !important; } } @media (min-width: 62em) { .hidden-from-lg { display: none !important; } } @media (max-width: 74.99em) { .hidden-until-xl { display: none !important; } } @media (min-width: 75em) { .hidden-from-xl { display: none !important; } } @media (max-width: 47.99em) { .hidden-until-mobile-menu-break { display: none !important; } } @media (min-width: 48em) { .hidden-from-mobile-menu-break { display: none !important; } } .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .row.reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .no-gutter { margin-right: 0; margin-left: 0; } .no-gutter > .col { padding-right: 0; padding-left: 0; } .first-xs { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .reset-xs { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .last-xs { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .xs-offset-0 { margin-left: 0%; } .xs-1 { -webkit-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .xs-offset-1 { margin-left: 8.3333333333%; } .xs-2 { -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .xs-offset-2 { margin-left: 16.6666666667%; } .xs-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .xs-offset-3 { margin-left: 25%; } .xs-4 { -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .xs-offset-4 { margin-left: 33.3333333333%; } .xs-5 { -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .xs-offset-5 { margin-left: 41.6666666667%; } .xs-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .xs-offset-6 { margin-left: 50%; } .xs-7 { -webkit-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .xs-offset-7 { margin-left: 58.3333333333%; } .xs-8 { -webkit-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .xs-offset-8 { margin-left: 66.6666666667%; } .xs-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .xs-offset-9 { margin-left: 75%; } .xs-10 { -webkit-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .xs-offset-10 { margin-left: 83.3333333333%; } .xs-11 { -webkit-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .xs-offset-11 { margin-left: 91.6666666667%; } .xs-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .xs-offset-12 { margin-left: 100%; } @media (min-width: 36em) { .first-sm { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .reset-sm { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .last-sm { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .sm-offset-0 { margin-left: 0%; } .sm-1 { -webkit-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .sm-offset-1 { margin-left: 8.3333333333%; } .sm-2 { -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .sm-offset-2 { margin-left: 16.6666666667%; } .sm-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .sm-offset-3 { margin-left: 25%; } .sm-4 { -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .sm-offset-4 { margin-left: 33.3333333333%; } .sm-5 { -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .sm-offset-5 { margin-left: 41.6666666667%; } .sm-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .sm-offset-6 { margin-left: 50%; } .sm-7 { -webkit-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .sm-offset-7 { margin-left: 58.3333333333%; } .sm-8 { -webkit-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .sm-offset-8 { margin-left: 66.6666666667%; } .sm-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .sm-offset-9 { margin-left: 75%; } .sm-10 { -webkit-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .sm-offset-10 { margin-left: 83.3333333333%; } .sm-11 { -webkit-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .sm-offset-11 { margin-left: 91.6666666667%; } .sm-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .sm-offset-12 { margin-left: 100%; } } @media (min-width: 48em) { .first-md { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .reset-md { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .last-md { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .md-offset-0 { margin-left: 0%; } .md-1 { -webkit-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .md-offset-1 { margin-left: 8.3333333333%; } .md-2 { -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .md-offset-2 { margin-left: 16.6666666667%; } .md-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .md-offset-3 { margin-left: 25%; } .md-4 { -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .md-offset-4 { margin-left: 33.3333333333%; } .md-5 { -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .md-offset-5 { margin-left: 41.6666666667%; } .md-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .md-offset-6 { margin-left: 50%; } .md-7 { -webkit-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .md-offset-7 { margin-left: 58.3333333333%; } .md-8 { -webkit-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .md-offset-8 { margin-left: 66.6666666667%; } .md-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .md-offset-9 { margin-left: 75%; } .md-10 { -webkit-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .md-offset-10 { margin-left: 83.3333333333%; } .md-11 { -webkit-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .md-offset-11 { margin-left: 91.6666666667%; } .md-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .md-offset-12 { margin-left: 100%; } } @media (min-width: 62em) { .first-lg { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .reset-lg { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .last-lg { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .lg-offset-0 { margin-left: 0%; } .lg-1 { -webkit-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .lg-offset-1 { margin-left: 8.3333333333%; } .lg-2 { -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .lg-offset-2 { margin-left: 16.6666666667%; } .lg-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .lg-offset-3 { margin-left: 25%; } .lg-4 { -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .lg-offset-4 { margin-left: 33.3333333333%; } .lg-5 { -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .lg-offset-5 { margin-left: 41.6666666667%; } .lg-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .lg-offset-6 { margin-left: 50%; } .lg-7 { -webkit-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .lg-offset-7 { margin-left: 58.3333333333%; } .lg-8 { -webkit-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .lg-offset-8 { margin-left: 66.6666666667%; } .lg-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .lg-offset-9 { margin-left: 75%; } .lg-10 { -webkit-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .lg-offset-10 { margin-left: 83.3333333333%; } .lg-11 { -webkit-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .lg-offset-11 { margin-left: 91.6666666667%; } .lg-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .lg-offset-12 { margin-left: 100%; } } @media (min-width: 75em) { .first-xl { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .reset-xl { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .last-xl { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .xl-offset-0 { margin-left: 0%; } .xl-1 { -webkit-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .xl-offset-1 { margin-left: 8.3333333333%; } .xl-2 { -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .xl-offset-2 { margin-left: 16.6666666667%; } .xl-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .xl-offset-3 { margin-left: 25%; } .xl-4 { -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .xl-offset-4 { margin-left: 33.3333333333%; } .xl-5 { -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .xl-offset-5 { margin-left: 41.6666666667%; } .xl-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .xl-offset-6 { margin-left: 50%; } .xl-7 { -webkit-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .xl-offset-7 { margin-left: 58.3333333333%; } .xl-8 { -webkit-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .xl-offset-8 { margin-left: 66.6666666667%; } .xl-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .xl-offset-9 { margin-left: 75%; } .xl-10 { -webkit-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .xl-offset-10 { margin-left: 83.3333333333%; } .xl-11 { -webkit-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .xl-offset-11 { margin-left: 91.6666666667%; } .xl-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .xl-offset-12 { margin-left: 100%; } } @media (min-width: 48em) { .first-mobile-menu-break { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .reset-mobile-menu-break { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .last-mobile-menu-break { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .mobile-menu-break-offset-0 { margin-left: 0%; } .mobile-menu-break-1 { -webkit-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .mobile-menu-break-offset-1 { margin-left: 8.3333333333%; } .mobile-menu-break-2 { -webkit-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .mobile-menu-break-offset-2 { margin-left: 16.6666666667%; } .mobile-menu-break-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .mobile-menu-break-offset-3 { margin-left: 25%; } .mobile-menu-break-4 { -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .mobile-menu-break-offset-4 { margin-left: 33.3333333333%; } .mobile-menu-break-5 { -webkit-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .mobile-menu-break-offset-5 { margin-left: 41.6666666667%; } .mobile-menu-break-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .mobile-menu-break-offset-6 { margin-left: 50%; } .mobile-menu-break-7 { -webkit-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .mobile-menu-break-offset-7 { margin-left: 58.3333333333%; } .mobile-menu-break-8 { -webkit-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .mobile-menu-break-offset-8 { margin-left: 66.6666666667%; } .mobile-menu-break-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .mobile-menu-break-offset-9 { margin-left: 75%; } .mobile-menu-break-10 { -webkit-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .mobile-menu-break-offset-10 { margin-left: 83.3333333333%; } .mobile-menu-break-11 { -webkit-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .mobile-menu-break-offset-11 { margin-left: 91.6666666667%; } .mobile-menu-break-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .mobile-menu-break-offset-12 { margin-left: 100%; } } .flex-dir-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flex-dir-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-dir-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-dir-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media (min-width: 36em) { .flex-dir-row-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flex-dir-row-reverse-sm { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-dir-column-sm { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-dir-column-reverse-sm { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media (min-width: 48em) { .flex-dir-row-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flex-dir-row-reverse-md { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-dir-column-md { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-dir-column-reverse-md { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media (min-width: 62em) { .flex-dir-row-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flex-dir-row-reverse-lg { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-dir-column-lg { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-dir-column-reverse-lg { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media (min-width: 75em) { .flex-dir-row-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flex-dir-row-reverse-xl { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-dir-column-xl { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-dir-column-reverse-xl { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media (min-width: 48em) { .flex-dir-row-mobile-menu-break { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flex-dir-row-reverse-mobile-menu-break { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-dir-column-mobile-menu-break { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-dir-column-reverse-mobile-menu-break { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .flex-wrap-nowrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-wrap-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-wrap-wrap-reverse { -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } @media (min-width: 36em) { .flex-wrap-nowrap-sm { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-wrap-wrap-sm { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-wrap-wrap-reverse-sm { -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } } @media (min-width: 48em) { .flex-wrap-nowrap-md { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-wrap-wrap-md { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-wrap-wrap-reverse-md { -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } } @media (min-width: 62em) { .flex-wrap-nowrap-lg { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-wrap-wrap-lg { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-wrap-wrap-reverse-lg { -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } } @media (min-width: 75em) { .flex-wrap-nowrap-xl { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-wrap-wrap-xl { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-wrap-wrap-reverse-xl { -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } } @media (min-width: 48em) { .flex-wrap-nowrap-mobile-menu-break { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-wrap-wrap-mobile-menu-break { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-wrap-wrap-reverse-mobile-menu-break { -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } } .justify-flex-start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .justify-flex-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .justify-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .justify-space-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .justify-space-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } @media (min-width: 36em) { .justify-flex-start-sm { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .justify-flex-end-sm { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .justify-center-sm { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .justify-space-between-sm { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .justify-space-around-sm { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } } @media (min-width: 48em) { .justify-flex-start-md { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .justify-flex-end-md { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .justify-center-md { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .justify-space-between-md { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .justify-space-around-md { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } } @media (min-width: 62em) { .justify-flex-start-lg { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .justify-flex-end-lg { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .justify-center-lg { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .justify-space-between-lg { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .justify-space-around-lg { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } } @media (min-width: 75em) { .justify-flex-start-xl { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .justify-flex-end-xl { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .justify-center-xl { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .justify-space-between-xl { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .justify-space-around-xl { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } } @media (min-width: 48em) { .justify-flex-start-mobile-menu-break { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .justify-flex-end-mobile-menu-break { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .justify-center-mobile-menu-break { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .justify-space-between-mobile-menu-break { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .justify-space-around-mobile-menu-break { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } } .align-items-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (min-width: 36em) { .align-items-center-sm { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 48em) { .align-items-center-md { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 62em) { .align-items-center-lg { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 75em) { .align-items-center-xl { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 48em) { .align-items-center-mobile-menu-break { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .align-content-center { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } @media (min-width: 36em) { .align-content-center-sm { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } } @media (min-width: 48em) { .align-content-center-md { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } } @media (min-width: 62em) { .align-content-center-lg { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } } @media (min-width: 75em) { .align-content-center-xl { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } } @media (min-width: 48em) { .align-content-center-mobile-menu-break { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } } .flex-grow-0 { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } .flex-grow-1 { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (min-width: 36em) { .flex-grow-0-sm { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } .flex-grow-1-sm { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media (min-width: 48em) { .flex-grow-0-md { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } .flex-grow-1-md { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media (min-width: 62em) { .flex-grow-0-lg { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } .flex-grow-1-lg { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media (min-width: 75em) { .flex-grow-0-xl { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } .flex-grow-1-xl { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media (min-width: 48em) { .flex-grow-0-mobile-menu-break { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } .flex-grow-1-mobile-menu-break { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } } .flex-shrink-0 { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .flex-shrink-1 { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } @media (min-width: 36em) { .flex-shrink-0-sm { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .flex-shrink-1-sm { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } } @media (min-width: 48em) { .flex-shrink-0-md { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .flex-shrink-1-md { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } } @media (min-width: 62em) { .flex-shrink-0-lg { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .flex-shrink-1-lg { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } } @media (min-width: 75em) { .flex-shrink-0-xl { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .flex-shrink-1-xl { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } } @media (min-width: 48em) { .flex-shrink-0-mobile-menu-break { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .flex-shrink-1-mobile-menu-break { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } } .nice-select { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: #fff; border-radius: 5px; border: solid 1px #ced4da; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 42px; line-height: 40px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } .nice-select:hover { border-color: rgb(191.4709302326, 199.25, 207.0290697674); } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #655139; } .nice-select:after { border-bottom: 2px solid #655139; border-right: 2px solid #655139; content: ""; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; } .nice-select.open:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: rgb(211.811627907, 217.1, 222.388372093); color: #ced4da; pointer-events: none; } .nice-select.disabled:after { border-color: rgb(164.8101265823, 133.164556962, 95.1898734177); } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 0 0 1px rgba(52, 58, 64, 0.11); box-shadow: 0 0 0 1px rgba(52, 58, 64, 0.11); -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #e9ecef; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #6c757d; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } .nice-select { height: auto; font-size: 16px; line-height: 1.7; color: #ced4da; } .nice-select:after { width: 10px; height: 10px; right: 25px; margin-top: -6px; } .nice-select:hover { border-color: transparent; } .nice-select .list { width: 100%; -webkit-transition: all all 150ms ease-out; transition: all all 150ms ease-out; } .nice-select .option.focus, .nice-select .option.selected.focus { background-color: transparent; } .nice-select .option:hover, .nice-select .option:hover.focus, .nice-select .option:hover.selected.focus { background-color: #655139; color: #fff; } .validated.has-error .form-control, .validated.has-error .ginput_container_list .gfield_list_cell input, .ginput_container_list .gfield_list_cell .validated.has-error input, .validated.has-error .form-group.name input, .form-group.name .validated.has-error input, .validated.has-error .form-group.time input, .form-group.time .validated.has-error input, .validated.has-error .form-group.time select, .form-group.time .validated.has-error select, .validated.has-error .form-group.address input, .form-group.address .validated.has-error input, .validated.has-error .form-group.address select, .form-group.address .validated.has-error select { border: 1px solid #ffb8b8; } .gform-theme--framework.ui-datepicker { top: unset !important; bottom: 70px !important; border: none !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } @media (max-width: 61.99em) { .gform-theme--framework.ui-datepicker { bottom: 270px !important; } } .gform-theme--framework.ui-datepicker .ui-datepicker-title select { border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .gform-theme--framework.ui-datepicker .ui-datepicker-title select:focus { border-color: #cecfd2 !important; } .gform-theme--framework.ui-datepicker .ui-state-default { border-radius: 0 !important; font-size: 16px !important; } .gform-theme--framework.ui-datepicker .ui-state-highlight { background: #cecfd2 !important; } .gform-theme--framework.ui-datepicker .ui-state-active { background: #151617 !important; color: #f8f8f8 !important; } .input-wrapper .gfield_description.help-block { bottom: 10px; position: absolute; font-size: 11px; color: #dc4949; margin-bottom: 0; } .input-wrapper.phone .instruction { bottom: 10px; position: absolute; font-size: 11px; margin-bottom: 0; right: 15px; color: #dc4949; } .gform_validation_error { position: relative; } .gfield_checkbox, .gfield_radio { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 15px; } .gfield_checkbox li, .gfield_checkbox div, .gfield_radio li, .gfield_radio div { display: block; margin-bottom: 15px; width: 100%; } .gfield_checkbox li:before, .gfield_checkbox div:before, .gfield_radio li:before, .gfield_radio div:before { display: none; } @media (min-width: 36em) { .gfield_checkbox li, .gfield_checkbox div, .gfield_radio li, .gfield_radio div { width: 50%; } } @media (min-width: 62em) { .gfield_checkbox li, .gfield_checkbox div, .gfield_radio li, .gfield_radio div { width: 33.33%; } } .gfield_checkbox li input[type=radio]:empty, .gfield_checkbox li input[type=checkbox]:empty, .gfield_checkbox div input[type=radio]:empty, .gfield_checkbox div input[type=checkbox]:empty, .gfield_radio li input[type=radio]:empty, .gfield_radio li input[type=checkbox]:empty, .gfield_radio div input[type=radio]:empty, .gfield_radio div input[type=checkbox]:empty { margin-left: -9999px; position: absolute; height: 0; } .gfield_checkbox li input[type=radio]:checked ~ label:before, .gfield_checkbox li input[type=checkbox]:checked ~ label:before, .gfield_checkbox div input[type=radio]:checked ~ label:before, .gfield_checkbox div input[type=checkbox]:checked ~ label:before, .gfield_radio li input[type=radio]:checked ~ label:before, .gfield_radio li input[type=checkbox]:checked ~ label:before, .gfield_radio div input[type=radio]:checked ~ label:before, .gfield_radio div input[type=checkbox]:checked ~ label:before { color: #655139; border-color: #655139; } .gfield_checkbox li input[type=radio]:focus ~ label:before, .gfield_checkbox li input[type=checkbox]:focus ~ label:before, .gfield_checkbox div input[type=radio]:focus ~ label:before, .gfield_checkbox div input[type=checkbox]:focus ~ label:before, .gfield_radio li input[type=radio]:focus ~ label:before, .gfield_radio li input[type=checkbox]:focus ~ label:before, .gfield_radio div input[type=radio]:focus ~ label:before, .gfield_radio div input[type=checkbox]:focus ~ label:before { border-color: #655139; } .gfield_checkbox li label, .gfield_checkbox div label, .gfield_radio li label, .gfield_radio div label { display: block; padding-left: 45px; position: relative; height: 30px; font-size: 15px; line-height: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .gfield_checkbox li label:before, .gfield_checkbox div label:before, .gfield_radio li label:before, .gfield_radio div label:before { content: "\2714"; width: 30px; height: 30px; display: block; position: absolute; left: 0; top: 0; background: #fff; border: 1px solid #ced4da; font-size: 19.8px; line-height: 30px; text-align: center; color: transparent; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .ginput_container_consent { display: block; margin-bottom: 15px; width: 100%; } .ginput_container_consent:before { display: none; } .ginput_container_consent input[type=checkbox]:empty { margin-left: -9999px; position: absolute; height: 0; } .ginput_container_consent input[type=checkbox]:checked ~ label:before { color: #655139; border-color: #655139; } .ginput_container_consent input[type=checkbox]:focus ~ label:before { border-color: #655139; } .ginput_container_consent label { display: block; padding-left: 45px; position: relative; height: 30px; font-size: 15px; line-height: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .ginput_container_consent label:before { content: "\2714"; width: 30px; height: 30px; display: block; position: absolute; left: 0; top: 0; background: #fff; border: 1px solid #ced4da; font-size: 19.8px; line-height: 30px; text-align: center; color: transparent; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .gfield_radio li label:before, .gfield_radio div label:before { border-radius: 50%; } .form-group.time .clear-multi { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -5px; margin-right: -5px; } .form-group.time .ginput_container_time { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 5px; padding-right: 5px; } .input-wrapper .gfield_description, .input-wrapper .gfield_drop_instructions { font-size: 0.9em; margin-bottom: 10px; } .form-group.address .ginput_left { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin-right: 10px; float: left; } .form-group.address .ginput_right { width: 50%; float: left; } .form-group.address .nice-select { height: 58px; border-radius: 0; border-color: #e9ecef; width: 100%; color: #444444; padding: 0 15px !important; line-height: 58px; } .form-group.address .nice-select .list { z-index: 50; } .form-group.address .nice-select .list li, .form-group.address .nice-select .list div { padding: 0 29px 0 18px; color: #444444; } .form-group.address .nice-select .list li:hover, .form-group.address .nice-select .list div:hover { color: #fff; } .form-group.name span { width: 50%; float: left; } .form-group.name span.name_first { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin-right: 10px; } .input-wrapper.section .gsection_description { margin-bottom: 15px; } .article-content .gform_wrapper ul li { padding-left: 0; } .article-content .gform_wrapper ul li:before { display: none; } .article-content .gform_wrapper .form-control, .article-content .gform_wrapper .ginput_container_list .gfield_list_cell input, .ginput_container_list .gfield_list_cell .article-content .gform_wrapper input, .form-group.name .article-content .gform_wrapper input, .article-content .gform_wrapper .form-group.time input, .form-group.time .article-content .gform_wrapper input, .article-content .gform_wrapper .form-group.time select, .form-group.time .article-content .gform_wrapper select, .form-group.address .article-content .gform_wrapper input, .form-group.address .article-content .gform_wrapper select, .article-content .gform_wrapper .form-group.name input, .article-content .gform_wrapper .form-group.address input, .article-content .gform_wrapper .form-group.address select { border-color: #e9ecef; color: #444444; } .article-content .gform_wrapper .ginput_container_fileupload { border-color: #e9ecef; } .article-content .gform_wrapper .gfield_checkbox li, .article-content .gform_wrapper .gfield_radio li { margin-bottom: 0; } @media (min-width: 36em) { .article-content .gform_wrapper .gfield_checkbox li, .article-content .gform_wrapper .gfield_radio li { width: 100%; } } @media (min-width: 62em) { .article-content .gform_wrapper .gfield_checkbox li, .article-content .gform_wrapper .gfield_radio li { width: 100%; } } .article-content .gform_wrapper img.gform_delete { width: auto; height: auto; } .gform_ajax_spinner { display: none !important; } .gform-spinner { color: transparent !important; position: relative; } .gform-spinner__inner { display: block; position: absolute; width: 20px; height: 20px; left: 50%; top: 50%; margin-top: -10px; margin-left: -10px; border-radius: 50%; border: 3px solid #fff; border-top-color: #655139; -webkit-animation: gforms-rotate 2s infinite; animation: gforms-rotate 2s infinite; z-index: 20; opacity: 1; } @-webkit-keyframes gforms-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes gforms-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } input[type=file] { border-width: 1; margin-bottom: 0; color: #ced4da; background: #fff; font-size: 16px; font-weight: 700; } input[type=file]::-webkit-file-upload-button { background: #fff; color: #ced4da; font-size: 16px; font-weight: normal; border-width: 0; } .ginput_container_fileupload { position: relative; margin-bottom: 15px; border: 1px solid transparent !important; border-radius: 0.25rem; } @media screen and (min-width: 0px) { .ginput_container_fileupload { margin-bottom: -webkit-calc(15px + 15 * (100vw - 0px) / 1200); margin-bottom: calc(15px + 15 * (100vw - 0px) / 1200); } } @media screen and (min-width: 1200px) { .ginput_container_fileupload { margin-bottom: 30px; } } .ginput_container_fileupload:after { position: absolute; top: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; width: 18px; height: 18px; background-image: image("upload.svg"); background-size: contain; content: ""; right: 1.5rem; } .ginput_container_fileupload .ginput_preview { padding-top: 8px; } .ginput_container_list table.gfield_list tbody tr td.gfield_list_icons img { max-width: none; } .ginput_container_list .gfield_list_cell input { border: 1px solid #e9ecef; border-radius: 0.25rem; margin-bottom: 0 !important; } .gform_wrapper.gravity-theme .row { margin-left: 0; margin-right: 0; } .gform_wrapper.gravity-theme .col { padding-left: 0; padding-right: 0; } .gform_wrapper.gravity-theme .gform_required_legend { display: none; } .gform_wrapper.gravity-theme .form-group.address .ginput_left { margin-right: auto; float: none; } .gform_wrapper.gravity-theme .ginput_complex .ginput_container_time { max-width: 124px; padding-left: 0; padding-right: 0; } .gform_wrapper.gravity-theme .ginput_complex .hour_minute_colon { line-height: 54px; } .browserupgrade { display: none; padding: 16px; color: #a94442; background-color: #f2dede; border: 1px solid #ebccd1; z-index: 1500; position: fixed; top: 0; left: 0; width: 100%; height: 60px; font-size: 16px; line-height: 1.5; } .browserupgrade a { color: #a94442; font-weight: bold; } .browserupgrade a:hover, .browserupgrade a:focus { text-decoration: underline; color: #a94442; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .browserupgrade { display: block; } } /** * Swiper 11.1.15 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 18, 2024 */ @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { -webkit-scroll-snap-type: x mandatory; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { -webkit-scroll-snap-type: y mandatory; -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { -webkit-scroll-snap-type: none; -ms-scroll-snap-type: none; scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -ms-flex-order: 9999; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @-webkit-keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Slide styles end */ .swiper-fade.swiper-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: 8px; --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-border-radius: 50%; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Fraction */ .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } /* Progress */ .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } [data-sal] { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-delay: var(--sal-delay, 0s); transition-delay: var(--sal-delay, 0s); -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-duration: var(--sal-duration, 0.2s); transition-duration: var(--sal-duration, 0.2s); -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-timing-function: var(--sal-easing, ease); transition-timing-function: var(--sal-easing, ease); } [data-sal][data-sal-duration="200"] { -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } [data-sal][data-sal-duration="250"] { -webkit-transition-duration: 0.25s; transition-duration: 0.25s; } [data-sal][data-sal-duration="300"] { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } [data-sal][data-sal-duration="350"] { -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } [data-sal][data-sal-duration="400"] { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } [data-sal][data-sal-duration="450"] { -webkit-transition-duration: 0.45s; transition-duration: 0.45s; } [data-sal][data-sal-duration="500"] { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } [data-sal][data-sal-duration="550"] { -webkit-transition-duration: 0.55s; transition-duration: 0.55s; } [data-sal][data-sal-duration="600"] { -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } [data-sal][data-sal-duration="650"] { -webkit-transition-duration: 0.65s; transition-duration: 0.65s; } [data-sal][data-sal-duration="700"] { -webkit-transition-duration: 0.7s; transition-duration: 0.7s; } [data-sal][data-sal-duration="750"] { -webkit-transition-duration: 0.75s; transition-duration: 0.75s; } [data-sal][data-sal-duration="800"] { -webkit-transition-duration: 0.8s; transition-duration: 0.8s; } [data-sal][data-sal-duration="850"] { -webkit-transition-duration: 0.85s; transition-duration: 0.85s; } [data-sal][data-sal-duration="900"] { -webkit-transition-duration: 0.9s; transition-duration: 0.9s; } [data-sal][data-sal-duration="950"] { -webkit-transition-duration: 0.95s; transition-duration: 0.95s; } [data-sal][data-sal-duration="1000"] { -webkit-transition-duration: 1s; transition-duration: 1s; } [data-sal][data-sal-duration="1050"] { -webkit-transition-duration: 1.05s; transition-duration: 1.05s; } [data-sal][data-sal-duration="1100"] { -webkit-transition-duration: 1.1s; transition-duration: 1.1s; } [data-sal][data-sal-duration="1150"] { -webkit-transition-duration: 1.15s; transition-duration: 1.15s; } [data-sal][data-sal-duration="1200"] { -webkit-transition-duration: 1.2s; transition-duration: 1.2s; } [data-sal][data-sal-duration="1250"] { -webkit-transition-duration: 1.25s; transition-duration: 1.25s; } [data-sal][data-sal-duration="1300"] { -webkit-transition-duration: 1.3s; transition-duration: 1.3s; } [data-sal][data-sal-duration="1350"] { -webkit-transition-duration: 1.35s; transition-duration: 1.35s; } [data-sal][data-sal-duration="1400"] { -webkit-transition-duration: 1.4s; transition-duration: 1.4s; } [data-sal][data-sal-duration="1450"] { -webkit-transition-duration: 1.45s; transition-duration: 1.45s; } [data-sal][data-sal-duration="1500"] { -webkit-transition-duration: 1.5s; transition-duration: 1.5s; } [data-sal][data-sal-duration="1550"] { -webkit-transition-duration: 1.55s; transition-duration: 1.55s; } [data-sal][data-sal-duration="1600"] { -webkit-transition-duration: 1.6s; transition-duration: 1.6s; } [data-sal][data-sal-duration="1650"] { -webkit-transition-duration: 1.65s; transition-duration: 1.65s; } [data-sal][data-sal-duration="1700"] { -webkit-transition-duration: 1.7s; transition-duration: 1.7s; } [data-sal][data-sal-duration="1750"] { -webkit-transition-duration: 1.75s; transition-duration: 1.75s; } [data-sal][data-sal-duration="1800"] { -webkit-transition-duration: 1.8s; transition-duration: 1.8s; } [data-sal][data-sal-duration="1850"] { -webkit-transition-duration: 1.85s; transition-duration: 1.85s; } [data-sal][data-sal-duration="1900"] { -webkit-transition-duration: 1.9s; transition-duration: 1.9s; } [data-sal][data-sal-duration="1950"] { -webkit-transition-duration: 1.95s; transition-duration: 1.95s; } [data-sal][data-sal-duration="2000"] { -webkit-transition-duration: 2s; transition-duration: 2s; } [data-sal][data-sal-delay="50"] { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } [data-sal][data-sal-delay="100"] { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } [data-sal][data-sal-delay="150"] { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } [data-sal][data-sal-delay="200"] { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } [data-sal][data-sal-delay="250"] { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } [data-sal][data-sal-delay="300"] { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } [data-sal][data-sal-delay="350"] { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } [data-sal][data-sal-delay="400"] { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } [data-sal][data-sal-delay="450"] { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } [data-sal][data-sal-delay="500"] { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } [data-sal][data-sal-delay="550"] { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; } [data-sal][data-sal-delay="600"] { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } [data-sal][data-sal-delay="650"] { -webkit-transition-delay: 0.65s; transition-delay: 0.65s; } [data-sal][data-sal-delay="700"] { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } [data-sal][data-sal-delay="750"] { -webkit-transition-delay: 0.75s; transition-delay: 0.75s; } [data-sal][data-sal-delay="800"] { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } [data-sal][data-sal-delay="850"] { -webkit-transition-delay: 0.85s; transition-delay: 0.85s; } [data-sal][data-sal-delay="900"] { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } [data-sal][data-sal-delay="950"] { -webkit-transition-delay: 0.95s; transition-delay: 0.95s; } [data-sal][data-sal-delay="1000"] { -webkit-transition-delay: 1s; transition-delay: 1s; } [data-sal][data-sal-easing=linear] { -webkit-transition-timing-function: linear; transition-timing-function: linear; } [data-sal][data-sal-easing=ease] { -webkit-transition-timing-function: ease; transition-timing-function: ease; } [data-sal][data-sal-easing=ease-in] { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } [data-sal][data-sal-easing=ease-out] { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } [data-sal][data-sal-easing=ease-in-out] { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } [data-sal][data-sal-easing=ease-in-cubic] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } [data-sal][data-sal-easing=ease-out-cubic] { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } [data-sal][data-sal-easing=ease-in-out-cubic] { -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } [data-sal][data-sal-easing=ease-in-circ] { -webkit-transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335); transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335); } [data-sal][data-sal-easing=ease-out-circ] { -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } [data-sal][data-sal-easing=ease-in-out-circ] { -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } [data-sal][data-sal-easing=ease-in-expo] { -webkit-transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035); transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035); } [data-sal][data-sal-easing=ease-out-expo] { -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } [data-sal][data-sal-easing=ease-in-out-expo] { -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1); transition-timing-function: cubic-bezier(1, 0, 0, 1); } [data-sal][data-sal-easing=ease-in-quad] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-sal][data-sal-easing=ease-out-quad] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-sal][data-sal-easing=ease-in-out-quad] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-sal][data-sal-easing=ease-in-quart] { -webkit-transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); } [data-sal][data-sal-easing=ease-out-quart] { -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } [data-sal][data-sal-easing=ease-in-out-quart] { -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); } [data-sal][data-sal-easing=ease-in-quint] { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } [data-sal][data-sal-easing=ease-out-quint] { -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } [data-sal][data-sal-easing=ease-in-out-quint] { -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } [data-sal][data-sal-easing=ease-in-sine] { -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-sal][data-sal-easing=ease-out-sine] { -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-sal][data-sal-easing=ease-in-out-sine] { -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-sal][data-sal-easing=ease-in-back] { -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-sal][data-sal-easing=ease-out-back] { -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-sal][data-sal-easing=ease-in-out-back] { -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } [data-sal|=fade] { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; } [data-sal|=fade].sal-animate, body.sal-disabled [data-sal|=fade] { opacity: 1; } [data-sal|=slide] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } [data-sal=slide-up] { -webkit-transform: translateY(20%); transform: translateY(20%); } [data-sal=slide-down] { -webkit-transform: translateY(-20%); transform: translateY(-20%); } [data-sal=slide-left] { -webkit-transform: translateX(20%); transform: translateX(20%); } [data-sal=slide-right] { -webkit-transform: translateX(-20%); transform: translateX(-20%); } [data-sal|=slide].sal-animate, body.sal-disabled [data-sal|=slide] { opacity: 1; -webkit-transform: none; transform: none; } [data-sal|=zoom] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } [data-sal=zoom-in] { -webkit-transform: scale(0.5); transform: scale(0.5); } [data-sal=zoom-out] { -webkit-transform: scale(1.1); transform: scale(1.1); } [data-sal|=zoom].sal-animate, body.sal-disabled [data-sal|=zoom] { opacity: 1; -webkit-transform: none; transform: none; } [data-sal|=flip] { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } [data-sal=flip-left] { -webkit-transform: perspective(2000px) rotateY(-91deg); transform: perspective(2000px) rotateY(-91deg); } [data-sal=flip-right] { -webkit-transform: perspective(2000px) rotateY(91deg); transform: perspective(2000px) rotateY(91deg); } [data-sal=flip-up] { -webkit-transform: perspective(2000px) rotateX(-91deg); transform: perspective(2000px) rotateX(-91deg); } [data-sal=flip-down] { -webkit-transform: perspective(2000px) rotateX(91deg); transform: perspective(2000px) rotateX(91deg); } [data-sal|=flip].sal-animate, body.sal-disabled [data-sal|=flip] { -webkit-transform: none; transform: none; } @-webkit-keyframes plyr-progress { to { background-position: var(--plyr-progress-loading-size, 25px) 0; } } @keyframes plyr-progress { to { background-position: var(--plyr-progress-loading-size, 25px) 0; } } @-webkit-keyframes plyr-popup { 0% { opacity: 0.5; -webkit-transform: translateY(10px); transform: translateY(10px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes plyr-popup { 0% { opacity: 0.5; -webkit-transform: translateY(10px); transform: translateY(10px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes plyr-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes plyr-fade-in { from { opacity: 0; } to { opacity: 1; } } .plyr { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; direction: ltr; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-family: var(--plyr-font-family, inherit); font-variant-numeric: tabular-nums; font-weight: var(--plyr-font-weight-regular, 400); line-height: var(--plyr-line-height, 1.7); max-width: 100%; min-width: 200px; position: relative; text-shadow: none; -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; z-index: 0; } .plyr video, .plyr audio, .plyr iframe { display: block; height: 100%; width: 100%; } .plyr button { font: inherit; line-height: inherit; width: auto; } .plyr:focus { outline: 0; } .plyr--full-ui { -webkit-box-sizing: border-box; box-sizing: border-box; } .plyr--full-ui *, .plyr--full-ui *::after, .plyr--full-ui *::before { -webkit-box-sizing: inherit; box-sizing: inherit; } .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label { -ms-touch-action: manipulation; touch-action: manipulation; } .plyr__badge { background: var(--plyr-badge-background, hsl(216, 15%, 34%)); border-radius: var(--plyr-badge-border-radius, 2px); color: var(--plyr-badge-text-color, #fff); font-size: var(--plyr-font-size-badge, 9px); line-height: 1; padding: 3px 4px; } .plyr--full-ui ::-webkit-media-text-track-container { display: none; } .plyr__captions { -webkit-animation: plyr-fade-in 0.3s ease; animation: plyr-fade-in 0.3s ease; bottom: 0; display: none; font-size: var(--plyr-font-size-small, 13px); left: 0; padding: var(--plyr-control-spacing, 10px); position: absolute; text-align: center; -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; width: 100%; } .plyr__captions span:empty { display: none; } @media (min-width: 480px) { .plyr__captions { font-size: var(--plyr-font-size-base, 15px); padding: -webkit-calc(var(--plyr-control-spacing, 10px) * 2); padding: calc(var(--plyr-control-spacing, 10px) * 2); } } @media (min-width: 768px) { .plyr__captions { font-size: var(--plyr-font-size-large, 18px); } } .plyr--captions-active .plyr__captions { display: block; } .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { -webkit-transform: translateY(-webkit-calc(var(--plyr-control-spacing, 10px) * -4)); transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4)); } .plyr__caption { background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8)); border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: var(--plyr-captions-text-color, #fff); line-height: 185%; padding: 0.2em 0.5em; white-space: pre-wrap; } .plyr__caption div { display: inline; } .plyr__control { background: transparent; border: 0; border-radius: var(--plyr-control-radius, 4px); color: inherit; cursor: pointer; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow: visible; padding: -webkit-calc(var(--plyr-control-spacing, 10px) * 0.7); padding: calc(var(--plyr-control-spacing, 10px) * 0.7); position: relative; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .plyr__control svg { display: block; fill: currentColor; height: var(--plyr-control-icon-size, 18px); pointer-events: none; width: var(--plyr-control-icon-size, 18px); } .plyr__control:focus { outline: 0; } .plyr__control:focus-visible { outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); outline-offset: 2px; } a.plyr__control { text-decoration: none; } a.plyr__control::after, a.plyr__control::before { display: none; } .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed, .plyr__control.plyr__control--pressed .label--not-pressed { display: none; } .plyr--full-ui ::-webkit-media-controls { display: none; } .plyr__controls { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: center; } .plyr__controls .plyr__progress__container { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; } .plyr__controls .plyr__controls__item { margin-left: -webkit-calc(var(--plyr-control-spacing, 10px) / 4); margin-left: calc(var(--plyr-control-spacing, 10px) / 4); } .plyr__controls .plyr__controls__item:first-child { margin-left: 0; margin-right: auto; } .plyr__controls .plyr__controls__item.plyr__progress__container { padding-left: -webkit-calc(var(--plyr-control-spacing, 10px) / 4); padding-left: calc(var(--plyr-control-spacing, 10px) / 4); } .plyr__controls .plyr__controls__item.plyr__time { padding: 0 -webkit-calc(var(--plyr-control-spacing, 10px) / 2); padding: 0 calc(var(--plyr-control-spacing, 10px) / 2); } .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time { padding-left: 0; } .plyr__controls:empty { display: none; } .plyr [data-plyr=captions], .plyr [data-plyr=pip], .plyr [data-plyr=airplay], .plyr [data-plyr=fullscreen] { display: none; } .plyr--captions-enabled [data-plyr=captions], .plyr--pip-supported [data-plyr=pip], .plyr--airplay-supported [data-plyr=airplay], .plyr--fullscreen-enabled [data-plyr=fullscreen] { display: inline-block; } .plyr__menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; } .plyr__menu .plyr__control svg { -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .plyr__menu .plyr__control[aria-expanded=true] svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip { display: none; } .plyr__menu__container { -webkit-animation: plyr-popup 0.2s ease; animation: plyr-popup 0.2s ease; background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9)); border-radius: var(--plyr-menu-radius, 8px); bottom: 100%; -webkit-box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); color: var(--plyr-menu-color, hsl(216, 15%, 34%)); font-size: var(--plyr-font-size-base, 15px); margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3; } .plyr__menu__container > div { overflow: hidden; -webkit-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .plyr__menu__container::after { border: var(--plyr-menu-arrow-size, 4px) solid transparent; border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9)); content: ""; height: 0; position: absolute; right: -webkit-calc(var(--plyr-control-icon-size, 18px) / 2 + -webkit-calc(var(--plyr-control-spacing, 10px) * 0.7) - var(--plyr-menu-arrow-size, 4px) / 2); right: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7) - var(--plyr-menu-arrow-size, 4px) / 2); top: 100%; width: 0; } .plyr__menu__container [role=menu] { padding: -webkit-calc(var(--plyr-control-spacing, 10px) * 0.7); padding: calc(var(--plyr-control-spacing, 10px) * 0.7); } .plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] { margin-top: 2px; } .plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child { margin-top: 0; } .plyr__menu__container .plyr__control { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: var(--plyr-menu-color, hsl(216, 15%, 34%)); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px)); padding: -webkit-calc(-webkit-calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5) -webkit-calc(-webkit-calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5); padding: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5) calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .plyr__menu__container .plyr__control > span { -webkit-box-align: inherit; -webkit-align-items: inherit; -ms-flex-align: inherit; align-items: inherit; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .plyr__menu__container .plyr__control::after { border: var(--plyr-menu-item-arrow-size, 4px) solid transparent; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .plyr__menu__container .plyr__control--forward { padding-right: -webkit-calc(-webkit-calc(var(--plyr-control-spacing, 10px) * 0.7) * 4); padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4); } .plyr__menu__container .plyr__control--forward::after { border-left-color: var(--plyr-menu-arrow-color, hsl(216, 15%, 52%)); right: -webkit-calc(-webkit-calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5 - var(--plyr-menu-item-arrow-size, 4px)); right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5 - var(--plyr-menu-item-arrow-size, 4px)); } .plyr__menu__container .plyr__control--forward:focus-visible::after, .plyr__menu__container .plyr__control--forward:hover::after { border-left-color: currentColor; } .plyr__menu__container .plyr__control--back { font-weight: var(--plyr-font-weight-regular, 400); margin: -webkit-calc(var(--plyr-control-spacing, 10px) * 0.7); margin: calc(var(--plyr-control-spacing, 10px) * 0.7); margin-bottom: -webkit-calc(-webkit-calc(var(--plyr-control-spacing, 10px) * 0.7) / 2); margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2); padding-left: -webkit-calc(-webkit-calc(var(--plyr-control-spacing, 10px) * 0.7) * 4); padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4); position: relative; width: -webkit-calc(100% - -webkit-calc(var(--plyr-control-spacing, 10px) * 0.7) * 2); width: calc(100% - calc(var(--plyr-control-spacing, 10px) * 0.7) * 2); } .plyr__menu__container .plyr__control--back::after { border-right-color: var(--plyr-menu-arrow-color, hsl(216, 15%, 52%)); left: -webkit-calc(-webkit-calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5 - var(--plyr-menu-item-arrow-size, 4px)); left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5 - var(--plyr-menu-item-arrow-size, 4px)); } .plyr__menu__container .plyr__control--back::before { background: var(--plyr-menu-back-border-color, hsl(216, 15%, 88%)); -webkit-box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff); box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff); content: ""; height: 1px; left: 0; margin-top: -webkit-calc(-webkit-calc(var(--plyr-control-spacing, 10px) * 0.7) / 2); margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2); overflow: hidden; position: absolute; right: 0; top: 100%; } .plyr__menu__container .plyr__control--back:focus-visible::after, .plyr__menu__container .plyr__control--back:hover::after { border-right-color: currentColor; } .plyr__menu__container .plyr__control[role=menuitemradio] { padding-left: -webkit-calc(var(--plyr-control-spacing, 10px) * 0.7); padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7); } .plyr__menu__container .plyr__control[role=menuitemradio]::before, .plyr__menu__container .plyr__control[role=menuitemradio]::after { border-radius: 100%; } .plyr__menu__container .plyr__control[role=menuitemradio]::before { background: rgba(0, 0, 0, 0.1); content: ""; display: block; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 16px; margin-right: var(--plyr-control-spacing, 10px); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 16px; } .plyr__menu__container .plyr__control[role=menuitemradio]::after { background: #fff; border: 0; height: 6px; left: 12px; opacity: 0; top: 50%; -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; width: 6px; } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before { background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after { opacity: 1; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } .plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before { background: rgba(34.68, 39.576, 46.92, 0.1); } .plyr__menu__container .plyr__menu__value { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: auto; margin-right: -webkit-calc((-webkit-calc(var(--plyr-control-spacing, 10px) * 0.7) - 2px) * -1); margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2px) * -1); overflow: hidden; padding-left: -webkit-calc(-webkit-calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5); padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5); pointer-events: none; } .plyr--full-ui input[type=range] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: 0; border-radius: -webkit-calc(var(--plyr-range-thumb-height, 13px) * 2); border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2); color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); display: block; height: -webkit-calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px)); height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px)); margin: 0; min-width: 0; padding: 0; -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; width: 100%; } .plyr--full-ui input[type=range]::-webkit-slider-runnable-track { background: transparent; border: 0; border-radius: -webkit-calc(var(--plyr-range-track-height, 5px) / 2); border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: var(--plyr-range-track-height, 5px); -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; -webkit-user-select: none; user-select: none; background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(transparent)); background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%)); } .plyr--full-ui input[type=range]::-webkit-slider-thumb { background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)); height: var(--plyr-range-thumb-height, 13px); position: relative; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; width: var(--plyr-range-thumb-height, 13px); -webkit-appearance: none; appearance: none; margin-top: -webkit-calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1); margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1); } .plyr--full-ui input[type=range]::-moz-range-track { background: transparent; border: 0; border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: var(--plyr-range-track-height, 5px); -moz-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -moz-user-select: none; user-select: none; } .plyr--full-ui input[type=range]::-moz-range-thumb { background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)); height: var(--plyr-range-thumb-height, 13px); position: relative; -moz-transition: all 0.2s ease; transition: all 0.2s ease; width: var(--plyr-range-thumb-height, 13px); } .plyr--full-ui input[type=range]::-moz-range-progress { background: currentColor; border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: var(--plyr-range-track-height, 5px); } .plyr--full-ui input[type=range]::-ms-track { background: transparent; border: 0; border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -ms-user-select: none; user-select: none; color: transparent; } .plyr--full-ui input[type=range]::-ms-fill-upper { background: transparent; border: 0; border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -ms-user-select: none; user-select: none; } .plyr--full-ui input[type=range]::-ms-fill-lower { background: transparent; border: 0; border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -ms-user-select: none; user-select: none; background: currentColor; } .plyr--full-ui input[type=range]::-ms-thumb { background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)); height: var(--plyr-range-thumb-height, 13px); position: relative; -ms-transition: all 0.2s ease; transition: all 0.2s ease; width: var(--plyr-range-thumb-height, 13px); margin-top: 0; } .plyr--full-ui input[type=range]::-ms-tooltip { display: none; } .plyr--full-ui input[type=range]::-moz-focus-outer { border: 0; } .plyr--full-ui input[type=range]:focus { outline: 0; } .plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track { outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); outline-offset: 2px; } .plyr--full-ui input[type=range]:focus-visible::-moz-range-track { outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); outline-offset: 2px; } .plyr--full-ui input[type=range]:focus-visible::-ms-track { outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); outline-offset: 2px; } .plyr__poster { background-color: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0))); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; width: 100%; z-index: 1; } .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1; } .plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster { display: none; } .plyr__time { font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); } .plyr__time + .plyr__time::before { content: "\2044"; margin-right: var(--plyr-control-spacing, 10px); } @media (max-width: 767px) { .plyr__time + .plyr__time { display: none; } } /* stylelint-disable selector-max-compound-selectors */ .plyr__tooltip { background: var(--plyr-tooltip-background, #fff); border-radius: var(--plyr-tooltip-radius, 5px); bottom: 100%; -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); color: var(--plyr-tooltip-color, hsl(216, 15%, 34%)); font-size: var(--plyr-font-size-small, 13px); font-weight: var(--plyr-font-weight-regular, 400); left: 50%; line-height: 1.3; margin-bottom: -webkit-calc(-webkit-calc(var(--plyr-control-spacing, 10px) / 2) * 2); margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2); opacity: 0; padding: -webkit-calc(var(--plyr-control-spacing, 10px) / 2) -webkit-calc(-webkit-calc(var(--plyr-control-spacing, 10px) / 2) * 1.5); padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5); pointer-events: none; position: absolute; -webkit-transform: translate(-50%, 10px) scale(0.8); transform: translate(-50%, 10px) scale(0.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease; transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease; white-space: nowrap; z-index: 2; } .plyr__tooltip::before { border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff); bottom: -webkit-calc(var(--plyr-tooltip-arrow-size, 4px) * -1); bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1); content: ""; height: 0; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; z-index: 2; } .plyr .plyr__control:hover .plyr__tooltip, .plyr .plyr__control:focus-visible .plyr__tooltip, .plyr__tooltip--visible { opacity: 1; -webkit-transform: translate(-50%, 0) scale(1); transform: translate(-50%, 0) scale(1); } .plyr .plyr__control:hover .plyr__tooltip { z-index: 3; } .plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip { left: 0; -webkit-transform: translate(0, 10px) scale(0.8); transform: translate(0, 10px) scale(0.8); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before { left: -webkit-calc(var(--plyr-control-icon-size, 18px) / 2 + -webkit-calc(var(--plyr-control-spacing, 10px) * 0.7)); left: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7)); } .plyr__controls > .plyr__control:last-child .plyr__tooltip { left: auto; right: 0; -webkit-transform: translate(0, 10px) scale(0.8); transform: translate(0, 10px) scale(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .plyr__controls > .plyr__control:last-child .plyr__tooltip::before { left: auto; right: -webkit-calc(var(--plyr-control-icon-size, 18px) / 2 + -webkit-calc(var(--plyr-control-spacing, 10px) * 0.7)); right: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7)); -webkit-transform: translateX(50%); transform: translateX(50%); } .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible { -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); } .plyr__progress { left: -webkit-calc(var(--plyr-range-thumb-height, 13px) * 0.5); left: calc(var(--plyr-range-thumb-height, 13px) * 0.5); margin-right: var(--plyr-range-thumb-height, 13px); position: relative; } .plyr__progress input[type=range], .plyr__progress__buffer { margin-left: -webkit-calc(var(--plyr-range-thumb-height, 13px) * -0.5); margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5); margin-right: -webkit-calc(var(--plyr-range-thumb-height, 13px) * -0.5); margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5); width: -webkit-calc(100% + var(--plyr-range-thumb-height, 13px)); width: calc(100% + var(--plyr-range-thumb-height, 13px)); } .plyr__progress input[type=range] { position: relative; z-index: 2; } .plyr__progress .plyr__tooltip { left: 0; max-width: 120px; overflow-wrap: break-word; } .plyr__progress__buffer { -webkit-appearance: none; /* stylelint-disable-line */ background: transparent; border: 0; border-radius: 100px; height: var(--plyr-range-track-height, 5px); left: 0; margin-top: -webkit-calc(var(--plyr-range-track-height, 5px) / 2 * -1); margin-top: calc(var(--plyr-range-track-height, 5px) / 2 * -1); padding: 0; position: absolute; top: 50%; } .plyr__progress__buffer::-webkit-progress-bar { background: transparent; } .plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: var(--plyr-range-track-height, 5px); -webkit-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: var(--plyr-range-track-height, 5px); -moz-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr__progress__buffer::-ms-fill { border-radius: 100px; -ms-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr--loading .plyr__progress__buffer { -webkit-animation: plyr-progress 1s linear infinite; animation: plyr-progress 1s linear infinite; background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(34.68, 39.576, 46.92, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(34.68, 39.576, 46.92, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(34.68, 39.576, 46.92, 0.6)) 75%, transparent 75%, transparent); background-repeat: repeat-x; background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px); color: transparent; } .plyr--video.plyr--loading .plyr__progress__buffer { background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); } .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6)); } .plyr__progress__marker { background-color: var(--plyr-progress-marker-background, #fff); border-radius: 1px; height: var(--plyr-range-track-height, 5px); position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: var(--plyr-progress-marker-width, 3px); z-index: 3; } .plyr__volume { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; } .plyr__volume input[type=range] { margin-left: -webkit-calc(var(--plyr-control-spacing, 10px) / 2); margin-left: calc(var(--plyr-control-spacing, 10px) / 2); margin-right: -webkit-calc(var(--plyr-control-spacing, 10px) / 2); margin-right: calc(var(--plyr-control-spacing, 10px) / 2); max-width: 90px; min-width: 60px; position: relative; z-index: 2; } .plyr--audio { display: block; } .plyr--audio .plyr__controls { background: var(--plyr-audio-controls-background, #fff); border-radius: inherit; color: var(--plyr-audio-control-color, hsl(216, 15%, 34%)); padding: var(--plyr-control-spacing, 10px); } .plyr--audio .plyr__control:focus-visible, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] { background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); color: var(--plyr-audio-control-color-hover, #fff); } .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track { background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6))); } .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track { background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6))); } .plyr--full-ui.plyr--audio input[type=range]::-ms-track { background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6))); } .plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb, .plyr--full-ui.plyr--audio input[type=range].nice-select.open::-webkit-slider-thumb { -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(34.68, 39.576, 46.92, 0.1)); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(34.68, 39.576, 46.92, 0.1)); } .plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb, .plyr--full-ui.plyr--audio input[type=range].nice-select.open::-moz-range-thumb { box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(34.68, 39.576, 46.92, 0.1)); } .plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb, .plyr--full-ui.plyr--audio input[type=range].nice-select.open::-ms-thumb { box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(34.68, 39.576, 46.92, 0.1)); } .plyr--audio .plyr__progress__buffer { color: var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6)); } .plyr--video { overflow: hidden; } .plyr--video.plyr--menu-open { overflow: visible; } .plyr__video-wrapper { background: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0))); border-radius: inherit; height: 100%; margin: auto; overflow: hidden; position: relative; width: 100%; } .plyr__video-embed, .plyr__video-wrapper--fixed-ratio { aspect-ratio: 16/9; } @supports not (aspect-ratio: 16/9) { .plyr__video-embed, .plyr__video-wrapper--fixed-ratio { height: 0; padding-bottom: 56.25%; position: relative; } } .plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { padding-bottom: 240%; position: relative; -webkit-transform: translateY(-38.28125%); transform: translateY(-38.28125%); } .plyr--video .plyr__controls { background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75))); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: var(--plyr-video-control-color, #fff); left: 0; padding: -webkit-calc(var(--plyr-control-spacing, 10px) / 2); padding: calc(var(--plyr-control-spacing, 10px) / 2); padding-top: -webkit-calc(var(--plyr-control-spacing, 10px) * 2); padding-top: calc(var(--plyr-control-spacing, 10px) * 2); position: absolute; right: 0; -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; z-index: 3; } @media (min-width: 480px) { .plyr--video .plyr__controls { padding: var(--plyr-control-spacing, 10px); padding-top: -webkit-calc(var(--plyr-control-spacing, 10px) * 3.5); padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5); } } .plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; -webkit-transform: translateY(100%); transform: translateY(100%); } .plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); color: var(--plyr-video-control-color-hover, #fff); } .plyr__control--overlaid { background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%)))); border: 0; border-radius: 100%; color: var(--plyr-video-control-color, #fff); display: none; left: 50%; opacity: 0.9; padding: -webkit-calc(var(--plyr-control-spacing, 10px) * 1.5); padding: calc(var(--plyr-control-spacing, 10px) * 1.5); position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0.3s; transition: 0.3s; z-index: 2; } .plyr__control--overlaid svg { left: 2px; position: relative; } .plyr__control--overlaid:hover, .plyr__control--overlaid:focus { opacity: 1; } .plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden; } .plyr--full-ui.plyr--video .plyr__control--overlaid { display: block; } .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track { background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type=range]::-moz-range-track { background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type=range]::-ms-track { background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb, .plyr--full-ui.plyr--video input[type=range].nice-select.open::-webkit-slider-thumb { -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb, .plyr--full-ui.plyr--video input[type=range].nice-select.open::-moz-range-thumb { box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb, .plyr--full-ui.plyr--video input[type=range].nice-select.open::-ms-thumb { box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--video .plyr__progress__buffer { color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:fullscreen video { height: 100%; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } .plyr:fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:-webkit-full-screen .plyr__captions { font-size: var(--plyr-font-size-xlarge, 21px); } .plyr:-ms-fullscreen .plyr__captions { font-size: var(--plyr-font-size-xlarge, 21px); } .plyr:fullscreen .plyr__captions { font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; position: fixed; inset: 0; z-index: 10000000; } .plyr--fullscreen-fallback video { height: 100%; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr--fullscreen-fallback .plyr__captions { font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr__ads { border-radius: inherit; cursor: pointer; inset: 0; overflow: hidden; position: absolute; z-index: -1; } .plyr__ads > div, .plyr__ads > div iframe { height: 100%; position: absolute; width: 100%; } .plyr__ads::after { background: hsl(216, 15%, 16%); border-radius: 2px; bottom: var(--plyr-control-spacing, 10px); color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: var(--plyr-control-spacing, 10px); z-index: 3; } .plyr__ads:empty::after { display: none; } .plyr__cues { background: currentColor; display: block; height: var(--plyr-range-track-height, 5px); left: 0; opacity: 0.8; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 3px; z-index: 3; } .plyr__preview-thumb { background-color: var(--plyr-tooltip-background, #fff); border-radius: var(--plyr-menu-radius, 8px); bottom: 100%; -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); margin-bottom: -webkit-calc(-webkit-calc(var(--plyr-control-spacing, 10px) / 2) * 2); margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2); opacity: 0; padding: 3px; pointer-events: none; position: absolute; -webkit-transform: translate(0, 10px) scale(0.8); transform: translate(0, 10px) scale(0.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease; transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease; z-index: 2; } .plyr__preview-thumb--is-shown { opacity: 1; -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); } .plyr__preview-thumb::before { border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff); bottom: -webkit-calc(var(--plyr-tooltip-arrow-size, 4px) * -1); bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1); content: ""; height: 0; left: -webkit-calc(50% + var(--preview-arrow-offset)); left: calc(50% + var(--preview-arrow-offset)); position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; z-index: 2; } .plyr__preview-thumb__image-container { background: hsl(216, 15%, 79%); border-radius: -webkit-calc(var(--plyr-menu-radius, 8px) - 1px); border-radius: calc(var(--plyr-menu-radius, 8px) - 1px); overflow: hidden; position: relative; z-index: 0; } .plyr__preview-thumb__image-container img, .plyr__preview-thumb__image-container::after { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .plyr__preview-thumb__image-container::after { border-radius: inherit; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); content: ""; pointer-events: none; } .plyr__preview-thumb__image-container img { max-height: none; max-width: none; } .plyr__preview-thumb__time-container { background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75))); border-bottom-left-radius: -webkit-calc(var(--plyr-menu-radius, 8px) - 1px); border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px); border-bottom-right-radius: -webkit-calc(var(--plyr-menu-radius, 8px) - 1px); border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px); bottom: 0; left: 0; line-height: 1.1; padding: 20px 6px 6px; position: absolute; right: 0; z-index: 3; } .plyr__preview-thumb__time-container span { color: #fff; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); } .plyr__preview-scrubbing { -webkit-filter: blur(1px); filter: blur(1px); height: 100%; inset: 0; margin: auto; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; width: 100%; z-index: 1; } .plyr__preview-scrubbing--is-shown { opacity: 1; } .plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; width: 100%; } .plyr--no-transition { -webkit-transition: none !important; transition: none !important; } .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0 !important; height: 1px !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .plyr [hidden] { display: none !important; } /* =============================== = Choices = =============================== */ .choices { position: relative; overflow: hidden; margin-bottom: 24px; font-size: 16px; } .choices:focus { outline: none; } .choices:last-child { margin-bottom: 0; } .choices.is-open { overflow: visible; } .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: #eaeaea; cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .choices.is-disabled .choices__item { cursor: not-allowed; } .choices [hidden] { display: none !important; } .choices[data-type*=select-one] { cursor: pointer; } .choices[data-type*=select-one] .choices__inner { padding-bottom: 7.5px; } .choices[data-type*=select-one] .choices__input { display: block; width: 100%; padding: 10px; border-bottom: 1px solid #ddd; background-color: #fff; margin: 0; } .choices[data-type*=select-one] .choices__button { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg=="); padding: 0; background-size: 8px; position: absolute; top: 50%; right: 0; margin-top: -10px; margin-right: 25px; height: 20px; width: 20px; border-radius: 10em; opacity: 0.25; } .choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus { opacity: 1; } .choices[data-type*=select-one] .choices__button:focus { -webkit-box-shadow: 0 0 0 2px #005F75; box-shadow: 0 0 0 2px #005F75; } .choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button { display: none; } .choices[data-type*=select-one]::after { content: ""; height: 0; width: 0; border-style: solid; border-color: #333 transparent transparent transparent; border-width: 5px; position: absolute; right: 11.5px; top: 50%; margin-top: -2.5px; pointer-events: none; } .choices[data-type*=select-one].is-open::after { border-color: transparent transparent #333; margin-top: -7.5px; } .choices[data-type*=select-one][dir=rtl]::after { left: 11.5px; right: auto; } .choices[data-type*=select-one][dir=rtl] .choices__button { right: auto; left: 0; margin-left: 25px; margin-right: 0; } .choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner { cursor: text; } .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button { position: relative; display: inline-block; margin-top: 0; margin-right: -4px; margin-bottom: 0; margin-left: 8px; padding-left: 16px; border-left: 1px solid rgb(0, 53.5897435897, 66); background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg=="); background-size: 8px; width: 8px; line-height: 1; opacity: 0.75; border-radius: 0; } .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=text] .choices__button:hover, .choices[data-type*=text] .choices__button:focus { opacity: 1; } .choices__inner { display: inline-block; vertical-align: top; width: 100%; background-color: #f9f9f9; padding: 7.5px 7.5px 3.75px; border: 1px solid #ddd; border-radius: 2.5px; font-size: 14px; min-height: 44px; overflow: hidden; } .is-focused .choices__inner, .is-open .choices__inner { border-color: rgb(182.75, 182.75, 182.75); } .is-open .choices__inner { border-radius: 2.5px 2.5px 0 0; } .is-flipped.is-open .choices__inner { border-radius: 0 0 2.5px 2.5px; } .choices__list { margin: 0; padding-left: 0; list-style: none; } .choices__list--single { display: inline-block; padding: 4px 16px 4px 4px; width: 100%; } [dir=rtl] .choices__list--single { padding-right: 4px; padding-left: 16px; } .choices__list--single .choices__item { width: 100%; } .choices__list--multiple { display: inline; } .choices__list--multiple .choices__item { display: inline-block; vertical-align: middle; border-radius: 20px; padding: 4px 10px; font-size: 12px; font-weight: 500; margin-right: 3.75px; margin-bottom: 3.75px; background-color: #005F75; border: 1px solid rgb(0, 74.2948717949, 91.5); color: #fff; word-break: break-all; -webkit-box-sizing: border-box; box-sizing: border-box; } .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px; } [dir=rtl] .choices__list--multiple .choices__item { margin-right: 0; margin-left: 3.75px; } .choices__list--multiple .choices__item.is-highlighted { background-color: rgb(0, 74.2948717949, 91.5); border: 1px solid rgb(0, 53.5897435897, 66); } .is-disabled .choices__list--multiple .choices__item { background-color: rgb(170.25, 170.25, 170.25); border: 1px solid rgb(144.75, 144.75, 144.75); } .choices__list--dropdown, .choices__list[aria-expanded] { display: none; z-index: 1; position: absolute; width: 100%; background-color: #fff; border: 1px solid #ddd; top: 100%; margin-top: -1px; border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; overflow: hidden; word-break: break-all; } .is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] { display: block; } .is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] { border-color: rgb(182.75, 182.75, 182.75); } .is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: -1px; border-radius: 0.25rem 0.25rem 0 0; } .choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list { position: relative; max-height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; will-change: scroll-position; } .choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item { position: relative; padding: 10px; font-size: 14px; } [dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item { text-align: right; } @media (min-width: 640px) { .choices__list--dropdown .choices__item--selectable[data-select-text], .choices__list[aria-expanded] .choices__item--selectable[data-select-text] { padding-right: 100px; } .choices__list--dropdown .choices__item--selectable[data-select-text]::after, .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after { content: attr(data-select-text); font-size: 12px; opacity: 0; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text], [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text] { text-align: right; padding-left: 100px; padding-right: 10px; } [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after { right: auto; left: 10px; } } .choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted { background-color: rgb(242.25, 242.25, 242.25); } .choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after { opacity: 0.5; } .choices__item { cursor: default; } .choices__item--selectable { cursor: pointer; } .choices__item--disabled { cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0.5; } .choices__heading { font-weight: 600; font-size: 12px; padding: 10px; border-bottom: 1px solid rgb(246.5, 246.5, 246.5); color: rgb(127.5, 127.5, 127.5); } .choices__button { text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; cursor: pointer; } .choices__button:focus { outline: none; } .choices__input { display: inline-block; vertical-align: baseline; background-color: #f9f9f9; font-size: 14px; margin-bottom: 5px; border: 0; border-radius: 0; max-width: 100%; padding: 4px 0 4px 2px; } .choices__input:focus { outline: 0; } .choices__input::-webkit-search-decoration, .choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration { display: none; } .choices__input::-ms-clear, .choices__input::-ms-reveal { display: none; width: 0; height: 0; } [dir=rtl] .choices__input { padding-right: 2px; padding-left: 0; } .choices__placeholder { opacity: 0.5; } /* ===== End of Choices ====== */ .fancybox__container { padding: 64px !important; } .fancybox__infobar { display: none; } .fancybox__toolbar { position: relative !important; } .fancybox__toolbar__column button { background: transparent !important; display: none; } .fancybox__toolbar__column button[data-fancybox-close] { display: block; left: 0; } .fancybox__nav button.is-prev svg, .fancybox__nav button.is-next svg { display: none !important; } .fancybox__nav button.is-prev::after, .fancybox__nav button.is-next::after { content: ""; background-image: url("/app/themes/thecolonyhotelbali/icons/arrow-right-white.svg"); background-repeat: no-repeat; background-size: 100%; display: block; position: absolute; top: 0; width: 64px; height: 32px; -webkit-transform: scaleX(-1); transform: scaleX(-1); -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .fancybox__nav button.is-next::after { -webkit-transform: scaleX(1); transform: scaleX(1); } .fancybox__content { max-width: 75vw !important; } .fancybox__footer .f-thumbs__viewport { padding-top: 16px; } .fancybox__footer .f-thumbs__viewport .f-thumbs__slide.is-nav-selected button::after { display: none; } .admin-bar .fancybox-container { top: 46px; } @media (min-width: 783px) { .admin-bar .fancybox-container { top: 32px; } } .fancybox-bg { background-color: #fff; } .fancybox-container--ready .fancybox-bg { opacity: 1; } .fancybox-caption { font-family: "Inter", sans-serif; font-weight: 700; } .fancybox-close-small:focus { outline: none; } .fancybox-button { background-color: #fff; color: #655139; -webkit-transition: all 150ms ease-out; transition: all 150ms ease-out; } .fancybox-button:hover, .fancybox-button:active, .fancybox-button.nice-select.open, .fancybox-button:focus { color: #fff; background-color: #655139; } .fancybox-button--close { background-color: #655139; color: #fff; } .fancybox-button--close:hover, .fancybox-button--close:active, .fancybox-button--close.nice-select.open, .fancybox-button--close:focus { color: #655139; background-color: #fff; } .fancybox-button--left { border-bottom-left-radius: 0.25rem; } .fancybox-button--right { border-bottom-right-radius: 0.25rem; } .fancybox-infobar__body { background-color: #655139; color: #fff; font-weight: bold; } @media (min-width: 48em) { .fancybox-caption-wrap { padding-bottom: 20px; } } :root { font-family: "Inter", sans-serif; line-height: 1.5; font-weight: 400; font-size: 14px; } @media (min-width: 48em) { :root { font-size: 16px; } } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { color: #444444; background-color: #f3eee9; } body::after { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 99; opacity: 0; visibility: hidden; -webkit-transition: 600ms; transition: 600ms; } body.mega-menu-active, body.modal-active { overflow: hidden; } body.mega-menu-active::after, body.modal-active::after { opacity: 1; visibility: visible; -webkit-transition: 600ms; transition: 600ms; } body.home-modal-active { overflow: hidden; } body.home-modal-active::after { opacity: 1; visibility: visible; background-color: rgba(0, 0, 0, 0.8); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); -webkit-transition: 600ms; transition: 600ms; } body.gallery-active { overflow: hidden; } body.gallery-active .header, body.gallery-active .booking-navigation { opacity: 0; visibility: hidden; -webkit-transition: 600ms; transition: 600ms; } ::-moz-selection { background: #655139; color: #fff; } ::selection { background: #655139; color: #fff; } ::-moz-selection { background: #655139; color: #fff; } .single-page-back { position: relative; top: 120px; z-index: 4; } .single-page-back .btn, .single-page-back .gform_button { width: -webkit-max-content; width: -moz-max-content; width: max-content; } .single-page-back .btn .title, .single-page-back .gform_button .title { padding-top: 0 !important; } body.admin-bar .single-page-back { top: 154px; } .content-wrap { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-bottom: 800px; position: relative; z-index: 2; background: #f3eee9; } @media (min-width: 100em) { .content-wrap { margin-bottom: 980px; } } @media (min-width: 62em) and (max-width: 85.375em) { .content-wrap { margin-bottom: 700px; } body.page-template-page--legal .content-wrap, body.single-post .content-wrap { margin-bottom: 650px; } } @media (min-width: 48em) and (max-width: 61.99em) { .content-wrap { margin-bottom: 860px; } } .page-wrap { width: 100%; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #f3eee9; z-index: 3; } .module { position: relative; z-index: 2; background: #f3eee9; padding: 96px 0; } @media (max-width: 61.99em) { .module { padding: 80px 0; } } .container { max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } @media (min-width: 100em) { .container { padding-left: unset; padding-right: unset; } } @media (max-width: 85em) { .container { max-width: 1320px; } } @media (max-width: 61.99em) { .container { padding-left: 48px; padding-right: 48px; } } @media (max-width: 47.99em) { .container { padding-left: 20px; padding-right: 20px; } } .img-full-w { width: 100%; } .img-full-w img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } img { vertical-align: middle; max-width: 100%; } a { color: #655139; text-decoration: none; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } a:hover, a:active, a.nice-select.open, a:focus { color: rgb(68.3987341772, 54.8544303797, 38.6012658228); } .bottom-ornament { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 0; } @media (max-width: 61.99em) { .bottom-ornament { gap: 24px; } } .bottom-ornament span.line-left, .bottom-ornament span.line-right { -webkit-box-flex: 45%; -webkit-flex: 45%; -ms-flex: 45%; flex: 45%; max-width: 45%; width: 100%; height: 1px; background: rgb(205, 184, 158); } @media (max-width: 61.99em) { .bottom-ornament span.line-left, .bottom-ornament span.line-right { -webkit-box-flex: 40%; -webkit-flex: 40%; -ms-flex: 40%; flex: 40%; max-width: 40%; } } .bottom-ornament svg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 10%; -webkit-flex: 10%; -ms-flex: 10%; flex: 10%; max-width: 10%; } @media (max-width: 61.99em) { .bottom-ornament svg { -webkit-box-flex: 20%; -webkit-flex: 20%; -ms-flex: 20%; flex: 20%; max-width: 20%; } } .scroll-elm::-webkit-scrollbar { width: 3px; } .scroll-elm::-webkit-scrollbar-track { background: #cecfd2; } .scroll-elm::-webkit-scrollbar-thumb { background: #655139; } .scroll-elm::-webkit-scrollbar-thumb:hover { background: #655139; } .scroll-elm-horizontal::-webkit-scrollbar { width: 100%; height: 3px; } @media (max-width: 61.99em) { .scroll-elm-horizontal::-webkit-scrollbar { height: 2px; } } @media (max-width: 47.99em) { .scroll-elm-horizontal::-webkit-scrollbar { height: 0; } } .scroll-elm-horizontal::-webkit-scrollbar-track { background: #cecfd2; } .scroll-elm-horizontal::-webkit-scrollbar-thumb { background: #655139; } .scroll-elm-horizontal::-webkit-scrollbar-thumb:hover { background: #655139; } .swiper-scrollbar { height: 3px; background: #cecfd2; margin-top: -3px; } @media (max-width: 47.99em) { .swiper-scrollbar { height: 0; } } .swiper-scrollbar-drag { background: #655139; height: 3px; } @media (max-width: 47.99em) { .swiper-scrollbar-drag { height: 0; } } .home-modal-active .cky-box-bottom-left { opacity: 0; visibility: hidden; -webkit-transition: 600ms; transition: 600ms; } @font-face { font-family: "Noto Serif"; src: url("../../fonts/Noto-Serif/NotoSerif-Bold.woff2") format("woff2"), url("../../fonts/Noto-Serif/NotoSerif-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Noto Serif"; src: url("../../fonts/Noto-Serif/NotoSerif-SemiBold.woff2") format("woff2"), url("../../fonts/Noto-Serif/NotoSerif-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Noto Serif"; src: url("../../fonts/Noto-Serif/NotoSerif-Medium.woff2") format("woff2"), url("../../fonts/Noto-Serif/NotoSerif-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Noto Serif"; src: url("../../fonts/Noto-Serif/NotoSerif-Light.woff2") format("woff2"), url("../../fonts/Noto-Serif/NotoSerif-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Noto Serif"; src: url("../../fonts/Noto-Serif/NotoSerif-Regular.woff2") format("woff2"), url("../../fonts/Noto-Serif/NotoSerif-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Noto Serif Display"; src: url("../../fonts/Noto-Serif-Display/NotoSerifDisplay-Bold.woff2") format("woff2"), url("../../fonts/Noto-Serif-Display/NotoSerifDisplay-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Noto Serif Display"; src: url("../../fonts/Noto-Serif-Display/NotoSerifDisplay-Medium.woff2") format("woff2"), url("../../fonts/Noto-Serif-Display/NotoSerifDisplay-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Noto Serif Display"; src: url("../../fonts/Noto-Serif-Display/NotoSerifDisplay-Light.woff2") format("woff2"), url("../../fonts/Noto-Serif-Display/NotoSerifDisplay-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Noto Serif Display"; src: url("../../fonts/Noto-Serif-Display/NotoSerifDisplay-Regular.woff2") format("woff2"), url("../../fonts/Noto-Serif-Display/NotoSerifDisplay-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Noto Serif Display"; src: url("../../fonts/Noto-Serif-Display/NotoSerifDisplay-SemiBold.woff2") format("woff2"), url("../../fonts/Noto-Serif-Display/NotoSerifDisplay-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Noto Serif Display"; src: url("../../fonts/Noto-Serif-Display/NotoSerifDisplay-BoldItalic.woff2") format("woff2"), url("../../fonts/Noto-Serif-Display/NotoSerifDisplay-BoldItalic.woff") format("woff"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: "Noto Serif Display"; src: url("../../fonts/Noto-Serif-Display/NotoSerifDisplay-LightItalic.woff2") format("woff2"), url("../../fonts/Noto-Serif-Display/NotoSerifDisplay-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Noto Serif Display"; src: url("../../fonts/Noto-Serif-Display/NotoSerifDisplay-Italic.woff2") format("woff2"), url("../../fonts/Noto-Serif-Display/NotoSerifDisplay-Italic.woff") format("woff"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Noto Serif Display"; src: url("../../fonts/Noto-Serif-Display/NotoSerifDisplay-MediumItalic.woff2") format("woff2"), url("../../fonts/Noto-Serif-Display/NotoSerifDisplay-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Noto Serif Display"; src: url("../../fonts/Noto-Serif-Display/NotoSerifDisplay-SemiBoldItalic.woff2") format("woff2"), url("../../fonts/Noto-Serif-Display/NotoSerifDisplay-SemiBoldItalic.woff") format("woff"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: "Inter"; src: url("../../fonts/Inter/Inter24pt-Bold.woff2") format("woff2"), url("../../fonts/Inter/Inter24pt-Bold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("../../fonts/Inter/Inter24pt-Light.woff2") format("woff2"), url("../../fonts/Inter/Inter24pt-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("../../fonts/Inter/Inter24pt-Medium.woff2") format("woff2"), url("../../fonts/Inter/Inter24pt-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("../../fonts/Inter/Inter24pt-Regular.woff2") format("woff2"), url("../../fonts/Inter/Inter24pt-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("../../fonts/Inter/Inter24pt-SemiBold.woff2") format("woff2"), url("../../fonts/Inter/Inter24pt-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Hind"; src: url("../../fonts/Hindi/Hind-Light.woff2") format("woff2"), url("../../fonts/Hindi/Hind-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Hind"; src: url("../../fonts/Hindi/Hind-Medium.woff2") format("woff2"), url("../../fonts/Hindi/Hind-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Hind"; src: url("../../fonts/Hindi/Hind-Regular.woff2") format("woff2"), url("../../fonts/Hindi/Hind-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Hind"; src: url("../../fonts/Hindi/Hind-SemiBold.woff2") format("woff2"), url("../../fonts/Hindi/Hind-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Hind"; src: url("../../fonts/Hindi/Hind-Bold.woff2") format("woff2"), url("../../fonts/Hindi/Hind-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } .sr-only, .honeypot .gfield_description, .gfield_label:not(.gfield_label_before_complex), .screen-reader-text, .validation_error, .form-group.name label:not(.gfield_label_before_complex), .form-group.name i, .form-group.time label:not(.gfield_label_before_complex), .form-group.time i, .form-group.address label:not(.gfield_label_before_complex), .form-group.address i { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 56.25%; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } h1, .text-image-v1__heading h2, .h1 { color: inherit; font-weight: 500; font-family: inherit; line-height: 1.2; font-size: 2.5rem; margin-bottom: 0.5rem; } h2, .h2 { color: inherit; font-weight: 500; font-family: inherit; line-height: 1.2; font-size: 2rem; margin-bottom: 0.5rem; } h3, .h3 { color: inherit; font-weight: 500; font-family: inherit; line-height: 1.2; font-size: 1.75rem; margin-bottom: 0.5rem; } h4, .special-offer-slider__content--item .item-content .title, .testimonials__content .content-slide__quote h2, .testimonials__content .content-slide__quote h3, .accommodation-showcase__contents .showcase-item__slider--item .item-content .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title, .tease--accommodation .item-content .title, .tease--accommodation .item-content-mobile .title, .mega-menu__menus--nav .nav__title, .mega-menu__menus--accommodation .nav__title, .h4 { color: inherit; font-weight: 500; font-family: inherit; line-height: 1.2; font-size: 1.5rem; margin-bottom: 0.5rem; } h5, .h5 { color: inherit; font-weight: 500; font-family: inherit; line-height: 1.2; font-size: 1.25rem; margin-bottom: 0.5rem; } h6, .h6 { color: inherit; font-weight: 500; font-family: inherit; line-height: 1.2; font-size: 1rem; margin-bottom: 0.5rem; } h1, .text-image-v1__heading h2, h2, h3, h4, .special-offer-slider__content--item .item-content .title, .testimonials__content .content-slide__quote h2, .testimonials__content .content-slide__quote h3, .accommodation-showcase__contents .showcase-item__slider--item .item-content .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title, .tease--accommodation .item-content .title, .tease--accommodation .item-content-mobile .title, .mega-menu__menus--nav .nav__title, .mega-menu__menus--accommodation .nav__title, h5, h6, blockquote { margin: 0; font-family: "Noto Serif Display", Arial, serif; color: #655139; } h1, .text-image-v1__heading h2 { font-size: 72px; font-style: normal; font-weight: 400; line-height: 120%; font-family: "Inter", sans-serif; } @media (max-width: 74.99em) { h1, .text-image-v1__heading h2 { font-size: 64px; line-height: 120%; } } @media (max-width: 61.99em) { h1, .text-image-v1__heading h2 { font-size: 48px; line-height: 120%; } } h1 span, .text-image-v1__heading h2 span { font-family: "Noto Serif Display", Arial, serif; font-style: italic; } h1.italic-block span, .text-image-v1__heading h2.italic-block span { display: block; } h2 { font-size: 48px; font-style: normal; font-weight: 400; line-height: 130%; font-family: "Inter", sans-serif; } h2 span { font-family: "Noto Serif Display", Arial, serif; font-style: italic; } h2.module-title { font-size: 64px; } @media (max-width: 74.99em) { h2.module-title { font-size: 56px; } } @media (max-width: 61.99em) { h2.module-title { font-size: 40px; line-height: 52px; } } @media (max-width: 61.99em) { h2 { font-size: 40px; line-height: 100%; } } h3 { font-size: 40px; font-weight: 400; line-height: 48px; text-align: left; } @media (max-width: 61.99em) { h3 { font-size: 24px; line-height: 100%; } } h4, .special-offer-slider__content--item .item-content .title, .testimonials__content .content-slide__quote h2, .testimonials__content .content-slide__quote h3, .accommodation-showcase__contents .showcase-item__slider--item .item-content .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title, .tease--accommodation .item-content .title, .tease--accommodation .item-content-mobile .title, .mega-menu__menus--nav .nav__title, .mega-menu__menus--accommodation .nav__title, blockquote { font-size: 32px; font-weight: 400; line-height: 43.58px; text-align: left; } @media (max-width: 61.99em) { h4, .special-offer-slider__content--item .item-content .title, .testimonials__content .content-slide__quote h2, .testimonials__content .content-slide__quote h3, .accommodation-showcase__contents .showcase-item__slider--item .item-content .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title, .tease--accommodation .item-content .title, .tease--accommodation .item-content-mobile .title, .mega-menu__menus--nav .nav__title, .mega-menu__menus--accommodation .nav__title, blockquote { font-size: 28px; line-height: 100%; } } a.link, span.link { position: relative; line-height: 100%; } a.link.light::before, span.link.light::before { background-color: #655139; } a.link.legal::before, span.link.legal::before { background-color: #f8f8f8; } a.link.legal:hover, a.link.legal:active, a.link.legal.nice-select.open, a.link.legal:focus, span.link.legal:hover, span.link.legal:active, span.link.legal.nice-select.open, span.link.legal:focus { color: #f8f8f8; } a.link:before, span.link:before { content: ""; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; position: absolute; width: 100%; height: 1px; background: #655139; bottom: -2px; left: 0; pointer-events: none; } a.link:hover, a.link:focus-visible, a.link.active, span.link:hover, span.link:focus-visible, span.link.active { outline: none; color: #655139; text-decoration: none; } a.link:hover span, a.link:hover p, a.link:focus-visible span, a.link:focus-visible p, a.link.active span, a.link.active p, span.link:hover span, span.link:hover p, span.link:focus-visible span, span.link:focus-visible p, span.link.active span, span.link.active p { color: #655139; } a.link:hover:before, a.link:focus-visible:before, a.link.active:before, span.link:hover:before, span.link:focus-visible:before, span.link.active:before { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } a.multiline, span.multiline { text-decoration: none !important; } a.multiline h2, a.multiline h3, a.multiline h4, a.multiline .special-offer-slider__content--item .item-content .title, .special-offer-slider__content--item .item-content a.multiline .title, a.multiline .testimonials__content .content-slide__quote h2, .testimonials__content .content-slide__quote a.multiline h2, a.multiline .testimonials__content .content-slide__quote h3, .testimonials__content .content-slide__quote a.multiline h3, a.multiline .accommodation-showcase__contents .showcase-item__slider--item .item-content .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content a.multiline .title, a.multiline .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile a.multiline .title, a.multiline .tease--accommodation .item-content .title, .tease--accommodation .item-content a.multiline .title, a.multiline .tease--accommodation .item-content-mobile .title, .tease--accommodation .item-content-mobile a.multiline .title, a.multiline .mega-menu__menus--nav .nav__title, .mega-menu__menus--nav a.multiline .nav__title, a.multiline .mega-menu__menus--accommodation .nav__title, .mega-menu__menus--accommodation a.multiline .nav__title, a.multiline h5, a.multiline p, span.multiline h2, span.multiline h3, span.multiline h4, span.multiline .special-offer-slider__content--item .item-content .title, .special-offer-slider__content--item .item-content span.multiline .title, span.multiline .testimonials__content .content-slide__quote h2, .testimonials__content .content-slide__quote span.multiline h2, span.multiline .testimonials__content .content-slide__quote h3, .testimonials__content .content-slide__quote span.multiline h3, span.multiline .accommodation-showcase__contents .showcase-item__slider--item .item-content .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content span.multiline .title, span.multiline .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile span.multiline .title, span.multiline .tease--accommodation .item-content .title, .tease--accommodation .item-content span.multiline .title, span.multiline .tease--accommodation .item-content-mobile .title, .tease--accommodation .item-content-mobile span.multiline .title, span.multiline .mega-menu__menus--nav .nav__title, .mega-menu__menus--nav span.multiline .nav__title, span.multiline .mega-menu__menus--accommodation .nav__title, .mega-menu__menus--accommodation span.multiline .nav__title, span.multiline h5, span.multiline p { display: inline; width: 100%; background-image: linear-gradient(transparent -webkit-calc(100% - 1px), #655139 1px); background-image: linear-gradient(transparent calc(100% - 1px), #655139 1px); background-repeat: no-repeat; background-size: 0% 100%; -webkit-transition: 600ms; transition: 600ms; text-decoration: none; } a.multiline h2:hover, a.multiline h2:focus-visible, a.multiline h2.hovered, a.multiline h3:hover, a.multiline h3:focus-visible, a.multiline h3.hovered, a.multiline h4:hover, a.multiline .special-offer-slider__content--item .item-content .title:hover, .special-offer-slider__content--item .item-content a.multiline .title:hover, a.multiline .accommodation-showcase__contents .showcase-item__slider--item .item-content .title:hover, .accommodation-showcase__contents .showcase-item__slider--item .item-content a.multiline .title:hover, a.multiline .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title:hover, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile a.multiline .title:hover, a.multiline .tease--accommodation .item-content .title:hover, .tease--accommodation .item-content a.multiline .title:hover, a.multiline .tease--accommodation .item-content-mobile .title:hover, .tease--accommodation .item-content-mobile a.multiline .title:hover, a.multiline .mega-menu__menus--nav .nav__title:hover, .mega-menu__menus--nav a.multiline .nav__title:hover, a.multiline .mega-menu__menus--accommodation .nav__title:hover, .mega-menu__menus--accommodation a.multiline .nav__title:hover, a.multiline h4:focus-visible, a.multiline .special-offer-slider__content--item .item-content .title:focus-visible, .special-offer-slider__content--item .item-content a.multiline .title:focus-visible, a.multiline .accommodation-showcase__contents .showcase-item__slider--item .item-content .title:focus-visible, .accommodation-showcase__contents .showcase-item__slider--item .item-content a.multiline .title:focus-visible, a.multiline .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title:focus-visible, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile a.multiline .title:focus-visible, a.multiline .tease--accommodation .item-content .title:focus-visible, .tease--accommodation .item-content a.multiline .title:focus-visible, a.multiline .tease--accommodation .item-content-mobile .title:focus-visible, .tease--accommodation .item-content-mobile a.multiline .title:focus-visible, a.multiline .mega-menu__menus--nav .nav__title:focus-visible, .mega-menu__menus--nav a.multiline .nav__title:focus-visible, a.multiline .mega-menu__menus--accommodation .nav__title:focus-visible, .mega-menu__menus--accommodation a.multiline .nav__title:focus-visible, a.multiline h4.hovered, a.multiline .special-offer-slider__content--item .item-content .hovered.title, .special-offer-slider__content--item .item-content a.multiline .hovered.title, a.multiline .accommodation-showcase__contents .showcase-item__slider--item .item-content .hovered.title, .accommodation-showcase__contents .showcase-item__slider--item .item-content a.multiline .hovered.title, a.multiline .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .hovered.title, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile a.multiline .hovered.title, a.multiline .tease--accommodation .item-content .hovered.title, .tease--accommodation .item-content a.multiline .hovered.title, a.multiline .tease--accommodation .item-content-mobile .hovered.title, .tease--accommodation .item-content-mobile a.multiline .hovered.title, a.multiline .mega-menu__menus--nav .hovered.nav__title, .mega-menu__menus--nav a.multiline .hovered.nav__title, a.multiline .mega-menu__menus--accommodation .hovered.nav__title, .mega-menu__menus--accommodation a.multiline .hovered.nav__title, a.multiline h5:hover, a.multiline h5:focus-visible, a.multiline h5.hovered, a.multiline p:hover, a.multiline p:focus-visible, a.multiline p.hovered, span.multiline h2:hover, span.multiline h2:focus-visible, span.multiline h2.hovered, span.multiline h3:hover, span.multiline h3:focus-visible, span.multiline h3.hovered, span.multiline h4:hover, span.multiline .special-offer-slider__content--item .item-content .title:hover, .special-offer-slider__content--item .item-content span.multiline .title:hover, span.multiline .accommodation-showcase__contents .showcase-item__slider--item .item-content .title:hover, .accommodation-showcase__contents .showcase-item__slider--item .item-content span.multiline .title:hover, span.multiline .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title:hover, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile span.multiline .title:hover, span.multiline .tease--accommodation .item-content .title:hover, .tease--accommodation .item-content span.multiline .title:hover, span.multiline .tease--accommodation .item-content-mobile .title:hover, .tease--accommodation .item-content-mobile span.multiline .title:hover, span.multiline .mega-menu__menus--nav .nav__title:hover, .mega-menu__menus--nav span.multiline .nav__title:hover, span.multiline .mega-menu__menus--accommodation .nav__title:hover, .mega-menu__menus--accommodation span.multiline .nav__title:hover, span.multiline h4:focus-visible, span.multiline .special-offer-slider__content--item .item-content .title:focus-visible, .special-offer-slider__content--item .item-content span.multiline .title:focus-visible, span.multiline .accommodation-showcase__contents .showcase-item__slider--item .item-content .title:focus-visible, .accommodation-showcase__contents .showcase-item__slider--item .item-content span.multiline .title:focus-visible, span.multiline .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title:focus-visible, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile span.multiline .title:focus-visible, span.multiline .tease--accommodation .item-content .title:focus-visible, .tease--accommodation .item-content span.multiline .title:focus-visible, span.multiline .tease--accommodation .item-content-mobile .title:focus-visible, .tease--accommodation .item-content-mobile span.multiline .title:focus-visible, span.multiline .mega-menu__menus--nav .nav__title:focus-visible, .mega-menu__menus--nav span.multiline .nav__title:focus-visible, span.multiline .mega-menu__menus--accommodation .nav__title:focus-visible, .mega-menu__menus--accommodation span.multiline .nav__title:focus-visible, span.multiline h4.hovered, span.multiline .special-offer-slider__content--item .item-content .hovered.title, .special-offer-slider__content--item .item-content span.multiline .hovered.title, span.multiline .accommodation-showcase__contents .showcase-item__slider--item .item-content .hovered.title, .accommodation-showcase__contents .showcase-item__slider--item .item-content span.multiline .hovered.title, span.multiline .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .hovered.title, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile span.multiline .hovered.title, span.multiline .tease--accommodation .item-content .hovered.title, .tease--accommodation .item-content span.multiline .hovered.title, span.multiline .tease--accommodation .item-content-mobile .hovered.title, .tease--accommodation .item-content-mobile span.multiline .hovered.title, span.multiline .mega-menu__menus--nav .hovered.nav__title, .mega-menu__menus--nav span.multiline .hovered.nav__title, span.multiline .mega-menu__menus--accommodation .hovered.nav__title, .mega-menu__menus--accommodation span.multiline .hovered.nav__title, span.multiline h5:hover, span.multiline h5:focus-visible, span.multiline h5.hovered, span.multiline p:hover, span.multiline p:focus-visible, span.multiline p.hovered { background-size: 100% 100%; color: #655139; } a.multiline.light h2, a.multiline.light h3, a.multiline.light h4, a.multiline.light .special-offer-slider__content--item .item-content .title, .special-offer-slider__content--item .item-content a.multiline.light .title, a.multiline.light .accommodation-showcase__contents .showcase-item__slider--item .item-content .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content a.multiline.light .title, a.multiline.light .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile a.multiline.light .title, a.multiline.light .tease--accommodation .item-content .title, .tease--accommodation .item-content a.multiline.light .title, a.multiline.light .tease--accommodation .item-content-mobile .title, .tease--accommodation .item-content-mobile a.multiline.light .title, a.multiline.light .mega-menu__menus--nav .nav__title, .mega-menu__menus--nav a.multiline.light .nav__title, a.multiline.light .mega-menu__menus--accommodation .nav__title, .mega-menu__menus--accommodation a.multiline.light .nav__title, a.multiline.light h5, a.multiline.light p, span.multiline.light h2, span.multiline.light h3, span.multiline.light h4, span.multiline.light .special-offer-slider__content--item .item-content .title, .special-offer-slider__content--item .item-content span.multiline.light .title, span.multiline.light .accommodation-showcase__contents .showcase-item__slider--item .item-content .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content span.multiline.light .title, span.multiline.light .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile span.multiline.light .title, span.multiline.light .tease--accommodation .item-content .title, .tease--accommodation .item-content span.multiline.light .title, span.multiline.light .tease--accommodation .item-content-mobile .title, .tease--accommodation .item-content-mobile span.multiline.light .title, span.multiline.light .mega-menu__menus--nav .nav__title, .mega-menu__menus--nav span.multiline.light .nav__title, span.multiline.light .mega-menu__menus--accommodation .nav__title, .mega-menu__menus--accommodation span.multiline.light .nav__title, span.multiline.light h5, span.multiline.light p { background-image: linear-gradient(transparent -webkit-calc(100% - 1px), #655139 1px); background-image: linear-gradient(transparent calc(100% - 1px), #655139 1px); } a.multiline.light h2:hover, a.multiline.light h2:focus-visible, a.multiline.light h3:hover, a.multiline.light h3:focus-visible, a.multiline.light h4:hover, a.multiline.light .special-offer-slider__content--item .item-content .title:hover, .special-offer-slider__content--item .item-content a.multiline.light .title:hover, a.multiline.light .accommodation-showcase__contents .showcase-item__slider--item .item-content .title:hover, .accommodation-showcase__contents .showcase-item__slider--item .item-content a.multiline.light .title:hover, a.multiline.light .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title:hover, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile a.multiline.light .title:hover, a.multiline.light .tease--accommodation .item-content .title:hover, .tease--accommodation .item-content a.multiline.light .title:hover, a.multiline.light .tease--accommodation .item-content-mobile .title:hover, .tease--accommodation .item-content-mobile a.multiline.light .title:hover, a.multiline.light .mega-menu__menus--nav .nav__title:hover, .mega-menu__menus--nav a.multiline.light .nav__title:hover, a.multiline.light .mega-menu__menus--accommodation .nav__title:hover, .mega-menu__menus--accommodation a.multiline.light .nav__title:hover, a.multiline.light h4:focus-visible, a.multiline.light .special-offer-slider__content--item .item-content .title:focus-visible, .special-offer-slider__content--item .item-content a.multiline.light .title:focus-visible, a.multiline.light .accommodation-showcase__contents .showcase-item__slider--item .item-content .title:focus-visible, .accommodation-showcase__contents .showcase-item__slider--item .item-content a.multiline.light .title:focus-visible, a.multiline.light .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title:focus-visible, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile a.multiline.light .title:focus-visible, a.multiline.light .tease--accommodation .item-content .title:focus-visible, .tease--accommodation .item-content a.multiline.light .title:focus-visible, a.multiline.light .tease--accommodation .item-content-mobile .title:focus-visible, .tease--accommodation .item-content-mobile a.multiline.light .title:focus-visible, a.multiline.light .mega-menu__menus--nav .nav__title:focus-visible, .mega-menu__menus--nav a.multiline.light .nav__title:focus-visible, a.multiline.light .mega-menu__menus--accommodation .nav__title:focus-visible, .mega-menu__menus--accommodation a.multiline.light .nav__title:focus-visible, a.multiline.light h5:hover, a.multiline.light h5:focus-visible, a.multiline.light p:hover, a.multiline.light p:focus-visible, span.multiline.light h2:hover, span.multiline.light h2:focus-visible, span.multiline.light h3:hover, span.multiline.light h3:focus-visible, span.multiline.light h4:hover, span.multiline.light .special-offer-slider__content--item .item-content .title:hover, .special-offer-slider__content--item .item-content span.multiline.light .title:hover, span.multiline.light .accommodation-showcase__contents .showcase-item__slider--item .item-content .title:hover, .accommodation-showcase__contents .showcase-item__slider--item .item-content span.multiline.light .title:hover, span.multiline.light .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title:hover, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile span.multiline.light .title:hover, span.multiline.light .tease--accommodation .item-content .title:hover, .tease--accommodation .item-content span.multiline.light .title:hover, span.multiline.light .tease--accommodation .item-content-mobile .title:hover, .tease--accommodation .item-content-mobile span.multiline.light .title:hover, span.multiline.light .mega-menu__menus--nav .nav__title:hover, .mega-menu__menus--nav span.multiline.light .nav__title:hover, span.multiline.light .mega-menu__menus--accommodation .nav__title:hover, .mega-menu__menus--accommodation span.multiline.light .nav__title:hover, span.multiline.light h4:focus-visible, span.multiline.light .special-offer-slider__content--item .item-content .title:focus-visible, .special-offer-slider__content--item .item-content span.multiline.light .title:focus-visible, span.multiline.light .accommodation-showcase__contents .showcase-item__slider--item .item-content .title:focus-visible, .accommodation-showcase__contents .showcase-item__slider--item .item-content span.multiline.light .title:focus-visible, span.multiline.light .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title:focus-visible, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile span.multiline.light .title:focus-visible, span.multiline.light .tease--accommodation .item-content .title:focus-visible, .tease--accommodation .item-content span.multiline.light .title:focus-visible, span.multiline.light .tease--accommodation .item-content-mobile .title:focus-visible, .tease--accommodation .item-content-mobile span.multiline.light .title:focus-visible, span.multiline.light .mega-menu__menus--nav .nav__title:focus-visible, .mega-menu__menus--nav span.multiline.light .nav__title:focus-visible, span.multiline.light .mega-menu__menus--accommodation .nav__title:focus-visible, .mega-menu__menus--accommodation span.multiline.light .nav__title:focus-visible, span.multiline.light h5:hover, span.multiline.light h5:focus-visible, span.multiline.light p:hover, span.multiline.light p:focus-visible { background-size: 100% 100%; } .article-content { width: 100%; padding-bottom: 120px; } @media (max-width: 47.99em) { .article-content { padding-bottom: 64px; } } .article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content .special-offer-slider__content--item .item-content .title, .special-offer-slider__content--item .item-content .article-content .title, .article-content .testimonials__content .content-slide__quote h2, .testimonials__content .content-slide__quote .article-content h2, .article-content .testimonials__content .content-slide__quote h3, .testimonials__content .content-slide__quote .article-content h3, .article-content .accommodation-showcase__contents .showcase-item__slider--item .item-content .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content .article-content .title, .article-content .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .article-content .title, .article-content .tease--accommodation .item-content .title, .tease--accommodation .item-content .article-content .title, .article-content .tease--accommodation .item-content-mobile .title, .tease--accommodation .item-content-mobile .article-content .title, .article-content .mega-menu__menus--nav .nav__title, .mega-menu__menus--nav .article-content .nav__title, .article-content .mega-menu__menus--accommodation .nav__title, .mega-menu__menus--accommodation .article-content .nav__title, .article-content h5, .article-content h6 { font-family: "Hind", sans-serif; color: #151617; padding-top: 16px; margin-bottom: 16px; max-width: 80%; } @media (max-width: 47.99em) { .article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content .special-offer-slider__content--item .item-content .title, .special-offer-slider__content--item .item-content .article-content .title, .article-content .testimonials__content .content-slide__quote h2, .testimonials__content .content-slide__quote .article-content h2, .article-content .testimonials__content .content-slide__quote h3, .testimonials__content .content-slide__quote .article-content h3, .article-content .accommodation-showcase__contents .showcase-item__slider--item .item-content .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content .article-content .title, .article-content .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .article-content .title, .article-content .tease--accommodation .item-content .title, .tease--accommodation .item-content .article-content .title, .article-content .tease--accommodation .item-content-mobile .title, .tease--accommodation .item-content-mobile .article-content .title, .article-content .mega-menu__menus--nav .nav__title, .mega-menu__menus--nav .article-content .nav__title, .article-content .mega-menu__menus--accommodation .nav__title, .mega-menu__menus--accommodation .article-content .nav__title, .article-content h5, .article-content h6 { max-width: 100%; } } .article-content h3 { font-size: 40px; line-height: 48px; font-weight: 400; } .article-content h4, .article-content .special-offer-slider__content--item .item-content .title, .special-offer-slider__content--item .item-content .article-content .title, .article-content .testimonials__content .content-slide__quote h2, .testimonials__content .content-slide__quote .article-content h2, .article-content .testimonials__content .content-slide__quote h3, .testimonials__content .content-slide__quote .article-content h3, .article-content .accommodation-showcase__contents .showcase-item__slider--item .item-content .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content .article-content .title, .article-content .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .article-content .title, .article-content .tease--accommodation .item-content .title, .tease--accommodation .item-content .article-content .title, .article-content .tease--accommodation .item-content-mobile .title, .tease--accommodation .item-content-mobile .article-content .title, .article-content .mega-menu__menus--nav .nav__title, .mega-menu__menus--nav .article-content .nav__title, .article-content .mega-menu__menus--accommodation .nav__title, .mega-menu__menus--accommodation .article-content .nav__title { font-size: 32px; line-height: 38.4px; font-weight: 400; } .article-content p { font-size: 16px; line-height: 24px; font-weight: 400; font-family: "Hind", sans-serif; max-width: 85%; } .article-content p.images-50, .article-content p.images-100 { max-width: 100%; } @media (max-width: 47.99em) { .article-content p { max-width: 100%; } } .article-content__meta .meta-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 64px; font-size: 16px; font-weight: 400; font-family: "Hind", sans-serif; color: #151617; } @media (max-width: 61.99em) { .article-content__meta .meta-wrapper { gap: 8px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .article-content__meta .meta-wrapper a.link { line-height: normal; color: #151617; text-transform: capitalize; } .article-content__meta__data.date { -webkit-box-flex: 15%; -webkit-flex: 15%; -ms-flex: 15%; flex: 15%; max-width: 15%; } @media (max-width: 61.99em) { .article-content__meta__data.date { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; max-width: 100%; margin-bottom: 0; } } .article-content__meta__data.author { text-transform: capitalize; display: none; } .article-content__meta .category-wrap { -webkit-box-flex: 85%; -webkit-flex: 85%; -ms-flex: 85%; flex: 85%; max-width: 85%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 4px; -moz-column-gap: 4px; column-gap: 4px; } @media (max-width: 61.99em) { .article-content__meta .category-wrap { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; max-width: 100%; } } .article-content__title { margin-top: 32px; } @media (max-width: 47.99em) { .article-content__title { margin-top: 24px; } } @media (max-width: 47.99em) { .article-content__title h1, .article-content__title .text-image-v1__heading h2, .text-image-v1__heading .article-content__title h2 { font-size: 40px; line-height: 48px; font-weight: 400; } } .article-content__excerpt { font-family: "Hind", sans-serif; font-size: 20px; font-weight: 500; line-height: 24px; color: #151617; margin-top: 32px; } @media (max-width: 47.99em) { .article-content__excerpt { margin-top: 24px; font-size: 18px; line-height: 21.6px; } } .article-content__image-banner { margin-top: 48px; margin-bottom: 80px; max-height: 740px; } @media (max-width: 47.99em) { .article-content__image-banner { margin-top: 32px; margin-bottom: 48px; padding: 0 15px; } } .article-content__bottom-ornament { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 80px; } .article-content__bottom-ornament span.line-left, .article-content__bottom-ornament span.line-right { -webkit-box-flex: 45%; -webkit-flex: 45%; -ms-flex: 45%; flex: 45%; max-width: 45%; width: 100%; height: 1px; background: rgb(205, 184, 158); } .article-content img { width: 100%; height: auto; } .article-content .alignnone { margin: 20px 0; width: 100% !important; } @media (max-width: 47.99em) { .article-content .alignnone { margin: 8px 0; } } .article-content .aligncenter { display: block; margin: 20px auto 20px; width: auto; } @media (max-width: 47.99em) { .article-content .aligncenter { margin: 8px auto 8px; } } .article-content .alignright { float: right; margin: 20px 0 20px 20px; width: auto; } .article-content .alignleft { float: left; margin: 5px 20px 20px 0; width: auto; } .article-content p { margin-bottom: 16px; } .article-content p.lead { font-size: 16px; } @media screen and (min-width: 0px) { .article-content p.lead { font-size: -webkit-calc(16px + 2 * (100vw - 0px) / 1200); font-size: calc(16px + 2 * (100vw - 0px) / 1200); } } @media screen and (min-width: 1200px) { .article-content p.lead { font-size: 18px; } } .article-content p.images-50 img { width: -webkit-calc(50% - 8px) !important; width: calc(50% - 8px) !important; padding-right: 8px; } @media (max-width: 47.99em) { .article-content p.images-50 img { width: 100% !important; padding-right: 0; } } .article-content p.wp-caption-text { font-size: 12px; } .article-content li { position: relative; padding: 0 0 6px 20px; } .article-content li:before { left: 0; position: absolute; content: ""; } .article-content ol, .article-content ul { list-style-type: none; padding-left: 0; margin-top: 0; margin-bottom: 20px; } .article-content ol ol, .article-content ol ul, .article-content ul ol, .article-content ul ul { padding-left: 0; padding-top: 5px; } .article-content > ol, .article-content > ul { margin-top: 0; } .article-content ol { counter-reset: li; } .article-content ol li:before { counter-increment: li; content: counter(li) "."; top: 3px; font-size: 12px; font-weight: 700; color: #655139; } .article-content ol li ol { counter-reset: lili; margin-bottom: 0; } .article-content ol li ol li:before { counter-increment: lili; content: counter(lili) "."; color: rgb(52.0981012658, 41.7816455696, 29.4018987342); } .article-content ol li ol li li:before { color: rgb(19.496835443, 15.6360759494, 11.003164557); } .article-content ul li:before { width: 6px; height: 6px; border-radius: 50%; background-color: #655139; top: 14px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .article-content ul li ul { margin-bottom: 0; } .article-content ul li li:before { background-color: rgb(52.0981012658, 41.7816455696, 29.4018987342); } .article-content ul li li li:before { background-color: rgb(19.496835443, 15.6360759494, 11.003164557); } .article-content iframe { width: 100% !important; max-width: 100%; } .article-content a:not(.btn):not(.gform_button) { color: #655139; font-weight: 700; } .article-content a:not(.btn):not(.gform_button):hover, .article-content a:not(.btn):not(.gform_button):active, .article-content a.nice-select.open:not(.btn):not(.gform_button), .article-content a:not(.btn):not(.gform_button):focus { text-decoration: underline; } .article-content table { width: 100%; max-width: 100%; margin-bottom: 30px; font-size: 14px; } .article-content table > thead > tr > th, .article-content table > thead > tr > td, .article-content table > tbody > tr > th, .article-content table > tbody > tr > td, .article-content table > tfoot > tr > th, .article-content table > tfoot > tr > td { padding: 10px 15px; line-height: 1.4; vertical-align: top; } .article-content table > thead { background-color: #655139; color: #fff; text-align: left; } .article-content table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #fff; } .article-content table > caption + thead > tr:first-child > th, .article-content table > caption + thead > tr:first-child > td, .article-content table > colgroup + thead > tr:first-child > th, .article-content table > colgroup + thead > tr:first-child > td, .article-content table > thead:first-child > tr:first-child > th, .article-content table > thead:first-child > tr:first-child > td { border-top: 0; } .article-content table > tbody + tbody { border-top: 2px solid #ced4da; } .article-content table table { background-color: #fff; } .article-content table > tbody > tr:nth-of-type(even) { background-color: #e9ecef; } .article-content .table-responsive { overflow-x: auto; } @media (max-width: 35.99em) { .article-content .table-responsive { width: 100%; margin-bottom: 20px; overflow-y: hidden; border: 1px solid #ced4da; } .article-content .table-responsive > table { margin-bottom: 0; } .article-content .table-responsive > table > thead > tr > th, .article-content .table-responsive > table > thead > tr > td, .article-content .table-responsive > table > tbody > tr > th, .article-content .table-responsive > table > tbody > tr > td, .article-content .table-responsive > table > tfoot > tr > th, .article-content .table-responsive > table > tfoot > tr > td { white-space: nowrap; } } .article-content blockquote { font-size: 24px; font-style: italic; font-weight: 400 !important; color: #444444 !important; padding: 48px; padding-right: 0; padding-left: 244px; position: relative; } @media screen and (min-width: 0px) { .article-content blockquote { font-size: -webkit-calc(24px + 8 * (100vw - 0px) / 1200); font-size: calc(24px + 8 * (100vw - 0px) / 1200); } } @media screen and (min-width: 1200px) { .article-content blockquote { font-size: 32px; } } @media (max-width: 74.99em) { .article-content blockquote { padding-left: 180px; } } @media (max-width: 61.99em) { .article-content blockquote { padding: 72px 0 40px; font-size: 24px; line-height: 33.6px; } } .article-content blockquote::before { content: ""; position: absolute; top: 48px; left: 0; width: 180px; height: 100%; background: url("/app/themes/thecolonyhotelbali/icons/block-quote.svg") no-repeat; background-size: 100%; } @media (max-width: 74.99em) { .article-content blockquote::before { width: 120px; } } @media (max-width: 61.99em) { .article-content blockquote::before { top: 72px; height: 80px; width: 104px; } } .article-content blockquote > p { font-size: 32px; font-style: italic; font-family: "Noto Serif Display", Arial, serif; line-height: 44.8px; font-weight: 400 !important; color: #444444 !important; margin: 0; } @media (max-width: 61.99em) { .article-content blockquote > p { padding-top: 120px; font-size: 24px; line-height: 33.6px; } } .article-content blockquote > p:before { content: "\201C"; margin-right: 5px; } .article-content blockquote > p:after { content: "\201D"; margin-left: 5px; } .article-content__share { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 15px 0; border-top: 1px solid rgba(0, 0, 0, 0.2); } .article-content__share p { margin: 0; padding-right: 20px; } .article-content__share__title { margin: 0 20px 0 0; } .article-content__share__link { padding-bottom: 5px; padding-right: 20px; } .article-content__share__link svg { height: 18px; fill: black; } .btn, .gform_button { display: inline-block; position: relative; border: 0; background: none; color: #fff; background-color: #655139; border-radius: 0; font-size: 16px; font-weight: 400; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; text-align: center; text-decoration: none; line-height: 1; padding: 16px 32px; } .btn .text, .gform_button .text, .btn .title, .gform_button .title { position: relative; z-index: 1; } .btn.btn-secondary, .btn-secondary.gform_button { background-color: #cdb89e; color: #655139; } .btn::after, .gform_button::after { content: ""; position: absolute; z-index: 0; bottom: 0; left: 0; display: block; width: 100%; height: 0px; background-color: #421917; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .btn:hover, .gform_button:hover, .btn:focus-visible, .gform_button:focus-visible { background-color: rgb(68.3987341772, 54.8544303797, 38.6012658228); color: #fff; text-decoration: none; } .btn:hover::after, .gform_button:hover::after, .btn:focus-visible::after, .gform_button:focus-visible::after { height: 100%; } .btn[disabled], [disabled].gform_button { opacity: 0.8; cursor: not-allowed; } .btn.arrow-left, .arrow-left.gform_button, .btn.arrow-right, .arrow-right.gform_button { background: transparent; color: #151617; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 16px; padding: 0; } .btn.arrow-left::after, .arrow-left.gform_button::after, .btn.arrow-right::after, .arrow-right.gform_button::after { background-color: transparent; } .btn.arrow-left svg, .arrow-left.gform_button svg, .btn.arrow-right svg, .arrow-right.gform_button svg { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .btn.arrow-left .title, .arrow-left.gform_button .title, .btn.arrow-right .title, .arrow-right.gform_button .title { padding-top: 4px; position: relative; } .btn.arrow-left.text-underline .title::after, .arrow-left.text-underline.gform_button .title::after, .btn.arrow-right.text-underline .title::after, .arrow-right.text-underline.gform_button .title::after { content: ""; display: block; position: absolute; bottom: -2px; left: 0; width: 0%; height: 1px; background: #151617; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .btn.arrow-left.text-underline:hover .title::after, .arrow-left.text-underline.gform_button:hover .title::after, .btn.arrow-left.text-underline:focus-visible .title::after, .arrow-left.text-underline.gform_button:focus-visible .title::after, .btn.arrow-right.text-underline:hover .title::after, .arrow-right.text-underline.gform_button:hover .title::after, .btn.arrow-right.text-underline:focus-visible .title::after, .arrow-right.text-underline.gform_button:focus-visible .title::after { width: 100%; -webkit-transition: all 600ms ease; transition: all 600ms ease; } .btn.arrow-left .ico-arrow-right, .arrow-left.gform_button .ico-arrow-right, .btn.arrow-left .ico-arrow-left, .arrow-left.gform_button .ico-arrow-left, .btn.arrow-right .ico-arrow-right, .arrow-right.gform_button .ico-arrow-right, .btn.arrow-right .ico-arrow-left, .arrow-right.gform_button .ico-arrow-left { position: relative; display: block; width: 32px; height: 16px; overflow: hidden; } .btn.arrow-left .ico-arrow-right.white::before, .arrow-left.gform_button .ico-arrow-right.white::before, .btn.arrow-left .ico-arrow-right.white::after, .arrow-left.gform_button .ico-arrow-right.white::after, .btn.arrow-left .ico-arrow-left.white::before, .arrow-left.gform_button .ico-arrow-left.white::before, .btn.arrow-left .ico-arrow-left.white::after, .arrow-left.gform_button .ico-arrow-left.white::after, .btn.arrow-right .ico-arrow-right.white::before, .arrow-right.gform_button .ico-arrow-right.white::before, .btn.arrow-right .ico-arrow-right.white::after, .arrow-right.gform_button .ico-arrow-right.white::after, .btn.arrow-right .ico-arrow-left.white::before, .arrow-right.gform_button .ico-arrow-left.white::before, .btn.arrow-right .ico-arrow-left.white::after, .arrow-right.gform_button .ico-arrow-left.white::after { background-image: url("/app/themes/thecolonyhotelbali/icons/arrow-right-white.svg"); } .btn.arrow-left .ico-arrow-right.brown::before, .arrow-left.gform_button .ico-arrow-right.brown::before, .btn.arrow-left .ico-arrow-right.brown::after, .arrow-left.gform_button .ico-arrow-right.brown::after, .btn.arrow-left .ico-arrow-left.brown::before, .arrow-left.gform_button .ico-arrow-left.brown::before, .btn.arrow-left .ico-arrow-left.brown::after, .arrow-left.gform_button .ico-arrow-left.brown::after, .btn.arrow-right .ico-arrow-right.brown::before, .arrow-right.gform_button .ico-arrow-right.brown::before, .btn.arrow-right .ico-arrow-right.brown::after, .arrow-right.gform_button .ico-arrow-right.brown::after, .btn.arrow-right .ico-arrow-left.brown::before, .arrow-right.gform_button .ico-arrow-left.brown::before, .btn.arrow-right .ico-arrow-left.brown::after, .arrow-right.gform_button .ico-arrow-left.brown::after { background-image: url("/app/themes/thecolonyhotelbali/icons/arrow-right-brown.svg"); } .btn.arrow-left .ico-arrow-right.large.white, .arrow-left.gform_button .ico-arrow-right.large.white, .btn.arrow-left .ico-arrow-left.large.white, .arrow-left.gform_button .ico-arrow-left.large.white, .btn.arrow-right .ico-arrow-right.large.white, .arrow-right.gform_button .ico-arrow-right.large.white, .btn.arrow-right .ico-arrow-left.large.white, .arrow-right.gform_button .ico-arrow-left.large.white { scale: 1.5; } .btn.arrow-left .ico-arrow-right::before, .arrow-left.gform_button .ico-arrow-right::before, .btn.arrow-left .ico-arrow-left::before, .arrow-left.gform_button .ico-arrow-left::before, .btn.arrow-right .ico-arrow-right::before, .arrow-right.gform_button .ico-arrow-right::before, .btn.arrow-right .ico-arrow-left::before, .arrow-right.gform_button .ico-arrow-left::before { content: ""; background-image: url("/app/themes/thecolonyhotelbali/icons/arrow-right.svg"); background-repeat: no-repeat; background-size: 100%; display: block; position: absolute; top: 0; right: 58px; width: 32px; height: 16px; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .btn.arrow-left .ico-arrow-right::after, .arrow-left.gform_button .ico-arrow-right::after, .btn.arrow-left .ico-arrow-left::after, .arrow-left.gform_button .ico-arrow-left::after, .btn.arrow-right .ico-arrow-right::after, .arrow-right.gform_button .ico-arrow-right::after, .btn.arrow-right .ico-arrow-left::after, .arrow-right.gform_button .ico-arrow-left::after { content: ""; background-image: url("/app/themes/thecolonyhotelbali/icons/arrow-right.svg"); background-repeat: no-repeat; background-size: 100%; display: block; position: absolute; top: 0; right: 0; width: 32px; height: 16px; -webkit-transition: all 600ms ease; transition: all 600ms ease; } @media (min-width: 75em) { .btn.arrow-left:hover, .arrow-left.gform_button:hover, .btn.arrow-left:focus-visible, .arrow-left.gform_button:focus-visible, .btn.arrow-right:hover, .arrow-right.gform_button:hover, .btn.arrow-right:focus-visible, .arrow-right.gform_button:focus-visible { background: transparent; text-decoration: none; } .btn.arrow-left:hover::after, .arrow-left.gform_button:hover::after, .btn.arrow-left:focus-visible::after, .arrow-left.gform_button:focus-visible::after, .btn.arrow-right:hover::after, .arrow-right.gform_button:hover::after, .btn.arrow-right:focus-visible::after, .arrow-right.gform_button:focus-visible::after { display: none; } .btn.arrow-left:hover .ico-arrow-right::before, .arrow-left.gform_button:hover .ico-arrow-right::before, .btn.arrow-left:hover .ico-arrow-left::before, .arrow-left.gform_button:hover .ico-arrow-left::before, .btn.arrow-left:focus-visible .ico-arrow-right::before, .arrow-left.gform_button:focus-visible .ico-arrow-right::before, .btn.arrow-left:focus-visible .ico-arrow-left::before, .arrow-left.gform_button:focus-visible .ico-arrow-left::before, .btn.arrow-right:hover .ico-arrow-right::before, .arrow-right.gform_button:hover .ico-arrow-right::before, .btn.arrow-right:hover .ico-arrow-left::before, .arrow-right.gform_button:hover .ico-arrow-left::before, .btn.arrow-right:focus-visible .ico-arrow-right::before, .arrow-right.gform_button:focus-visible .ico-arrow-right::before, .btn.arrow-right:focus-visible .ico-arrow-left::before, .arrow-right.gform_button:focus-visible .ico-arrow-left::before { right: 0; -webkit-transition: all 600ms ease; transition: all 600ms ease; } .btn.arrow-left:hover .ico-arrow-right::after, .arrow-left.gform_button:hover .ico-arrow-right::after, .btn.arrow-left:hover .ico-arrow-left::after, .arrow-left.gform_button:hover .ico-arrow-left::after, .btn.arrow-left:focus-visible .ico-arrow-right::after, .arrow-left.gform_button:focus-visible .ico-arrow-right::after, .btn.arrow-left:focus-visible .ico-arrow-left::after, .arrow-left.gform_button:focus-visible .ico-arrow-left::after, .btn.arrow-right:hover .ico-arrow-right::after, .arrow-right.gform_button:hover .ico-arrow-right::after, .btn.arrow-right:hover .ico-arrow-left::after, .arrow-right.gform_button:hover .ico-arrow-left::after, .btn.arrow-right:focus-visible .ico-arrow-right::after, .arrow-right.gform_button:focus-visible .ico-arrow-right::after, .btn.arrow-right:focus-visible .ico-arrow-left::after, .arrow-right.gform_button:focus-visible .ico-arrow-left::after { right: -58px; -webkit-transition: all 600ms ease; transition: all 600ms ease; } } .btn.arrow-dot, .arrow-dot.gform_button { background: transparent; color: #151617; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 12px; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 0; margin-bottom: 5px; } .btn.arrow-dot::before, .arrow-dot.gform_button::before { content: ""; display: block; position: absolute; bottom: -4px; left: 0; width: 100%; height: 1px; background: #151617; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .btn.arrow-dot .ico-arrow-dot, .arrow-dot.gform_button .ico-arrow-dot { position: relative; display: block; width: 16px; height: 16px; } .btn.arrow-dot .ico-arrow-dot .arrow-small, .arrow-dot.gform_button .ico-arrow-dot .arrow-small { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .btn.arrow-dot .ico-arrow-dot::after, .arrow-dot.gform_button .ico-arrow-dot::after { content: ""; background: #151617; background-repeat: no-repeat; background-size: 100%; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); right: 0; width: 6px; height: 6px; border-radius: 100%; border: 1px solid #151617; -webkit-transition: all 600ms ease; transition: all 600ms ease; } .btn.arrow-dot:hover, .arrow-dot.gform_button:hover, .btn.arrow-dot:focus-visible, .arrow-dot.gform_button:focus-visible { background: transparent; text-decoration: none; } .btn.arrow-dot:hover::before, .arrow-dot.gform_button:hover::before, .btn.arrow-dot:focus-visible::before, .arrow-dot.gform_button:focus-visible::before { opacity: 0; -webkit-transition: all 600ms ease; transition: all 600ms ease; } .btn.arrow-dot:hover::after, .arrow-dot.gform_button:hover::after, .btn.arrow-dot:focus-visible::after, .arrow-dot.gform_button:focus-visible::after { display: none; } .btn.arrow-dot:hover .ico-arrow-dot .arrow-small, .arrow-dot.gform_button:hover .ico-arrow-dot .arrow-small, .btn.arrow-dot:focus-visible .ico-arrow-dot .arrow-small, .arrow-dot.gform_button:focus-visible .ico-arrow-dot .arrow-small { opacity: 1; -webkit-transition: all 600ms ease; transition: all 600ms ease; } .btn.arrow-dot:hover .ico-arrow-dot::after, .arrow-dot.gform_button:hover .ico-arrow-dot::after, .btn.arrow-dot:focus-visible .ico-arrow-dot::after, .arrow-dot.gform_button:focus-visible .ico-arrow-dot::after { width: 16px; height: 16px; background: transparent; -webkit-transition: all 600ms ease; transition: all 600ms ease; } @media (max-width: 47.99em) { .btn.arrow-dot:hover .ico-arrow-dot::after, .arrow-dot.gform_button:hover .ico-arrow-dot::after, .btn.arrow-dot:focus-visible .ico-arrow-dot::after, .arrow-dot.gform_button:focus-visible .ico-arrow-dot::after { width: 24px; height: 24px; } } @media (max-width: 47.99em) { .btn.arrow-dot, .arrow-dot.gform_button { background: transparent; text-decoration: none; } .btn.arrow-dot::after, .arrow-dot.gform_button::after { display: none; } .btn.arrow-dot .ico-arrow-dot, .arrow-dot.gform_button .ico-arrow-dot { width: 24px; height: 24px; } .btn.arrow-dot .ico-arrow-dot .arrow-small, .arrow-dot.gform_button .ico-arrow-dot .arrow-small { opacity: 1; -webkit-transition: all 600ms ease; transition: all 600ms ease; } .btn.arrow-dot .ico-arrow-dot::after, .arrow-dot.gform_button .ico-arrow-dot::after { width: 24px; height: 24px; background: transparent; -webkit-transition: all 600ms ease; transition: all 600ms ease; } } .btn-block { width: 100%; display: block; } .btn-block + .btn-block { margin-top: 30px; } .close-btn { border: none; background: transparent; height: 20px; } .close-btn:hover { cursor: pointer; } .close-btn:hover .close-after-inner { -webkit-transform: translateX(-28px); transform: translateX(-28px); -webkit-transition: all 700ms ease; transition: all 700ms ease; -webkit-transition-delay: 80ms; transition-delay: 80ms; } .close-btn:hover .close-before-inner { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all 700ms ease; transition: all 700ms ease; } .close-btn:focus { outline: 0; } .close-btn:focus-visible { outline: 2px solid #655139; } .close-btn .close-before, .close-btn .close-after { width: 24px; height: 1px; background: transparent; overflow: hidden; } .close-btn .close-before-inner, .close-btn .close-after-inner { width: 52px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 4px; -webkit-transform: translateX(-28px); transform: translateX(-28px); -webkit-transition: all 700ms ease; transition: all 700ms ease; } .close-btn .close-before { left: 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .close-btn .close-after { margin-top: -1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .close-btn .close-after-inner { -webkit-transform: translateX(0px); transform: translateX(0px); } .close-btn span.close-before-1, .close-btn span.close-before-2, .close-btn span.close-after-1, .close-btn span.close-after-2 { background: #655139; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 24px; height: 1px; } .close-btn.white span.close-before-1, .close-btn.white span.close-before-2, .close-btn.white span.close-after-1, .close-btn.white span.close-after-2 { background: #f8f8f8; } .play-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; background: transparent; -webkit-box-shadow: none; box-shadow: none; border: none; color: #f8f8f8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 8px; padding: 14px 16px; font-size: 16px; font-weight: 500; text-transform: uppercase; -webkit-transition: 600ms; transition: 600ms; } @media (max-width: 61.99em) { .play-button { padding: 14px 8px; } } .play-button:hover { cursor: pointer; } .play-button:focus { outline: 0; } .play-button:focus-visible { outline: 2px solid #655139; } .play-button .text { position: absolute; width: -webkit-max-content; width: -moz-max-content; width: max-content; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; visibility: hidden; -webkit-transition: 600ms; transition: 600ms; } .play-button .text-wrap { position: relative; min-width: 92px; height: 36px; } .play-button .text.active { opacity: 1; visibility: visible; -webkit-transition: 600ms; transition: 600ms; } .play-button .ico-play-pause { position: relative; height: 36px; width: 36px; } .play-button .ico-play, .play-button .ico-pause { position: absolute; width: 36px; height: 36px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; opacity: 0; visibility: hidden; -webkit-transition: 600ms; transition: 600ms; } .play-button .ico-play svg, .play-button .ico-pause svg { scale: 1.8; } .play-button .ico-play { opacity: 1; visibility: visible; } .play-button.playing .ico-pause { opacity: 1; visibility: visible; } .play-button.playing .ico-play { opacity: 0; visibility: hidden; } .form-control, .form-group.name input, .form-group.time input, .form-group.time select, .form-group.address input, .form-group.address select, .ginput_container_list .gfield_list_cell input { color: #ced4da; width: 100%; border-radius: 0.25rem; border: 1px solid transparent; -webkit-transition: all 300ms ease-out all; transition: all 300ms ease-out all; background-position: right 15px center; background-repeat: no-repeat; background-size: auto 10px; margin-bottom: 15px; padding-left: 15px; padding-right: 15px; padding-top: 12px; padding-bottom: 12px; } @media screen and (min-width: 0px) { .form-control, .form-group.name input, .form-group.time input, .form-group.time select, .form-group.address input, .form-group.address select, .ginput_container_list .gfield_list_cell input { margin-bottom: -webkit-calc(15px + 15 * (100vw - 0px) / 1200); margin-bottom: calc(15px + 15 * (100vw - 0px) / 1200); } } @media screen and (min-width: 1200px) { .form-control, .form-group.name input, .form-group.time input, .form-group.time select, .form-group.address input, .form-group.address select, .ginput_container_list .gfield_list_cell input { margin-bottom: 30px; } } @media screen and (min-width: 0px) { .form-control, .form-group.name input, .form-group.time input, .form-group.time select, .form-group.address input, .form-group.address select, .ginput_container_list .gfield_list_cell input { padding-left: -webkit-calc(15px + 5 * (100vw - 0px) / 1200); padding-left: calc(15px + 5 * (100vw - 0px) / 1200); } } @media screen and (min-width: 1200px) { .form-control, .form-group.name input, .form-group.time input, .form-group.time select, .form-group.address input, .form-group.address select, .ginput_container_list .gfield_list_cell input { padding-left: 20px; } } @media screen and (min-width: 0px) { .form-control, .form-group.name input, .form-group.time input, .form-group.time select, .form-group.address input, .form-group.address select, .ginput_container_list .gfield_list_cell input { padding-right: -webkit-calc(15px + 5 * (100vw - 0px) / 1200); padding-right: calc(15px + 5 * (100vw - 0px) / 1200); } } @media screen and (min-width: 1200px) { .form-control, .form-group.name input, .form-group.time input, .form-group.time select, .form-group.address input, .form-group.address select, .ginput_container_list .gfield_list_cell input { padding-right: 20px; } } @media screen and (min-width: 0px) { .form-control, .form-group.name input, .form-group.time input, .form-group.time select, .form-group.address input, .form-group.address select, .ginput_container_list .gfield_list_cell input { padding-top: -webkit-calc(12px + 4 * (100vw - 0px) / 1200); padding-top: calc(12px + 4 * (100vw - 0px) / 1200); } } @media screen and (min-width: 1200px) { .form-control, .form-group.name input, .form-group.time input, .form-group.time select, .form-group.address input, .form-group.address select, .ginput_container_list .gfield_list_cell input { padding-top: 16px; } } @media screen and (min-width: 0px) { .form-control, .form-group.name input, .form-group.time input, .form-group.time select, .form-group.address input, .form-group.address select, .ginput_container_list .gfield_list_cell input { padding-bottom: -webkit-calc(12px + 2 * (100vw - 0px) / 1200); padding-bottom: calc(12px + 2 * (100vw - 0px) / 1200); } } @media screen and (min-width: 1200px) { .form-control, .form-group.name input, .form-group.time input, .form-group.time select, .form-group.address input, .form-group.address select, .ginput_container_list .gfield_list_cell input { padding-bottom: 14px; } } .form-control::-webkit-input-placeholder, .form-group.name input::-webkit-input-placeholder, .form-group.time input::-webkit-input-placeholder, .form-group.time select::-webkit-input-placeholder, .form-group.address input::-webkit-input-placeholder, .form-group.address select::-webkit-input-placeholder, .ginput_container_list .gfield_list_cell input::-webkit-input-placeholder { color: #ced4da; } .form-control:-moz-placeholder, .form-group.name input:-moz-placeholder, .form-group.time input:-moz-placeholder, .form-group.time select:-moz-placeholder, .form-group.address input:-moz-placeholder, .form-group.address select:-moz-placeholder, .ginput_container_list .gfield_list_cell input:-moz-placeholder { color: #ced4da; } .form-control::-moz-placeholder, .form-group.name input::-moz-placeholder, .form-group.time input::-moz-placeholder, .form-group.time select::-moz-placeholder, .form-group.address input::-moz-placeholder, .form-group.address select::-moz-placeholder, .ginput_container_list .gfield_list_cell input::-moz-placeholder { color: #ced4da; } .form-control:-ms-input-placeholder, .form-group.name input:-ms-input-placeholder, .form-group.time input:-ms-input-placeholder, .form-group.time select:-ms-input-placeholder, .form-group.address input:-ms-input-placeholder, .form-group.address select:-ms-input-placeholder, .ginput_container_list .gfield_list_cell input:-ms-input-placeholder { color: #ced4da; } .form-control:focus, .form-group.name input:focus, .form-group.time input:focus, .form-group.time select:focus, .form-group.address input:focus, .form-group.address select:focus, .ginput_container_list .gfield_list_cell input:focus { border-color: rgba(0, 0, 0, 0.15); } .has-error .form-control, .has-error .form-group.name input, .form-group.name .has-error input, .has-error .form-group.time input, .form-group.time .has-error input, .has-error .form-group.time select, .form-group.time .has-error select, .has-error .form-group.address input, .form-group.address .has-error input, .has-error .form-group.address select, .form-group.address .has-error select, .has-error .ginput_container_list .gfield_list_cell input, .ginput_container_list .gfield_list_cell .has-error input { border-color: #dc3545; background-image: image("failed.svg"); padding-right: 50px; } textarea.form-control { max-width: 100%; background-position: right 15px top 10px; } select.form-control, .form-group.time select, .form-group.address select { padding-top: 14px; padding-bottom: 14px; } @media screen and (min-width: 0px) { select.form-control, .form-group.time select, .form-group.address select { padding-top: -webkit-calc(14px + 4 * (100vw - 0px) / 1200); padding-top: calc(14px + 4 * (100vw - 0px) / 1200); } } @media screen and (min-width: 1200px) { select.form-control, .form-group.time select, .form-group.address select { padding-top: 18px; } } @media screen and (min-width: 0px) { select.form-control, .form-group.time select, .form-group.address select { padding-bottom: -webkit-calc(14px + 2 * (100vw - 0px) / 1200); padding-bottom: calc(14px + 2 * (100vw - 0px) / 1200); } } @media screen and (min-width: 1200px) { select.form-control, .form-group.time select, .form-group.address select { padding-bottom: 16px; } } .gform_wrapper.gravity-theme .input-wrapper input[type=text], .gform_wrapper.gravity-theme .input-wrapper input[type=password], .gform_wrapper.gravity-theme .input-wrapper input[type=email], .gform_wrapper.gravity-theme .input-wrapper input[type=url], .gform_wrapper.gravity-theme .input-wrapper input[type=date], .gform_wrapper.gravity-theme .input-wrapper input[type=month], .gform_wrapper.gravity-theme .input-wrapper input[type=time], .gform_wrapper.gravity-theme .input-wrapper input[type=datetime], .gform_wrapper.gravity-theme .input-wrapper input[type=datetime-local], .gform_wrapper.gravity-theme .input-wrapper input[type=week], .gform_wrapper.gravity-theme .input-wrapper input[type=number], .gform_wrapper.gravity-theme .input-wrapper input[type=search], .gform_wrapper.gravity-theme .input-wrapper input[type=tel], .gform_wrapper.gravity-theme .input-wrapper input[type=color], .gform_wrapper.gravity-theme .input-wrapper textarea { padding-left: 15px; padding-right: 15px; padding-top: 12px; padding-bottom: 12px; } @media screen and (min-width: 0px) { .gform_wrapper.gravity-theme .input-wrapper input[type=text], .gform_wrapper.gravity-theme .input-wrapper input[type=password], .gform_wrapper.gravity-theme .input-wrapper input[type=email], .gform_wrapper.gravity-theme .input-wrapper input[type=url], .gform_wrapper.gravity-theme .input-wrapper input[type=date], .gform_wrapper.gravity-theme .input-wrapper input[type=month], .gform_wrapper.gravity-theme .input-wrapper input[type=time], .gform_wrapper.gravity-theme .input-wrapper input[type=datetime], .gform_wrapper.gravity-theme .input-wrapper input[type=datetime-local], .gform_wrapper.gravity-theme .input-wrapper input[type=week], .gform_wrapper.gravity-theme .input-wrapper input[type=number], .gform_wrapper.gravity-theme .input-wrapper input[type=search], .gform_wrapper.gravity-theme .input-wrapper input[type=tel], .gform_wrapper.gravity-theme .input-wrapper input[type=color], .gform_wrapper.gravity-theme .input-wrapper textarea { padding-left: -webkit-calc(15px + 5 * (100vw - 0px) / 1200); padding-left: calc(15px + 5 * (100vw - 0px) / 1200); } } @media screen and (min-width: 1200px) { .gform_wrapper.gravity-theme .input-wrapper input[type=text], .gform_wrapper.gravity-theme .input-wrapper input[type=password], .gform_wrapper.gravity-theme .input-wrapper input[type=email], .gform_wrapper.gravity-theme .input-wrapper input[type=url], .gform_wrapper.gravity-theme .input-wrapper input[type=date], .gform_wrapper.gravity-theme .input-wrapper input[type=month], .gform_wrapper.gravity-theme .input-wrapper input[type=time], .gform_wrapper.gravity-theme .input-wrapper input[type=datetime], .gform_wrapper.gravity-theme .input-wrapper input[type=datetime-local], .gform_wrapper.gravity-theme .input-wrapper input[type=week], .gform_wrapper.gravity-theme .input-wrapper input[type=number], .gform_wrapper.gravity-theme .input-wrapper input[type=search], .gform_wrapper.gravity-theme .input-wrapper input[type=tel], .gform_wrapper.gravity-theme .input-wrapper input[type=color], .gform_wrapper.gravity-theme .input-wrapper textarea { padding-left: 20px; } } @media screen and (min-width: 0px) { .gform_wrapper.gravity-theme .input-wrapper input[type=text], .gform_wrapper.gravity-theme .input-wrapper input[type=password], .gform_wrapper.gravity-theme .input-wrapper input[type=email], .gform_wrapper.gravity-theme .input-wrapper input[type=url], .gform_wrapper.gravity-theme .input-wrapper input[type=date], .gform_wrapper.gravity-theme .input-wrapper input[type=month], .gform_wrapper.gravity-theme .input-wrapper input[type=time], .gform_wrapper.gravity-theme .input-wrapper input[type=datetime], .gform_wrapper.gravity-theme .input-wrapper input[type=datetime-local], .gform_wrapper.gravity-theme .input-wrapper input[type=week], .gform_wrapper.gravity-theme .input-wrapper input[type=number], .gform_wrapper.gravity-theme .input-wrapper input[type=search], .gform_wrapper.gravity-theme .input-wrapper input[type=tel], .gform_wrapper.gravity-theme .input-wrapper input[type=color], .gform_wrapper.gravity-theme .input-wrapper textarea { padding-right: -webkit-calc(15px + 5 * (100vw - 0px) / 1200); padding-right: calc(15px + 5 * (100vw - 0px) / 1200); } } @media screen and (min-width: 1200px) { .gform_wrapper.gravity-theme .input-wrapper input[type=text], .gform_wrapper.gravity-theme .input-wrapper input[type=password], .gform_wrapper.gravity-theme .input-wrapper input[type=email], .gform_wrapper.gravity-theme .input-wrapper input[type=url], .gform_wrapper.gravity-theme .input-wrapper input[type=date], .gform_wrapper.gravity-theme .input-wrapper input[type=month], .gform_wrapper.gravity-theme .input-wrapper input[type=time], .gform_wrapper.gravity-theme .input-wrapper input[type=datetime], .gform_wrapper.gravity-theme .input-wrapper input[type=datetime-local], .gform_wrapper.gravity-theme .input-wrapper input[type=week], .gform_wrapper.gravity-theme .input-wrapper input[type=number], .gform_wrapper.gravity-theme .input-wrapper input[type=search], .gform_wrapper.gravity-theme .input-wrapper input[type=tel], .gform_wrapper.gravity-theme .input-wrapper input[type=color], .gform_wrapper.gravity-theme .input-wrapper textarea { padding-right: 20px; } } @media screen and (min-width: 0px) { .gform_wrapper.gravity-theme .input-wrapper input[type=text], .gform_wrapper.gravity-theme .input-wrapper input[type=password], .gform_wrapper.gravity-theme .input-wrapper input[type=email], .gform_wrapper.gravity-theme .input-wrapper input[type=url], .gform_wrapper.gravity-theme .input-wrapper input[type=date], .gform_wrapper.gravity-theme .input-wrapper input[type=month], .gform_wrapper.gravity-theme .input-wrapper input[type=time], .gform_wrapper.gravity-theme .input-wrapper input[type=datetime], .gform_wrapper.gravity-theme .input-wrapper input[type=datetime-local], .gform_wrapper.gravity-theme .input-wrapper input[type=week], .gform_wrapper.gravity-theme .input-wrapper input[type=number], .gform_wrapper.gravity-theme .input-wrapper input[type=search], .gform_wrapper.gravity-theme .input-wrapper input[type=tel], .gform_wrapper.gravity-theme .input-wrapper input[type=color], .gform_wrapper.gravity-theme .input-wrapper textarea { padding-top: -webkit-calc(12px + 4 * (100vw - 0px) / 1200); padding-top: calc(12px + 4 * (100vw - 0px) / 1200); } } @media screen and (min-width: 1200px) { .gform_wrapper.gravity-theme .input-wrapper input[type=text], .gform_wrapper.gravity-theme .input-wrapper input[type=password], .gform_wrapper.gravity-theme .input-wrapper input[type=email], .gform_wrapper.gravity-theme .input-wrapper input[type=url], .gform_wrapper.gravity-theme .input-wrapper input[type=date], .gform_wrapper.gravity-theme .input-wrapper input[type=month], .gform_wrapper.gravity-theme .input-wrapper input[type=time], .gform_wrapper.gravity-theme .input-wrapper input[type=datetime], .gform_wrapper.gravity-theme .input-wrapper input[type=datetime-local], .gform_wrapper.gravity-theme .input-wrapper input[type=week], .gform_wrapper.gravity-theme .input-wrapper input[type=number], .gform_wrapper.gravity-theme .input-wrapper input[type=search], .gform_wrapper.gravity-theme .input-wrapper input[type=tel], .gform_wrapper.gravity-theme .input-wrapper input[type=color], .gform_wrapper.gravity-theme .input-wrapper textarea { padding-top: 16px; } } @media screen and (min-width: 0px) { .gform_wrapper.gravity-theme .input-wrapper input[type=text], .gform_wrapper.gravity-theme .input-wrapper input[type=password], .gform_wrapper.gravity-theme .input-wrapper input[type=email], .gform_wrapper.gravity-theme .input-wrapper input[type=url], .gform_wrapper.gravity-theme .input-wrapper input[type=date], .gform_wrapper.gravity-theme .input-wrapper input[type=month], .gform_wrapper.gravity-theme .input-wrapper input[type=time], .gform_wrapper.gravity-theme .input-wrapper input[type=datetime], .gform_wrapper.gravity-theme .input-wrapper input[type=datetime-local], .gform_wrapper.gravity-theme .input-wrapper input[type=week], .gform_wrapper.gravity-theme .input-wrapper input[type=number], .gform_wrapper.gravity-theme .input-wrapper input[type=search], .gform_wrapper.gravity-theme .input-wrapper input[type=tel], .gform_wrapper.gravity-theme .input-wrapper input[type=color], .gform_wrapper.gravity-theme .input-wrapper textarea { padding-bottom: -webkit-calc(12px + 2 * (100vw - 0px) / 1200); padding-bottom: calc(12px + 2 * (100vw - 0px) / 1200); } } @media screen and (min-width: 1200px) { .gform_wrapper.gravity-theme .input-wrapper input[type=text], .gform_wrapper.gravity-theme .input-wrapper input[type=password], .gform_wrapper.gravity-theme .input-wrapper input[type=email], .gform_wrapper.gravity-theme .input-wrapper input[type=url], .gform_wrapper.gravity-theme .input-wrapper input[type=date], .gform_wrapper.gravity-theme .input-wrapper input[type=month], .gform_wrapper.gravity-theme .input-wrapper input[type=time], .gform_wrapper.gravity-theme .input-wrapper input[type=datetime], .gform_wrapper.gravity-theme .input-wrapper input[type=datetime-local], .gform_wrapper.gravity-theme .input-wrapper input[type=week], .gform_wrapper.gravity-theme .input-wrapper input[type=number], .gform_wrapper.gravity-theme .input-wrapper input[type=search], .gform_wrapper.gravity-theme .input-wrapper input[type=tel], .gform_wrapper.gravity-theme .input-wrapper input[type=color], .gform_wrapper.gravity-theme .input-wrapper textarea { padding-bottom: 14px; } } .gform_wrapper.gravity-theme .input-wrapper select { padding-top: 14px; padding-bottom: 14px; } @media screen and (min-width: 0px) { .gform_wrapper.gravity-theme .input-wrapper select { padding-top: -webkit-calc(14px + 4 * (100vw - 0px) / 1200); padding-top: calc(14px + 4 * (100vw - 0px) / 1200); } } @media screen and (min-width: 1200px) { .gform_wrapper.gravity-theme .input-wrapper select { padding-top: 18px; } } @media screen and (min-width: 0px) { .gform_wrapper.gravity-theme .input-wrapper select { padding-bottom: -webkit-calc(14px + 2 * (100vw - 0px) / 1200); padding-bottom: calc(14px + 2 * (100vw - 0px) / 1200); } } @media screen and (min-width: 1200px) { .gform_wrapper.gravity-theme .input-wrapper select { padding-bottom: 16px; } } .gform_footer { text-align: right; position: relative; } @media (max-width: 47.99em) { .gform_button { width: 100%; } } .honeypot { opacity: 0; position: absolute; top: 0; left: 0; height: 0; width: 0; z-index: -1; } .grecaptcha-badge { display: none; } .ginput_recaptcha_terms { font-size: 14px; margin-top: 8px; } .gform_required_message { font-size: 14px; margin-bottom: 15px; display: block; } @media screen and (min-width: 0px) { .gform_required_message { margin-bottom: -webkit-calc(15px + 15 * (100vw - 0px) / 1200); margin-bottom: calc(15px + 15 * (100vw - 0px) / 1200); } } @media screen and (min-width: 1200px) { .gform_required_message { margin-bottom: 30px; } } .hamburger { padding: 0; height: 40px; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; gap: 16px; cursor: pointer; outline: 0; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 150ms; transition-duration: 150ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: hidden; } .hamburger:hover .hamburger-wrap, .hamburger:active .hamburger-wrap, .hamburger.nice-select.open .hamburger-wrap, .hamburger:focus .hamburger-wrap { -webkit-transform: translateX(-40px); transform: translateX(-40px); -webkit-transition: 600ms; transition: 600ms; } .hamburger:focus { outline: 0; } .hamburger:focus .hamburger-wrap { -webkit-transform: unset; transform: unset; } .hamburger:focus-visible { outline: 2px solid #655139; } .hamburger-box { width: 40px; height: 40px; display: inline-block; position: relative; } .hamburger-icon { width: 40px; overflow: hidden; } .hamburger-text { font-weight: 500; } .home .hamburger-text { color: #f8f8f8; } .home.header-default .hamburger-text { color: #655139; } @media (max-width: 61.99em) { .hamburger-text { display: none; } } .hamburger-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 4px; width: 84px; -webkit-transition: 600ms; transition: 600ms; } .hamburger-inner { display: block; top: 50%; margin-top: -0.5px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 2px; background-color: #655139; border-radius: 0.25rem; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .home .hamburger-inner, .home .hamburger-inner::before, .home .hamburger-inner::after { background-color: #f8f8f8; } .home.header-default .hamburger-inner, .home.header-default .hamburger-inner::before, .home.header-default .hamburger-inner::after { background-color: #655139; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; width: 75%; right: 0; } .hamburger-inner::after { bottom: -10px; } .hamburger-inner.after::before { width: 100%; } .hamburger-inner.after::after { width: 75%; } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { -webkit-transition: top 0.1s 0.14s ease, opacity 0.1s ease; transition: top 0.1s 0.14s ease, opacity 0.1s ease; } .hamburger--squeeze .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .nav-active .hamburger--squeeze .hamburger-inner { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0.14s; transition-delay: 0.14s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .nav-active .hamburger--squeeze .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease, opacity 0.1s 0.14s ease; transition: top 0.1s ease, opacity 0.1s 0.14s ease; } .nav-active .hamburger--squeeze .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); } .header { background-color: #f3eee9; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; height: auto; position: fixed; top: 0; width: 100%; z-index: 99; } .header-sticky.scrolled .header { -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; -webkit-transform: translateY(-100%) !important; transform: translateY(-100%) !important; } .header-sticky.scrolled.scroll-up .header { -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; -webkit-transform: translateY(0%) !important; transform: translateY(0%) !important; } .single-post.header-sticky.scrolled .header { -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; -webkit-transform: translateY(-65%) !important; transform: translateY(-65%) !important; } .home .header { background-color: transparent; -webkit-transform: translateY(-120px); transform: translateY(-120px); -webkit-transition: background-color 500ms ease-out; transition: background-color 500ms ease-out; } .home .header.reveal { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: background-color 300ms ease-out, -webkit-transform 800ms ease-out; transition: background-color 300ms ease-out, -webkit-transform 800ms ease-out; transition: transform 800ms ease-out, background-color 300ms ease-out; transition: transform 800ms ease-out, background-color 300ms ease-out, -webkit-transform 800ms ease-out; } .home.header-default .header { background-color: #f3eee9; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .has-page-reader .header { height: 130px; } @media (min-width: 75em) { .has-page-reader .header { height: 160px; } } .header-sticky .header { position: fixed; top: 0; left: 0; right: 0; z-index: 11; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .header-sticky.mega-menu-active .header { z-index: 10; } .admin-bar .header { top: 32px; } .admin-bar.header-sticky .header { top: 46px; } @media (min-width: 48.9375em) { .admin-bar.header-sticky .header { top: 32px; } } .nav-active .header { -webkit-transform: translateX(-webkit-calc(-100% + 100px)); transform: translateX(calc(-100% + 100px)); } .header .row { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 24px 0; } .header__logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; max-width: 230px; background-image: image("logo.svg"); background-position: left center; background-size: contain; background-repeat: no-repeat; } .home .header__logo { -webkit-filter: invert(1); filter: invert(1); width: 320px; max-width: unset; } @media (max-width: 61.99em) { .home .header__logo { width: 230px; } } @media (max-width: 47.99em) { .home .header__logo { width: 160px; } } .home .header__logo img { width: 100%; } .home.header-default .header__logo { -webkit-filter: none; filter: none; width: 230px; -webkit-transition: 600ms; transition: 600ms; } @media (max-width: 47.99em) { .home.header-default .header__logo { width: 160px; } } .header__logo .sizer { width: 100%; padding-bottom: 17.3913043478%; } .header__search { background: none; margin: 0; padding: 5px 10px; border: 0; line-height: 1; font-size: 20px; } .header__controls { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; gap: 48px; } @media (max-width: 61.99em) { .header__controls { text-align: right; gap: 32px; } } @media (max-width: 35.99em) { .header__nav { width: auto; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; padding: 0; height: 100vh; width: 100%; height: 100%; position: fixed; z-index: -1; top: 0; right: 0; left: 100px; background-color: #e9ecef; opacity: 0; pointer-events: none; -webkit-transition: opacity all 300ms ease-out; transition: opacity all 300ms ease-out; } .admin-bar .header__nav { top: 46px; } } @media (max-width: 35.99em) and (min-width: 783px) { .admin-bar .header__nav { top: 32px; } } @media (max-width: 35.99em) { .nav-active .header__nav { z-index: 1; pointer-events: auto; opacity: 1; overflow-y: auto; } } @media (max-width: 35.99em) { .page-wrap { position: relative; z-index: 2; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; -webkit-box-shadow: -1px -2px 20px 0 rgba(0, 0, 0, 0); box-shadow: -1px -2px 20px 0 rgba(0, 0, 0, 0); } .nav-active .page-wrap { -webkit-box-shadow: -1px -2px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: -1px -2px 20px 0 rgba(0, 0, 0, 0.2); -webkit-transform: translateX(-webkit-calc(-100% + 100px)); transform: translateX(calc(-100% + 100px)); } } .nav { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 36em) { .nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .nav__li { position: relative; } @media (max-width: 35.99em) { .nav__li + .nav__li { border-top: 1px solid #655139; } } @media (max-width: 35.99em) { .nav__li--submenu-open > .nav__toggle i { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @media (min-width: 36em) { .nav__li:hover > .nav__submenu, .nav__li:active > .nav__submenu, .nav__li.nice-select.open > .nav__submenu, .nav__li:focus > .nav__submenu { opacity: 1; pointer-events: auto; z-index: 998; -webkit-transition: all 0s 0s, opacity all 150ms ease-out; transition: all 0s 0s, opacity all 150ms ease-out; } .nav__submenu .nav__li:hover > .nav__a .nav__a__title, .nav__submenu .nav__li:active > .nav__a .nav__a__title, .nav__submenu .nav__li.nice-select.open > .nav__a .nav__a__title, .nav__submenu .nav__li:focus > .nav__a .nav__a__title { -webkit-transform: translateX(10px); transform: translateX(10px); } } .nav__toggle { width: 49px; height: 49px; background-color: #655139; border: 0; padding: 0; margin: 0; position: absolute; top: 0; right: 0; z-index: 2; } @media (min-width: 36em) { .nav__toggle { width: 30px; height: auto; bottom: 0; } } .nav__toggle i { display: inline-block; color: #fff; -webkit-transition: all 150ms ease-out; transition: all 150ms ease-out; } @media (max-width: 35.99em) { .nav__toggle i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } @media (min-width: 36em) { .nav__toggle--0 { display: none; } } .nav__a { white-space: nowrap; display: block; padding: 0.5rem 1rem; } .nav__a__title { -webkit-transition: inherit; transition: inherit; display: block; } @media (max-width: 35.99em) { .nav__a { padding: 15px; font-size: 12px; position: relative; z-index: 1; } } .nav__submenu { color: #151617; position: relative; width: 100%; display: none; } @media (min-width: 36em) { .nav__submenu { display: block; position: relative; top: 0; left: 0; width: auto; min-width: 200px; z-index: 1; -webkit-transition: all 0s 150ms, opacity all 150ms ease-out; transition: all 0s 150ms, opacity all 150ms ease-out; } } @media (max-width: 35.99em) { .nav__submenu .nav__li + .nav__li { border-top: 1px solid rgba(255, 255, 255, 0.8); } } .nav__submenu a { color: inherit; padding: 0.5vw 0.75vw; } @media (max-width: 35.99em) { .nav__submenu a { padding: 15px; font-size: 12px; position: relative; z-index: 1; } } .nav__submenu .nav__submenu { background-color: rgb(84.6993670886, 67.9272151899, 47.8006329114); } @media (min-width: 36em) { .nav__submenu .nav__submenu { top: 0; left: 100%; } } .nav__submenu .nav__submenu .nav__submenu { display: none; } .mega-menu { position: fixed; padding: 32px 60px 60px; padding-right: 44px; right: 0; width: 50vw; z-index: 100; background: #f3eee9; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 600ms; transition: 600ms; } @media (min-width: 62em) and (max-width: 81.25em) { .mega-menu { width: 65vw; padding: 64px 40px; } } @media (max-width: 61.99em) { .mega-menu { width: 100vw; padding: 48px; } } @media (max-width: 47.99em) { .mega-menu { width: 100vw; padding: 26px 20px; padding-right: 12px; height: var(--full, 100vh); } } .mega-menu.active { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: 600ms; transition: 600ms; } .mega-menu .lead-text { font-size: 15px; font-weight: 600; line-height: 16.8px; color: #655139; text-transform: uppercase; vertical-align: top; } .mega-menu .lead-text:hover { text-decoration: none; } .mega-menu__inner { height: 100%; } .mega-menu__wrap { max-height: -webkit-calc(82vh - 92px); max-height: calc(82vh - 92px); height: 100%; overflow-y: auto; overflow-x: hidden; padding-right: 16px; } @media (max-width: 85em) { .mega-menu__wrap { max-height: -webkit-calc(74vh - 40px); max-height: calc(74vh - 40px); } } @media (max-width: 80em) { .mega-menu__wrap { max-height: -webkit-calc(74vh - 120px); max-height: calc(74vh - 120px); } } @media (max-width: 74.99em) { .mega-menu__wrap { max-height: -webkit-calc(74vh - 26px); max-height: calc(74vh - 26px); } } @media (max-width: 61.99em) { .mega-menu__wrap { max-height: -webkit-calc(var(--full) - 170px); max-height: calc(var(--full) - 170px); padding-right: 20px; } } .mega-menu__wrap::-webkit-scrollbar { width: 3px; } .mega-menu__wrap::-webkit-scrollbar-track { background: #cecfd2; } .mega-menu__wrap::-webkit-scrollbar-thumb { background: #655139; } .mega-menu__wrap::-webkit-scrollbar-thumb:hover { background: #655139; } .mega-menu__buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; gap: 32px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 82px; } @media (max-width: 74.99em) { .mega-menu__buttons { margin-bottom: 48px; } } @media (max-width: 61.99em) { .mega-menu__buttons { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 47.99em) { .mega-menu__buttons { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .mega-menu__buttons > :nth-child(2) { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } } .mega-menu__buttons .btn-message svg path { -webkit-transition: 600ms; transition: 600ms; } .mega-menu__buttons .btn-message:hover svg path:first-child, .mega-menu__buttons .btn-message:active svg path:first-child, .mega-menu__buttons .btn-message.nice-select.open svg path:first-child, .mega-menu__buttons .btn-message:focus svg path:first-child { fill: #32d851; -webkit-transition: 600ms; transition: 600ms; } .mega-menu__buttons .btn-message:focus svg path:first-child { fill: #655139; } .mega-menu__buttons .btn-rectangle:focus span, .mega-menu__buttons .btn-rectangle:active span, .mega-menu__buttons .btn-rectangle.nice-select.open span { color: #fff; } .mega-menu__close { border: none; background: transparent; height: 20px; overflow: hidden; } @media (max-width: 47.99em) { .mega-menu__close { margin-left: auto; } } .mega-menu__close:hover .close-after-inner, .mega-menu__close:active .close-after-inner, .mega-menu__close.nice-select.open .close-after-inner, .mega-menu__close:focus .close-after-inner { -webkit-transform: translateX(-28px); transform: translateX(-28px); -webkit-transition: all 700ms ease; transition: all 700ms ease; -webkit-transition-delay: 80ms; transition-delay: 80ms; } .mega-menu__close:hover .close-before-inner, .mega-menu__close:active .close-before-inner, .mega-menu__close.nice-select.open .close-before-inner, .mega-menu__close:focus .close-before-inner { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all 700ms ease; transition: all 700ms ease; } .mega-menu__close .close-before, .mega-menu__close .close-after { width: 24px; height: 1px; background: transparent; overflow: hidden; } .mega-menu__close .close-before-inner, .mega-menu__close .close-after-inner { width: 52px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 4px; -webkit-transform: translateX(-28px); transform: translateX(-28px); -webkit-transition: all 700ms ease; transition: all 700ms ease; } .mega-menu__close .close-before { left: 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .mega-menu__close .close-after { margin-top: -1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .mega-menu__close .close-after-inner { -webkit-transform: translateX(0px); transform: translateX(0px); } .mega-menu__close span.close-before-1, .mega-menu__close span.close-before-2, .mega-menu__close span.close-after-1, .mega-menu__close span.close-after-2 { background: #655139; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 24px; height: 1px; } .mega-menu__menus { padding-bottom: 64px; margin-bottom: 64px; border-bottom: 1px solid rgba(101, 81, 57, 0.2); } @media (max-width: 74.99em) { .mega-menu__menus { padding-bottom: 48px; margin-bottom: 48px; width: -webkit-calc(100% + 16px); width: calc(100% + 16px); } .mega-menu__menus .col { padding-right: 0px; } } @media (max-width: 61.99em) { .mega-menu__menus { padding-bottom: 32px; margin-bottom: 32px; } } .mega-menu__menus--nav.active > a.link::before, .mega-menu__menus--accommodation.active > a.link::before { -webkit-transform-origin: 0% 50% !important; transform-origin: 0% 50% !important; -webkit-transform: scale3d(1, 1, 1) !important; transform: scale3d(1, 1, 1) !important; } .mega-menu__menus--nav .nav, .mega-menu__menus--accommodation .nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 40px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 32px; } @media (max-width: 74.99em) { .mega-menu__menus--nav .nav, .mega-menu__menus--accommodation .nav { gap: 28px; } } @media (max-width: 61.99em) { .mega-menu__menus--nav .nav, .mega-menu__menus--accommodation .nav { margin-top: 24px; } } @media (max-width: 47.99em) { .mega-menu__menus--nav .nav, .mega-menu__menus--accommodation .nav { gap: 24px; } } .mega-menu__menus--nav .nav__item--0.submenu-toggle.active .menu-item--current > a.link::before, .mega-menu__menus--accommodation .nav__item--0.submenu-toggle.active .menu-item--current > a.link::before { -webkit-transform-origin: 0% 50% !important; transform-origin: 0% 50% !important; -webkit-transform: scale3d(1, 1, 1) !important; transform: scale3d(1, 1, 1) !important; } .mega-menu__menus--nav .nav__item--0.active > a.link::before, .mega-menu__menus--nav .nav__item--0.menu-item--current > a.link::before, .mega-menu__menus--accommodation .nav__item--0.active > a.link::before, .mega-menu__menus--accommodation .nav__item--0.menu-item--current > a.link::before { -webkit-transform-origin: 0% 50% !important; transform-origin: 0% 50% !important; -webkit-transform: scale3d(1, 1, 1) !important; transform: scale3d(1, 1, 1) !important; } .mega-menu__menus--nav .nav__item--0.menu-item-has-children, .mega-menu__menus--accommodation .nav__item--0.menu-item-has-children { position: relative; } @media (max-width: 61.99em) { .mega-menu__menus--nav .nav__item--0.menu-item-has-children::after, .mega-menu__menus--accommodation .nav__item--0.menu-item-has-children::after { content: ""; position: absolute; right: 0; top: 0; background-size: 100%; width: 19px; height: 22px; background-repeat: no-repeat; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .mega-menu__menus--nav .nav__item--0.menu-item-has-children.active::after, .mega-menu__menus--accommodation .nav__item--0.menu-item-has-children.active::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } .mega-menu__menus--nav .nav__link, .mega-menu__menus--accommodation .nav__link { display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: auto; } .mega-menu__menus--nav .nav__link.full-width, .mega-menu__menus--accommodation .nav__link.full-width { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .mega-menu__menus--nav .nav__link.full-width.active .chevron-icon, .mega-menu__menus--accommodation .nav__link.full-width.active .chevron-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .mega-menu__menus--nav .nav__link .chevron-icon, .mega-menu__menus--accommodation .nav__link .chevron-icon { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media (max-width: 61.99em) { .mega-menu__menus--nav .nav__link, .mega-menu__menus--accommodation .nav__link { line-height: 170%; } } .mega-menu__menus--nav .nav__submenu, .mega-menu__menus--accommodation .nav__submenu { padding-left: 0; margin-top: 10px; opacity: 0; -webkit-transition: opacity 600ms; transition: opacity 600ms; } .mega-menu__menus--nav .nav__submenu.active, .mega-menu__menus--accommodation .nav__submenu.active { opacity: 1; -webkit-transition: opacity 600ms; transition: opacity 600ms; } .mega-menu__menus--nav .nav__submenu li, .mega-menu__menus--accommodation .nav__submenu li { padding: 16px 0; list-style-type: none; } .mega-menu__menus--nav .nav__submenu li::marker, .mega-menu__menus--accommodation .nav__submenu li::marker { content: none; display: none; } .mega-menu__menus--nav .nav__submenu .nav__link, .mega-menu__menus--accommodation .nav__submenu .nav__link { padding: 0; } .mega-menu__menus--nav .nav__submenu .nav__title, .mega-menu__menus--accommodation .nav__submenu .nav__title { font-family: "Inter", sans-serif; font-size: 25px; font-weight: 500; line-height: 19.36px; text-align: left; } @media (max-width: 61.99em) { .mega-menu__menus--accommodation { margin-top: 48px; } } .mega-menu__contact--contacts .contact-list { margin-top: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 12px; } @media (max-width: 74.99em) { .mega-menu__contact--contacts .contact-list { gap: 18px; } } .mega-menu__contact--contacts .contact-list .contact-item a { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; } @media (min-width: 87.5em) { .mega-menu__contact--contacts .contact-list .contact-item a { width: -webkit-max-content; width: -moz-max-content; width: max-content; } } @media (max-width: 61.99em) { .mega-menu__contact--contacts .contact-list .contact-item a { width: -webkit-max-content; width: -moz-max-content; width: max-content; } } @media (max-width: 61.99em) { .mega-menu__contact--socials { margin-bottom: 32px; } } .mega-menu__contact--socials .social-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 12px; margin-top: 24px; } .mega-menu__contact--socials .social-list .social-item svg path { -webkit-transition: 600ms; transition: 600ms; } .mega-menu__contact--socials .social-list .social-item:hover { text-decoration: none; cursor: pointer; } .mega-menu__contact--socials .social-list .social-item:hover svg path { fill: #cdb89e; } .mega-menu__contact--socials .social-list .social-item:hover svg g path, .mega-menu__contact--socials .social-list .social-item:hover path.path-inner { fill: #fff; } .keyboard-nav { position: absolute; top: 0px; left: 0px; z-index: 999999; } .keyboard-nav a { position: absolute; left: 0; top: -10em; padding: 15px 30px; white-space: nowrap; color: #fff; font-size: 18px; background-color: #655139; } .keyboard-nav a:focus { top: 0; } .footer { color: #fff; position: fixed; width: 100%; bottom: 0; z-index: 1; min-height: 760px; overflow: hidden; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .footer.transparent { opacity: 0; } @media (min-width: 62em) and (max-width: 74.99em) { .footer { min-height: 720px; } } @media (min-width: 48em) and (max-width: 61.99em) { .footer { min-height: 920px; } } .footer__background { position: absolute; top: 0; width: 100%; height: 100%; } .footer__background img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .footer__background::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.6))); background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 100%); -webkit-transition: 600ms; transition: 600ms; } @media (max-width: 61.99em) { .footer__background::before { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.9))); background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.9) 100%); } } .footer.hovered .footer__background::before { opacity: 0; visibility: hidden; -webkit-transition: 600ms; transition: 600ms; } .footer__background::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.6))); background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%); opacity: 0; visibility: hidden; -webkit-transition: 600ms; transition: 600ms; } @media (max-width: 61.99em) { .footer__background::after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.9))); background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.9) 100%); } } .footer.hovered .footer__background::after { opacity: 1; visibility: visible; -webkit-transition: 600ms; transition: 600ms; } .footer__contents { padding: 116px 0 70px; position: relative; text-align: center; z-index: 2; border-bottom: solid 1px rgba(248, 248, 248, 0.3); } @media (min-width: 75em) and (max-width: 90.625em) { .footer__contents { padding: 132px 0 20px; margin-top: 24px; } body.single-post .footer__contents, body.page-template-page--legal .footer__contents { padding-top: 212px; } } @media (max-width: 61.99em) { .footer__contents { padding: 116px 0 30px; border-bottom: solid 1px rgba(248, 248, 248, 0.3); } body.single-post .footer__contents, body.page-template-page--legal .footer__contents { padding-top: 140px; } } .footer__title { text-align: center; font-family: "Noto Serif Display", Arial, serif; font-size: 96px; font-style: italic; font-weight: 500; line-height: normal; margin-bottom: 30px; color: #f8f8f8; } @media (min-width: 62em) and (max-width: 90.625em) { .footer__title { font-size: 72px; } } @media (max-width: 61.99em) { .footer__title { font-size: 78px; margin-bottom: 44px; } } @media (max-width: 47.99em) { .footer__title { font-size: 48px; margin-bottom: 20px; } } .footer__button { margin-bottom: 64px; } @media (min-width: 62em) and (max-width: 90.625em) { .footer__button { margin-bottom: 42px; } } @media (max-width: 47.99em) { .footer__button { margin-bottom: 24px; } } .footer__button .button-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 246px; width: 246px; position: relative; overflow: hidden; margin: 0 auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: rgba(248, 248, 248, 0.2); border-radius: 100%; -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); -webkit-transition: 600ms; transition: 600ms; } @media (min-width: 75em) and (max-width: 90.625em) { .footer__button .button-inner { height: 200px; width: 200px; } } @media (max-width: 74.99em) { .footer__button .button-inner { height: 160px; width: 160px; } } @media (max-width: 47.99em) { .footer__button .button-inner { height: 140px; width: 140px; } } .footer__button .button-inner::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-decoration: none; background-image: url("/app/themes/thecolonyhotelbali/img/book-btn-ornament.svg"); background-repeat: no-repeat; background-position: center; background-size: 100%; opacity: 0; z-index: 0; -webkit-transition: 600ms; transition: 600ms; } @media (max-width: 74.99em) { .footer__button .button-inner::before { opacity: 1; } } .footer__button .button-inner:hover, .footer__button .button-inner:active, .footer__button .button-inner.nice-select.open, .footer__button .button-inner:focus { text-decoration: none; -webkit-transition: 600ms; transition: 600ms; } .footer__button .button-inner:hover::before, .footer__button .button-inner:active::before, .footer__button .button-inner.nice-select.open::before, .footer__button .button-inner:focus::before { opacity: 1; } .footer__button .button-inner__text { color: #f8f8f8; text-align: center; font-size: 30px; font-style: normal; font-weight: 500; line-height: 160%; letter-spacing: 1.2px; text-transform: uppercase; position: relative; z-index: 1; } @media (min-width: 62em) and (max-width: 90.625em) { .footer__button .button-inner__text { font-size: 24px; } } @media (max-width: 74.99em) { .footer__button .button-inner__text { font-size: 20px; } } @media (max-width: 61.99em) { .footer__button .button-inner__text { font-size: 18px; } } @media (max-width: 47.99em) { .footer__button .button-inner__text { font-size: 16px; } } .footer__description { font-size: 18px; font-weight: 400; line-height: 1.5; margin-bottom: 30px; color: #f8f8f8; width: 50%; margin: 0 auto; } @media (max-width: 90.625em) { .footer__description { font-size: 16px; } } @media (max-width: 61.99em) { .footer__description { width: 90%; } } .footer a { color: inherit; font-size: 14px; } @media (min-width: 62em) and (max-width: 90.625em) { .footer a { font-size: 12px; } } @media (max-width: 35.99em) { .footer__menu-wrapper { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } } .footer__menu { padding: 0 0 10px 0; margin: 0; list-style: none; } @media (min-width: 36em) { .footer__menu { padding: 0; } } @media (max-width: 61.99em) { .footer__menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .footer__menu__li { display: block; padding: 0 12px 0; } @media (min-width: 36em) { .footer__menu__li { display: inline-block; } } .footer__menu__link { display: block; } .footer__menu__link:hover, .footer__menu__link:active, .footer__menu__link.nice-select.open, .footer__menu__link:focus { text-decoration: none; } .footer__legals { padding: 16px 0 120px; border-top: solid 1px rgb(248, 248, 248); } @media (max-width: 74.99em) { .footer__legals { border: none; } } body.single-post .footer__legals, body.page-template-page--legal .footer__legals { padding-bottom: 40px; } .footer__legals--reserved { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 74.99em) { .footer__legals--reserved { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 24px; } } @media (max-width: 61.99em) { .footer__legals--reserved { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 24px; } } .footer__legals--reserved .footer__copy { font-size: 14px; } @media (min-width: 62em) and (max-width: 90.625em) { .footer__legals--reserved .footer__copy { font-size: 12px; } } .footer__legals--socials { padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 74.99em) { .footer__legals--socials { margin-bottom: 24px; } } .footer__legals--socials .social-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 12px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .footer__legals--socials .social-list .social-item svg path { -webkit-transition: 600ms; transition: 600ms; } .footer__legals--socials .social-list .social-item:hover { text-decoration: none; cursor: pointer; } .footer__legals--socials .social-list .social-item:hover svg path { fill: #cdb89e; } .footer__legals--socials .social-list .social-item:hover svg g path, .footer__legals--socials .social-list .social-item:hover path.path-inner { fill: #fff; } .footer__legals--menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 12px; } @media (max-width: 74.99em) { .footer__legals--menu { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 10px; } } @media (max-width: 61.99em) { .footer__legals--menu { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .footer-base { background: #655139; color: #fff; } .footer-base a { color: inherit; } @media (max-width: 35.99em) { .footer-base__contact-link { margin-bottom: 20px; } } .footer-base__social_links { margin-top: 10px; } @media (min-width: 36em) { .footer-base__social_links { margin-top: 0; text-align: right; } } .footer-base__social_link { padding: 8px; } .footer-base__social_link i { font-size: 14px; padding: 8px; border-radius: 50%; background-color: #fff; color: #655139; } .loader { position: fixed; background: #fff; top: 110px; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: none; } body.admin-bar .loader { top: 142px; } .loader__inner { background: url("../../img/loader.svg") no-repeat center; -webkit-animation: loader-rotate 4s linear infinite; animation: loader-rotate 4s linear infinite; width: 100%; height: 100%; } .searchbox { position: fixed; background-color: rgba(101, 81, 57, 0.8); top: 0; left: 0; right: 0; bottom: 0; z-index: 999; color: #fff; opacity: 0; -webkit-transition: opacity all 300ms ease-out; transition: opacity all 300ms ease-out; pointer-events: none; padding: 0 30px; } .admin-bar .searchbox { top: 46px; } @media (min-width: 783px) { .admin-bar .searchbox { top: 32px; } } .search-active .searchbox { opacity: 1; pointer-events: auto; } .searchbox__close { width: 40px; height: 40px; position: absolute; top: 0; right: 0; padding: 10px; margin: 0; border: 0; line-height: 0; background-color: #fff; color: #655139; font-size: 25px; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .searchbox__close:hover, .searchbox__close:active, .searchbox__close.nice-select.open, .searchbox__close:focus { color: #fff; background-color: #655139; } .searchbox__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: auto; margin-right: auto; max-width: 800px; height: 100vh; overflow-y: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .searchbox__form { width: 100%; position: relative; } .searchbox__form .form-control, .searchbox__form .form-group.name input, .form-group.name .searchbox__form input, .searchbox__form .form-group.time input, .form-group.time .searchbox__form input, .searchbox__form .form-group.time select, .form-group.time .searchbox__form select, .searchbox__form .form-group.address input, .form-group.address .searchbox__form input, .searchbox__form .form-group.address select, .form-group.address .searchbox__form select, .searchbox__form .ginput_container_list .gfield_list_cell input, .ginput_container_list .gfield_list_cell .searchbox__form input { margin-bottom: 0; padding-right: 50px; } .searchbox__form__submit { position: absolute; top: 0; right: 0; background: none; padding: 0; margin: 0; border: 0; height: 100%; width: 50px; } .searchbox__fuzzy { margin-top: 10px; background-color: #fff; color: #655139; border-radius: 0.25rem; } .searchbox__fuzzy__link { padding: 10px; } .searchbox__fuzzy__link + .searchbox__fuzzy__link { border-top: 1px solid #655139; } body.search-active { overflow: hidden; } .sidebar ul { list-style: none; margin: 0; padding: 0; } .sidebar a { padding: 10px; display: block; } .sidebar__nav__item { display: block; border-bottom: 1px solid #ced4da; margin-bottom: 10px; } .sidebar__nav__item a { font-weight: 700; } .sidebar__sub-nav__item { color: #ced4da; } .sidebar__sub-nav__item:hover a, .sidebar__sub-nav__item:active a, .sidebar__sub-nav__item.nice-select.open a, .sidebar__sub-nav__item:focus a { color: #343a40; -webkit-transform: translateX(6px); transform: translateX(6px); } .sidebar__sub-nav__item--current a { color: #343a40; -webkit-transform: translateX(6px); transform: translateX(6px); } .pagination { width: 100%; } .pagination__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .pagination__list__item--current { background-color: #655139; color: #fff; } .pagination__list__item--current a { color: inherit; } .pagination__list__link { display: block; padding: 10px; font-weight: 700; line-height: 1; } .pagination__list__link:hover, .pagination__list__link:active, .pagination__list__link.nice-select.open, .pagination__list__link:focus { text-decoration: underline; } .page-reader-progress { width: 100%; background: #f3eee9; z-index: 90; } .page-reader-progress__placeholder { position: relative; height: 85px; width: 100%; } @media (max-width: 61.99em) { .page-reader-progress__placeholder { height: 48px; } } .page-reader-progress .row { padding: 14px 0; } .page-reader-progress__text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; font-size: 14px; font-family: "Hind", sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .page-reader-progress__text__label { color: #151617; font-family: "Inter", sans-serif; font-weight: bold; padding-right: 8px; padding-left: 56px; white-space: nowrap; display: none; } @media (min-width: 36em) { .page-reader-progress__text__label { display: inline-block; } } .page-reader-progress__text__title { color: #151617; display: inline-block; padding-top: 5px; } @media (max-width: 35.99em) { .page-reader-progress__text__title { white-space: nowrap; overflow: hidden; overflow-x: auto; display: none; } } .page-reader-progress__bar { height: 3px; width: 100%; background: #cecfd2; } .page-reader-progress__inner { background: rgb(68, 68, 68); height: 3px; width: 0; -webkit-transition: width 0.2s ease; transition: width 0.2s ease; } .page-reader-progress__share { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-left: auto; } .page-reader-progress__share__icon { height: 30px; width: 30px; line-height: 30px; padding: 10px 5px; position: relative; margin-left: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .page-reader-progress__share__icon:hover, .page-reader-progress__share__icon:active, .page-reader-progress__share__icon.nice-select.open, .page-reader-progress__share__icon:focus { text-decoration: none; } .page-reader-progress__share__icon:hover svg path, .page-reader-progress__share__icon:active svg path, .page-reader-progress__share__icon.nice-select.open svg path, .page-reader-progress__share__icon:focus svg path { fill: #cdb89e; } @media (hover: hover) { .page-reader-progress__share__icon:hover { border-color: #cdb89e; } } .page-reader-progress__share__icon svg { width: auto; height: 15px; fill: white; } .page-reader-progress__share__icon svg path { -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .banner { position: relative; z-index: 3; background: #f3eee9; } body.gallery-active .banner { z-index: 2; } .banner-default__wrapper { padding: 200px 0 96px; } @media (max-width: 47.99em) { .banner-default__wrapper { padding: 120px 0 32px; } } body.admin-bar .banner-default__wrapper { padding-top: 234px; } @media (max-width: 47.99em) { body.admin-bar .banner-default__wrapper { padding: 154px 0 48px; } } .banner-default__wrapper.align-center { padding-bottom: 96px; } @media (max-width: 61.99em) { .banner-default__wrapper.align-center { padding-top: 174px; } body.page-template-page--legal .banner-default__wrapper.align-center { padding-top: 112px; } } .banner-default__ornament { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; } @media (max-width: 61.99em) { .banner-default__ornament { width: 60px; height: 60px; margin: 0 auto 24px; } } .banner-default__title { max-width: 60%; } @media (max-width: 61.99em) { .banner-default__title { max-width: 70%; } } @media (max-width: 47.99em) { .banner-default__title { max-width: 100%; } .banner-default__title h1, .banner-default__title .text-image-v1__heading h2, .text-image-v1__heading .banner-default__title h2 { font-size: 47px; } } .banner-default__price { width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 0 auto; margin-bottom: 24px; font-family: "Hind", sans-serif; font-size: 24px; line-height: 33.6px; font-weight: 400; color: #655139; } .banner-default__price .price-tag { font-weight: 700; } .banner-default__description { width: 35%; margin: 0 0 0 auto; margin-top: -4%; padding-left: 0; font-size: 18px; font-family: "Hind", sans-serif; line-height: 25.2px; } @media (min-width: 106.25em) { .banner-default__description { padding-left: 100px; } } @media (max-width: 74.99em) { .banner-default__description { margin-top: -10%; } } @media (max-width: 61.99em) { .banner-default__description { font-size: 16px; line-height: 19.2px; width: 100%; margin-top: 20px; } } .banner-default__content.align-center .banner-default__title { max-width: 58%; margin: 0 auto; margin-bottom: 24px; text-align: center; } body.single-special_offer .banner-default__content.align-center .banner-default__title { max-width: 60%; } @media (max-width: 61.99em) { body.single-special_offer .banner-default__content.align-center .banner-default__title { max-width: 100%; } } @media (max-width: 74.99em) { .banner-default__content.align-center .banner-default__title { max-width: 100%; } } .banner-default__content.align-center .banner-default__description { width: 68%; margin: 0 auto; margin-top: unset; padding-left: 0; text-align: center; } body.single-special_offer .banner-default__content.align-center .banner-default__description { max-width: 54%; } @media (max-width: 61.99em) { body.single-special_offer .banner-default__content.align-center .banner-default__description { max-width: 100%; } } @media (max-width: 61.99em) { .banner-default__content.align-center .banner-default__description { width: 100%; font-size: 16px; line-height: 22.4px; } } @media (max-width: 61.99em) { .banner-default__content.align-center .banner-default__image { height: 390px; } } .banner-default__image { width: 100%; height: 100%; overflow: hidden; margin-top: 56px; } .banner-default__image--wrapper { width: 100%; height: 650px; scale: 0.9; -webkit-transition: all 1800ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 1800ms cubic-bezier(0.175, 0.885, 0.32, 1.275); } @media (max-width: 74.99em) { .banner-default__image--wrapper { height: 550px; } } @media (max-width: 61.99em) { .banner-default__image--wrapper { height: 350px; -webkit-transition: all 1800ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 1800ms cubic-bezier(0.175, 0.885, 0.32, 1.275); } } .banner-default__image--wrapper.in-view { scale: 1; } .banner-default.video-played .banner-default__video::after { opacity: 0.25; } .banner-default.video-played .play-button { opacity: 0; } @media (min-width: 48em) { .banner-default.video-played:hover .play-button { opacity: 1; } } .banner-default__video { position: relative; overflow: hidden; z-index: 1; height: 600px; margin-top: 64px; scale: 0.9; -webkit-transition: all 1800ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 1800ms cubic-bezier(0.175, 0.885, 0.32, 1.275); } @media (max-width: 61.99em) { .banner-default__video { height: 350px; margin-top: 48px; } } .banner-default__video.in-view { scale: 1; } .banner-default__video::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1; -webkit-transition: 600ms; transition: 600ms; } .banner-default__video .play-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } .banner-default__video .play-button.loading { pointer-events: none; } .banner-default__video .play-button.loading .ico-play-pause { opacity: 0.5; } .banner-default__video .play-button.loading .text-wrap .text.play { -webkit-animation: pulse 1.5s ease-in-out infinite; animation: pulse 1.5s ease-in-out infinite; } .banner-default__video.is-playing.control-active .play-button { opacity: 1; } .banner-default__video .video-thumbnail { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 1; visibility: visible; -webkit-transition: 600ms; transition: 600ms; } .banner-default__video .video-thumbnail.hidden { opacity: 0; visibility: hidden; } .banner-default__video .video-wrapper { height: 100%; } .banner-default__video .plyr { height: 100%; } .banner-default__video .plyr__controls { display: none; } .banner-default__video .plyr__video-wrapper iframe { scale: 1.5; } @media (min-width: 106.25em) { .banner-default__video .plyr__video-wrapper iframe { scale: 1.8; } } @media (min-width: 100em) and (max-width: 106.25em) { .banner-default__video .plyr__video-wrapper iframe { scale: 1.6; } } @media (min-width: 75em) and (max-width: 100em) { .banner-default__video .plyr__video-wrapper iframe { scale: 1.4; } } @media (max-width: 74.99em) { .banner-default__video .plyr__video-wrapper iframe { scale: 1.7; } } .banner-default__video .plyr button { opacity: 0; } .banner-home { height: var(--full, 100vh); } @media (max-width: 47.99em) { .banner-home { height: 83vh; } } body.admin-bar .banner-home { margin-top: -32px; } .banner-home__content { height: -webkit-calc(100vh - 170px); height: calc(100vh - 170px); position: absolute; width: 100%; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translateY(40px); transform: translateY(40px); opacity: 0; z-index: 2; } @media (max-width: 74.99em) { .banner-home__content { height: -webkit-calc(100vh - 300px); height: calc(100vh - 300px); } } @media (max-width: 61.99em) { .banner-home__content { height: -webkit-calc(100vh - 200px); height: calc(100vh - 200px); } } @media (max-width: 47.99em) { .banner-home__content { height: -webkit-calc(76vh - 200px); height: calc(76vh - 200px); } } .banner-home__content.reveal { pointer-events: none; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: opacity 500ms ease 400ms, -webkit-transform 800ms ease 400ms; transition: opacity 500ms ease 400ms, -webkit-transform 800ms ease 400ms; transition: transform 800ms ease 400ms, opacity 500ms ease 400ms; transition: transform 800ms ease 400ms, opacity 500ms ease 400ms, -webkit-transform 800ms ease 400ms; } .banner-home__title { position: relative; z-index: 2; width: 100%; left: 0; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .banner-home__title h1, .banner-home__title .text-image-v1__heading h2, .text-image-v1__heading .banner-home__title h2 { color: #f8f8f8; font-family: "Noto Serif Display", Arial, serif; text-align: center; width: 50%; margin: 0 auto; } @media (min-width: 62em) and (max-width: 74.99em) { .banner-home__title h1, .banner-home__title .text-image-v1__heading h2, .text-image-v1__heading .banner-home__title h2 { width: 70%; } } @media (min-width: 48em) and (max-width: 61.99em) { .banner-home__title h1, .banner-home__title .text-image-v1__heading h2, .text-image-v1__heading .banner-home__title h2 { font-size: 72px; margin-left: 48px; margin-right: 48px; width: auto; } } @media (max-width: 47.99em) { .banner-home__title h1, .banner-home__title .text-image-v1__heading h2, .text-image-v1__heading .banner-home__title h2 { width: 100%; } } body.admin-bar .banner-home__title { bottom: 0px; } .banner-home__video { position: relative; overflow: hidden; z-index: 1; } .banner-home__video .video-player video { width: 100%; height: auto; max-height: 100vh; } @media (max-width: 47.99em) { .banner-home__video .video-player { height: 83vh; } .banner-home__video .video-player video { width: auto; height: 100%; } } .banner-home__video::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1; } @media (max-width: 61.99em) { .banner-home__video::after { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), -webkit-gradient(linear, left top, left bottom, color-stop(12.96%, rgba(0, 0, 0, 0.35)), color-stop(25.28%, rgba(0, 0, 0, 0))); background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), linear-gradient(180deg, rgba(0, 0, 0, 0.35) 12.96%, rgba(0, 0, 0, 0) 25.28%); } } .banner-home__video .play-button { position: absolute; bottom: 104px; left: 50%; top: unset; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; background: transparent; -webkit-box-shadow: none; box-shadow: none; border: none; color: #f8f8f8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 8px; padding: 14px 16px; font-size: 16px; font-weight: 500; text-transform: uppercase; -webkit-transition: 600ms; transition: 600ms; } @media (max-width: 74.99em) { .banner-home__video .play-button { bottom: 160px; } } @media (max-width: 61.99em) { .banner-home__video .play-button { bottom: 120px; } } body.admin-bar .banner-home__video .play-button { bottom: 138px; } @media (max-width: 61.99em) { body.admin-bar .banner-home__video .play-button { bottom: 152px; } } body.home .banner-home__video .play-button { opacity: 0; } body.home .banner-home__video .play-button.reveal { opacity: 1; -webkit-transition: opacity 1000ms ease 200ms; transition: opacity 1000ms ease 200ms; } .banner-home__video .play-button:hover { cursor: pointer; } .banner-home__video .play-button:focus { outline: 0; } .banner-home__video .play-button:focus-visible { outline: 2px solid #655139; } .banner-home__video .play-button .text { -webkit-transition: 600ms; transition: 600ms; } .banner-home__video .play-button .ico-play-pause { position: relative; height: 36px; width: 36px; } .banner-home__video .play-button .ico-play, .banner-home__video .play-button .ico-pause { position: absolute; width: 36px; height: 36px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; opacity: 0; visibility: hidden; -webkit-transition: 600ms; transition: 600ms; } .banner-home__video .play-button .ico-play svg, .banner-home__video .play-button .ico-pause svg { scale: 1.8; } .banner-home__video .play-button .ico-play { opacity: 1; visibility: visible; } .banner-home__video .play-button.playing .ico-pause { opacity: 1; visibility: visible; } .banner-home__video .play-button.playing .ico-play { opacity: 0; visibility: hidden; } .banner-home__video .play-button .text { position: absolute; width: -webkit-max-content; width: -moz-max-content; width: max-content; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; visibility: hidden; -webkit-transition: 600ms; transition: 600ms; } .banner-home__video .play-button .text-wrap { position: relative; min-width: 92px; height: 36px; } .banner-home__video .play-button .text.active { opacity: 1; visibility: visible; -webkit-transition: 600ms; transition: 600ms; } .banner-home__video .video-thumbnail { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 1; visibility: visible; -webkit-transition: 600ms; transition: 600ms; } .banner-home__video .video-thumbnail.hidden { opacity: 0; visibility: hidden; } .banner-home__video .video-wrapper { height: var(--full, 100vh); } @media (max-width: 47.99em) { .banner-home__video .video-wrapper { height: 83vh; } } .banner-home__video .plyr { height: 100%; } .banner-home__video .plyr__controls { display: none; } .banner-home__video .plyr__video-wrapper iframe { scale: 1.45; } @media (max-width: 74.99em) { .banner-home__video .plyr__video-wrapper iframe { scale: 2.5; } } @media (max-width: 61.99em) { .banner-home__video .plyr__video-wrapper iframe { scale: 3.6; } } @media (max-width: 47.99em) { .banner-home__video .plyr__video-wrapper iframe { scale: 5; } } .banner-home__video .plyr button { opacity: 0; } @-webkit-keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } .jb-ajax { -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .products-listing .jb-ajax { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .jb-ajax.is-loading { opacity: 0.5; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .jb-ajax__more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .jb-ajax__more .btn, .jb-ajax__more .gform_button { gap: 8px; } .jb-ajax__more .title { font-size: 18px !important; font-weight: 300; font-family: "Inter", sans-serif; pointer-events: none; } .jb-ajax__more .icon-loading { -webkit-animation: rotate 1.5s linear infinite; animation: rotate 1.5s linear infinite; } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .jb-ajax__filter { margin-bottom: 48px; position: relative; } @media (min-width: 61.9375em) { .jb-ajax__filter { border-bottom: none !important; } } .jb-ajax__filter::after { content: ""; width: -webkit-calc(100vw - 10px); width: calc(100vw - 10px); height: 1px; background: rgba(205, 184, 158, 0.4); display: block; position: absolute; left: -webkit-calc((1440px - 100vw) / 2 * 1); left: calc((1440px - 100vw) / 2 * 1); bottom: 0; } @media (max-width: 100em) { .jb-ajax__filter::after { left: -webkit-calc((1440px - 100vw - 120px) / 2 * 1); left: calc((1440px - 100vw - 120px) / 2 * 1); } } @media (max-width: 90em) { .jb-ajax__filter::after { width: -webkit-calc(100vw - 20px); width: calc(100vw - 20px); } } @media (max-width: 85.625em) { .jb-ajax__filter::after { left: -webkit-calc((1320px - 100vw - 70px) / 2 * 1); left: calc((1320px - 100vw - 70px) / 2 * 1); } } @media (max-width: 81.25em) { .jb-ajax__filter::after { left: -webkit-calc((1320px - 100vw - 155px) / 2 * 1); left: calc((1320px - 100vw - 155px) / 2 * 1); } } @media (max-width: 75em) { .jb-ajax__filter::after { width: 100vw; left: -webkit-calc((1320px - 100vw - 420px) / 2 * 1); left: calc((1320px - 100vw - 420px) / 2 * 1); } } @media (max-width: 61.99em) { .jb-ajax__filter::after { display: none; } } .jb-ajax__filter--category--wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 60px; } .jb-ajax__filter--category--wrapper .swiper-slide { width: auto !important; } .jb-ajax__filter--category--wrapper .swiper-slide::before { bottom: 0; } .jb-ajax__filter--category--wrapper .swiper-slide:first-child { margin-right: 60px; } .jb-ajax__filter--category.slider-on .slider-navigation { margin-top: -2px; } .jb-ajax__filter--category.scroll-elm-horizontal { overflow-x: auto; height: 44px; -webkit-scroll-snap-type: x mandatory; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; /* Optional for snap scrolling */ -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */ } .jb-ajax__filter--category.scroll-elm-horizontal::-webkit-scrollbar { height: 4px; } @media (max-width: 61.99em) { .jb-ajax__filter--category.scroll-elm-horizontal::-webkit-scrollbar { height: 2px; } } .jb-ajax__filter--category.scroll-elm-horizontal .jb-ajax__filter--category--wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .jb-ajax__filter--item { font-size: 24px; font-weight: 500; font-family: "Noto Serif Display", Arial, serif; position: relative; height: -webkit-max-content; height: -moz-max-content; height: max-content; } .jb-ajax__filter--item::before { bottom: -4px; } .jb-ajax__lists { padding-bottom: 80px; } .jb-ajax__lists.post { row-gap: 56px; } .products-listing .jb-ajax__loadmore { -webkit-box-flex: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset; max-width: 100%; position: absolute; bottom: 40px; left: 58%; -webkit-transform: translateX(-58%); transform: translateX(-58%); } .products-listing .jb-ajax__loadmore .jb-ajax__more--button .title { text-wrap: nowrap; } .jb-ajax__pagination { padding: 48px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 47.99em) { .jb-ajax__pagination { padding: 24px 0 56px; } } .jb-ajax__pagination .navigation { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 24px; height: auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 47.99em) { .jb-ajax__pagination .navigation { gap: 10px; } } .jb-ajax__pagination .navigation .list-inline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 4px; margin: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 47.99em) { .jb-ajax__pagination .navigation .list-inline { padding: 0; gap: 4px; } } .jb-ajax__pagination .navigation .list-inline .link { list-style: none; } .jb-ajax__pagination .navigation .list-inline .link .button-pagination { background: transparent; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 32px; height: 32px; border-radius: 4px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #151617; font-size: 16px; font-family: "Hind", sans-serif; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } @media (max-width: 47.99em) { .jb-ajax__pagination .navigation .list-inline .link .button-pagination { font-size: 14px; } } .jb-ajax__pagination .navigation .list-inline .link .button-pagination.active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 32px; height: 32px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #cdb89e; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .jb-ajax__pagination .navigation .button-pagination.next, .jb-ajax__pagination .navigation .button-pagination.prev { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .jb-ajax__pagination .navigation .button-pagination.prev { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .jb-ajax__pagination .navigation .previous-btn, .jb-ajax__pagination .navigation .next-btn { list-style: none; } .jb-ajax__pagination .navigation .previous-btn svg, .jb-ajax__pagination .navigation .next-btn svg { pointer-events: none; } .jb-ajax__pagination .navigation .previous-btn { margin-right: 20px; } @media (max-width: 47.99em) { .jb-ajax__pagination .navigation .previous-btn { margin-right: 10px; } } .jb-ajax__pagination .navigation .next-btn { margin-left: 20px; } @media (max-width: 47.99em) { .jb-ajax__pagination .navigation .next-btn { margin-left: 10px; } } .cursor { position: fixed; pointer-events: none; z-index: 110000; width: 90px; height: 90px; top: -30px; left: -30px; display: block; opacity: 0; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; -webkit-transition-property: opacity, width, height, -webkit-transform; transition-property: opacity, width, height, -webkit-transform; transition-property: opacity, width, height, transform; transition-property: opacity, width, height, transform, -webkit-transform; } .cursor.moving { opacity: 1; } @media (max-width: 75em) { .cursor { display: none; } } .cursor__default { opacity: 0; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .cursor__default span { -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; opacity: 0; } .tease .cursor__default span { opacity: 1; color: #000; } .tease .cursor__default { background-color: #fff !important; -webkit-transform: scale(1) !important; transform: scale(1) !important; } .clickable .cursor__default, .dragable .cursor__default, .close .cursor__default, .expand .cursor__default, .mouse-hover .cursor__default, .slider .cursor__default { opacity: 0; scale: 0; top: -25px; left: -25px; } .cursor__play-pause { opacity: 0; scale: 0; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(250, 236, 211, 0.3); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); border-radius: 100px; background-repeat: no-repeat; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .cursor__play-pause span { color: #000; font-family: "Inter", sans-serif; font-size: 20px; line-height: normal; font-style: italic; margin-top: -6px; margin-left: -18px; text-align: center; padding-left: 12px; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .dragable .cursor__play-pause { opacity: 0; scale: 1; top: 0px; left: -18px; } .play .cursor__play-pause, .pause .cursor__play-pause { opacity: 1; scale: 1; top: 0px; left: -18px; } .slider .cursor__play-pause { opacity: 0; scale: 0; } .cursor__view { opacity: 0; scale: 0; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(250, 236, 211, 0.3); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); border-radius: 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .cursor__view span { color: #000; font-family: "Inter", sans-serif; font-size: 20px; line-height: normal; font-style: italic; margin-top: -6px; margin-left: -18px; text-align: center; padding-left: 12px; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .view-project .cursor__view, .view-product .cursor__view, .view-image .cursor__view, .view-event .cursor__view, .view-service .cursor__view { opacity: 1; scale: 1; top: 0px; left: -18px; } .play .cursor__view, .pause .cursor__view { opacity: 0; scale: 0; top: 0px; left: -18px; } .slider .cursor__view { opacity: 0; scale: 0; } .cursor__read { opacity: 0; scale: 0; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(205, 184, 158, 0.85); border-radius: 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .cursor__read span { color: #f8f8f8; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; text-wrap: wrap; width: 50%; line-height: normal; font-style: italic; margin-top: -6px; margin-left: -18px; text-align: center; padding-left: 12px; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .read-more .cursor__read { opacity: 1; scale: 1; top: 0px; left: -18px; } .play .cursor__read, .pause .cursor__read { opacity: 0; scale: 0; top: 0px; left: -18px; } .slider .cursor__read { opacity: 0; scale: 0; } .cursor__arrow { opacity: 0; scale: 0; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(205, 184, 158, 0.85); border-radius: 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .slider .cursor__arrow { opacity: 1; scale: 1; top: -20px; left: -20px; } .view-project .cursor__arrow, .view-product .cursor__arrow, .view-image .cursor__arrow, .view-event .cursor__arrow, .view-service .cursor__arrow { opacity: 0; scale: 0; top: -20px; left: -20px; } .mouse-on-left .cursor__arrow { -webkit-transform: scale(-1); transform: scale(-1); } .disabled .cursor__arrow { opacity: 0.5; } .latest-news { background: #f0e9e1; overflow: hidden; } @media (max-width: 61.99em) { .latest-news { padding: 80px 0; } } .latest-news__heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; gap: 40px; } @media (max-width: 61.99em) { .latest-news__heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 32px; } .latest-news__heading .main-title { font-size: 40px; } } .latest-news__heading .main-title { margin-bottom: 24px; } .latest-news__heading .main-title span { font-style: normal; } .latest-news__heading .description { font-family: "Hind", sans-serif; font-size: 16px; line-height: 22.4px; } .latest-news__contents { margin-top: 40px; position: relative; } @media (max-width: 61.99em) { .latest-news__contents { margin-top: 48px; } } .latest-news__contents .swiper { overflow: unset; } @media (max-width: 47.99em) { .latest-news__contents .slider-navigation { margin-top: 32px; } } .latest-news__contents .swiper-button-next.latest-news-slides-transp { position: absolute; height: 80%; width: 80px; right: 0; z-index: 2; top: 50%; -webkit-transform: translateY(-55%); transform: translateY(-55%); opacity: 0; } .latest-news__contents .swiper-button-prev.latest-news-slides-transp { position: absolute; height: 80%; top: 50%; width: 80px; left: 0; -webkit-transform: translateY(-55%); transform: translateY(-55%); z-index: 2; opacity: 0; } .latest-news__contents .tease--post__item { margin-bottom: 0 !important; } .latest-news__contents .tease--post__item .item-background { height: 336px !important; } .latest-news__contents .tease--post__item .item-details .post-title { max-width: 100%; font-size: 20px !important; } @media (max-width: 61.99em) { .latest-news__contents .tease--post__item .item-details .post-title { font-size: 18px !important; } } .latest-news__contents--item:nth-child(even) .item-background { height: 280px !important; } @media (max-width: 61.99em) { .latest-news__contents--item:nth-child(even) .item-background { height: 200px !important; } } .latest-news__contents--item:nth-child(odd) .item-background { height: 336px !important; } @media (max-width: 61.99em) { .latest-news__contents--item:nth-child(odd) .item-background { height: 240px !important; } } .mobile-booking-sticky { position: fixed; bottom: 0; width: 100vw; background: #f3eee9; z-index: 98; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } body.gallery-active .mobile-booking-sticky { opacity: 0; } @media (max-width: 74.99em) { body.home .mobile-booking-sticky { -webkit-transform: translateY(100px); transform: translateY(100px); } body.home .mobile-booking-sticky.reveal { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 800ms ease-out; transition: -webkit-transform 800ms ease-out; transition: transform 800ms ease-out; transition: transform 800ms ease-out, -webkit-transform 800ms ease-out; } } .mobile-booking-sticky .booking-navigation__buttons { margin: 0; padding: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 74.99em) { .mobile-booking-sticky .booking-navigation__buttons { padding: 20px 60px; } } @media (max-width: 61.99em) { .mobile-booking-sticky .booking-navigation__buttons { padding: 20px 48px; } } @media (max-width: 47.99em) { .mobile-booking-sticky .booking-navigation__buttons { padding: 20px; } } .booking-navigation { position: fixed; bottom: 0; background: #f3eee9; width: 100%; height: 84px; z-index: 99; -webkit-transition: all 1s ease-in; transition: all 1s ease-in; } @media (max-width: 74.99em) { .booking-navigation { height: -webkit-max-content; height: -moz-max-content; height: max-content; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .booking-navigation.active { -webkit-transform: translateY(0); transform: translateY(0); } } @media (min-width: 75em) { body.home .booking-navigation { -webkit-transform: translateY(100px); transform: translateY(100px); } body.home .booking-navigation.reveal { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: background 800ms ease-out, -webkit-transform 800ms ease-out; transition: background 800ms ease-out, -webkit-transform 800ms ease-out; transition: transform 800ms ease-out, background 800ms ease-out; transition: transform 800ms ease-out, background 800ms ease-out, -webkit-transform 800ms ease-out; } } .booking-navigation.hidden { background: transparent; } .booking-navigation.hidden .colapse-show { opacity: 1; visibility: visible; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .booking-navigation.hidden .colapse-hide { opacity: 0; visibility: hidden; -webkit-transition: all 1s ease; transition: all 1s ease; } .booking-navigation.hidden .booking-navigation__inner { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; visibility: hidden; -webkit-transition: all 1s ease-out; transition: all 1s ease-out; } .booking-navigation .back-btn-mobile { width: 100%; } .booking-navigation__inner { padding: 18px 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; max-width: 1440px; margin: 0 auto; -webkit-transition: 600ms; transition: 600ms; } @media (min-width: 75em) and (max-width: 87.4375em) { .booking-navigation__inner { padding: 14px 12px; } } @media (max-width: 74.99em) { .booking-navigation__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; padding: 48px; } } @media (max-width: 47.99em) { .booking-navigation__inner { padding: 20px; } } .booking-navigation__notice { -webkit-box-flex: 38%; -webkit-flex: 38%; -ms-flex: 38%; flex: 38%; max-width: 38%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 24px; height: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 8px 0; margin-right: 32px; } @media (min-width: 75em) and (max-width: 87.4375em) { .booking-navigation__notice { margin-right: 12px; } } @media (max-width: 74.99em) { .booking-navigation__notice { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; max-width: 100%; width: 100%; margin: 0; } } .booking-navigation__notice button { border: none; background: transparent; } .booking-navigation__notice button:hover { cursor: pointer; } .booking-navigation__notice button:focus { outline: 0; } .booking-navigation__notice button:focus-visible { outline: 2px solid #655139; } @media (max-width: 74.99em) { .booking-navigation__notice button { pointer-events: none; padding: 0; } } .booking-navigation__notice .text { font-size: 14px; opacity: 0.4; font-style: italic; } @media (min-width: 75em) and (max-width: 87.4375em) { .booking-navigation__notice .text { padding-right: 32px; } } .booking-navigation__form { -webkit-box-flex: 42%; -webkit-flex: 42%; -ms-flex: 42%; flex: 42%; max-width: 42%; } @media (max-width: 74.99em) { .booking-navigation__form { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; max-width: 100%; width: 100%; } } .booking-navigation__form .gform_heading, .booking-navigation__form .gform_footer { display: none !important; } @media (max-width: 74.99em) { .booking-navigation__form .gform_fields { row-gap: 0 !important; } } .booking-navigation__form form input, .booking-navigation__form form select { background: transparent !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; font-size: 16px !important; color: #151617 !important; } .booking-navigation__form form input:hover, .booking-navigation__form form select:hover { cursor: pointer; } .booking-navigation__form form input { padding: 0 32px !important; } .booking-navigation__form form .gfield--type-date .ginput_container_date { position: relative; } .booking-navigation__form form .gfield--type-date p.field-error-message { position: absolute; bottom: -10px; font-size: 10px; color: #c02b0a; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .booking-navigation__form form .gfield--type-date.form-date-departure { grid-column: span 5 !important; border-right: 1px solid #cecfd2; border-left: 1px solid #cecfd2; } @media (max-width: 74.99em) { .booking-navigation__form form .gfield--type-date.form-date-departure { grid-column: span 12 !important; border: none; } .booking-navigation__form form .gfield--type-date.form-date-departure input { width: 100%; padding: 20px 0 !important; height: 56px; border-bottom: 1px solid #cecfd2 !important; } } .booking-navigation__form form .gfield--type-date.form-date-arrival { border-left: 1px solid #cecfd2; } .booking-navigation__form form .gfield--type-date.form-date-arrival input { padding-right: 20px !important; } @media (min-width: 75em) and (max-width: 87.4375em) { .booking-navigation__form form .gfield--type-date.form-date-arrival input { padding-right: 10px !important; } } @media (max-width: 74.99em) { .booking-navigation__form form .gfield--type-date.form-date-arrival { grid-column: span 12 !important; border: none; } .booking-navigation__form form .gfield--type-date.form-date-arrival input { width: 100%; padding: 20px 0 !important; height: 56px; border-bottom: 1px solid #cecfd2 !important; border-top: 1px solid #cecfd2 !important; } } .booking-navigation__form form .gfield--type-date.form-date-arrival .ginput_container::after { -webkit-transform: translateX(-120%) !important; transform: translateX(-120%) !important; } @media (min-width: 75em) and (max-width: 87.4375em) { .booking-navigation__form form .gfield--type-date.form-date-arrival .ginput_container::after { -webkit-transform: translateX(-70%) !important; transform: translateX(-70%) !important; } } @media (max-width: 74.99em) { .booking-navigation__form form .gfield--type-date.form-date-arrival .ginput_container::after { -webkit-transform: translateX(-2px) !important; transform: translateX(-2px) !important; } } .booking-navigation__form form .gfield--type-date .ginput_container::after { -webkit-transform: translateX(-200%) !important; transform: translateX(-200%) !important; content: "" !important; background-image: url("/app/themes/thecolonyhotelbali/icons/calendar.svg"); background-repeat: no-repeat; background-size: 100%; display: block; width: 12px; height: 12px; scale: 1.67; } @media (min-width: 75em) and (max-width: 87.4375em) { .booking-navigation__form form .gfield--type-date .ginput_container::after { -webkit-transform: translateX(-140%) !important; transform: translateX(-140%) !important; } } @media (max-width: 74.99em) { .booking-navigation__form form .gfield--type-date .ginput_container::after { -webkit-transform: translateX(-2px) !important; transform: translateX(-2px) !important; } } .booking-navigation__form form .gfield--type-select { position: relative; grid-column: span 3 !important; border-right: 1px solid #cecfd2; } @media (max-width: 74.99em) { .booking-navigation__form form .gfield--type-select { grid-column: span 12 !important; border: none; } } .booking-navigation__form form .gfield--type-select p.field-error-message { position: absolute; bottom: -10px; font-size: 10px; color: #c02b0a; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-wrap-mode: nowrap; } .booking-navigation__form form .gfield--type-select label { width: -webkit-max-content; width: -moz-max-content; width: max-content; height: -webkit-max-content; height: -moz-max-content; height: max-content; margin: unset; padding: 0; padding-left: 20px; margin-top: 1px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); clip: unset; color: #151617; font-size: 16px; font-weight: 400; } .booking-navigation__form form .gfield--type-select label:hover { cursor: pointer; } @media (max-width: 74.99em) { .booking-navigation__form form .gfield--type-select label { padding-left: 0; } } .booking-navigation__form form .gfield--type-select .ginput_container { height: 100%; padding: 0 32px; padding-left: 20px; } @media (max-width: 74.99em) { .booking-navigation__form form .gfield--type-select .ginput_container { padding: 20px 0; height: 56px; border-bottom: 1px solid #cecfd2; } } .booking-navigation__form form .gfield--type-select .choices { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .booking-navigation__form form .gfield--type-select .choices:hover { cursor: pointer; } .booking-navigation__form form .gfield--type-select .choices::after { right: 32px !important; content: "" !important; background-image: url("/app/themes/thecolonyhotelbali/icons/users.svg"); background-repeat: no-repeat; background-size: 100%; display: block; height: 20px; width: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: none; margin-top: 0 !important; } @media (min-width: 75em) and (max-width: 87.4375em) { .booking-navigation__form form .gfield--type-select .choices::after { right: 20px !important; } } @media (max-width: 74.99em) { .booking-navigation__form form .gfield--type-select .choices::after { right: -2px !important; } } .booking-navigation__form form .gfield--type-select .choices.is-open::after { margin-top: 0 !important; } .booking-navigation__form form .gfield--type-select .choices__placeholder { font-size: 16px; color: #151617; } .booking-navigation__form form .gfield--type-select .choices__inner { padding: 0 !important; } .booking-navigation__form form .gfield--type-select .choices__list--dropdown { padding: 32px; bottom: 48px; top: unset; border: none; border-radius: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; opacity: 0; visibility: hidden; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .booking-navigation__form form .gfield--type-select .choices__list--dropdown .choices__list { width: 100%; } .booking-navigation__form form .gfield--type-select .choices__list--dropdown.is-active { bottom: 48px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; opacity: 1; visibility: visible; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .booking-navigation__form form .gfield--type-select .choices__list--dropdown.is-active .choices__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; } @media (max-width: 74.99em) { .booking-navigation__form form .gfield--type-select .choices__list--dropdown { width: -webkit-max-content; width: -moz-max-content; width: max-content; height: -webkit-max-content; height: -moz-max-content; height: max-content; } } .booking-navigation__form form .gfield--type-select .choices__item { text-align: center; min-width: 36px; width: 100%; } .booking-navigation__form form .gfield--type-select .choices__item:first-child { display: none; } .booking-navigation__form form .gfield--type-select .choices__item.is-highlighted { background: #151617; color: #f8f8f8; } .booking-navigation__buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 23%; -webkit-flex: 23%; -ms-flex: 23%; flex: 23%; max-width: 23%; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; gap: 36px; margin-left: 32px; } @media (max-width: 74.99em) { .booking-navigation__buttons { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; max-width: 100%; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin-top: 8px; margin-left: 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .booking-navigation__buttons .btn-message svg path { -webkit-transition: 600ms; transition: 600ms; } .booking-navigation__buttons .btn-message:hover svg path:first-child, .booking-navigation__buttons .btn-message:active svg path:first-child, .booking-navigation__buttons .btn-message.nice-select.open svg path:first-child, .booking-navigation__buttons .btn-message:focus svg path:first-child { fill: #32d851; -webkit-transition: 600ms; transition: 600ms; } .booking-navigation__buttons .btn-message:focus svg path:first-child { fill: #655139; } .booking-navigation__buttons .btn-rectangle:focus span, .booking-navigation__buttons .btn-rectangle:active span, .booking-navigation__buttons .btn-rectangle.nice-select.open span { color: #fff; } @media (min-width: 75em) and (max-width: 87.4375em) { .booking-navigation__buttons .button-avail { font-size: 14px; } } .booking-navigation__buttons .button-avail:focus span, .booking-navigation__buttons .button-avail:active span, .booking-navigation__buttons .button-avail.nice-select.open span { color: #ffffff; } .booking-navigation button.colapse-show { position: absolute; top: 0; background: #655139; color: #f8f8f8; font-family: "Noto Serif Display", Arial, serif; font-size: 22px; font-weight: 700; padding: 26px 32px; border: none; right: 0; z-index: 2; opacity: 0; visibility: hidden; -webkit-transition: all 1s ease; transition: all 1s ease; } .booking-navigation button.colapse-show:hover { cursor: pointer; } .booking-navigation button.colapse-show:focus { outline: 0; } .booking-navigation button.colapse-show:focus-visible { outline: 2px solid #655139; } .home-popup { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1000; width: 800px; height: 466px; opacity: 0; visibility: hidden; -webkit-transition: 600ms; transition: 600ms; } @media (max-width: 61.99em) { .home-popup { width: 90vw; } } .home-popup.active { opacity: 1; visibility: visible; -webkit-transition: 600ms; transition: 600ms; } .home-popup .close-btn { position: absolute; top: -38px; right: -55px; } @media (max-width: 61.99em) { .home-popup .close-btn { right: 0px; } } .home-popup__inner { height: 100%; width: 100%; overflow: hidden; position: relative; } .home-popup__background { height: 100%; width: 100%; position: relative; } .home-popup__background::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(-38.37%, rgba(0, 0, 0, 0)), color-stop(46.4%, rgba(0, 0, 0, 0.4))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) -38.37%, rgba(0, 0, 0, 0.4) 46.4%); z-index: 1; } .home-popup__content { position: absolute; bottom: 0; color: #f8f8f8; z-index: 2; padding: 40px; padding-bottom: 60px; width: 50%; } @media (max-width: 61.99em) { .home-popup__content { width: 70%; } } @media (max-width: 47.99em) { .home-popup__content { width: 100%; padding: 26px; padding-bottom: 51px; } } .home-popup__content--title { font-size: 20px; font-weight: 500; line-height: 120%; margin-bottom: 20px; } @media (max-width: 47.99em) { .home-popup__content--title { font-size: 21px; } } .home-popup__content--description { font-size: 12px; line-height: 140%; font-weight: 400; font-family: "Hind", sans-serif; margin-bottom: 20px; } .home-opening-animation { position: fixed; top: 0; height: 100%; width: 100%; z-index: 1001; } .home-opening-animation.hide { display: none; } .home-opening-animation.hidden { opacity: 0; visibility: hidden; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } .home-opening-animation .opening-inner { height: 100%; width: 100%; background: #f3eee9; } .home-opening-animation .opening-img-wrap { position: absolute; top: 100%; width: 100%; height: 100%; overflow: hidden; -webkit-clip-path: inset(-webkit-calc(50% - 120px) -webkit-calc(50% - 200px) -webkit-calc(50% - 120px) -webkit-calc(50% - 200px) round 0px); clip-path: inset(calc(50% - 120px) calc(50% - 200px) calc(50% - 120px) calc(50% - 200px) round 0px); } @media (max-width: 61.99em) { .home-opening-animation .opening-img-wrap { -webkit-clip-path: inset(-webkit-calc(50% - 100px) -webkit-calc(50% - 110px) -webkit-calc(50% - 100px) -webkit-calc(50% - 110px) round 0px); clip-path: inset(calc(50% - 100px) calc(50% - 110px) calc(50% - 100px) calc(50% - 110px) round 0px); } } .home-opening-animation .opening-img-wrap.animated { top: 0; -webkit-transition: all 2s ease; transition: all 2s ease; } .home-opening-animation .opening-img-wrap.scaled { -webkit-clip-path: inset(0% round 0px); clip-path: inset(0% round 0px); -webkit-transition: all 1s ease; transition: all 1s ease; } .home-opening-animation .opening-img-wrap img { width: 100vw; height: 100vh; } .lang-switcher { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 61.99em) { .lang-switcher { position: relative; min-width: 58px; } } .lang-switcher .mobile-toggle { width: 100%; padding: 0 8px; } .lang-switcher .mobile-toggle.active button .ico-arrow-down { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .lang-switcher .mobile-toggle button.arrow-down { width: 100%; padding: 0; background: none; border: none; font-size: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .lang-switcher .mobile-toggle button.arrow-down:focus { outline: none; } .lang-switcher .mobile-toggle button.arrow-down:focus-visible { outline: 2px solid #655139; } .lang-switcher .mobile-toggle button.arrow-down .title { font-size: 16px; color: #655139; line-height: 105%; border-bottom: 1px solid #655139; } body.home .lang-switcher .mobile-toggle button.arrow-down .title { color: #f8f8f8; border-bottom: 1px solid #f8f8f8; } body.header-default .lang-switcher .mobile-toggle button.arrow-down .title { color: #655139; border-bottom: 1px solid #655139; } .lang-switcher .mobile-toggle button.arrow-down .ico-arrow-down { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } body.home .lang-switcher .mobile-toggle button.arrow-down .ico-arrow-down { -webkit-filter: invert(1); filter: invert(1); } body.header-default .lang-switcher .mobile-toggle button.arrow-down .ico-arrow-down { -webkit-filter: none; filter: none; } .lang-switcher .wpml-ls { padding: 0; } @media (max-width: 61.99em) { .lang-switcher .wpml-ls { position: absolute; top: 100%; width: 100%; background: #f3eee9; opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .lang-switcher .wpml-ls.active { opacity: 1; visibility: visible; } .lang-switcher .wpml-ls ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .lang-switcher .wpml-ls-item a { color: #655139; font-size: 16px; font-weight: 500; line-height: 19.2px; position: relative; padding: 5px 0px 6px; margin: 0 8px; opacity: 0.6; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .lang-switcher .wpml-ls-item a:hover { text-decoration: none; } body.home .lang-switcher .wpml-ls-item a { color: #f8f8f8; } body.header-default .lang-switcher .wpml-ls-item a { color: #655139; } @media (max-width: 61.99em) { .lang-switcher .wpml-ls-item a { color: #655139; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; } body.home .lang-switcher .wpml-ls-item a { color: #655139; } } .lang-switcher .wpml-ls-item.wpml-ls-current-language a { opacity: 1; } @media (max-width: 61.99em) { .lang-switcher .wpml-ls-item.wpml-ls-current-language a { color: #655139; opacity: 1; } } .lang-switcher .wpml-ls-item.wpml-ls-current-language a::before { content: ""; display: inline-block; width: 100%; height: 1px; position: absolute; bottom: 4px; left: 0; background-color: #655139; } body.home .lang-switcher .wpml-ls-item.wpml-ls-current-language a::before { background-color: #f8f8f8; } body.header-default .lang-switcher .wpml-ls-item.wpml-ls-current-language a::before { background-color: #655139; } @media (max-width: 61.99em) { .lang-switcher .wpml-ls-item.wpml-ls-current-language a::before { opacity: 0; } } .tease { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 0 3px 30px 5px rgba(0, 0, 0, 0); box-shadow: 0 3px 30px 5px rgba(0, 0, 0, 0); -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .tease > div { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .tease__title { margin-bottom: 0; } .tease__content-wrapper { padding: 20px; color: #fff; background-color: #655139; } .tease:hover, .tease:active, .tease.nice-select.open, .tease:focus { -webkit-box-shadow: 0 8px 30px 6px rgba(0, 0, 0, 0.4); box-shadow: 0 8px 30px 6px rgba(0, 0, 0, 0.4); } .tease--post__item { font-family: "Hind", sans-serif; color: #151617; } .tease--post__item:hover, .tease--post__item:active, .tease--post__item.nice-select.open, .tease--post__item:focus { text-decoration: none; } .tease--post__item:hover .item-background img, .tease--post__item:active .item-background img, .tease--post__item.nice-select.open .item-background img, .tease--post__item:focus .item-background img { scale: 1.1; -webkit-transition: 600ms; transition: 600ms; } .tease--post__item .item-background { height: 336px; overflow: hidden; } .tease--post__item .item-background img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: 600ms; transition: 600ms; } .tease--post__item .post-title { margin-top: 24px; font-size: 24px; line-height: 120%; font-weight: 400; } @media (max-width: 61.99em) { .tease--post__item .post-title { margin-top: 14px; } } .tease--post__item .post-details { margin-top: 16px; font-size: 16px; line-height: 150%; font-weight: 400; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 61.99em) { .tease--post__item .post-details { font-size: 14px; margin-top: 10px; } } .tease--post__item .post-details .date { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 16px; } @media (max-width: 61.99em) { .tease--post__item .post-details .date { gap: 8px; } } .tease--post__item .post-details .date svg { margin-top: -4px; } .tease--post__item .post-details .category { margin-left: 32px; text-transform: capitalize; } @media (max-width: 61.99em) { .tease--post__item .post-details .category { margin-left: 14px; } } @media (min-width: 62em) { .tease--post__item:nth-child(3n+4) .item-background { height: 280px; } .tease--post__item:not(:nth-child(1)):not(:nth-child(2)) { max-width: -webkit-calc(33.333% - 2px); max-width: calc(33.333% - 2px); } .tease--post__item:first-child { -webkit-box-flex: 60%; -webkit-flex: 60%; -ms-flex: 60%; flex: 60%; max-width: -webkit-calc(60% - 2px); max-width: calc(60% - 2px); margin-bottom: 24px; } .tease--post__item:first-child .item-background { height: 500px; } .tease--post__item:first-child .post-title { max-width: 50%; } .tease--post__item:nth-child(2) { -webkit-box-flex: 40%; -webkit-flex: 40%; -ms-flex: 40%; flex: 40%; max-width: -webkit-calc(40% - 2px); max-width: calc(40% - 2px); } .tease--post__item:nth-child(2) .item-background { height: 355px; } .tease--post__item:nth-child(2) .post-title { max-width: 75%; } } @media (max-width: 61.99em) { .tease--post__item .item-background { height: 300px; } .tease--post__item .post-title { font-size: 20px; margin-top: 16px; } .tease--post__item .post-details { margin-top: 12px; font-size: 14px; } .tease--post__item .post-details .date { gap: 8px; } } @media (max-width: 47.99em) { .tease--post__item:nth-child(odd) .item-background { height: 400px; } .tease--post__item:nth-child(even) .item-background { height: 300px; } } .tease--accommodation { position: relative; height: 500px; } @media (max-width: 75em) { .tease--accommodation { height: 300px; } } @media (max-width: 61.99em) { .tease--accommodation { height: 260px; } } .tease--accommodation .item-background { height: 100%; width: 100%; overflow: hidden; } .tease--accommodation .item-background::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: -webkit-gradient(linear, left top, left bottom, color-stop(25.46%, rgba(0, 0, 0, 0)), color-stop(100.2%, rgb(22, 22, 22))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25.46%, rgb(22, 22, 22) 100.2%); opacity: 0.6; -webkit-transition: 600ms; transition: 600ms; } .tease--accommodation .item-background img { -webkit-transition: 600ms; transition: 600ms; } .tease--accommodation .item-content, .tease--accommodation .item-content-mobile { position: absolute; z-index: 3; height: -webkit-max-content; height: -moz-max-content; height: max-content; bottom: 40px; left: 40px; max-width: -webkit-calc(100% - 80px); max-width: calc(100% - 80px); top: -webkit-calc(100% - 75px); top: calc(100% - 75px); -webkit-transition: 600ms; transition: 600ms; } @media (max-width: 61.99em) { .tease--accommodation .item-content, .tease--accommodation .item-content-mobile { bottom: 0; top: -webkit-calc(100% - 48px); top: calc(100% - 48px); left: 20px; } } .tease--accommodation .item-content .title, .tease--accommodation .item-content-mobile .title { color: #f8f8f8; font-family: "Inter", sans-serif; margin-bottom: 24px; -webkit-transition: 600ms; transition: 600ms; } .tease--accommodation .item-content .description, .tease--accommodation .item-content-mobile .description { color: #f8f8f8; font-size: 16px; line-height: 22.4px; opacity: 0; -webkit-transition: 600ms; transition: 600ms; } .tease--accommodation .item-content .readmore, .tease--accommodation .item-content-mobile .readmore { color: #f8f8f8; font-size: 16px; line-height: 22.4px; margin-bottom: 8px; } @media (max-width: 61.99em) { .tease--accommodation .item-content-mobile { top: unset; } } .tease--accommodation:hover .item-background::before { opacity: 1; -webkit-transition: 600ms; transition: 600ms; } .tease--accommodation:hover .item-background img { scale: 1.1; -webkit-transition: 600ms; transition: 600ms; } .tease--accommodation:hover .item-content { top: 50%; bottom: unset; -webkit-transition: 600ms; transition: 600ms; } .tease--accommodation:hover .item-content .title { font-size: 40px; line-height: 48px; -webkit-transition: 600ms; transition: 600ms; } .tease--accommodation:hover .item-content .description { opacity: 1; -webkit-transition: 600ms; transition: 600ms; } .slider-navigation { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 20px; margin-top: 48px; } @media (max-width: 61.99em) { .slider-navigation { margin-top: 40px; gap: 16px; } } .slider-navigation .swiper-pagination { position: relative; } .slider-navigation .swiper-pagination.large.brown { height: 28px; } .slider-navigation .swiper-pagination-progressbar { background: rgb(206, 207, 210); height: 2px; } .slider-navigation .swiper-pagination-progressbar-fill { background: #655139; } .slider-navigation .swiper-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 18px; } .slider-navigation .swiper-button.large.brown { scale: 1.9; -webkit-transform: translateX(-20px); transform: translateX(-20px); } .slider-navigation .swiper-button-disabled { opacity: 0.5; pointer-events: none; } .slider-navigation .swiper-button-disabled a { pointer-events: none; } .gallery { padding: 20px 0; clear: both; } .gallery__item { padding-top: 30px; padding-bottom: 30px; position: relative; } @media (min-width: 36em) { .gallery__item { padding-top: 15px; padding-bottom: 15px; } } .gallery__item__caption { margin: 0 !important; position: absolute; left: 5px; bottom: 0; right: 5px; padding: 10px; background-color: rgba(0, 0, 0, 0.4); color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 36em) { .gallery__item__caption { left: 15px; right: 15px; bottom: 15px; } } @media (min-width: 36em) { .gallery__item:hover, .gallery__item:active, .gallery__item.nice-select.open, .gallery__item:focus { cursor: -webkit-zoom-in; cursor: zoom-in; } } .blog-listing { padding-top: 34px; padding-bottom: 0; } @media (max-width: 61.99em) { .blog-listing { padding-top: 32px; } } .blog-listing .jb-ajax__filter { margin-bottom: 32px; position: -webkit-sticky; position: sticky; padding-top: 32px; padding-bottom: 32px; margin-top: -32px; top: 100px; z-index: 99; background: #f3eee9; border-bottom: 1px solid rgba(205, 184, 158, 0.4); -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .header-sticky.scrolled .blog-listing .jb-ajax__filter { top: 0; } .header-sticky.scrolled.scroll-up .blog-listing .jb-ajax__filter { top: 100px; } @media (max-width: 61.99em) { .header-sticky.scrolled.scroll-up .blog-listing .jb-ajax__filter { top: 88px; } } .header-sticky.scrolled.admin-bar .blog-listing .jb-ajax__filter { top: 32px; } @media (max-width: 61.99em) { .blog-listing .jb-ajax__filter { top: 85px; width: 100vw; margin-left: -48px; } } @media (max-width: 47.99em) { .blog-listing .jb-ajax__filter { margin-left: -20px; } } .blog-listing .jb-ajax__filter--category.slider-on { height: auto; } .blog-listing .jb-ajax__filter--category.slider-on > .jb-ajax__filter--category--wrapper { height: 50px; } @media (max-width: 47.99em) { .blog-listing .jb-ajax__filter--category.slider-on > .jb-ajax__filter--category--wrapper { height: 28px; } } @media (max-width: 61.99em) { .blog-listing .jb-ajax__filter--category { height: 40px; padding: 0 48px; } } @media (max-width: 47.99em) { .blog-listing .jb-ajax__filter--category { padding: 0 20px; } } .blog-listing .jb-ajax__lists.mobile { row-gap: 32px; padding-bottom: 32px; } .blog-listing .tease--post__item:not(:nth-child(1)):not(:nth-child(2)) .post-title { font-size: 20px !important; } .gallery-module { overflow: hidden; background: rgba(205, 184, 158, 0.2); } @media (max-width: 74.99em) { .gallery-module { padding-top: 64px; } } body.gallery-active .gallery-module + .module { opacity: 0; visibility: hidden; -webkit-transition: 600ms; transition: 600ms; } body.single-post .gallery-module { background: transparent; } @media (max-width: 74.99em) { body.single-post .gallery-module { padding-top: 32px; } } body.single-post .gallery-module { margin-top: -80px; } .gallery-module .gallery__title { text-align: center; margin-bottom: 56px; } @media (max-width: 74.99em) { .gallery-module .gallery__title { margin-bottom: 50px; } body.single-post .gallery-module .gallery__title { margin-bottom: 56px; } .gallery-module .gallery__title h2 { text-align: start; } body.single-post .gallery-module .gallery__title h2 { text-align: center; } } .gallery-module .gallery__contents .swiper { overflow: unset; } .gallery-module .gallery__contents .swiper .swiper-button-next.gallery-show-transp { position: absolute; height: 80%; width: 400px; left: -webkit-calc(100% - 160px); left: calc(100% - 160px); z-index: 2; top: 50%; -webkit-transform: translateY(-55%); transform: translateY(-55%); opacity: 0; } .gallery-module .gallery__contents .swiper .swiper-button-prev.gallery-show-transp { position: absolute; height: 80%; top: 50%; width: 400px; left: -240px; -webkit-transform: translateY(-55%); transform: translateY(-55%); z-index: 2; opacity: 0; } .gallery-module .gallery__contents--item { height: 560px; } @media (max-width: 74.99em) { .gallery-module .gallery__contents--item { height: 400px; } } .gallery-module .gallery__contents--item--inner { position: relative; display: block; height: 100%; } .gallery-module .gallery__contents--item--inner.is-video::before { content: ""; position: absolute; z-index: 0; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); } @media (max-width: 74.99em) { .gallery-module .gallery__contents .slider-navigation { margin-top: 42px; } } .gallery-module__popup { position: fixed; z-index: 100; top: 50%; margin-top: -2px; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: -webkit-calc(100% + 4px); height: calc(100% + 4px); width: 100%; opacity: 0; background: rgba(0, 0, 0, 0.9); visibility: hidden; -webkit-transition: 600ms; transition: 600ms; } .gallery-module__popup.active { opacity: 1; visibility: visible; } @media (max-width: 74.99em) { .gallery-module__popup--content { position: relative; top: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .gallery-module__popup--close { position: relative; } .gallery-module__popup--close button { position: absolute; width: -webkit-max-content; width: -moz-max-content; width: max-content; left: -webkit-calc(90vw - 60px); left: calc(90vw - 60px); top: -40px; } @media (max-width: 74.99em) { .gallery-module__popup--close button { left: -webkit-calc(90vw - 30px); left: calc(90vw - 30px); top: 0; } } .gallery-module__popup--inner { padding: 80px; height: 100%; } @media (max-width: 61.99em) { .gallery-module__popup--inner { padding: 80px 20px; } } .gallery-module__popup .gallery-slides-main { height: 100%; max-width: 76vw; } @media (max-width: 74.99em) { .gallery-module__popup .gallery-slides-main { max-width: 75vw; } } @media (max-width: 47.99em) { .gallery-module__popup .gallery-slides-main { max-width: 90vw; } } .gallery-module__popup .gallery-slides-main .swiper-wrapper { height: 75vh; } @media (max-width: 74.99em) { .gallery-module__popup .gallery-slides-main .swiper-wrapper { height: 30vh; } } .gallery-module__popup .gallery-slides-main .swiper-wrapper .swiper-slide { opacity: 0 !important; } .gallery-module__popup .gallery-slides-main .swiper-wrapper .swiper-slide img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; } .gallery-module__popup .gallery-slides-main .swiper-wrapper .swiper-slide.swiper-slide-active { opacity: 1 !important; } .gallery-module__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-video { position: relative; } .gallery-module__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-video::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1; -webkit-transition: 600ms; transition: 600ms; } .gallery-module__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-video .play-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } .gallery-module__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-video .video-thumbnail { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 1; visibility: visible; -webkit-transition: 600ms; transition: 600ms; pointer-events: none; } .gallery-module__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-video .video-thumbnail img { -o-object-fit: cover; object-fit: cover; } .gallery-module__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-video .video-thumbnail.hidden { opacity: 0; visibility: hidden; } .gallery-module__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-video .video-wrapper { opacity: 0; -webkit-transition: 600ms; transition: 600ms; height: 100%; } .gallery-module__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-video .video-wrapper .plyr { height: 100%; } .gallery-module__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-video .video-wrapper.is-playing { opacity: 1; } .gallery-module__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-playing::after { opacity: 0; } .gallery-module__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-playing .play-button { opacity: 0; } @media (min-width: 48em) { .gallery-module__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-playing:hover .play-button { opacity: 1; } } .gallery-module__popup .slider-navigation { position: absolute; top: 50%; margin: 0; } @media (max-width: 74.99em) { .gallery-module__popup .slider-navigation { position: relative; top: 50%; margin: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 108px; } .gallery-module__popup .slider-navigation .swiper-button { gap: 48px; } } .gallery-module__popup .slider-navigation .swiper-button-prev.gallery-module-show { position: absolute; top: 0; left: 10px; } @media (min-width: 106.25em) { .gallery-module__popup .slider-navigation .swiper-button-prev.gallery-module-show { left: 60px; } } @media (max-width: 86.875em) { .gallery-module__popup .slider-navigation .swiper-button-prev.gallery-module-show { left: 0; } } @media (max-width: 75em) { .gallery-module__popup .slider-navigation .swiper-button-prev.gallery-module-show { left: -16px; } } @media (max-width: 74.99em) { .gallery-module__popup .slider-navigation .swiper-button-prev.gallery-module-show { position: relative; } } .gallery-module__popup .slider-navigation .swiper-button-next.gallery-module-show { top: 0; position: absolute; left: -webkit-calc(90vw - 60px); left: calc(90vw - 60px); } @media (max-width: 74.99em) { .gallery-module__popup .slider-navigation .swiper-button-next.gallery-module-show { position: relative; left: unset; } } .gallery-module__popup .gallery-slides-thumbs { width: 65%; margin-top: 24px; } @media (max-width: 74.99em) { .gallery-module__popup .gallery-slides-thumbs { width: 100%; margin-top: 64px; } } .gallery-module__popup .gallery-slides-thumbs .swiper-wrapper { height: 50px; } @media (min-width: 106.25em) { .gallery-module__popup .gallery-slides-thumbs .swiper-wrapper { height: 80px; } } @media (max-width: 74.99em) { .gallery-module__popup .gallery-slides-thumbs .swiper-wrapper { height: 80px; } } .gallery-module__popup .gallery-slides-thumbs--item.swiper-slide { opacity: 0.5; height: 100%; } .gallery-module__popup .gallery-slides-thumbs--item.swiper-slide img { -o-object-fit: cover; object-fit: cover; height: 100%; } .gallery-module__popup .gallery-slides-thumbs--item.swiper-slide.swiper-slide-active { opacity: 1; } .text-image-v1 { color: #444444; padding: 160px 0; overflow: hidden; } @media (max-width: 74.99em) { .text-image-v1 { padding: 96px 0; } } @media (max-width: 61.99em) { .text-image-v1 { padding: 80px 0; } } .text-image-v1__heading { max-width: 58%; margin-bottom: 56px; } @media (min-width: 75em) and (max-width: 87.4375em) { .text-image-v1__heading { max-width: 60%; } } @media (min-width: 106.25em) { .text-image-v1__heading { max-width: 52%; } } @media (max-width: 61.99em) { .text-image-v1__heading { max-width: 100%; margin-bottom: 32px; } } @media (max-width: 74.99em) { .text-image-v1__heading h2 { font-size: 64px; } } @media (max-width: 61.99em) { .text-image-v1__heading h2 { font-size: 40px; } } @media (max-width: 47.99em) { .text-image-v1__content--images { width: 100vw; } } .text-image-v1-slider-left, .text-image-v1-slider-right { height: 560px; } @media (max-width: 74.99em) { .text-image-v1-slider-left, .text-image-v1-slider-right { height: 480px; } } @media (max-width: 61.99em) { .text-image-v1-slider-left, .text-image-v1-slider-right { height: 370px; } } .text-image-v1-slider-left .image-slider-left__item span.caption, .text-image-v1-slider-left .image-slider-right__item span.caption, .text-image-v1-slider-right .image-slider-left__item span.caption, .text-image-v1-slider-right .image-slider-right__item span.caption { position: absolute; top: 24px; left: 24px; background: #655139; color: #f8f8f8; padding: 8px; font-size: 12px; font-weight: 500; text-transform: uppercase; } @media (max-width: 61.99em) { .text-image-v1-slider-left .image-slider-left__item span.caption, .text-image-v1-slider-left .image-slider-right__item span.caption, .text-image-v1-slider-right .image-slider-left__item span.caption, .text-image-v1-slider-right .image-slider-right__item span.caption { text-wrap: nowrap; } } .text-image-v1-slider-right { height: 380px; } @media (max-width: 61.99em) { .text-image-v1-slider-right { height: 280px; width: 160px; } } .text-image-v1 .images-slider-left { padding-right: 0; } .text-image-v1 .images-slider-right { padding-left: 56px; } @media (max-width: 74.99em) { .text-image-v1 .images-slider-right { padding-left: 40px; } } @media (max-width: 61.99em) { .text-image-v1 .images-slider-right { padding-left: 16px; padding-right: 0; } } .text-image-v1 .images-slider-right .slider-navigation { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 61.99em) { .text-image-v1 .images-slider-right .slider-navigation .swiper-button { -webkit-transform: translateX(0); transform: translateX(0); scale: 1; } } @media (max-width: 47.99em) { .text-image-v1 .images-slider-right .slider-navigation { display: none; } } .text-image-v1 .slider-navigation-mobile .slider-navigation { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 32px; height: 30px; } .text-image-v1 .slider-navigation-mobile .slider-navigation .swiper-button { -webkit-transform: translateX(0); transform: translateX(0); } .text-image-v1__text { margin-top: 56px; } @media (max-width: 61.99em) { .text-image-v1__text { margin-top: 32px; } } .text-image-v1__text .text-left__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 16px; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; } @media (max-width: 47.99em) { .text-image-v1__text .text-left__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .text-image-v1__text .text-left__item { -webkit-box-flex: 50%; -webkit-flex: 50%; -ms-flex: 50%; flex: 50%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (min-width: 62em) and (max-width: 74.99em) { .text-image-v1__text .text-left__item { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; max-width: 100%; } } @media (max-width: 47.99em) { .text-image-v1__text .text-left__item { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; max-width: 100%; -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; } } .text-image-v1__text .text-left__item img { max-width: 50px; } .text-image-v1__text .text-left__item .text { font-family: "Hind", sans-serif; font-size: 16px; } @media (max-width: 61.99em) { .home .text-image-v1__text .text-right { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } } .text-image-v1__text .text-right__inner { padding-left: 94px; } @media (max-width: 61.99em) { .text-image-v1__text .text-right__inner { padding-left: 0; padding-top: 44px; } .home .text-image-v1__text .text-right__inner { padding-top: 0; padding-bottom: 44px; } } .text-image-v1__text .text-right__content p { font-size: 18px; font-family: "Hind", sans-serif; } @media (max-width: 61.99em) { .text-image-v1__text .text-right__content p { font-size: 16px; } .text-image-v1__text .text-right__content p:last-child { margin-bottom: 0; } } .room-type { padding: 0; -webkit-transition: 600ms; transition: 600ms; } .room-type__bg { height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .room-type__bg--item { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .room-type__bg--item.active { opacity: 1; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .room-type__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 900px; background-repeat: no-repeat; background-size: cover; -webkit-transition: 600ms; transition: 600ms; } @media (max-width: 61.99em) { .room-type__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 900px; } } @media (max-width: 47.99em) { .room-type__inner { height: auto; } } .room-type__inner::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(160, 126, 84, 0.2); -webkit-filter: contrast(1.5); filter: contrast(1.5); } .room-type__inner.hovered { -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .room-type__inner.hovered .room-type__image { opacity: 0; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .room-type__inner.hovered .room-type__content { opacity: 0; } .room-type__item { -webkit-box-flex: 33.333%; -webkit-flex: 33.333%; -ms-flex: 33.333%; flex: 33.333%; max-width: 33.333%; position: relative; } @media (min-width: 48em) and (max-width: 61.99em) { .room-type__item { height: 300px; } } @media (max-width: 61.99em) { .room-type__item { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; max-width: 100%; } } .room-type__item:not(:last-child) { border-right: solid 6px #f8f8f8; } @media (max-width: 61.99em) { .room-type__item:not(:last-child) { border-right: unset; border-bottom: solid 3px #f8f8f8; } } .room-type__item.hovered .room-type__content { opacity: 1; -webkit-transition: 600ms; transition: 600ms; } .room-type__image { height: 100%; position: relative; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .room-type__image::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(160, 126, 84, 0.2); -webkit-filter: contrast(1.5); filter: contrast(1.5); } .room-type__content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; min-width: 80%; padding: 54px 20px; background: rgba(248, 248, 248, 0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 61.99em) { .room-type__content { padding: 26px 20px; gap: 16px; min-width: 35%; } .room-type__content--icon { width: 60px; } } @media (max-width: 47.99em) { .room-type__content { min-width: 65%; gap: 6px; } .room-type__content--icon { width: 32px; } } .room-type__content--title { color: #f8f8f8; } @media (min-width: 48em) and (max-width: 61.99em) { .room-type__content--title { font-size: 32px; } } .accommodation-showcase { padding-bottom: 80px; overflow: inherit; } @media (max-width: 61.99em) { .accommodation-showcase { padding-top: 108px; padding-bottom: 0px; } } .accommodation-showcase.single { padding: 24px 0; } @media (max-width: 61.99em) { .accommodation-showcase.single { padding: 14px 0; } .accommodation-showcase.single .showcase-item { padding-top: 48px; } } .accommodation-showcase.single .showcase-item__heading { margin-bottom: 56px; } @media (max-width: 61.99em) { .accommodation-showcase.single .showcase-item__heading { margin-bottom: 24px; } } .accommodation-showcase.single .showcase-item__heading h2 { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; max-width: 100%; } .accommodation-showcase.single .showcase-item__slider .swiper { overflow: unset; } @media (max-width: 47.99em) { .accommodation-showcase.single .showcase-item__slider .swiper .tease--accommodation.showcase-item__slider--item { height: 320px !important; } } .accommodation-showcase__nav { position: -webkit-sticky; position: sticky; top: 105px; background: #f3eee9; z-index: 99; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .header-sticky.scrolled .accommodation-showcase__nav { top: 0; } .header-sticky.scrolled.scroll-up .accommodation-showcase__nav { top: 100px; } @media (max-width: 61.99em) { .header-sticky.scrolled.scroll-up .accommodation-showcase__nav { top: 88px; } } .header-sticky.scrolled.admin-bar .accommodation-showcase__nav { top: 32px; } @media (max-width: 61.99em) { .accommodation-showcase__nav { top: 85px; } } .accommodation-showcase__nav--inner { padding: 32px 0; margin-bottom: 120px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 60px; font-size: 24px; font-family: "Noto Serif Display", Arial, serif; border-bottom: 1px solid rgba(205, 184, 158, 0.4); } @media (max-width: 61.99em) { .accommodation-showcase__nav--inner { margin-bottom: 40px; } } @media (max-width: 47.99em) { .accommodation-showcase__nav--inner { margin-bottom: 20px; gap: 0; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: -webkit-calc(100vw - 40px); width: calc(100vw - 40px); margin: 0 auto; overflow: auto; } .accommodation-showcase__nav--inner a.link { text-wrap: nowrap; margin: 0 16px; } .accommodation-showcase__nav--inner a.link.no-hover-focus::before { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } } .accommodation-showcase__inner { overflow: hidden; } .accommodation-showcase__contents .showcase-item { padding: 96px 0; } @media (max-width: 61.99em) { .accommodation-showcase__contents .showcase-item { padding: 48px 0; padding-top: 78px; } } .accommodation-showcase__contents .showcase-item__heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 32px; gap: 100px; } @media (max-width: 61.99em) { .accommodation-showcase__contents .showcase-item__heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; } } .accommodation-showcase__contents .showcase-item__heading h2 { -webkit-box-flex: 50%; -webkit-flex: 50%; -ms-flex: 50%; flex: 50%; max-width: 50%; font-family: "Noto Serif Display", Arial, serif; } @media (max-width: 74.99em) { .accommodation-showcase__contents .showcase-item__heading h2 { font-size: 56px; } } @media (max-width: 61.99em) { .accommodation-showcase__contents .showcase-item__heading h2 { font-size: 40px; -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; max-width: 100%; } } .accommodation-showcase__contents .showcase-item__heading .description { padding-left: 40px; -webkit-box-flex: 50%; -webkit-flex: 50%; -ms-flex: 50%; flex: 50%; max-width: 50%; font-size: 18px; font-family: "Hind", sans-serif; line-height: 25.2px; color: #151617; } @media (max-width: 61.99em) { .accommodation-showcase__contents .showcase-item__heading .description { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; max-width: 100%; padding-left: 0; font-size: 16px; } } .accommodation-showcase__contents .showcase-item__heading .description p { margin: 0; } .accommodation-showcase__contents .showcase-item__slider { position: relative; } .accommodation-showcase__contents .showcase-item__slider .swiper-button-next.accomm-showcase-nav-transp { position: absolute; height: 80%; width: 400px; left: -webkit-calc(100% - 160px); left: calc(100% - 160px); z-index: 2; top: 50%; -webkit-transform: translateY(-55%); transform: translateY(-55%); opacity: 0; } .accommodation-showcase__contents .showcase-item__slider .swiper-button-prev.accomm-showcase-nav-transp { position: absolute; height: 80%; top: 50%; width: 400px; left: -240px; -webkit-transform: translateY(-55%); transform: translateY(-55%); z-index: 2; opacity: 0; } .accommodation-showcase__contents .showcase-item__slider .swiper { overflow: unset; } .accommodation-showcase__contents .showcase-item__slider--item { position: relative; height: 500px; overflow: hidden; } @media (max-width: 74.99em) { .accommodation-showcase__contents .showcase-item__slider--item { height: 400px; } } @media (max-width: 47.99em) { .accommodation-showcase__contents .showcase-item__slider--item { height: 320px; } } .accommodation-showcase__contents .showcase-item__slider--item .item-background { height: 100%; width: 100%; overflow: hidden; } .accommodation-showcase__contents .showcase-item__slider--item .item-background::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(100.2%, rgb(22, 22, 22))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(22, 22, 22) 100.2%); opacity: 0.3; -webkit-transition: 600ms; transition: 600ms; } .accommodation-showcase__contents .showcase-item__slider--item .item-background img { -webkit-transition: 600ms; transition: 600ms; } .accommodation-showcase__contents .showcase-item__slider--item .item-content, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile { position: absolute; z-index: 3; height: -webkit-max-content; height: -moz-max-content; height: max-content; bottom: 40px; left: 40px; max-width: -webkit-calc(100% - 80px); max-width: calc(100% - 80px); top: -webkit-calc(100% - 75px); top: calc(100% - 75px); -webkit-transition: 600ms; transition: 600ms; } @media (max-width: 61.99em) { .accommodation-showcase__contents .showcase-item__slider--item .item-content, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile { bottom: 0; top: unset; left: 24px; } } .accommodation-showcase__contents .showcase-item__slider--item .item-content .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title { color: #f8f8f8; font-family: "Inter", sans-serif; margin-bottom: 24px; -webkit-transition: 600ms; transition: 600ms; } @media (max-width: 61.99em) { .accommodation-showcase__contents .showcase-item__slider--item .item-content .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title { font-weight: 400; } } .accommodation-showcase__contents .showcase-item__slider--item .item-content .description, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .description { color: #f8f8f8; font-size: 16px; line-height: 22.4px; opacity: 0; -webkit-transition: 600ms; transition: 600ms; } .accommodation-showcase__contents .showcase-item__slider--item:hover .item-background::before { opacity: 1; -webkit-transition: 600ms; transition: 600ms; } .accommodation-showcase__contents .showcase-item__slider--item:hover .item-background img { scale: 1.1; -webkit-transition: 600ms; transition: 600ms; } .accommodation-showcase__contents .showcase-item__slider--item:hover .item-content { top: 50%; bottom: unset; -webkit-transition: 600ms; transition: 600ms; } .accommodation-showcase__contents .showcase-item__slider--item:hover .item-content .title { font-size: 40px; line-height: 48px; -webkit-transition: 600ms; transition: 600ms; } @media (min-width: 62em) and (max-width: 80em) { .accommodation-showcase__contents .showcase-item__slider--item:hover .item-content .title { font-size: 32px; } } .accommodation-showcase__contents .showcase-item__slider--item:hover .item-content .description { opacity: 1; -webkit-transition: 600ms; transition: 600ms; } .accommodation-showcase__contents .bottom-ornament { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 0; } @media (max-width: 61.99em) { .accommodation-showcase__contents .bottom-ornament { gap: 24px; } } .accommodation-showcase__contents .bottom-ornament span.line-left, .accommodation-showcase__contents .bottom-ornament span.line-right { -webkit-box-flex: 45%; -webkit-flex: 45%; -ms-flex: 45%; flex: 45%; max-width: 45%; width: 100%; height: 1px; background: rgb(205, 184, 158); } @media (max-width: 61.99em) { .accommodation-showcase__contents .bottom-ornament span.line-left, .accommodation-showcase__contents .bottom-ornament span.line-right { -webkit-box-flex: 40%; -webkit-flex: 40%; -ms-flex: 40%; flex: 40%; max-width: 40%; } } .accommodation-showcase__contents .bottom-ornament svg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 10%; -webkit-flex: 10%; -ms-flex: 10%; flex: 10%; max-width: 10%; } @media (max-width: 61.99em) { .accommodation-showcase__contents .bottom-ornament svg { -webkit-box-flex: 20%; -webkit-flex: 20%; -ms-flex: 20%; flex: 20%; max-width: 20%; } } .facilities { height: 900px; padding: 0; } @media (max-width: 61.99em) { .facilities { height: -webkit-calc(100vh - 194px); height: calc(100vh - 194px); } } @media (max-width: 47.99em) { .facilities { height: 700px; } } .facilities__inner { position: relative; height: 100%; } .facilities__background { height: 900px; } @media (max-width: 61.99em) { .facilities__background { height: 100%; } } .facilities__background::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0.5; z-index: 2; } .facilities__background--item--inner { height: 100%; } .facilities__background--item img { -webkit-transition: 600ms; transition: 600ms; } .facilities__background--item.swiper-slide { overflow: hidden; } .facilities__background--item.swiper-slide img { scale: 1.2; } .facilities__background--item.swiper-slide.swiper-slide-active img { scale: 1; -webkit-transition: 600ms; transition: 600ms; } .facilities__background .slider-navigation { position: absolute; top: 45%; z-index: 2; } @media (max-width: 61.99em) { .facilities__background .slider-navigation { display: none; top: 70%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .facilities__background .slider-navigation .swiper-button { gap: 58px; } } @media (min-width: 62em) { .facilities__background .slider-navigation .swiper-button-prev { position: absolute; left: 80px; } } @media (min-width: 62em) { .facilities__background .slider-navigation .swiper-button-next { position: absolute; left: -webkit-calc(100vw - 120px); left: calc(100vw - 120px); } } .facilities__contents { top: 0; z-index: 2; height: 100%; width: 100%; } @media (max-width: 61.99em) { .facilities__contents { position: absolute; } } @media (max-width: 61.99em) { .facilities__contents--inner::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 3; } } .facilities__contents--inner .mobile-swiper-nav .slider-navigation { position: absolute; margin-top: 57px; top: 70%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 4; } .facilities__contents--inner .mobile-swiper-nav .slider-navigation .swiper-button { gap: 58px; } .facilities__contents--title { position: absolute; top: 80px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; margin: 0 auto; } .facilities__contents--title h2 { text-align: center; font-style: italic; color: #f8f8f8; font-family: "Noto Serif Display", Arial, serif; } @media (max-width: 61.99em) { .facilities__contents--title h2 { font-size: 48px; } } .facilities__contents--details { position: absolute; top: 50%; height: 280px; width: 50%; max-width: 650px; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; color: #f8f8f8; background: rgba(255, 255, 255, 0.29); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); overflow: hidden; } @media (max-width: 61.99em) { .facilities__contents--details { width: 85vw; max-width: 100%; height: 220px; } } .facilities__contents--details--item .main-title { text-align: center; color: #f8f8f8; font-size: 32px; margin-bottom: 24px; } @media (max-width: 61.99em) { .facilities__contents--details--item .main-title { font-size: 24px; } } .facilities__contents--details--item .description { color: #f8f8f8; font-size: 16px; font-family: "Hind", sans-serif; font-weight: 300; line-height: 22.4px; } .facilities__contents--details--item--inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0 40px; } @media (max-width: 61.99em) { .facilities__contents--details--item--inner { padding: 25px; } } .facilities__contents--details--item.swiper-slide .facilities__contents--details--item--inner { opacity: 0 !important; scale: 1.2; -webkit-transition: 600ms; transition: 600ms; } .facilities__contents--details--item.swiper-slide.swiper-slide-active .facilities__contents--details--item--inner { opacity: 1 !important; scale: 1; -webkit-transition: 600ms; transition: 600ms; } .special-offer-showcase { padding-bottom: 24px; } @media (max-width: 74.99em) { .special-offer-showcase { padding-top: 64px; padding-bottom: 0px; } } .special-offer-showcase__heading { text-align: center; margin-bottom: 56px; } @media (max-width: 61.99em) { .special-offer-showcase__heading { margin-bottom: 48px; } } .special-offer-showcase__heading .description { width: 50%; margin: 0 auto; margin-top: 24px; margin-bottom: 40px; font-family: "Hind", sans-serif; color: #151617; } @media (max-width: 61.99em) { .special-offer-showcase__heading .description { width: 100%; margin: 16px auto 24px; font-size: 16px; line-height: 22.4px; } } .special-offer-showcase__heading__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .special-offer-showcase__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; } @media (max-width: 74.99em) { .special-offer-showcase__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .special-offer-showcase__content.active .special-offer-showcase__content--item { -webkit-box-flex: 10%; -webkit-flex: 10%; -ms-flex: 10%; flex: 10%; max-width: 10%; } @media (max-width: 74.99em) { .special-offer-showcase__content.active .special-offer-showcase__content--item { -webkit-box-flex: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset; max-width: 100%; height: 190px; } } @media (max-width: 47.99em) { .special-offer-showcase__content.active .special-offer-showcase__content--item { height: 134px; } } .special-offer-showcase__content.active .special-offer-showcase__content--item--image::before { opacity: 1; } .special-offer-showcase__content--item { -webkit-box-flex: 25%; -webkit-flex: 25%; -ms-flex: 25%; flex: 25%; max-width: 25%; height: 500px; -webkit-transition: all 800ms ease; transition: all 800ms ease; position: relative; } @media (max-width: 74.99em) { .special-offer-showcase__content--item { -webkit-box-flex: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset; max-width: 100%; height: 276px; overflow: hidden; } } @media (max-width: 47.99em) { .special-offer-showcase__content--item { height: 200px; } } .special-offer-showcase__content--item:hover { cursor: pointer; } .special-offer-showcase__content--item:not(:last-child) { border-right: 3px solid #f8f8f8; } @media (max-width: 74.99em) { .special-offer-showcase__content--item:not(:last-child) { border-right: unset; border-bottom: 3px solid #f8f8f8; } } .special-offer-showcase__content--item h3.hidden-elm { font-size: 28px; line-height: 100%; font-family: "Inter", sans-serif; font-weight: 400; color: #f8f8f8; -webkit-transition: all 800ms ease; transition: all 800ms ease; margin-bottom: 32px; position: absolute; bottom: 0; left: 32px; max-width: -webkit-calc(100% - 80px); max-width: calc(100% - 80px); z-index: 2; } @media (min-width: 75em) { .special-offer-showcase__content--item h3.hidden-elm { margin-bottom: 40px; left: 40px; } } @media (max-width: 74.99em) { .special-offer-showcase__content--item h3.hidden-elm { display: none; font-size: 24px; left: 16px; margin-bottom: 16px; } } .special-offer-showcase__content--item--image { height: 100%; width: 100%; overflow: hidden; position: relative; } .special-offer-showcase__content--item--image img { -webkit-transition: all 800ms ease; transition: all 800ms ease; } .special-offer-showcase__content--item--image::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(65.58%, rgba(0, 0, 0, 0.4))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 65.58%); opacity: 0.9; z-index: 2; -webkit-transition: all 800ms ease; transition: all 800ms ease; } @media (max-width: 74.99em) { .special-offer-showcase__content--item--image::before { opacity: 0.5; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(65.58%, rgba(0, 0, 0, 0.7))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 65.58%); } } .special-offer-showcase__content--item--content--inner { position: relative; top: 0px; left: 40px; width: -webkit-calc(100% - 80px); width: calc(100% - 80px); z-index: 2; -webkit-transition: all 800ms ease; transition: all 800ms ease; } @media (max-width: 74.99em) { .special-offer-showcase__content--item--content--inner { top: -48px; left: 20px; } } .special-offer-showcase__content--item--content--inner h3 { font-size: 28px; line-height: 100%; font-family: "Inter", sans-serif; font-weight: 400; color: #f8f8f8; -webkit-transition: all 800ms ease; transition: all 800ms ease; margin-bottom: 24px; } @media (max-width: 61.99em) { .special-offer-showcase__content--item--content--inner h3 { font-size: 24px; margin-bottom: 16px; } } .special-offer-showcase__content--item--content--inner .description { color: #f8f8f8; font-family: "Hind", sans-serif; max-width: 65%; opacity: 0; visibility: hidden; margin-bottom: 32px; -webkit-transition: all 800ms ease; transition: all 800ms ease; } @media (max-width: 74.99em) { .special-offer-showcase__content--item--content--inner .description { max-width: 60%; } } @media (max-width: 61.99em) { .special-offer-showcase__content--item--content--inner .description { max-width: 100%; font-size: 14px; margin-bottom: 16px; } } .special-offer-showcase__content--item--content--inner .buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 16px; width: -webkit-max-content; width: -moz-max-content; width: max-content; opacity: 0; visibility: hidden; -webkit-transition: all 800ms ease; transition: all 800ms ease; } .special-offer-showcase__content--item.active { -webkit-box-flex: 90% !important; -webkit-flex: 90% !important; -ms-flex: 90% !important; flex: 90% !important; max-width: 90% !important; } @media (max-width: 74.99em) { .special-offer-showcase__content--item.active { -webkit-box-flex: unset !important; -webkit-flex: unset !important; -ms-flex: unset !important; flex: unset !important; max-width: 100% !important; height: 400px !important; } } @media (max-width: 47.99em) { .special-offer-showcase__content--item.active { -webkit-box-flex: unset !important; -webkit-flex: unset !important; -ms-flex: unset !important; flex: unset !important; max-width: 100% !important; height: 332px !important; } } .special-offer-showcase__content--item.active h3.hidden-elm { opacity: 0; } .special-offer-showcase__content--item.active .special-offer-showcase__content--item--content--inner { top: -260px !important; } @media (max-width: 74.99em) { .special-offer-showcase__content--item.active .special-offer-showcase__content--item--content--inner { top: -250px !important; } } .special-offer-showcase__content--item.active .special-offer-showcase__content--item--content--inner h3 { font-size: 32px; } @media (max-width: 74.99em) { .special-offer-showcase__content--item.active .special-offer-showcase__content--item--content--inner h3 { font-size: 24px; } } .special-offer-showcase__content--item.active .special-offer-showcase__content--item--content--inner .description { opacity: 1; visibility: visible; } .special-offer-showcase__content--item.active .special-offer-showcase__content--item--content--inner .buttons { opacity: 1; visibility: visible; } .special-offer-showcase__content--item.inactive h3.hidden-elm { opacity: 0; } .special-offer-showcase__content--item.inactive .special-offer-showcase__content--item--content--inner .main-title { opacity: 0; visibility: hidden; } @media (max-width: 74.99em) { .special-offer-showcase__content--item.inactive .special-offer-showcase__content--item--content--inner .main-title { opacity: 1; visibility: visible; } } .testimonials { padding-top: 120px; padding-bottom: 160px; } @media (max-width: 61.99em) { .testimonials { padding-top: 80px; padding-bottom: 80px; } } .testimonials + .module.news-slideshow { margin-top: -96px; } @media (max-width: 61.99em) { .testimonials + .module.news-slideshow { margin-top: -80px; } } .testimonials__heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; gap: 40px; margin-bottom: 56px; } @media (max-width: 61.99em) { .testimonials__heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 32px; margin-bottom: 20px; } .testimonials__heading h2 { width: 80%; } } @media (max-width: 61.99em) and (max-width: 61.99em) { .testimonials__heading h2 { font-size: 40px; } } @media (max-width: 61.99em) and (max-width: 47.99em) { .testimonials__heading h2 { width: 300px; } } @media (max-width: 61.99em) { .testimonials__content--inner { gap: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 74.99em) { .testimonials__content .content-icon svg { width: 200px; height: 150px; } } @media (max-width: 61.99em) { .testimonials__content .content-icon svg { width: 175px; height: 130px; } } @media (max-width: 61.99em) { .testimonials__content .content-slides-wrap { margin-top: -130px; } } @media (max-width: 47.99em) { .testimonials__content .content-slides-wrap .slider-navigation { margin-top: 24px; } } .testimonials__content .content-slide__author { font-size: 18px; font-weight: 600; text-transform: uppercase; line-height: 21.6px; color: #444444; margin-bottom: 40px; } @media (max-width: 61.99em) { .testimonials__content .content-slide__author { margin-bottom: 24px; } } .testimonials__content .content-slide__quote { font-family: "Hind", sans-serif; } .testimonials__content .content-slide__quote h2, .testimonials__content .content-slide__quote h3 { margin-bottom: 40px; } @media (max-width: 61.99em) { .testimonials__content .content-slide__quote h2, .testimonials__content .content-slide__quote h3 { font-size: 32px; margin-bottom: 24px; } } .testimonials__content .content-slide__quote p { font-size: 16px; line-height: 22.4px; } .testimonials__content .swiper-wrapper { position: relative; height: 350px; } @media (min-width: 62em) and (max-width: 74.99em) { .testimonials__content .swiper-wrapper { height: 420px; } } @media (max-width: 47.99em) { .testimonials__content .swiper-wrapper { height: 400px; } } .testimonials__content .swiper-slide { opacity: 0 !important; -webkit-transition: 600ms; transition: 600ms; position: absolute; top: 0; height: 100%; } @media (max-width: 47.99em) { .testimonials__content .swiper-slide { height: auto; } } .testimonials__content .swiper-slide.swiper-slide-active { opacity: 1 !important; -webkit-transition: 600ms; transition: 600ms; } .news-slideshow { padding: 0; } .news-slideshow .latest-news { background: transparent; } @media (max-width: 61.99em) { .accommodation-listing { padding: 80px 0; } } .accommodation-listing__heading { max-width: 85%; margin: 0 auto; text-align: center; } @media (max-width: 74.99em) { .accommodation-listing__heading { max-width: 100%; } } .accommodation-listing__heading .description { max-width: 65%; margin: 0 auto; margin-top: 22px; color: #151617; font-family: "Hind", sans-serif; font-size: 18px; font-weight: 400; line-height: 140%; } @media (max-width: 61.99em) { .accommodation-listing__heading .description { max-width: 100%; margin-top: 16px; font-size: 16px; } } .accommodation-listing__contents .jb-ajax__filter { margin-top: 98px; margin-bottom: 64px; padding: 32px; position: -webkit-sticky; position: sticky; top: 100px; z-index: 99; background: #f3eee9; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .header-sticky.scrolled .accommodation-listing__contents .jb-ajax__filter { top: 0; } .header-sticky.scrolled.scroll-up .accommodation-listing__contents .jb-ajax__filter { top: 100px; } @media (max-width: 61.99em) { .header-sticky.scrolled.scroll-up .accommodation-listing__contents .jb-ajax__filter { top: 88px; } } .header-sticky.scrolled.admin-bar .accommodation-listing__contents .jb-ajax__filter { top: 32px; } @media (max-width: 61.99em) { .accommodation-listing__contents .jb-ajax__filter { margin-top: 48px; margin-bottom: 32px; padding: 32px 48px; top: 85px; width: -webkit-calc(100% + 96px); width: calc(100% + 96px); margin-left: -48px; border-bottom: 1px solid rgba(205, 184, 158, 0.4); } } @media (max-width: 47.99em) { .accommodation-listing__contents .jb-ajax__filter { padding: 32px 20px; width: -webkit-calc(100% + 40px); width: calc(100% + 40px); margin-left: -20px; border-bottom: 1px solid rgba(205, 184, 158, 0.4); } } body.admin-bar .accommodation-listing__contents .jb-ajax__filter { top: 132px; } .accommodation-listing__contents .jb-ajax__filter--category { height: 30px; overflow-y: hidden; } @media (max-width: 61.99em) { .accommodation-listing__contents .jb-ajax__filter--category { height: 40px; } } .accommodation-listing__contents .jb-ajax__filter--category--wrapper { margin: 0 auto; } .accommodation-listing__contents .jb-ajax__lists { row-gap: 40px; padding-bottom: 0; } @media (min-width: 48em) and (max-width: 61.99em) { .accommodation-listing__contents .jb-ajax__lists { row-gap: 20px; padding-left: 10px; padding-right: 10px; } } .accommodation-listing__contents .jb-ajax__more { padding-top: 32px; } @media (min-width: 48em) and (max-width: 61.99em) { .accommodation-listing__contents .jb-ajax__more { padding-top: 48px; } } .accommodation-listing__contents .tease--accommodation { -webkit-box-flex: 50%; -webkit-flex: 50%; -ms-flex: 50%; flex: 50%; max-width: -webkit-calc(50% - 40px); max-width: calc(50% - 40px); overflow: hidden; padding: 0; margin-left: 20px; margin-right: 20px; } @media (max-width: 61.99em) { .accommodation-listing__contents .tease--accommodation { max-width: -webkit-calc(50% - 20px); max-width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; } } @media (max-width: 47.99em) { .accommodation-listing__contents .tease--accommodation { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; max-width: 100%; margin-left: 16px; margin-right: 16px; } } .accommodation-listing__contents .tease--accommodation .category-neme { position: absolute; top: 24px; left: 20px; background: #655139; color: #f8f8f8; padding: 8px; z-index: 2; text-transform: uppercase; font-size: 12px; font-weight: 500; } .text-image-v2 { padding-bottom: 120px; } @media (max-width: 61.99em) { .text-image-v2 { padding: 80px 0; } } .text-image-v2__heading { width: 70%; margin-bottom: 64px; } @media (min-width: 75em) and (max-width: 86.875em) { .text-image-v2__heading { width: 80%; } } @media (max-width: 74.99em) { .text-image-v2__heading { width: 100%; } } @media (max-width: 61.99em) { .text-image-v2__heading { width: 100%; margin-bottom: 32px; } } .text-image-v2__heading h2 { font-size: 80px; margin-bottom: 32px; } @media (max-width: 74.99em) { .text-image-v2__heading h2 { font-size: 64px; } } @media (max-width: 61.99em) { .text-image-v2__heading h2 { font-size: 40px; margin-bottom: 20px; } } .text-image-v2__heading .subtitle { width: 70%; font-family: "Hind", sans-serif; font-size: 18px; font-weight: 400; line-height: 23.4px; } @media (max-width: 74.99em) { .text-image-v2__heading .subtitle { width: 80%; } } @media (max-width: 61.99em) { .text-image-v2__heading .subtitle { width: 100%; font-size: 16px; line-height: 20.8px; } } @media (max-width: 61.99em) { .text-image-v2__contents .contents-inner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .text-image-v2__contents--left .content-left-wrap { height: 100%; } @media (max-width: 61.99em) { .text-image-v2__contents--left .content-left-wrap { height: 250px; } } .text-image-v2__contents--right .content-right-wrap { padding-left: 50px; } @media (max-width: 74.99em) { .text-image-v2__contents--right .content-right-wrap { padding-left: 10px; } } @media (max-width: 61.99em) { .text-image-v2__contents--right .content-right-wrap { padding-left: 0; margin-bottom: 32px; } } .text-image-v2__contents--right .content-right--image { width: 100%; height: 334px; margin-bottom: 48px; } @media (max-width: 61.99em) { .text-image-v2__contents--right .content-right--image { height: 300px; margin-bottom: 20px; } } @media (max-width: 47.99em) { .text-image-v2__contents--right .content-right--image { height: 242px; } } .text-image-v2__contents--right .content-right--text { font-family: "Hind", sans-serif; font-size: 18px; font-weight: 400; line-height: 23.4px; } @media (max-width: 61.99em) { .text-image-v2__contents--right .content-right--text { font-size: 16px; line-height: 20.8px; } } .text-image-v2__contents--right .content-right--button { margin-top: 48px; } @media (max-width: 61.99em) { .text-image-v2__contents--right .content-right--button { margin-top: 20px; } } .text-lists { padding-bottom: 0px; background: rgba(205, 184, 158, 0.2); } @media (max-width: 61.99em) { .text-lists { padding-top: 80px; } } .text-lists__heading h2 { text-align: center; } .text-lists__content { margin-top: 64px; padding-bottom: 96px; } @media (max-width: 61.99em) { .text-lists__content { padding-bottom: 64px; margin-top: 48px; } } .text-lists__content--inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; gap: 24px; } @media (max-width: 47.99em) { .text-lists__content--inner { gap: 20px; row-gap: 2px; } } .text-lists__content--item { -webkit-box-flex: 25%; -webkit-flex: 25%; -ms-flex: 25%; flex: 25%; max-width: -webkit-calc(25% - 18px); max-width: calc(25% - 18px); padding: 16px 0; border-top: 1px solid #cdb89e; } @media (min-width: 62em) and (max-width: 74.99em) { .text-lists__content--item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; position: relative; } } @media (max-width: 61.99em) { .text-lists__content--item { -webkit-box-flex: 50%; -webkit-flex: 50%; -ms-flex: 50%; flex: 50%; max-width: -webkit-calc(50% - 18px); max-width: calc(50% - 18px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-lists__content--item.hidden-on-mobile { display: none; } .text-lists__content--item.hidden-on-mobile.showing { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media (max-width: 47.99em) { .text-lists__content--item { -webkit-box-flex: 50%; -webkit-flex: 50%; -ms-flex: 50%; flex: 50%; max-width: -webkit-calc(50% - 10px); max-width: calc(50% - 10px); } } .text-lists__content--item .text { padding-left: 28px; font-size: 18px; color: #151617; position: relative; } @media (min-width: 62em) and (max-width: 74.99em) { .text-lists__content--item .text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: -webkit-calc(100% - 24px); width: calc(100% - 24px); position: inherit; } } @media (max-width: 47.99em) { .text-lists__content--item .text { padding-left: 20px; font-size: 16px; } } .text-lists__content--item .text::before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 6px; height: 6px; background: #151617; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .text-lists__content--item .text-inner { line-height: 125%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-lists__content .show-more-btn { width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 0 auto; margin-top: 32px; } @media (max-width: 61.99em) { .faq { padding: 24px 0; } } .faq h2 { margin-bottom: 48px; } @media (max-width: 61.99em) { .faq h2 { margin-bottom: 16px; line-height: 52px; } } .faq__image { padding-right: 0; } @media (max-width: 61.99em) { .faq__image { padding-right: 15px; } } .faq__image .image-wrapper { height: 780px; } @media (max-width: 61.99em) { .faq__image .image-wrapper { height: 350px; } } .faq__contents { padding-left: 64px; padding-top: 64px; padding-bottom: 64px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 61.99em) { .faq__contents { padding-left: 15px; padding-top: 32px; padding-bottom: 56px; } } .faq__contents--item { padding: 24px 0; border-bottom: 1px solid #cdb89e; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .faq__contents--item p { margin: 0; padding-bottom: 16px; } .faq__contents--item.active .faq-title .plus-min-after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); opacity: 0; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .faq__contents--item .faq-title { font-size: 20px; font-weight: 400; line-height: 20px; font-family: "Hind", sans-serif; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 16px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; color: #151617; } .faq__contents--item .faq-title:hover, .faq__contents--item .faq-title:active, .faq__contents--item .faq-title.nice-select.open, .faq__contents--item .faq-title:focus { cursor: pointer; } .faq__contents--item .faq-title .plus-min-icon { width: 16px; position: relative; pointer-events: none; } .faq__contents--item .faq-title .plus-min-before, .faq__contents--item .faq-title .plus-min-after { width: 16px; height: 1px; display: block; background: #655139; border-radius: 100px; position: absolute; pointer-events: none; } .faq__contents--item .faq-title .plus-min-after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .faq__contents--item .faq-content { margin-top: 8px; max-width: 90%; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .faq__contents--item .faq-content p { font-size: 16px; font-weight: 400; font-family: "Hind", sans-serif; color: #444444; padding-bottom: 0; } .faq__contents--item .faq-content p strong { font-weight: 500; } .special-offer-listing { padding-bottom: 0; } @media (max-width: 61.99em) { .special-offer-listing { padding-top: 64px; padding-bottom: 0px; } } .special-offer-listing h2 { width: 80%; margin: 0 auto; text-align: center; margin-bottom: 96px; } @media (min-width: 75em) and (max-width: 86.875em) { .special-offer-listing h2 { width: 90%; } } @media (max-width: 61.99em) { .special-offer-listing h2 { width: 100%; text-align: left; margin-bottom: 48px; } } .special-offer-listing__contents--item { padding: 96px 0; position: -webkit-sticky; position: sticky; top: 24px; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } @media (max-width: 61.99em) { .special-offer-listing__contents--item { padding: 40px 0 48px; top: 90px; } .special-offer-listing__contents--item:last-child { padding-bottom: 80px; } } @media (max-width: 81.25em) { .special-offer-listing__contents--item { top: 0px; position: relative; } } @media (max-width: 47.99em) { .special-offer-listing__contents--item { padding: 24px 0 40px; } } .special-offer-listing__contents--item:nth-child(odd) { background: #f3eee9; } .special-offer-listing__contents--item:nth-child(even) { background: #fcf8f4; } .special-offer-listing__contents--item .item__image { padding-right: 50px; } @media (max-width: 61.99em) { .special-offer-listing__contents--item .item__image { padding-right: 15px; margin-bottom: 24px; } } .special-offer-listing__contents--item .item__image--wrap { height: 680px; } @media (max-width: 93.75em) { .special-offer-listing__contents--item .item__image--wrap { height: 50vh; } } @media (max-width: 74.99em) { .special-offer-listing__contents--item .item__image--wrap { height: 540px; } } @media (max-width: 61.99em) { .special-offer-listing__contents--item .item__image--wrap { height: 350px; } } @media (max-width: 47.99em) { .special-offer-listing__contents--item .item__image--wrap { height: 300px; } } .special-offer-listing__contents--item .item__content { padding-left: 14px; } .special-offer-listing__contents--item .item__content--wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; gap: 32px; } @media (max-width: 47.99em) { .special-offer-listing__contents--item .item__content--wrap { gap: 16px; } } .special-offer-listing__contents--item .item__content--wrap .post-title { font-size: 48px; color: #623230; } @media (max-width: 61.99em) { .special-offer-listing__contents--item .item__content--wrap .post-title { font-size: 32px; } } .special-offer-listing__contents--item .item__content--wrap .post-price .lead { font-size: 14px; color: #623230; } .special-offer-listing__contents--item .item__content--wrap .post-price .price-text { font-size: 24px; color: #623230; font-weight: 600; } .special-offer-listing__contents--item .item__content--wrap .post-description { font-size: 18px; line-height: 25.2px; } @media (max-width: 61.99em) { .special-offer-listing__contents--item .item__content--wrap .post-description { font-size: 16px; line-height: 22.4px; } } .text-image-v3 { padding-top: 50px; padding-bottom: 120px; } @media (max-width: 74.99em) { .text-image-v3 { padding-top: 64px; padding-bottom: 80px; } } .text-image-v3__content-left { padding-right: 45px; } @media (max-width: 74.99em) { .text-image-v3__content-left { padding-right: 15px; } } .text-image-v3__content-left .content-left-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; row-gap: 48px; } @media (max-width: 74.99em) { .text-image-v3__content-left .content-left-wrap { row-gap: 24px; padding-bottom: 40px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .text-image-v3__content-left .content-left-text .text-content { font-family: "Hind", sans-serif; font-size: 18px; font-weight: 400; line-height: 23.4px; } @media (max-width: 74.99em) { .text-image-v3__content-left .content-left-text .text-content { margin-bottom: 24px; } } .text-image-v3__content-left .content-left-text .lists-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 24px; padding-right: 30px; } @media (max-width: 74.99em) { .text-image-v3__content-left .content-left-text .lists-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-right: 0; gap: 8px; } } .text-image-v3__content-left .content-left-text .lists-content-wrap-left, .text-image-v3__content-left .content-left-text .lists-content-wrap-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; row-gap: 12px; } .text-image-v3__content-left .content-left-text .lists-content-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .text-image-v3__content-left .content-left-text .lists-content-item .text-item { height: -webkit-max-content; height: -moz-max-content; height: max-content; padding-left: 32px; position: relative; font-family: "Hind", sans-serif; font-size: 18px; font-weight: 400; line-height: 23.4px; } .text-image-v3__content-left .content-left-text .lists-content-item .text-item::before { content: ""; display: block; position: absolute; top: 5px; left: 12px; width: 5px; height: 5px; background: #151617; border-radius: 50%; } .text-image-v3__content-left .content-left-button { margin-top: 48px; } @media (max-width: 74.99em) { .text-image-v3__content-left .content-left-button { margin-top: 24px; } } .text-image-v3__content-left .content-left-button a { text-transform: uppercase; } .text-image-v3__content-left .content-left-image { height: 504px; } @media (max-width: 74.99em) { .text-image-v3__content-left .content-left-image { height: 300px; } } @media (max-width: 47.99em) { .text-image-v3__content-left .content-left-image { height: 280px; } } @media (max-width: 74.99em) { .text-image-v3__content-right .content-right { margin-bottom: 32px; } } .text-image-v3__content-right .content-right-image { height: 100%; } @media (max-width: 74.99em) { .text-image-v3__content-right .content-right-image { height: 400px; } } @media (max-width: 47.99em) { .text-image-v3__content-right .content-right-image { height: 420px; } } .special-offer-slider { padding: 120px 0; padding-bottom: 24px; background: rgba(205, 184, 158, 0.2); overflow: hidden; } @media (max-width: 61.99em) { .special-offer-slider { padding: 48px 0; } } .special-offer-slider__heading { margin-bottom: 56px; } @media (max-width: 61.99em) { .special-offer-slider__heading { margin-bottom: 32px; } } .special-offer-slider__heading h2 { font-family: "Noto Serif Display", Arial, serif; } .special-offer-slider__content .swiper-button-next.special-offer-slider-nav-transp { position: absolute; height: 80%; width: 400px; left: -webkit-calc(100% - 160px); left: calc(100% - 160px); z-index: 2; top: 50%; -webkit-transform: translateY(-55%); transform: translateY(-55%); opacity: 0; } .special-offer-slider__content .swiper-button-prev.special-offer-slider-nav-transp { position: absolute; height: 80%; top: 50%; width: 400px; left: -240px; -webkit-transform: translateY(-55%); transform: translateY(-55%); z-index: 2; opacity: 0; } .special-offer-slider__content .swiper { overflow: unset; } .special-offer-slider__content--item { position: relative; height: 500px; overflow: hidden; } @media (max-width: 74.99em) { .special-offer-slider__content--item { height: 400px; } } @media (max-width: 61.99em) { .special-offer-slider__content--item { height: 380px; } } .special-offer-slider__content--item .item-background { height: 100%; width: 100%; overflow: hidden; } .special-offer-slider__content--item .item-background::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(120%, rgb(22, 22, 22))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(22, 22, 22) 120%); opacity: 0.6; -webkit-transition: 600ms; transition: 600ms; } .special-offer-slider__content--item .item-background img { -webkit-transition: 600ms; transition: 600ms; } .special-offer-slider__content--item .item-content { position: absolute; z-index: 3; height: -webkit-max-content; height: -moz-max-content; height: max-content; bottom: 40px; left: 40px; max-width: -webkit-calc(100% - 80px); max-width: calc(100% - 80px); top: -webkit-calc(100% - 75px); top: calc(100% - 75px); -webkit-transition: 600ms; transition: 600ms; } @media (max-width: 61.99em) { .special-offer-slider__content--item .item-content { left: 24px; bottom: 24px; top: unset; } } .special-offer-slider__content--item .item-content .title { color: #f8f8f8; font-family: "Inter", sans-serif; margin-bottom: 24px; font-weight: 300; -webkit-transition: 600ms; transition: 600ms; text-wrap: wrap; } @media (max-width: 74.99em) { .special-offer-slider__content--item .item-content .title { font-size: 30px; } } @media (max-width: 61.99em) { .special-offer-slider__content--item .item-content .title { text-wrap: wrap; margin-bottom: 0; line-height: 120%; } } .special-offer-slider__content--item .item-content .description { color: #f8f8f8; font-size: 16px; line-height: 22.4px; opacity: 0; -webkit-transition: 600ms; transition: 600ms; } .special-offer-slider__content--item:hover .item-background::before { opacity: 1; -webkit-transition: 600ms; transition: 600ms; } .special-offer-slider__content--item:hover .item-background img { scale: 1.1; -webkit-transition: 600ms; transition: 600ms; } @media (min-width: 75em) { .special-offer-slider__content--item:hover .item-content { top: 50%; bottom: unset; -webkit-transition: 600ms; transition: 600ms; } .special-offer-slider__content--item:hover .item-content .title { font-size: 40px; line-height: 48px; -webkit-transition: 600ms; transition: 600ms; } .special-offer-slider__content--item:hover .item-content .description { opacity: 1; -webkit-transition: 600ms; transition: 600ms; } } @media (min-width: 75em) and (max-width: 87.5em) { .special-offer-slider__content--item:hover .item-content .title { font-size: 32px; } } .gallery-listing { padding-top: 98px; padding-bottom: 120px; min-height: 100vh; } @media (max-width: 61.99em) { .gallery-listing { padding-top: 50px; padding-bottom: 48px; } } body.gallery-active .gallery-listing + .module { opacity: 0; visibility: hidden; -webkit-transition: 600ms; transition: 600ms; } .gallery-listing__contents .jb-ajax { display: block; } .gallery-listing__contents .jb-ajax__filter { padding: 32px; position: -webkit-sticky; position: sticky; top: 100px; z-index: 99; background: #f3eee9; border-bottom: 1px solid rgba(205, 184, 158, 0.4); -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .header-sticky.scrolled .gallery-listing__contents .jb-ajax__filter { top: 0; } .header-sticky.scrolled.scroll-up .gallery-listing__contents .jb-ajax__filter { top: 100px; } @media (max-width: 61.99em) { .header-sticky.scrolled.scroll-up .gallery-listing__contents .jb-ajax__filter { top: 88px; } } .header-sticky.scrolled.admin-bar .gallery-listing__contents .jb-ajax__filter { top: 32px; } @media (max-width: 61.99em) { .gallery-listing__contents .jb-ajax__filter { margin-top: 48px; margin-bottom: 30px; width: 100vw; margin-left: -48px; padding: 32px 48px; top: 85px; } } @media (max-width: 47.99em) { .gallery-listing__contents .jb-ajax__filter { margin-left: -20px; padding: 32px 20px; } } body.admin-bar .gallery-listing__contents .jb-ajax__filter { top: 132px; } .gallery-listing__contents .jb-ajax__filter--category { height: 30px; overflow-y: hidden; padding: 0; clear: none; } @media (max-width: 74.99em) { .gallery-listing__contents .jb-ajax__filter--category { height: 44px; } } @media (max-width: 61.99em) { .gallery-listing__contents .jb-ajax__filter--category { height: 40px; } } .gallery-listing__contents .jb-ajax__filter--category--wrapper { margin: 0 auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .gallery-listing__contents .jb-ajax__filter--item { padding: 0; } .gallery-listing__contents .jb-ajax__lists { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 24px; margin-left: -12px; margin-right: -12px; padding: 0; margin-top: 52px; } @media (max-width: 74.99em) { .gallery-listing__contents .jb-ajax__lists { gap: 0; } } @media (max-width: 61.99em) { .gallery-listing__contents .jb-ajax__lists { gap: 24px; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } } @media (max-width: 47.99em) { .gallery-listing__contents .jb-ajax__lists { gap: 16px; margin-top: 0; } } .gallery-listing__contents .jb-ajax__lists .tease-gallery__wrap { width: 33.333%; height: 480px; padding: 12px; float: left; } @media (max-width: 74.99em) { .gallery-listing__contents .jb-ajax__lists .tease-gallery__wrap { height: 400px; } } @media (max-width: 61.99em) { .gallery-listing__contents .jb-ajax__lists .tease-gallery__wrap { width: 50%; height: 350px; padding: 0 12px; } } @media (max-width: 47.99em) { .gallery-listing__contents .jb-ajax__lists .tease-gallery__wrap { width: 100%; height: 360px; padding: 0 12px; } } @media (min-width: 75em) { .gallery-listing__contents .jb-ajax__lists .tease-gallery__wrap:nth-child(odd) { height: 480px; } .gallery-listing__contents .jb-ajax__lists .tease-gallery__wrap:nth-child(even) { height: 580px; } .gallery-listing__contents .jb-ajax__lists .tease-gallery__wrap:nth-child(6n+5) { height: 420px; } } .gallery-listing__contents .jb-ajax__more { padding-top: 96px; } @media (max-width: 61.99em) { .gallery-listing__contents .jb-ajax__more { padding-top: 32px; } } .gallery-listing__popup { position: fixed; z-index: 100; top: 50%; margin-top: -2px; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: -webkit-calc(100% + 4px); height: calc(100% + 4px); width: 100%; opacity: 0; background: rgba(0, 0, 0, 0.9); visibility: hidden; -webkit-transition: 600ms; transition: 600ms; } .gallery-listing__popup.active { opacity: 1; visibility: visible; } @media (max-width: 74.99em) { .gallery-listing__popup--content { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media (max-width: 61.99em) { .gallery-listing__popup--content { top: 60%; } } .gallery-listing__popup--close { position: relative; } .gallery-listing__popup--close button { position: absolute; width: -webkit-max-content; width: -moz-max-content; width: max-content; left: -webkit-calc(90vw - 60px); left: calc(90vw - 60px); top: -40px; } @media (max-width: 74.99em) { .gallery-listing__popup--close button { left: -webkit-calc(90vw - 30px); left: calc(90vw - 30px); top: 0; } } .gallery-listing__popup--inner { padding: 80px; height: 100%; } @media (max-width: 74.99em) { .gallery-listing__popup--inner { padding: 80px 20px; } } .gallery-listing__popup .gallery-slides-main { height: 100%; max-width: 76vw; } @media (max-width: 74.99em) { .gallery-listing__popup .gallery-slides-main { max-width: 75vw; } } @media (max-width: 47.99em) { .gallery-listing__popup .gallery-slides-main { max-width: 90vw; } } .gallery-listing__popup .gallery-slides-main .swiper-wrapper { height: 75vh; } @media (max-width: 74.99em) { .gallery-listing__popup .gallery-slides-main .swiper-wrapper { height: 38vh; } } @media (max-width: 61.99em) { .gallery-listing__popup .gallery-slides-main .swiper-wrapper { height: 30vh; } } .gallery-listing__popup .gallery-slides-main .swiper-wrapper .swiper-slide { opacity: 0 !important; } .gallery-listing__popup .gallery-slides-main .swiper-wrapper .swiper-slide img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; } .gallery-listing__popup .gallery-slides-main .swiper-wrapper .swiper-slide.swiper-slide-active { opacity: 1 !important; } .gallery-listing__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-video { position: relative; } .gallery-listing__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-video::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1; -webkit-transition: 600ms; transition: 600ms; } .gallery-listing__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-video .play-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } .gallery-listing__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-video .video-thumbnail { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 1; visibility: visible; -webkit-transition: 600ms; transition: 600ms; pointer-events: none; } .gallery-listing__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-video .video-thumbnail img { -o-object-fit: cover; object-fit: cover; } .gallery-listing__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-video .video-thumbnail.hidden { opacity: 0; visibility: hidden; } .gallery-listing__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-video .video-wrapper { opacity: 0; -webkit-transition: 600ms; transition: 600ms; height: 100%; } .gallery-listing__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-video .video-wrapper .plyr { height: 100%; } .gallery-listing__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-video .video-wrapper.is-playing { opacity: 1; } .gallery-listing__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-playing::after { opacity: 0; } .gallery-listing__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-playing .play-button { opacity: 0; } @media (min-width: 48em) { .gallery-listing__popup .gallery-slides-main .swiper-wrapper .swiper-slide.is-playing:hover .play-button { opacity: 1; } } .gallery-listing__popup .slider-navigation { position: absolute; top: 50%; margin: 0; } @media (max-width: 74.99em) { .gallery-listing__popup .slider-navigation { position: relative; top: 50%; margin: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 108px; } .gallery-listing__popup .slider-navigation .swiper-button { gap: 48px; } } .gallery-listing__popup .slider-navigation .swiper-button-prev.gallery-listing-show { position: absolute; top: 0; left: 10px; } @media (min-width: 106.25em) { .gallery-listing__popup .slider-navigation .swiper-button-prev.gallery-listing-show { left: 60px; } } @media (max-width: 86.875em) { .gallery-listing__popup .slider-navigation .swiper-button-prev.gallery-listing-show { left: 0; } } @media (max-width: 75em) { .gallery-listing__popup .slider-navigation .swiper-button-prev.gallery-listing-show { left: -16px; } } @media (max-width: 74.99em) { .gallery-listing__popup .slider-navigation .swiper-button-prev.gallery-listing-show { position: relative; } } .gallery-listing__popup .slider-navigation .swiper-button-next.gallery-listing-show { top: 0; position: absolute; left: -webkit-calc(90vw - 60px); left: calc(90vw - 60px); } @media (max-width: 74.99em) { .gallery-listing__popup .slider-navigation .swiper-button-next.gallery-listing-show { position: relative; left: unset; } } .gallery-listing__popup .gallery-slides-thumbs { width: 65%; margin-top: 24px; } @media (max-width: 74.99em) { .gallery-listing__popup .gallery-slides-thumbs { width: 100%; margin-top: 64px; } } .gallery-listing__popup .gallery-slides-thumbs .swiper-wrapper { height: 50px; } @media (min-width: 75em) { .gallery-listing__popup .gallery-slides-thumbs .swiper-wrapper { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } } @media (min-width: 106.25em) { .gallery-listing__popup .gallery-slides-thumbs .swiper-wrapper { height: 80px; } } @media (max-width: 74.99em) { .gallery-listing__popup .gallery-slides-thumbs .swiper-wrapper { height: 120px; } } @media (max-width: 61.99em) { .gallery-listing__popup .gallery-slides-thumbs .swiper-wrapper { height: 80px; } } .gallery-listing__popup .gallery-slides-thumbs--item.swiper-slide { opacity: 0.5; height: 100%; } .gallery-listing__popup .gallery-slides-thumbs--item.swiper-slide img { -o-object-fit: cover; object-fit: cover; height: 100%; } .gallery-listing__popup .gallery-slides-thumbs--item.swiper-slide.swiper-slide-active { opacity: 1; } .custom-text-editor { padding-top: 82px; padding-bottom: 56px; } @media (max-width: 61.99em) { .custom-text-editor { padding-top: 42px; padding-bottom: 28px; } } .custom-text-editor h1, .custom-text-editor h2, .custom-text-editor h3, .custom-text-editor h4, .custom-text-editor .mega-menu__menus--nav .nav__title, .mega-menu__menus--nav .custom-text-editor .nav__title, .custom-text-editor .mega-menu__menus--accommodation .nav__title, .mega-menu__menus--accommodation .custom-text-editor .nav__title, .custom-text-editor .tease--accommodation .item-content .title, .tease--accommodation .item-content .custom-text-editor .title, .custom-text-editor .tease--accommodation .item-content-mobile .title, .tease--accommodation .item-content-mobile .custom-text-editor .title, .custom-text-editor .accommodation-showcase__contents .showcase-item__slider--item .item-content .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content .custom-text-editor .title, .custom-text-editor .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .custom-text-editor .title, .custom-text-editor .testimonials__content .content-slide__quote h2, .testimonials__content .content-slide__quote .custom-text-editor h2, .custom-text-editor .testimonials__content .content-slide__quote h3, .testimonials__content .content-slide__quote .custom-text-editor h3, .custom-text-editor .special-offer-slider__content--item .item-content .title, .special-offer-slider__content--item .item-content .custom-text-editor .title, .custom-text-editor h5 { font-family: "Hind", sans-serif; color: #151617; padding: 16px 0 8px; } @media (max-width: 61.99em) { .custom-text-editor h1, .custom-text-editor h2, .custom-text-editor h3, .custom-text-editor h4, .custom-text-editor .mega-menu__menus--nav .nav__title, .mega-menu__menus--nav .custom-text-editor .nav__title, .custom-text-editor .mega-menu__menus--accommodation .nav__title, .mega-menu__menus--accommodation .custom-text-editor .nav__title, .custom-text-editor .tease--accommodation .item-content .title, .tease--accommodation .item-content .custom-text-editor .title, .custom-text-editor .tease--accommodation .item-content-mobile .title, .tease--accommodation .item-content-mobile .custom-text-editor .title, .custom-text-editor .accommodation-showcase__contents .showcase-item__slider--item .item-content .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content .custom-text-editor .title, .custom-text-editor .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .custom-text-editor .title, .custom-text-editor .testimonials__content .content-slide__quote h2, .testimonials__content .content-slide__quote .custom-text-editor h2, .custom-text-editor .testimonials__content .content-slide__quote h3, .testimonials__content .content-slide__quote .custom-text-editor h3, .custom-text-editor .special-offer-slider__content--item .item-content .title, .special-offer-slider__content--item .item-content .custom-text-editor .title, .custom-text-editor h5 { padding: 8px 0; } } .custom-text-editor h3 { font-size: 40px; line-height: 48px; } .custom-text-editor h4, .custom-text-editor .mega-menu__menus--nav .nav__title, .mega-menu__menus--nav .custom-text-editor .nav__title, .custom-text-editor .mega-menu__menus--accommodation .nav__title, .mega-menu__menus--accommodation .custom-text-editor .nav__title, .custom-text-editor .tease--accommodation .item-content .title, .tease--accommodation .item-content .custom-text-editor .title, .custom-text-editor .tease--accommodation .item-content-mobile .title, .tease--accommodation .item-content-mobile .custom-text-editor .title, .custom-text-editor .accommodation-showcase__contents .showcase-item__slider--item .item-content .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content .custom-text-editor .title, .custom-text-editor .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .custom-text-editor .title, .custom-text-editor .testimonials__content .content-slide__quote h2, .testimonials__content .content-slide__quote .custom-text-editor h2, .custom-text-editor .testimonials__content .content-slide__quote h3, .testimonials__content .content-slide__quote .custom-text-editor h3, .custom-text-editor .special-offer-slider__content--item .item-content .title, .special-offer-slider__content--item .item-content .custom-text-editor .title { font-size: 32px; line-height: 38.4px; } .custom-text-editor ul { margin: 0; padding-bottom: 24px; padding-left: 20px; border-bottom: 1px solid #cecfd2; } .custom-text-editor ul li { color: #444444; font-size: 16px; margin-bottom: 16px; } @media (max-width: 61.99em) { .custom-text-editor ul li { margin-bottom: 12px; } .custom-text-editor ul li:last-child { margin-bottom: 0; } } .custom-text-editor ul li::marker { color: #cdb89e; } .custom-text-editor__wrap { padding: 0 116px; } @media (max-width: 61.99em) { .custom-text-editor__wrap { padding: 0; } } .custom-text-editor__plain-text { padding-bottom: 0px; } @media (max-width: 61.99em) { .custom-text-editor__plain-text { padding-bottom: 24px; } } @media (max-width: 47.99em) { .custom-text-editor__plain-text { padding-bottom: 0px; } } .custom-text-editor__plain-text + .custom-text-editor__columns-list { margin-top: 0; padding-top: 40px; } @media (max-width: 61.99em) { .custom-text-editor__plain-text + .custom-text-editor__columns-list { padding-top: 0px; margin-top: 0; } } @media (max-width: 47.99em) { .custom-text-editor__plain-text + .custom-text-editor__columns-list { padding-top: 24px; margin-top: 0; } } .custom-text-editor__plain-text ul { padding-top: 16px; } @media (max-width: 61.99em) { .custom-text-editor__plain-text ul { padding-left: 20px; padding-top: 8px; } } @media (max-width: 61.99em) { .custom-text-editor__plain-text ul + h3, .custom-text-editor__plain-text ul + h4, .custom-text-editor__plain-text .mega-menu__menus--nav ul + .nav__title, .mega-menu__menus--nav .custom-text-editor__plain-text ul + .nav__title, .custom-text-editor__plain-text .mega-menu__menus--accommodation ul + .nav__title, .mega-menu__menus--accommodation .custom-text-editor__plain-text ul + .nav__title, .custom-text-editor__plain-text .tease--accommodation .item-content ul + .title, .tease--accommodation .item-content .custom-text-editor__plain-text ul + .title, .custom-text-editor__plain-text .tease--accommodation .item-content-mobile ul + .title, .tease--accommodation .item-content-mobile .custom-text-editor__plain-text ul + .title, .custom-text-editor__plain-text .accommodation-showcase__contents .showcase-item__slider--item .item-content ul + .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content .custom-text-editor__plain-text ul + .title, .custom-text-editor__plain-text .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile ul + .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .custom-text-editor__plain-text ul + .title, .custom-text-editor__plain-text .testimonials__content .content-slide__quote ul + h2, .testimonials__content .content-slide__quote .custom-text-editor__plain-text ul + h2, .custom-text-editor__plain-text .testimonials__content .content-slide__quote ul + h3, .testimonials__content .content-slide__quote .custom-text-editor__plain-text ul + h3, .custom-text-editor__plain-text .special-offer-slider__content--item .item-content ul + .title, .special-offer-slider__content--item .item-content .custom-text-editor__plain-text ul + .title { padding-top: 20px; } } .custom-text-editor__plain-text p { font-size: 16px; line-height: 24px; font-family: "Hind", sans-serif; } .custom-text-editor__plain-text p + ul { margin-top: 24px; padding-top: 24px; border-top: 1px solid #cecfd2; } @media (max-width: 61.99em) { .custom-text-editor__plain-text p + ul { padding-top: 24px; padding-left: 20px; } } .custom-text-editor__plain-text h3 + p, .custom-text-editor__plain-text h4 + p, .custom-text-editor__plain-text .mega-menu__menus--nav .nav__title + p, .mega-menu__menus--nav .custom-text-editor__plain-text .nav__title + p, .custom-text-editor__plain-text .mega-menu__menus--accommodation .nav__title + p, .mega-menu__menus--accommodation .custom-text-editor__plain-text .nav__title + p, .custom-text-editor__plain-text .tease--accommodation .item-content .title + p, .tease--accommodation .item-content .custom-text-editor__plain-text .title + p, .custom-text-editor__plain-text .tease--accommodation .item-content-mobile .title + p, .tease--accommodation .item-content-mobile .custom-text-editor__plain-text .title + p, .custom-text-editor__plain-text .accommodation-showcase__contents .showcase-item__slider--item .item-content .title + p, .accommodation-showcase__contents .showcase-item__slider--item .item-content .custom-text-editor__plain-text .title + p, .custom-text-editor__plain-text .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title + p, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .custom-text-editor__plain-text .title + p, .custom-text-editor__plain-text .testimonials__content .content-slide__quote h2 + p, .testimonials__content .content-slide__quote .custom-text-editor__plain-text h2 + p, .custom-text-editor__plain-text .testimonials__content .content-slide__quote h3 + p, .testimonials__content .content-slide__quote .custom-text-editor__plain-text h3 + p, .custom-text-editor__plain-text .special-offer-slider__content--item .item-content .title + p, .special-offer-slider__content--item .item-content .custom-text-editor__plain-text .title + p { padding-bottom: 8px; } @media (min-width: 48em) and (max-width: 61.99em) { .custom-text-editor__plain-text h3 + p, .custom-text-editor__plain-text h4 + p, .custom-text-editor__plain-text .mega-menu__menus--nav .nav__title + p, .mega-menu__menus--nav .custom-text-editor__plain-text .nav__title + p, .custom-text-editor__plain-text .mega-menu__menus--accommodation .nav__title + p, .mega-menu__menus--accommodation .custom-text-editor__plain-text .nav__title + p, .custom-text-editor__plain-text .tease--accommodation .item-content .title + p, .tease--accommodation .item-content .custom-text-editor__plain-text .title + p, .custom-text-editor__plain-text .tease--accommodation .item-content-mobile .title + p, .tease--accommodation .item-content-mobile .custom-text-editor__plain-text .title + p, .custom-text-editor__plain-text .accommodation-showcase__contents .showcase-item__slider--item .item-content .title + p, .accommodation-showcase__contents .showcase-item__slider--item .item-content .custom-text-editor__plain-text .title + p, .custom-text-editor__plain-text .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title + p, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .custom-text-editor__plain-text .title + p, .custom-text-editor__plain-text .testimonials__content .content-slide__quote h2 + p, .testimonials__content .content-slide__quote .custom-text-editor__plain-text h2 + p, .custom-text-editor__plain-text .testimonials__content .content-slide__quote h3 + p, .testimonials__content .content-slide__quote .custom-text-editor__plain-text h3 + p, .custom-text-editor__plain-text .special-offer-slider__content--item .item-content .title + p, .special-offer-slider__content--item .item-content .custom-text-editor__plain-text .title + p { padding-bottom: 0px; margin-bottom: 8px; } } .custom-text-editor__columns-list { padding-bottom: cacl(24px); } @media (max-width: 61.99em) { .custom-text-editor__columns-list { padding-bottom: 16px; } } .custom-text-editor__columns-list .columns-list__title { padding-bottom: 32px; border-bottom: 1px solid #cecfd2; margin: 0; margin-bottom: 40px; } @media (max-width: 74.99em) { .custom-text-editor__columns-list .columns-list__title { padding-bottom: 36px; } } @media (max-width: 61.99em) { .custom-text-editor__columns-list .columns-list__title { padding-bottom: 20px; } } .custom-text-editor__columns-list .columns-list__title h4, .custom-text-editor__columns-list .columns-list__title .mega-menu__menus--nav .nav__title, .mega-menu__menus--nav .custom-text-editor__columns-list .columns-list__title .nav__title, .custom-text-editor__columns-list .columns-list__title .mega-menu__menus--accommodation .nav__title, .mega-menu__menus--accommodation .custom-text-editor__columns-list .columns-list__title .nav__title, .custom-text-editor__columns-list .columns-list__title .tease--accommodation .item-content .title, .tease--accommodation .item-content .custom-text-editor__columns-list .columns-list__title .title, .custom-text-editor__columns-list .columns-list__title .tease--accommodation .item-content-mobile .title, .tease--accommodation .item-content-mobile .custom-text-editor__columns-list .columns-list__title .title, .custom-text-editor__columns-list .columns-list__title .accommodation-showcase__contents .showcase-item__slider--item .item-content .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content .custom-text-editor__columns-list .columns-list__title .title, .custom-text-editor__columns-list .columns-list__title .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .custom-text-editor__columns-list .columns-list__title .title, .custom-text-editor__columns-list .columns-list__title .testimonials__content .content-slide__quote h2, .testimonials__content .content-slide__quote .custom-text-editor__columns-list .columns-list__title h2, .custom-text-editor__columns-list .columns-list__title .testimonials__content .content-slide__quote h3, .testimonials__content .content-slide__quote .custom-text-editor__columns-list .columns-list__title h3, .custom-text-editor__columns-list .columns-list__title .special-offer-slider__content--item .item-content .title, .special-offer-slider__content--item .item-content .custom-text-editor__columns-list .columns-list__title .title { padding: 0; } .custom-text-editor__columns-list .columns-list__title__left, .custom-text-editor__columns-list .columns-list__title__right { margin: 0 15px; padding: 0; max-width: -webkit-calc(50% - 30px); max-width: calc(50% - 30px); } @media (max-width: 47.99em) { .custom-text-editor__columns-list .columns-list__title__left, .custom-text-editor__columns-list .columns-list__title__right { max-width: 100%; margin: 0; } } .custom-text-editor__columns-list .columns-list__title__left { margin-left: 0; } @media (min-width: 48em) { .custom-text-editor__columns-list .columns-list__title__right { margin-left: 26px; } } @media (max-width: 61.99em) { .custom-text-editor__columns-list .columns-list__title { margin-bottom: 16px; padding-bottom: 16px; } .custom-text-editor__columns-list .columns-list__title.right { padding-top: 16px; margin-bottom: 24px; } .custom-text-editor__columns-list .columns-list__title.left { margin-bottom: 24px; border-bottom: none; } } @media (max-width: 47.99em) { .custom-text-editor__columns-list .columns-list__title.left { padding-bottom: 0; } .custom-text-editor__columns-list .columns-list__title.right { margin-bottom: 8px; } } .custom-text-editor__columns-list .columns-list__content .list-contents { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; padding-left: 18px; padding-bottom: 24px; margin: 0; margin-bottom: 24px; } @media (max-width: 61.99em) { .custom-text-editor__columns-list .columns-list__content .list-contents { padding-left: 20px; padding-bottom: 8px; margin-bottom: 0; } } .custom-text-editor__columns-list .columns-list__content .list-item { -webkit-box-flex: 50%; -webkit-flex: 50%; -ms-flex: 50%; flex: 50%; max-width: -webkit-calc(50% - 20px); max-width: calc(50% - 20px); } @media (max-width: 47.99em) { .custom-text-editor__columns-list .columns-list__content .list-item { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; max-width: 100%; } } .custom-text-editor__columns-list .columns-list__content .list-item p { font-family: "Hind", sans-serif; margin-bottom: 4px; } @media (max-width: 61.99em) { .custom-text-editor__columns-list .columns-list__content.left .list-contents { border-bottom: none; } } @media (max-width: 61.99em) { .custom-text-editor__columns-list .columns-list__content.right .list-contents { padding-bottom: 24px; } } .newsletter { background: #ebe3da; } @media (min-width: 75em) { .newsletter { min-height: -webkit-calc(100vh - 160px); min-height: calc(100vh - 160px); } } @media (max-width: 61.99em) { .newsletter { padding: 64px 0; } } .newsletter__contents { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (min-width: 75em) { .newsletter__contents { min-height: -webkit-calc(100vh - 320px); min-height: calc(100vh - 320px); } } .newsletter__contents--text { padding-right: 85px; text-align: center; } @media (max-width: 74.99em) { .newsletter__contents--text { padding-right: 40px; } } @media (max-width: 61.99em) { .newsletter__contents--text { padding-right: 15px; } } .newsletter__contents--text .main-title { width: 80%; margin: 0 auto; margin-top: 16px; margin-bottom: 32px; } @media (max-width: 74.99em) { .newsletter__contents--text .main-title { width: 100%; } } @media (max-width: 61.99em) { .newsletter__contents--text .main-title { width: 100%; margin: 12px auto 20px; } } .newsletter__contents--text .description { margin-bottom: 40px; color: #151617; text-align: center; font-family: "Hind", sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 140%; } @media (max-width: 61.99em) { .newsletter__contents--text .description { font-size: 16px; margin-bottom: 24px; } } .newsletter__contents--text .newsletter-form .gform_heading { display: none; } @media (max-width: 61.99em) { .newsletter__contents--text .newsletter-form .gform_footer { margin: 0; } } .newsletter__contents--text .newsletter-form .gform_submission_error { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .newsletter__contents--text .newsletter-form form .gform_fields { position: relative; } .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-email { grid-column: span 12; } .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-email input { height: 60px; text-align: start; padding: 16px; padding-left: 32px; padding-right: 72px; background: transparent; outline: none; border: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #655139; border-radius: 0; font-size: 16px; color: #151617; } .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-email input::-webkit-input-placeholder { color: rgba(21, 22, 23, 0.2); } .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-email input::-moz-placeholder { color: rgba(21, 22, 23, 0.2); } .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-email input:-ms-input-placeholder { color: rgba(21, 22, 23, 0.2); } .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-email input::-ms-input-placeholder { color: rgba(21, 22, 23, 0.2); } .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-email input::placeholder { color: rgba(21, 22, 23, 0.2); } @media (max-width: 61.99em) { .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-email input { padding: 16px; padding-right: 64px; padding-left: 16px; height: 58px; } } .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-submit { position: absolute; right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-submit button { background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; height: 60px !important; padding-right: 32px !important; } @media (max-width: 61.99em) { .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-submit button { padding-right: 16px !important; } } .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-submit button .title { display: none; } .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-submit button .ico-arrow-right { position: relative; width: 32px; height: 16px; overflow: hidden; } .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-submit button .ico-arrow-right::before { content: ""; background-image: url("/app/themes/thecolonyhotelbali/icons/arrow-right.svg"); background-repeat: no-repeat; background-size: 100%; display: block; position: absolute; top: 0; right: 58px; width: 32px; height: 16px; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-submit button .ico-arrow-right::after { content: ""; background-image: url("/app/themes/thecolonyhotelbali/icons/arrow-right.svg"); background-repeat: no-repeat; background-size: 100%; display: block; position: absolute; top: 0; right: 0; width: 32px; height: 16px; -webkit-transition: all 600ms ease; transition: all 600ms ease; } .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-submit button:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; border: none; } .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-submit button:hover .ico-arrow-right::before, .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-submit button:active .ico-arrow-right::before, .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-submit button.nice-select.open .ico-arrow-right::before, .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-submit button:focus .ico-arrow-right::before { right: 0; -webkit-transition: all 600ms ease; transition: all 600ms ease; } .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-submit button:hover .ico-arrow-right::after, .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-submit button:active .ico-arrow-right::after, .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-submit button.nice-select.open .ico-arrow-right::after, .newsletter__contents--text .newsletter-form form .gform_fields .gfield--type-submit button:focus .ico-arrow-right::after { right: -58px; -webkit-transition: all 600ms ease; transition: all 600ms ease; } .newsletter__contents--image .image-wrapper { height: 480px; overflow: hidden; } @media (max-width: 74.99em) { .newsletter__contents--image .image-wrapper { height: 460px; } } @media (max-width: 61.99em) { .newsletter__contents--image .image-wrapper { height: 350px; margin-top: 48px; } } @media (max-width: 47.99em) { .newsletter__contents--image .image-wrapper { height: 300px; } } .newsletter__contents--image .image-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .section-main--post { padding-top: 260px; } @media (max-width: 61.99em) { .section-main--post { padding-top: 190px; } } .single-post .article-content--post h1 b, .single-post .article-content--post h2 b, .single-post .article-content--post h3 b, .single-post .article-content--post h4 b, .single-post .article-content--post .mega-menu__menus--nav .nav__title b, .mega-menu__menus--nav .single-post .article-content--post .nav__title b, .single-post .article-content--post .mega-menu__menus--accommodation .nav__title b, .mega-menu__menus--accommodation .single-post .article-content--post .nav__title b, .single-post .article-content--post .tease--accommodation .item-content .title b, .tease--accommodation .item-content .single-post .article-content--post .title b, .single-post .article-content--post .tease--accommodation .item-content-mobile .title b, .tease--accommodation .item-content-mobile .single-post .article-content--post .title b, .single-post .article-content--post .accommodation-showcase__contents .showcase-item__slider--item .item-content .title b, .accommodation-showcase__contents .showcase-item__slider--item .item-content .single-post .article-content--post .title b, .single-post .article-content--post .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .title b, .accommodation-showcase__contents .showcase-item__slider--item .item-content-mobile .single-post .article-content--post .title b, .single-post .article-content--post .special-offer-slider__content--item .item-content .title b, .special-offer-slider__content--item .item-content .single-post .article-content--post .title b, .single-post .article-content--post h5 b, .single-post .article-content--post h6 b { font-weight: normal !important; } .single-post .article-content--post h3 { font-size: 32px; } .not-found-page { height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .not-found-page__title { font-size: 200px; font-family: "Noto Serif Display", Arial, serif; font-style: italic; text-align: center; } @media (max-width: 47.99em) { .not-found-page__title { font-size: 120px; } } .not-found-page__description { text-align: center; width: 55%; margin: 0 auto; font-size: 18px; font-family: "Hind", sans-serif; } @media (max-width: 61.99em) { .not-found-page__description { width: 100%; font-size: 16px; } } .not-found-page__button { width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 0 auto; margin-top: 64px; } @media (max-width: 47.99em) { .not-found-page__button { margin-top: 48px; } }