.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px);}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.rightMost:after{left:auto;right:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0;/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0;/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9;}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px;}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto;}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%;}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box;}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0;}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%;}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto;}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05);}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0;}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block;}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto;}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;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;height:28px;}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px;}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left;}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left;}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}.pswp__img--placeholder{-webkit-backface-visibility:hidden}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline} /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#fff;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3e5c9a;color:#fff}a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a}a.pswp__share--twitter:hover{background:#55acee;color:#fff}a.pswp__share--pinterest:hover{background:#ccc;color:#ce272d}a.pswp__share--download:hover{background:#ddd}.pswp__counter{position:absolute;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#fff;opacity:.75;padding:0 10px}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#bbb}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#ccc}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{background:url(preloader.gif) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0} [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /* !@group ANIMATIONS */ @keyframes pulse { from, to { opacity: 1; } 10%, 30%, 50%, 70%, 90% { opacity: .3; } 20%, 40%, 60%, 80% { opacity: .9; } } @keyframes arrow-left { 0% { transform: translateY(-50%) translateX(0); } 100% { transform: translateY(-50%) translateX(8px); } } @keyframes arrow-right { 0% { transform: translateY(-50%) translateX(0); } 100% { transform: translateY(-50%) translateX(-8px); } } @keyframes cta-arrow { 0% { width: 6.3rem; } 100% { width: 4.5rem; } } .pulse:hover { animation: pulse 8s infinite; } .touch .pulse:hover { animation: initial; } /* @end */ /* !@group COMMON */ body { background-image: url('../img/background/body.png'); background-origin: center top; background-repeat: repeat; } body.raccolta, body.full-width, body.offerta { background-image: none; } .icon-tel { -webkit-mask-image: url('../img/svg/icon-tel.svg'); mask-image: url('../img/svg/icon-tel.svg'); } .icon-email { -webkit-mask-image: url('../img/svg/icon-email.svg'); mask-image: url('../img/svg/icon-email.svg'); } .icon-loc { -webkit-mask-image: url('../img/svg/icon-loc.svg'); mask-image: url('../img/svg/icon-loc.svg'); } .line { position: relative; } /* [data-aos="imgzoom"] { overflow: hidden; } */ [data-aos="imgzoom"] img { transform: scale(1.15); transition: transform .8s ease-in-out; transition-delay: .5s; } [data-aos="imgzoom"].aos-animate img { transform: scale(1); } .left-arrow, right-arrow { overflow: hidden; } .left-arrow>span, .right-arrow>span { color: #97bfc0; position: relative; font-size: 1.042vw; line-height: 1; font-weight: 600; letter-spacing: normal; } .left-arrow>span { margin-left: auto; } .right-arrow>span { margin-right: auto; } .left-arrow>span::before, .right-arrow>span::before { position: absolute; top: 50%; transform: translateY(-50%); content: ''; width: 41.771vw; height: 1.7rem; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: #97bfc0; transition: background-color .4s; } .left-arrow>span::before { -webkit-mask-image: url('../img/svg/cta-arrow.svg'); mask-image: url('../img/svg/cta-arrow.svg'); right: 20%; } .right-arrow>span::before { -webkit-mask-image: url('../img/svg/cta-arrow.svg'); mask-image: url('../img/svg/cta-arrow.svg'); left: 20%; } #combo-gallery .left-arrow>span::before, #combo-gallery .right-arrow>span::before { mask-image: none; background-color: transparent; } .left-arrow:hover>span::before, .right-arrow:hover>span::before { background-color: var(--subtitle); } .left-arrow:hover>span::before { animation: arrow-left .8s ease-in-out alternate 6; } .right-arrow:hover>span::before { animation: arrow-right .8s ease-in-out alternate 6; } .highlight-container:hover .left-arrow>span::before, .highlight-container:hover .right-arrow>span::before { background-color: var(--subtitle); } .highlight-container:hover .left-arrow>span::before { animation: arrow-left .8s ease-in-out alternate 6; } .highlight-container:hover .right-arrow>span::before { animation: arrow-right .8s ease-in-out alternate 6; } .highlight-container:hover .image { animation: pulse 15s infinite; } .item-cta { color: #97bfc0; position: relative; font-size: 1.8rem; line-height: 1; font-weight: 600; letter-spacing: 0.5px; } .left-arrow>.item-cta { margin-left: auto; } .right-arrow>.item-cta { padding-right: 3rem; margin-left: initial; margin-right: auto; } .slider-nav { -webkit-appearance: none; appearance: none; border: 0; padding: 0; background: transparent; width: 15rem; height: 5.2rem; display: flex; flex-direction: row; overflow: hidden; cursor: pointer; } .slider-nav.prev { justify-content: flex-start; } .slider-nav.next { justify-content: flex-end; } .slider-nav>span { width: 5.2rem; height: 5.2rem; background: var(--page); transition: background-color .4s ease; display: flex; justify-content: center; align-items: center; } .slider-nav:hover>span { background-color: var(--head2); } .slider-nav:hover>span::before { background-color: #fff; } .slider-nav.right-arrow>span::before { left: calc(100% - 2.6rem); } .slider-nav.left-arrow>span::before { right: calc(100% - 2.6rem); } .slider-nav:hover>span i { color: #fff; } .bullets { display: flex; flex-direction: row; justify-content: center; } .bullet { display: block; border: 0; width: 1rem; height: 1rem; padding: 0; margin: 0 .8rem; background: #666666; border-radius: 50%; opacity: .3; transition: opacity .25s; cursor: pointer; } .bullet:hover { opacity: .6; } .bullet.glide__bullet--active { opacity: 1; } .ta-points { --dot: 1.3rem; } .ta-points { display: inline-block; width: 7.3rem; height: var(--dot); background-image: url('../img/svg/ta-points.svg'); background-position-x: 0; overflow: hidden; text-indent: -200rem; margin-bottom: .3rem; } .rating-1, .rating-1-2, .rating-1-3, .rating-1-4 { background-position-y: 0; } .rating-1-5, .rating-1-6, .rating-1-7, .rating-1-8, .rating-1-9 { background-position-y: calc(var(--dot) * -1); } .rating-2, .rating-2-1, .rating-2-2, .rating-2-3, .rating-2-4 { background-position-y: calc(var(--dot) * -2); } .rating-2-5, .rating-2-6, .rating-2-7, .rating-2-8, .rating-2-9 { background-position-y: calc(var(--dot) * -3); } .rating-3, .rating-3-1, .rating-3-2, .rating-3-3, .rating-3-4 { background-position-y: calc(var(--dot) * -4); } .rating-3-5, .rating-3-6, .rating-3-7, .rating-3-8, .rating-3-9 { background-position-y: calc(var(--dot) * -5); } .rating-4, .rating-4-1, .rating-4-2, .rating-4-3, .rating-4-4 { background-position-y: calc(var(--dot) * -6); } .rating-4-5, .rating-4-6, .rating-4-7, .rating-4-8, .rating-4-9 { background-position-y: calc(var(--dot) * -7); } .rating-5 { background-position-y: calc(var(--dot) * -8); } sup { font-size: .65em; vertical-align: super; } .social { margin-bottom: 4rem; } .social li { display: inline-block; } .social li+li { margin-left: 1.5rem; } .social-icon { display: inline-block; width: 4rem; height: 4rem; background-color: #73a7a7; overflow: hidden; text-indent: -200rem; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; transition: opacity .4s ease; } .social-icon:hover { opacity: .7; } .facebook { -webkit-mask-image: url('../img/svg/icon-facebook.svg'); mask-image: url('../img/svg/icon-facebook.svg'); } .instagram { -webkit-mask-image: url('../img/svg/icon-instagram.svg'); mask-image: url('../img/svg/icon-instagram.svg'); } .strava { -webkit-mask-image: url('../img/svg/icon-strava.svg'); mask-image: url('../img/svg/icon-strava.svg'); } .youtube { -webkit-mask-image: url('../img/svg/icon-youtube.svg'); mask-image: url('../img/svg/icon-youtube.svg'); } #webcam-image { cursor: pointer; } @media screen and (max-width: 1024px) { .left-arrow>span, .right-arrow>span { font-size: 4.042vw; } .left-arrow>span::before, .right-arrow>span::before { position: relative; top: auto; left: auto; transform: none; width: 100%; order: 2; flex: 0 0 30%; } .left-arrow>.item-cta, .right-arrow>.item-cta { display: flex; justify-content: space-between; padding-left: 0; padding-right: 0; width: 100%; } } /* @end */ /* !@group HEADER */ .menu-open #open-menu .bar { fill: rgba(255, 255, 255, 0); } .menu-open #open-menu .close { fill: #5e928b; } .menu-open #open-menu .label-close { display: inline-block; } .menu-open #open-menu .label-menu { display: none; } @media screen and (max-width: 1024px) { .menu-open #open-menu .close { fill: #fff; } } /* @end */ /* !@group CTA */ #main-cta::before, #camera-cta::before { content: ''; width: 6.3rem; height: 1.5rem; position: absolute; right: 3.5rem; top: 50%; transform: translateY(-50%); background: url('../img/svg/cta-arrow.svg') no-repeat right 0 center; } #main-cta:hover::before, #camera-cta:hover::before { animation: cta-arrow .8s ease-in-out alternate 6; } /* @end */ /* !@group MENU */ .menu-open { overflow: hidden; } #main-menu { flex-direction: column; align-items: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: var(--menu); padding: var(--header) 0 0; z-index: 3; opacity: 0; pointer-events: none; transition: opacity .8s; } .scroll #main-menu { padding-top: var(--scroll); } .menu-open #main-menu { pointer-events: all; display: flex; opacity: 0; } .lang-menu-container { display: flex; padding: 4rem 4rem 0; padding: 6.5vh 2.272vw 0; padding: clamp(1.5rem, 6.5vh, 4rem) clamp(2rem, 2.272vw, 4rem) 0; } #lang-menu { display: flex; flex-direction: row; margin-left: auto; font-size: 0; } #lang-menu li { font-size: 1.6rem; color: var(--title); text-transform: uppercase; } #lang-menu li+li::before { content: '/'; color: #fff; margin: 0 2rem; margin: 0 1.136vw; margin: 0 clamp(1rem, 1.136vw, 2rem); } #lang-menu a { color: #fff; text-decoration: none; transition: opacity .4s ease; } #lang-menu a:hover, #lang-menu a.active { opacity: .7; } .main-menu-container { display: flex; flex-direction: column; flex-grow: 1; width: 100%; max-width: 168rem; margin: 0 0 auto; padding-bottom: 2rem; position: relative; overflow-y: scroll; } body:not(.touch) .main-menu-container { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } body:not(.touch) .main-menu-container::-webkit-scrollbar { display: none; } .menu-list { width: 33.333%; display: flex; flex-direction: column; align-items: stretch; } .menu-list li { padding: var(--vh, 1vh) 0 } .menu-list>li { position: relative; } .menu-list a { display: block; color: #fff; text-decoration: none; font-family: var(--font2); font-size: 3rem; font-size: calc(var(--vh, 1vh) * 3.33); font-size: clamp(2rem, calc(var(--vh, 1vh) * 3.33), 3rem); line-height: 3rem; line-height: calc(var(--vh, 1vh) * 3.33); line-height: clamp(2rem, calc(var(--vh, 1vh) * 3.33), 3rem); letter-spacing: 0.1ch; white-space: nowrap; position: relative; transition: .4s color ease; } .menu-list>li>a { padding: 0 3rem 0 10%; text-transform: uppercase; } .menu-list a::after { content: ''; height: 1px; background-color: var(--title); position: absolute; top: .8ch; left: 0; width: 0; transition: .4s width ease, .4s background-color ease; } .menu-list a:hover, .menu-list>li.click-show-menu>a { color: #fff; } .menu-list a:hover::after, .menu-list>li.click-show-menu>a::after { width: 100%; background-color: #fff; } .submenu-list { position: absolute; top: 0; left: 100%; } .submenu-list.hide-menu { display: none; } .submenu-list>li>a { display: inline-block; text-transform: lowercase; padding: 0 3rem 0 10%; } .menu-footer { width: 33.333%; margin-top: auto; } .menu-footer>.inner { display: flex; flex-direction: row; align-items: center; } .menu-footer>.inner { padding-left: 10%; } .menu-footer .social { margin-bottom: 0; } .menu-footer .social .social-icon { background-color: #fff; } a#estate { display: inline-block; color: var(--title); text-decoration: none; transition: color .4s ease; display: flex; flex-direction: row; align-items: center; margin-left: 10%; margin-top: -1rem; } a#estate>.text { padding-left: 1.5rem; letter-spacing: 0.25ch; font-size: 1.6rem; font-weight: 600; position: relative; } a#estate>.text::after { content: ''; background-color: var(--title); height: 1.7rem; position: absolute; left: 1rem; bottom: -.6rem; width: calc(100% + 1rem); -webkit-mask-position: right center; mask-position: right center; -webkit-mask-image: url('../img/svg/left-arrow.svg'); mask-image: url('../img/svg/left-arrow.svg'); transition: background-color .4s ease; } .icon-hands { display: inline-block; width: 5.4rem; height: 3.8rem; background-color: var(--title); -webkit-mask-image: url('../img/svg/icon-hands.svg'); mask-image: url('../img/svg/icon-hands.svg'); transition: background-color .4s ease; } a#estate:hover { color: #fff; } a#estate:hover>.text::after, a#estate:hover .icon-hands { background-color: #fff; } /* @end */ /* !@group MAIN CONTENT */ #featured-images { background: var(--page); max-width: var(--page-width); margin: -10.6rem auto 0; margin: clamp(-10.6rem, -5.3vw, -5rem) auto 0; padding-top: 3rem; pointer-events: all; position: relative; z-index: 1; } #featured-images::after { content: ''; display: block; background: url('../img/svg/icon-g-dark.svg') no-repeat center; background-size: contain; width: 23.5rem; width: 15.878vw; width: min(15.878vw, 23.5rem); height: 40.7rem; height: 27.5vw; height: min(27.5vw, 40.7rem); position: absolute; left: 50%; bottom: -7rem; bottom: -4.729vw; bottom: max(-4.729vw, -7rem); transform: translateX(-50%); pointer-events: none; } #featured-images .slider-controls { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); z-index: 1; display: flex; flex-direction: row; justify-content: space-between; } .featured-slide { margin-top: 2.5%; margin-bottom: 0; } .featured-slide.single { max-width: 71.4rem; margin-left: auto; margin-right: auto; } .featured-slide.is-active { margin-bottom: 2.5%; margin-top: 0; } @media screen and (max-width: 1024px) { #lang-menu { margin-right: auto; } #featured-images { margin: 0rem } #featured-images::after { width: 15.878vw; height: 27.5vw; bottom: -4.729vw; } } /* @end */ /* !@group SECTIONS */ .section-title { text-align: center; padding: 12rem 2rem; padding: 6vw 2rem; padding: clamp(6rem, 6vw, 12rem) 2rem; } .section-title h2 { font-family: var(--font1); font-size: 5rem; font-size: 2.5vw; font-size: clamp(3rem, 2.5vw, 5rem); line-height: 1; color: var(--title); text-transform: uppercase; font-weight: 200; letter-spacing: 0.15ch; } .content-section .section-title { padding: 12rem 2rem; padding: 6vw 2rem 6vw; padding: clamp(6rem, 6vw, 12rem) 2rem 6rem; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; max-width: var(--page-width); margin: 0 auto; } .content-section .section-title>* { width: 45%; } .content-section .section-title h2 { color: #97bfc0; text-transform: none; font-weight: 700; font-family: var(--font2); font-size: 8.5rem; font-size: 4vw; font-size: clamp(3rem, 4vw, 8.5rem); letter-spacing: normal; } .content-section .section-title h2 span { font-family: var(--font1); font-size: clamp(3rem, 5vw, 8.5rem); font-weight: 100; } a.section-link { text-align: right; margin-top: 1rem; font-size: 1.6rem; color: var(--title); text-transform: uppercase; font-weight: 900; letter-spacing: 0.75ch; text-decoration: none; overflow: hidden; transition: color .4s; } a.section-link:hover { color: #fff; } a.section-link>span { position: relative; display: inline-block; } a.section-link>span::before { right: calc(100% + 1rem); } a.section-link:hover>span::before { background-color: #fff; } @media screen and (max-width: 1024px) { .section-title { padding: 6rem 2rem; } .section-title h2 { font-size: 3rem; } .content-section .section-title { padding: 4rem 1.5rem; } /* .content-section .section-title h2 { font-size: 3.906vw; } */ .content-section .section-title h2 span { font-weight: 300; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .content-section .section-title h2 { font-size: 8.906vw; } .content-section .section-title h2 span { font-size: 8.906vw; } } /* @end */ /* !@group HIGHLIGHTS SECTION */ body:not(.home) #combo-highlights { padding-top: 5rem; } .full-width #combo-highlights, .raccolta #combo-highlights, .offerta #combo-highlights { background: var(--body) url('../img/background/body.png') repeat center top; } .highlight { /* padding: 0 2rem; */ padding: 10rem 0; position: relative; } .highlight-container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; /* max-width: 176rem; */ margin: 0 auto; } .highlight-container .text { background: #fff; width: 40%; position: relative; z-index: 1; /* height: 60rem; height: 30vw; height: clamp(30rem, 30vw, 60rem); */ display: flex; flex-direction: column; left: 12rem; } .highlight-container .text .inner { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin: auto 0; padding: 5.208vw 4.167vw; } .highlight-container .image { background: #97bfc0; width: 60%; z-index: 0; position: relative; } .highlight-container .image::before { content: ''; position: absolute; top: -10%; left: -10%; width: 90%; height: 90%; border: 1px solid #ede2e7; z-index: -1; } .highlight-container .image img { width: 100%; } .highlight:nth-of-type(even) .highlight-container { flex-direction: row-reverse; } .highlight:nth-of-type(even) .highlight-container .text { left: auto; right: 12rem; } .highlight:nth-of-type(even) .highlight-container .text::before { left: auto; right: -25%; } .highlight:nth-of-type(even) .highlight-container .image::before { position: absolute; left: auto; right: -10%; } .highlight a { text-decoration: none; } .highlight h3 { font-family: var(--font2); color: #97bfc0; font-size: 5.99vw; font-weight: 700; line-height: 0.7; margin-bottom: 5rem; text-transform: none; } .highlight h3 span { font-family: var(--font1); color: #a6a6a6; font-size: 4.479vw; /* letter-spacing: .5rem; */ font-weight: 100; } .highlight p { font-size: 1.8rem; font-weight: 300; max-width: 80%; } .highlight-cta { margin-top: 9rem; display: flex; flex-direction: row; } .highlight-cta.right-arrow { left: auto; right: 90%; } .highlight-cta.left-arrow>.item-cta, .highlight-cta.right-arrow>.item-cta { letter-spacing: .3ch; width: 90%; } @media screen and (max-width: 1440px) { .highlight-container .text { width: 45%; left: 6rem; } .highlight-container .text .inner { padding: 5rem; } .highlight p { font-size: 1.042vw; } } @media screen and (max-width: 1024px) { .highlight-container .text .inner { padding: 0; } .highlight { margin-bottom: 5rem; } .highlight-container .text { height: 30rem; left: auto; } .highlight h3 { font-size: 10.99vw; margin-bottom: 2rem; } .highlight h3 span { font-size: 8.479vw; font-weight: 300; } .highlight p { font-size: 1.4rem; } .highlight:nth-of-type(even) .highlight-container .text { right: auto; } .highlight-cta.left-arrow>.item-cta, .highlight-cta.right-arrow>.item-cta { width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .highlight h3 { font-size: 8.99vw; } } /* @end */ /* !@group CAMERE SECTION */ #combo-camere { background: url('../img/background/bg-camere.jpg') repeat; background-position: left top; padding-bottom: 10rem; padding-bottom: 5vw; padding-bottom: clamp(5rem, 5vw, 10rem); } #combo-camere a.section-link:hover { color: var(--footer) } #combo-camere a.section-link:hover>span::before { background-color: var(--footer); } .camere-slideshow { max-width: 1150px; margin: 0 auto; position: relative; } .camere-slideshow .glide__track { overflow: initial; } .camere-slideshow .glide__slides { align-items: flex-end; overflow: initial; } .camere-slideshow .bullets.bottom-bullets { padding-top: 5.5rem; padding-top: 2.75vw; padding-top: clamp(2.8rem, 2.75vw, 5.5rem); } .camere-slideshow .bullet.bottom-bullets { background-color: #97bfc0; } .camere-slideshow-nav { display: flex; flex-direction: row; justify-content: space-between; position: absolute; top: -15%; right: -25%; z-index: 1; color: #8d8c8b; } .camere-slideshow-nav .slider-nav { pointer-events: all; } .camere-slideshow-nav .slider-nav>span { background-color: #F1EED9; } .camere-slideshow-nav .slider-nav:hover>span::before { background-color: var(--footer) } .camere-slideshow-nav .nav-slider-controls { color: #8d8c8b; } .camere-slideshow-nav .nav-slider-controls .bullets::after { background-color: #8d8c8b; } .camere-slideshow-nav .nav-slider-controls button img { filter: brightness(0) saturate(100%) invert(59%) sepia(7%) saturate(54%) hue-rotate(349deg) brightness(93%) contrast(87%); } .nav-slider-controls .slider-prev button:hover, .nav-slider-controls .slider-next button:hover { position: relative; top: 7px; } body.camera .page-container .camere-slideshow-nav { position: relative; top: auto; right: auto; text-align: center; justify-content: center; margin-top: 35px; } .camera-slide { align-self: flex-end; position: relative; white-space: normal; } .camera-slide .image { position: relative; z-index: 0; background: #fff; } .camera-slide { transform-origin: center bottom; transform: scale(.8); transition: transform .8s ease-in, opacity .8s ease-in; } .camera-slide img { opacity: 1; transition: opacity .8s ease-in; } .camera-slide:not(.is-active) img { opacity: .4; /* transform: scale(1.15); */ } .camera-slide .text { display: flex; flex-direction: column; justify-content: space-between; width: 40%; /* height: 40%; */ padding: 3.5% 2% 4% 3%; position: absolute; right: -10.5%; bottom: 0; z-index: 1; background-color: #fff; transition: bottom .4s ease-in .8s, opacity .8s ease-in .8s; opacity: 0; } .camera-slide.is-active { z-index: 2; opacity: 1; transform: scale(1); } .camera-slide.is-active .text { opacity: 1; bottom: -12.5%; } .camera-slide a { text-decoration: none; } .camera-slide h3 { font-size: 5.5rem; font-size: 4vw; font-size: clamp(4rem, 4vw, 5.5rem); line-height: 1; letter-spacing: 0.1ch; font-family: var(--font2); color: #97bfc0; font-weight: 700; /* font-weight: 100; color: #8d8c8b; font-family: var(--font1); */ } .camera-slide h3 span { font-weight: 100; color: #8d8c8b; font-family: var(--font1); display: block; } .camera-slide p { font-size: 2rem; font-size: 1vw; font-size: clamp(1.5rem, 1vw, 2rem); font-weight: 300; color: #d4c4b5; } .camera-slide-cta { margin-top: 20px; display: flex; flex-direction: row; } .camera-slide-cta>.item-cta { margin-left: 0; } .camera-slide-cta img { filter: brightness(0) saturate(100%) invert(83%) sepia(34%) saturate(207%) hue-rotate(133deg) brightness(85%) contrast(85%); margin-left: 20px; } .left-arrow.camera-slide-cta:hover>span::before { background-color: #fff; } .camera-slide.is-active:hover .camera-slide-cta img { animation: arrow-right .8s infinite; position: relative; top: 1rem; } @media screen and (max-width: 1024px) { #combo-camere { padding-bottom: 7rem; } /* .camere-slideshow .bullets { padding-top: 2.8rem; } */ .camera-slide h3 { font-size: 2.5rem; } .camera-slide p { font-size: 1.5rem; } .camere-slideshow .bullets.bottom-bullets { display: none; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .camera-slide h3 { font-size: 4.5rem; } } /* @end */ /* !@group BUONI MOTIVI SECTION */ #combo-buoni-motivi { background-color: #f2f4f4; padding: 27rem 0 clamp(7rem, 9vw, 19rem); } #combo-buoni-motivi .section-title h2 { color: var(--subtitle); } #combo-buoni-motivi .back { background: url('../img/background/buoni-motivi-back.png') repeat-x left center; background-size: auto 480px; background-size: auto 24vw; } #combo-buoni-motivi .row { padding: 0 2rem; max-width: calc(var(--site-width) + 4rem); margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; position: relative; } #combo-buoni-motivi .row::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; height: 125%; border: 1px solid #ebdae1; } #combo-buoni-motivi .row>div { width: 45.4545%; } #combo-buoni-motivi .right { margin-top: 5.25%; } .buoni-motivi { position: relative; } .buoni-motivi .text { display: flex; flex-direction: column; justify-content: space-between; position: absolute; bottom: -7vw; left: 8%; z-index: 1; background-color: #fff; width: 60.5rem; width: 40vw; width: clamp(40rem, 45.33vw, 60.5rem); min-height: 32.2rem; min-height: 17.88vw; min-height: clamp(21.2rem, 17.88vw, 32.2rem); padding: 5%; } .right .buoni-motivi .text { top: -7vw; bottom: auto; right: 8%; left: auto; } .buoni-motivi a { text-decoration: none; } .buoni-motivi h3 { font-size: 9.5rem; font-size: clamp(5rem, 5vw, 9.5rem); font-weight: 700; color: #97bfc0; font-family: var(--font2); line-height: 1; } .buoni-motivi h3 span { display: block; color: var(--title); } .buoni-motivi p { font-size: 1.8rem; font-size: clamp(1.5rem, 1.111vw, 1.8rem); font-weight: 300; max-width: 75%; margin-bottom: 3.5rem; } .buoni-motivi p strong { font-weight: 600; } .motivi-cta { display: flex; flex-direction: row; overflow: hidden; } .motivi-cta img { filter: brightness(0) saturate(100%) invert(83%) sepia(34%) saturate(207%) hue-rotate(133deg) brightness(85%) contrast(85%); margin-left: 20px; } .motivi-cta .item-cta { line-height: 1.2; } .buoni-motivi:hover .motivi-cta img { animation: arrow-right .8s infinite; position: relative; top: 1rem; } .buoni-motivi:hover .image img { animation: pulse 20s infinite; } @media screen and (max-width: 1440px) { #combo-buoni-motivi { padding: 16rem 0 clamp(7rem, 9vw, 19rem); } } @media screen and (max-width: 1024px) { #combo-buoni-motivi { padding-top: 7rem; padding-bottom: 7rem; } #combo-buoni-motivi .row::before { display: none; } .buoni-motivi .text { width: 30rem; min-height: 21.2rem; } .buoni-motivi h3 { font-size: 2.5rem; } .buoni-motivi p { font-size: 1.5rem; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .buoni-motivi h3 { font-size: 4.5rem; } .buoni-motivi p { font-size: 1.8rem; } } /* @end */ /* !@group OFFERTE SECTION */ #combo-offerte { background: #adc3c3; padding-bottom: 10rem; } #combo-offerte.content-section .section-title h2 { color: #e3ecec; } .offerte-slideshow-container { padding: 0 2rem; } .offerte-slideshow { position: relative; max-width: var(--site-width); margin: 0 auto; } .offerte-slideshow-nav { display: flex; flex-direction: row; justify-content: space-between; position: absolute; top: -12%; right: 3%; z-index: 1; /* color: #8d8c8b; */ } .offerta-slide { display: flex; flex-direction: row; white-space: normal; position: relative; flex-wrap: wrap; align-items: flex-start; /* margin-right: 1% !important; */ margin-right: 0; opacity: 0; transition: opacity 0.3s; } .offerte-slideshow.no-slideshow .offerta-slide { opacity: 1; } .offerta-slide.glide__slide--next, .offerta-slide.glide__slide--active { margin-right: 0.5% !important; margin-left: -0.5% !important; z-index: 1; background: #adc3c3; opacity: 1; } .offerta-slide .countcontainer { display: flex; align-items: center; color: #a38984; font-size: 1.8rem; font-size: 1.022vw; font-size: clamp(1.4rem, 1.022vw, 1.8rem); font-weight: 400; margin-bottom: 2rem; } .offerta-slide a { text-decoration: none; } .offerta-slide .text { width: 40%; /* width: 500px; */ padding: 3.4% 11% 3.4% 6.25%; display: flex; flex-direction: column; justify-content: space-between; margin-top: 8%; background-color: #f5fbfa; z-index: 1; position: relative; right: -6.8%; } .raccolta .offerta-slide .text { margin-top: 0; } .offerta-slide h3 { font-family: var(--font2); font-size: 4rem; font-size: 2.84vw; font-size: clamp(3rem, 2.84vw, 4rem); line-height: 1; color: #97bfc0; text-transform: uppercase; } .offerta-slide .description { width: 80%; padding: 3rem 0; } .offerta-slide .description p { color: #4d3b33; font-size: 1.8rem; font-size: 1.36vw; font-size: clamp(1.4rem, 1.36vw, 1.8rem); font-weight: 400; } .offerta-slide .price-box { display: flex; flex-direction: column; } .offerta-slide .price-box .prefix, .offerta-slide .price-box .suffix { font-size: 1.6rem; font-size: 0.909vw; font-size: clamp(1.2rem, 0.909vw, 1.6rem); font-weight: 400; color: #a38984; } .offerta-slide .price-box .price { color: #97bfc0; font-size: 6rem; font-size: 3.97vw; font-size: clamp(3rem, 3.97vw, 4rem); font-weight: 700; line-height: 1; } .offerta-slide .image { width: 60%; margin-left: auto; margin-top: 5.68%; } .raccolta .offerta-slide .image { margin-top: 0; } .offerta-slide .conticontainer .icon { background-color: #fffff3; vertical-align: middle; margin-right: 1rem; } .icon-countdown { -webkit-mask-image: url('../img/svg/icon-countdown.svg'); mask-image: url('../img/svg/icon-countdown.svg'); margin-right: .5rem; } .offerta-slide-cta { margin-top: 5rem; display: flex; flex-direction: row; } .offerta-slide-cta .item-cta { margin-left: 0; color: #97bfc0; } .offerta-slide-cta img { filter: brightness(0) saturate(100%) invert(83%) sepia(34%) saturate(207%) hue-rotate(133deg) brightness(85%) contrast(85%); margin-left: 20px; } .offerta-slide:hover .offerta-slide-cta img { animation: arrow-right .8s infinite; position: relative; top: 1rem; } .offerte-slideshow .slider-controls { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-top: 4.5rem; padding-top: 2.55vw; padding-top: clamp(2rem, 2.55vw, 4.5rem); } .offerte-slideshow .bullet { background: #fff; } @media screen and (max-width: 1024px) { #combo-offerte { padding-bottom: 3.5rem; } .offerta-slide .countcontainer { font-size: 1.4rem; } .offerta-slide h3 { font-size: 3rem; } .offerta-slide .description p { font-size: 1.4rem; } .offerta-slide .price-box .prefix, .offerta-slide .price-box .suffix { font-size: 1.2rem; } .offerta-slide .price-box .price { font-size: 3rem; } .offerte-slideshow .slider-controls { padding-top: 2rem; } } /* @end */ /* !@group REVIEWS SECTION */ #combo-reviews { background-color: transparent; background-image: url('../img/background/bg-feedback.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center 6.51vw; padding: 4.427vw 10.677vw; position: relative; } #combo-reviews.set-offers { background-color: #adc3c3; } #combo-reviews .section-title { padding: 0 0 3rem; max-width: var(--page-width); margin: 0 auto; } #combo-reviews .section-title h2 { width: 50%; font-size: 6.5rem; font-size: 3.25vw; font-size: clamp(3.5rem, 3.25vw, 6.5rem); font-family: var(--font2); color: var(--subtitle); text-transform: initial; } .reviews { display: flex; flex-direction: row; justify-content: space-between; max-width: var(--page-width); margin: 0 auto; position: relative; padding: 5.208vw 0; } .reviews::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 110%; height: 110%; border: 1px solid #b9cdcd; } #tripadvisor { width: 50%; padding-top: 4rem; } .tripadvisor-header { margin-bottom: 6.5rem; } .tripadvisor-header .row1 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-bottom: .5rem; } .tripadvisor-header .row1 span { font-size: 2.5rem; font-size: clamp(2rem, 2vw, 2.5rem); color: #fff; font-weight: 400; line-height: 1; } .tripadvisor-header .row1 span b { font-size: 1.125em; font-weight: 900; color: #19aa6c; } .tripadvisor-header .row2 { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; font-size: 1.6rem; font-size: clamp(1.2rem, 1.081vw, 1.6rem); font-weight: 300; color: #888888; padding-top: .5rem; } .tripadvisor-header .row2 span:not(.ta-points) { padding-left: 9%; } .feedback-slideshow-nav { margin-top: 12rem; } .feedback-slide { white-space: normal; } .feedback-slide blockquote { padding-bottom: 2.8rem; color: #f5f5f5; } .feedback-slide mark { color: #f5f5f5; font-size: 3rem; /* font-size: clamp(2rem, 2.162vw, 3rem); */ font-weight: 700; padding-bottom: .5rem; } .feedback-slide p { font-weight: 400; font-size: 1.6rem; /* font-size: clamp(1.4rem, 0.1216vw, 1.8rem); */ } .feedback-slide a { color: #05aa6c; font-weight: 700; text-decoration: none; } .feedback-slide figcaption { color: #f5f5f5; font-size: 1.6rem; /* font-size: clamp(1.2rem, 0.108vw, 1.6rem); */ font-weight: 800; } .feedback-slide figcaption span { font-weight: 500; } #booking { width: 40%; padding: 3rem 0; } #booking header { display: flex; flex-wrap: wrap; justify-content: space-between; } #booking header div { display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 2.5rem; font-size: clamp(2rem, 2vw, 2.5rem); line-height: 7rem; font-weight: 400; color: #fff; } #booking header div span:first-of-type { font-size: 3.5rem; font-size: clamp(3rem, 3vw, 3.5rem); font-weight: 900; color: #2292cc; /* background-color: #2292cc; */ text-align: center; margin-right: 3rem; /* border-radius: 1rem 1rem 1rem 0; */ } .booking-table { width: 100%; margin-top: 1.8rem; overflow: hidden; } .booking-table th, .booking-table td { padding: 2.5rem 0 1rem; line-height: 1; } .booking-table td[colspan="2"] { padding: 0; } .booking-table th { text-align: left; font-weight: 300; } .booking-table th+td { text-align: right; font-weight: 700; } .booking-table th, .booking-table td { font-size: 16px; color: #fff; } .graph { display: block; height: 10px; background: #fff; position: relative; border-radius: 0 5px 5px 0; } .value { display: block; background: #499fdd; position: absolute; left: -100%; top: auto; height: 10px; border-radius: 0 5px 5px 0; } .value.aos-animate { left: 0; } #combo-reviews .viewall-container { display: flex; justify-content: flex-end; position: relative; z-index: 2; } a.viewall { position: relative; top: -12rem; display: flex; color: #fff; text-decoration: none; } a.viewall img { margin-left: 20px; } a.viewall:hover img { animation: arrow-right .8s infinite; position: relative; top: 1.3rem; } #combo-reviews .recap { margin-top: 18rem; text-align: center; } #combo-reviews .recap .title { font-size: 3.646vw; letter-spacing: .3rem; line-height: 1.2; color: #f2f4f4; font-weight: 100; } #combo-reviews .recap .links { margin-top: 7rem; display: flex; flex-wrap: wrap; justify-content: space-between; } #combo-reviews .recap .links a { color: #cce8e8; font-size: 4.427vw; font-weight: 700; font-family: var(--font2); text-decoration: none; position: relative; transition: opacity, .2s; } #combo-reviews .recap .links a::after { content: url('../img/svg/slider-arrow.svg'); position: absolute; right: 0; bottom: -5rem; } #combo-reviews .recap .links a:hover { opacity: .7; } #combo-reviews .recap .links a:hover::after { animation: arrow-right .8s infinite; bottom: calc(-5rem - 50%); } #combo-reviews .recap .links a.disabled, #combo-reviews .recap .links a.disabled:hover { opacity: .4; pointer-events: none; } #combo-reviews .recap .links a.disabled:hover::after { animation: none; bottom: inherit; } #reviews-full { max-width: var(--site-width); background-image: url('../img/background/bg-feedback.jpg'); background-repeat: no-repeat; background-size: cover; background-position: left top; padding: 2.427vw 6.677vw; position: relative; } #reviews-full .reviews { flex-direction: column; padding: 0; } #reviews-full .reviews::before { display: none; } #reviews-full #tripadvisor, #reviews-full #booking { width: 100%; } #reviews-full .tripadvisor-header { margin-bottom: 3rem; } #reviews-full .tripadvisor-header .row1 span b { color: #fff; } #reviews-full .feedback-slide { padding: 20px 0 40px; border-bottom: 1px solid #fff; } @media screen and (max-width: 1440px) { #combo-reviews { padding: 4.427vw 5.677vw; } .tripadvisor-header img, #booking header img { max-width: 30%; } #booking { padding: 2rem 0 3rem; } a.viewall { top: -9rem; } #combo-reviews .recap { margin-top: 11rem; } } @media screen and (max-width: 1024px) { #combo-reviews { padding: 4rem 2rem; } #combo-reviews .section-title h2 { font-size: 3.5rem; } .tripadvisor-header .row1 span { font-size: 2rem; } .tripadvisor-header .row2 { font-size: 1.2rem; } .feedback-slide mark { font-size: 2.1rem; } .feedback-slide p { font-size: 1.84rem; } .feedback-slide figcaption { font-size: 1.2rem; } .booking-table caption { font-size: 3rem; } .booking-table th, .booking-table td { font-size: 1.4rem; } .tripadvisor-header img, #booking header img { max-width: 50%; } #booking header { justify-content: center; } .value { left: auto; } #combo-reviews .recap { margin-top: 6rem; } #combo-reviews .recap .title { font-size: 8.646vw; } #combo-reviews .recap .links { margin-top: 2rem; text-align: left; } #combo-reviews .recap .links a { font-size: 8.427vw; flex: 0 0 44%; margin-bottom: 20px; } #combo-reviews .recap .links a::after { bottom: -20px; } #combo-reviews .viewall-container { justify-content: center; } } /* @end */ /* !@group FOOTER */ a#whatsapp { background: url('../img/svg/icon-whatsapp.svg') no-repeat center; } a#whatsapp:hover { animation: pulse 8s infinite; } #site-footer { padding: 11.198vw 7.031vw 2.344vw; position: relative; background: #f2f4f4; } #site-footer .page-container { margin: 0; padding: 0; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; } #site-footer .page-container+.page-container { flex-direction: column; align-items: flex-end; margin-top: -3.646vw; } .footer-content { width: 33.3333%; color: #4d3b33; padding: 0; position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } .footer-logo { width: 33.3333%; padding: 0 3%; } .footer-logo img { display: block; margin: 0 auto; } .footer-mappa { width: 33.3333%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding: 0; } .footer-logo { margin-bottom: 5rem; } .hotel-info { margin-bottom: 2.5rem; font-size: 1.8rem; font-size: clamp(1.3rem, 1vw, 1.8rem); } .hotel-info li+li { margin-top: 1.5rem; } .hotel-info .icon { width: 3rem; height: 3rem; vertical-align: middle; margin-right: 2.6rem; margin-right: clamp(1.5rem, 1.444vw, 2.6rem); } .hotel-info .icon-loc { -webkit-mask-size: 1.8rem 2.9rem; mask-size: 1.8rem 2.9rem; } .hotel-info .icon-tel { -webkit-mask-size: 2.2rem 2.8rem; mask-size: 2.2rem 2.8rem; } .hotel-info .icon-email { -webkit-mask-size: 2.8rem 2.2rem; mask-size: 2.8rem 2.2rem; } .hotel-info address { display: inline-block; } .hotel-info a { color: #73a7a8; font-weight: 700; text-decoration: none; transition: opacity .4s ease; } .hotel-info a:hover { opacity: .7; } .legal-info { font-size: 0; } .legal-info+.legal-info { margin-bottom: 6rem; } .legal-info li { display: inline-block; font-size: 1.8rem; font-size: clamp(1.3rem, 1vw, 1.8rem); } .legal-info li+li::before { content: '\00a0|\00a0'; } .legal-info a { text-decoration: none; color: #4d3b33; } .piva { font-size: 1.8rem; font-size: clamp(1.3rem, 1vw, 1.8rem); } #credits { align-self: flex-end; font-size: 1.4rem; font-size: clamp(1rem, 0.777vw, 1.4rem); letter-spacing: 0.2ch; } #credits img { vertical-align: middle; } #maplink { display: none; color: #fff; background-color: #8fa0a0; text-transform: uppercase; padding: 1.5rem 3rem; font-weight: 500; text-decoration: none; margin-bottom: 2rem; width: 100%; } .touch #maplink { display: inline-block; } .other-logos { display: flex; justify-content: flex-end; align-items: flex-end; background-color: #f2f4f4; margin-bottom: 4.688vw; } .other-logos img { margin: 0 1rem; mix-blend-mode: darken; } .other-logos img:last-of-type { margin: 0 0 0 1rem; } .recaptcha-badge-text { margin-bottom: 4.688vw; width: 33%; text-align: right; font-size: 0.7vw; } @media screen and (max-width: 1440px) { .other-logos { transform: scale(0.7); position: relative; margin-right: -10vw; } } @media screen and (max-width: 1024px) { .footer-content::before { width: 13.055vw; height: 22.61vw; } .hotel-info { font-size: 1.3rem; width: 100%; } .hotel-info .icon { margin-right: 1.5rem; } .legal-info li { font-size: 1.2rem; } .piva { font-size: 1.3rem; width: 100%; } #credits { font-size: 1rem; } .footer-content { order: 2; text-align: center; } .footer-logo { width: 100%; order: 1; } .footer-logo img { max-width: 60%; } .legal-info, .social { width: 100%; } .legal-info+.legal-info { margin-bottom: 3rem; } .other-logos { justify-content: center; align-items: center; flex-wrap: wrap; margin-right: 0; width: 100%; transform: none; } .other-logos img { width: 20%; margin-bottom: 15px; } .recaptcha-badge-text { width: 100%; font-size: 12px; text-align: center; padding: 0 20px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .other-logos img { width: 10%; } } /* @end */ /* !@group LIST OFFERTE */ #raccolta-offerte { position: relative; z-index: 1; } .offer-filters { padding: 0 2rem; display: flex; flex-direction: row; position: relative; top: -5.729vw; } .filter-buttons { display: flex; flex-direction: row; margin: 0 auto; background: #97bfc0; } .button-offer { -webkit-appearance: none; appearance: none; border: 0; height: 8rem; height: clamp(4rem, 4.444vw, 8rem); font-family: var(--font1); font-size: 1.6rem; text-transform: uppercase; letter-spacing: 0.1ch; color: #d9eeef; background-color: transparent; cursor: pointer; transition: color .4s ease, background-color .4s ease; padding: 0 1.823vw 0 0; position: relative; } .button-offer:first-child { padding: 0 1.823vw; } .button-offer::after { content: '|'; position: relative; color: #d9eeef; margin-left: 1.823vw; font-weight: 400 !important; } .button-offer:last-child::after { display: none; } /* .button-offer:hover { background-color: #909090; } */ /* .button-offer + .button-offer { margin-left: 2px; } */ .button-offer:hover, .button-offer.active { color: #fff; font-weight: 600; } #select-offer { -webkit-appearance: none; appearance: none; border: 0; height: 6rem; font-family: var(--font1); font-size: 1.6rem; text-transform: uppercase; letter-spacing: 0.1ch; padding: 0 3rem; color: #bababa; background-color: #6d6d6d; cursor: pointer; outline: none; } .touch .filter-buttons, .filter-select { display: none; } .touch .filter-select { width: 100%; display: flex; justify-content: center; } .offerte-container { background: #f2f4f4; padding: 0; } #offerte-list { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; max-width: var(--site-width); margin: 0 auto 0 1.042vw; padding: 0 0 2rem; } #offerte-list .offerta-slide { position: relative; margin: 0 0 3.818vw !important; padding: 0 1.042vw; flex-direction: column; /* flex: 0 0 calc(33.3333% - (1.042vw * 2)); */ flex: 0 0 33.3333%; opacity: 1; } #offerte-list .offerta-slide .image { margin: auto; width: 100%; background: #97bfc0; } #offerte-list .offerta-slide .image img { width: 100%; max-height: 20.052vw; object-fit: cover; } #offerte-list .offerta-slide:hover .image img { animation: pulse 8s infinite; } #offerte-list .offerta-slide .text { width: 100%; right: auto; padding: 2.604vw 3.385vw; justify-content: flex-start; position: relative; } #offerte-list .offerta-slide .description { width: 90%; } #offerte-list .offerta-slide .price-box { padding-bottom: 5rem; } #offerte-list .offerta-slide-cta { position: absolute; margin: 0; padding: 0; bottom: 2.604vw; left: 3.385vw; } .offer-item.hide { display: none !important; } @media screen and (max-width: 1024px) { .offer-filters { top: auto; } .button-offer { width: 11.5rem; height: 4rem; font-size: .8rem; } #offerte-list { padding: 6rem 0 2rem; flex-direction: column; margin: 0; } #offerte-list .offerta-slide { margin: 0 0 4rem !important; } #offerte-list .offerta-slide .image { order: 1; } #offerte-list .offerta-slide .image img { max-height: none; } #offerte-list .offerta-slide-cta { display: block; position: relative; bottom: auto; left: auto; width: 100%; text-align: center; order: 4; } #offerte-list .offerta-slide-cta img { display: inline-block; } #offerte-list .offerta-slide a { order: 2; } #offerte-list .offerta-slide .price-box { order: 3; } } /* @end */ /* !@group LIST CAMERE */ #raccolta-camere { padding: 8.073vw 2rem 8.073vw; background: url('../img/background/bg-camere.jpg') repeat-y; background-position: top left; position: relative; margin-top: -8.073vw; } #list-camere { max-width: var(--site-width); margin: 0 auto; } body.camera #list-camere { pointer-events: all; margin: 0 0 0 -6%; } .camera-item { display: flex; flex-direction: row; white-space: normal; margin: 0 auto 12rem; margin: 0 auto 6.818vw; margin: 0 auto clamp(6rem, 6.818vw, 12rem); position: relative; } .camera-item .text { display: flex; flex-direction: column; justify-content: space-between; width: 40%; padding: 10rem 4rem 19rem 10rem; padding: 5.68% 2.27% 6.8% 5.68%; margin-right: -6.25%; margin-bottom: 4.545%; background-color: #fff; position: relative; z-index: 2; } .camera-item:nth-child(even) .text { left: 6%; } .camera-item a { text-decoration: none; } .camera-item h3 { font-size: 5.5rem; font-size: 4vw; font-size: clamp(4rem, 4vw, 5.5rem); line-height: 1; font-family: var(--font2); color: #97bfc0; font-weight: 700; margin-bottom: 2.083vw; } .camera-item h3 span { font-weight: 100; color: #8d8c8b; font-family: var(--font1); display: block; } body.camera .page-container .camera-item h2, body.camera .page-container .camera-item h3 { font-family: var(--font1); color: #666; font-weight: 100; font-size: max(20px, 1.875vw); } .camera-item .subtitle, .camera-item .details.editor-content { color: #606060; font-size: 1.8rem; font-size: clamp(1.8rem, 1.1vw, 1.8rem); font-weight: 400; letter-spacing: 1px; margin-bottom: 2.604vw; } body.camera .page-container .camera-item .details.editor-content ul { font-weight: 400; } body.camera .page-container .camera-item .details.editor-content strong { color: #97bfc0; } /* .camera-item .details.editor-content ul { color: #fff; font-size: 2rem; font-size: clamp(1.2rem, 1.111vw, 2rem); font-weight: 800; margin: 0; } .camera-item .details li { padding-bottom: 1rem; padding-bottom: clamp(.5rem, 0.555vw, 1rem); } */ .camera-item .image { width: 60%; margin-left: auto; margin-top: 4.545%; position: relative; background: #9e9696; } body.camera .page-container .camera-item .image { background: none; margin-left: 0; } .camera-item .image img { width: 100%; height: 100%; object-fit: cover; } .camera-item-cta { display: flex; flex-direction: row; justify-content: flex-start; } /* .camera-item-cta span { display: inline-block; margin-right: 20px; } */ .camera-item-cta img { filter: brightness(0) saturate(100%) invert(86%) sepia(9%) saturate(799%) hue-rotate(134deg) brightness(79%) contrast(87%); margin-left: 20px; } /* .camera-item-cta > .item-cta { margin-left: auto; letter-spacing: 0.8ch; padding-left: 5rem; padding-left: clamp(2.5rem, 2.777vw, 5rem); padding-right: 4rem; padding-right: clamp(2rem, 2.222vw, 4rem); } */ .camera-item:hover .camera-item-cta img { animation: arrow-right .8s infinite; position: relative; top: 9px; } #list-camere .camera-item:nth-of-type(odd) { flex-direction: row-reverse; } #list-camere .camera-item:nth-of-type(odd)::after { left: auto; right: 24%; } #list-camere .camera-item:nth-of-type(odd) .text { margin-left: -6.25%; margin-right: 0; } #list-camere .camera-item:nth-of-type(odd) .image::before { left: auto; right: 0; } @media screen and (max-width: 1024px) { #raccolta-camere { padding: 5rem 2rem; margin-top: 0; } .camera-item { margin: 0 auto 6rem; } .camera-item h3 { margin-bottom: 20px; } .camera-item .subtitle { font-size: 16px; margin-bottom: 20px; } .camera-item .details.editor-content { font-size: 16px; margin-bottom: 20px; } .camera-item .details li { padding-bottom: .5rem; } .camera-item .text { order: 2; padding: 30px 15px; } .camera-item .image { order: 1; } .camera-item:nth-child(even) .text { left: auto; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .camera-item h3 { font-size: 4.5rem; } } /* @end */ /* !@group CAMERA */ .camera-servizi { pointer-events: all; max-width: var(--page-width); margin: 0 auto; padding: 18rem 0 7rem; padding: 12vw 0 4.729vw; padding: clamp(6rem, 12vw, 18rem) 0 clamp(3rem, 4.729vw, 7rem); } .camera-servizi ul { display: flex; flex-direction: row; flex-wrap: wrap; } .camera-servizi li { width: 16.666%; text-align: center; padding: 0 1rem 6rem; padding: 0 1rem 4.054vw; padding: 0 1rem clamp(3rem, 4.054vw, 6rem); } .servicon { display: inline-block; font-size: 6rem; color: var(--title); } .camera-servizi figcaption { font-size: 1.6rem; font-weight: 700; letter-spacing: 0.1ch; line-height: 1.3; padding-top: 1rem; } .camera #combo-camere.content-section .section-title>* { width: 100%; max-width: 123.6rem; margin: 0 auto; text-align: left; } @media screen and (max-width: 1024px) { .camera-servizi { padding: 6rem 0 3rem; } .camera-servizi li { padding: 0 1rem 3rem; } .camera-servizi li { width: 25%; } } @media screen and (max-width: 1024px) { .camera-servizi li { width: 50%; } } /* @end */ /* !@group OFFERTA */ .offerta-wrap { position: relative; padding-bottom: 12rem; padding-bottom: 8.1vw; padding-bottom: clamp(4rem, 8.1vw, 12rem); } .offerta-extra-content { padding: 0 14.583vw 9.115vw; display: flex; justify-content: space-between; align-items: flex-start; } .offerta .editor-content .title-container .countcontainer { margin-bottom: 15px; } .offerta-extra-content>.editor-content { margin-right: 8%; padding-top: 3.385vw; } .offerta-extra-content .extra-text { padding: 5.208vw 3.427vw; background-color: #fff; position: relative; z-index: 1; flex: 0 0 45%; } /* .offerta-extra-content .editor-content h2, .offerta-extra-content .editor-content h3, .offerta-extra-content .editor-content h4, .offerta-extra-content .editor-content h5, .offerta-extra-content .editor-content h6 { color: #666; } */ .offerta-extra-content .editor-content mark { color: var(--text); font-weight: 500; text-transform: uppercase; } .offerta-extra-content .extra-text h2 { font-family: var(--font2); color: #97bfc0; font-size: 700; line-height: 1.2; margin-bottom: 4rem; font-size: max(27px, 1.823vw); } .offerta-extra-content #main-cta { letter-spacing: 0.2ch; } #offerta-scaduta { background-color: var(--attention); color: #fff; text-transform: uppercase; display: inline-block; margin-right: auto; padding: 1.5rem 3rem; margin-bottom: 2rem; } @media screen and (max-width: 1440px) { .offerta-extra-content { padding: 0 2.583vw 9.115vw; } .offerta-extra-content #main-cta { letter-spacing: 0.1ch; } } @media screen and (max-width: 1024px) { .offerta-wrap { padding-bottom: 4rem; } .offerta-extra-content { padding: 0 2rem 5rem; flex-direction: column; } .offerta-extra-content .extra-text { padding: 4rem 2rem; margin-top: 20px; } .offerta .editor-content .title-container { flex-direction: column; text-align: center; } .offerta-details .price-box { text-align: center; } .offerta-details .price { width: 100%; font-size: 4rem; } } /* @end */ /* !@group FORM */ #form-section .offerta-extra-content { padding-top: 10rem; padding-top: 5vw; padding-top: clamp(5rem, 5vw, 10rem); } h2.offerta-form-title { color: var(--cta); font-size: 6.5rem; text-align: center; letter-spacing: .15ch; padding: 12rem 0 2rem; padding: 6vw 0 2rem; padding: clamp(6rem, 6vw, 12rem) 0 2rem; } .offerta-form { max-width: var(--page-width); background-color: var(--form); margin: 0 auto; padding: 7rem 4.5rem 10rem; padding: clamp(3rem, 4.729vw, 7rem) clamp(2.25rem, 3.04vw, 4.5rem) clamp(4rem, 6.756vw, 10rem); } .offerta-form mark { display: block; font-size: 3rem; text-transform: uppercase; font-weight: 300; color: #887973; text-align: center; padding-bottom: 5rem; } .form-style input:not([type="checkbox"])::-webkit-input-placeholder, .form-style textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--text); transition: opacity .3s; font-size: 1.8rem; font-weight: 300; } .form-style input:not([type="checkbox"])::-moz-placeholder, .form-style textarea::-moz-placeholder { /* Firefox 19+ */ color: var(--text); transition: opacity .3s; font-size: 1.8rem; } .form-style input:not([type="checkbox"]):-moz-placeholder, .form-style textarea:-moz-placeholder { /* Firefox 18- */ color: var(--text); transition: opacity .3s; font-size: 1.8rem; font-weight: 300; } .form-style input:focus:not([type="checkbox"])::-webkit-input-placeholder, .form-style textarea:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */ opacity: 0; } .form-style input:focus:not([type="checkbox"])::-moz-placeholder, .form-style textarea:focus::-moz-placeholder { /* Firefox 19+ */ opacity: 0; } .form-style input:focus:not([type="checkbox"]):-moz-placeholder, .form-style textarea:focus:-moz-placeholder { /* Firefox 18- */ opacity: 0; } .form-style input.error:not([type="checkbox"])::-webkit-input-placeholder { color: var(--attention); } .form-style input.error:not([type="checkbox"])::-moz-placeholder { color: var(--attention); } .form-style input.error:not([type="checkbox"]):-moz-placeholder { color: var(--attention); } .form-group { padding-bottom: 2rem; position: relative; } .form-group label, .bloccocamere .title-camera { font-size: 1.5rem; text-transform: uppercase; font-weight: 700; letter-spacing: 0.2ch; } .form-style select { appearance: none; } .form-style input[type='text'], .form-style input[type='email'], .form-style input[type='date'], .form-style select, .form-style textarea { border: 1px solid var(--text); height: 7rem; width: 100%; font-size: 1.8rem; font-weight: 300; padding: 0 6rem 0 3rem; outline: none; transition: .35s color, .35s background-color, .35s border; } .form-style textarea { height: 17rem; font-family: var(--font1); padding-top: 1.5rem; padding-bottom: 1.5rem; } .form-style input[type='text']:focus, .form-style input[type='email']:focus, .form-style input[type='date']:focus, .form-style select:focus, .form-style textarea:focus { background-color: var(--page); } .form-style input[type='text'].error, .form-style input[type='email'].error, .form-style input[type='date'].error, .form-style select.error, .form-style textarea.error { border-color: var(--attention); } .first-input-column, .second-input-column .container-column, .third-input-column, .bloccocamere .container-column, .bloccocamere+.row, .container-bloccoetabambini, .row-check, .container-check { display: flex; flex-direction: row; align-items: center; margin: 0 -2.5rem; margin: 0 -1.689vw; margin: 0 clamp(-1.125rem, -1.689vw, -2.5rem); } .row-check, .container-check { align-items: flex-start; } .container-bloccoetabambini { justify-content: flex-end; } .first-input-column .input-column, .bloccocamere .input-column, .container-bloccoetabambini .bloccoetabambini { width: 25%; } .second-input-column .input-column, .third-input-column .input-column, .bloccocamere .title-camera, .container-check .form-check { width: 50%; } .first-input-column .input-column, .second-input-column .input-column, .third-input-column .input-column, .bloccocamere .title-camera, .bloccocamere .input-column, .bloccocamere+.row .input-column, .container-bloccoetabambini .bloccoetabambini, .row-check .input-column, .container-check .form-check { padding: 0 2.5rem; } .bloccocamere .title-camera { text-align: right; } .row-check .input-column:first-of-type { width: 66.666%; } .row-check .input-column:last-of-type { width: 33.333%; } .bloccocamere+.row .input-column { width: 100%; padding-top: 1.5rem; } .visibleIcon { font-size: 2.6rem; position: absolute; top: 2rem; right: 2rem; pointer-events: none; } .second-input-column .visibleIcon, .third-input-column .visibleIcon, .bloccocamere .visibleIcon { top: 5rem; } .form-check-label { color: #9B9B92; font-size: 1.4rem; text-transform: uppercase; } .error+.form-check-label { color: var(--attention); } .form-check-label a { display: block; color: var(--text); text-decoration: none; text-transform: lowercase; font-size: 1.3rem; font-weight: 300; } .form-style .container-button button { appearance: none; border: 0; margin: auto 0 0 auto; width: 100%; display: block; color: #fff; background-color: var(--cta); text-decoration: none; font-size: 1.6rem; font-weight: 900; text-transform: uppercase; letter-spacing: .5ch; padding: 2.6rem 3.5rem 2.6rem 5rem; transition: background-color .35s ease; cursor: pointer; position: relative; text-align: left; } .form-style .container-button button:hover { background-color: var(--cta-hover); } .form-style .container-button button::before { content: ''; width: 6.3rem; height: 1.6rem; position: absolute; right: 3.5rem; top: 50%; transform: translateY(-50%); background: url('../img/svg/cta-arrow.svg') no-repeat right 0 center; } .form-style .container-button button:hover::before { animation: cta-arrow .8s ease-in-out alternate 6; } @media screen and (max-width: 1024px) { #form-section .offerta-extra-content { padding-top: 5rem; } h2.offerta-form-title { padding: 6rem 0 2rem; } .offerta-form { padding: 3rem 2.25rem 4rem; } } /* @end */ /* !@group GALLERY */ #combo-gallery { position: relative; margin-bottom: 9rem; } #combo-gallery .gallery-slider-controls { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); pointer-events: none; display: flex; flex-direction: row; justify-content: space-between; } #combo-gallery .gallery-slider-controls * { pointer-events: all; } /* @end */ /* !@group TABLE */ .table-responsive { display: flex; flex-direction: column; width: 100%; margin: 5rem 0; } .table-responsive div { display: flex; flex-direction: row; width: 100%; margin: 0 1.5rem; justify-content: flex-start; font-size: 1.6rem; line-height: 1.3; } .table-responsive h3 { margin: 0; } .table-responsive>div:first-child { padding-bottom: 1rem; border-bottom: 1px solid #ccc; font-weight: 700; } .table-responsive>div:not(:first-child) { padding: 2rem 0; border-bottom: 1px solid #ccc; } .table-responsive>div:nth-child(even) { background-color: rgba(255, 255, 255, .3); } .table-responsive p { margin-bottom: 0; } @media screen and (max-width: 1024px) { .table-responsive-wrapper { margin: 4rem 0; position: relative; } .table-responsive-wrapper::before { content: ''; position: absolute; top: 4.5rem; left: -1.5rem; width: 1.5rem; height: calc(100% - 4.5rem); background: var(--page); z-index: 2; } .table-responsive-wrapper::after { content: ''; position: absolute; top: 4.5rem; right: -1.5rem; width: 1.5rem; height: calc(100% - 4.5rem); background: var(--page) } .table-responsive-wrapper .scroll-commands { position: relative; text-align: right; min-height: 4.5rem; } .table-responsive-wrapper .scroll-commands div { display: inline-block; margin: 0 0.3rem; color: #fff; background: var(--subtitle); padding: 1.5rem 1.5rem .5rem; min-height: 4.5rem; } .table-responsive-wrapper .scroll-commands div.disabled { pointer-events: none; } .table-responsive-wrapper .scroll-commands div.disabled i { opacity: 0.4; } .table-responsive-container { overflow-x: scroll; padding: 0; background: var(--page); } .table-responsive-container.firstcolumn-container { overflow: initial; position: relative; } .table-responsive { font-size: 1.4rem; position: relative; left: 50%; margin: 3rem 0; } .table-responsive div { margin: 0; } .table-responsive.firstcolumn { left: 0; top: 0; width: 50%; position: absolute; z-index: 1; margin: 30px 0 50px; background: var(--page); } .table-responsive.firstcolumn::before { content: ''; position: absolute; top: 0; left: -15px; width: 15px; height: 100%; background: #fbf8f2; } .table-responsive div { width: 100%; /* justify-content: center; */ word-break: break-word; } .table-responsive>div:first-child { padding-bottom: 15px; font-size: 14px; } .table-responsive>div:not(:first-child) { padding: 20px 0 10px; } .table-responsive h3 { width: 100%; font-size: 13px; } } /* @end */ /* !@group gallery shortcode */ .gallery-editor { margin: 0 -1.2rem 3rem; display: flex; flex-wrap: wrap; } .gallery-editor .gallery-item { padding: 0 1.2rem 2.4rem; flex: 0 0 33.333333%; } .gallery-column-2 .gallery-item { flex: 0 0 50%; } .gallery-column-4 .gallery-item { flex: 0 0 25%; } .gallery-column-5 .gallery-item { flex: 0 0 20%; } .gallery-column-6 .gallery-item { flex: 0 0 16.666666%; } .gallery-caption { margin: 1rem 0 0; word-break: break-all; font-size: 1.6rem; line-height: 1.3; } .gallery-editor .gallery-item a { display: block; position: relative; } .gallery-editor .gallery-item a::after { content: '\e080'; font-family: 'edita-font'; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 6rem; color: #fff; opacity: 0; transition: opacity .45s; } .gallery-editor .gallery-item img { width: 100%; height: auto; transition: opacity .45s; } .gallery-editor .gallery-item a:hover::after { opacity: 1; } .gallery-editor .gallery-item a:hover img { opacity: .75; } @media screen and (max-width: 1024px) { main .gallery-editor { margin: 0 -1.2rem 3rem; } } @media screen and (max-width: 1024px) { .gallery-editor .gallery-item, .gallery-editor .gallery-column-2 .gallery-item, .gallery-editor .gallery-column-3 .gallery-item, .gallery-editor .gallery-column-4 .gallery-item, .gallery-editor .gallery-column-5 .gallery-item, .gallery-editor .gallery-column-6 .gallery-item { flex: 0 0 100%; } } /* @end */ /* !@group newsletter page */ .newsletter-logo { max-width: var(--page-width); margin: 0 auto; padding: 2rem 3rem; background: var(--footer); } .newsletter-logo>.inner { max-width: 30rem; margin: 0 auto; } .form-newsletter { padding-top: 4rem; text-align: left; } .form-newsletter .first-input-column .input-column { width: 50%; } @media screen and (max-width: 1024px) { .form-newsletter .first-input-column .input-column { width: 100%; } } /* @end */ @media screen and (max-width: 1440px) { /* !@group camere section @1779 */ .camere-slideshow-nav { top: -13%; right: 3%; } .camere-slideshow .bullets.bottom-bullets { justify-content: flex-start; } /* @end */ } @media screen and (max-width: 1520px) { /* !@group camere section @1520 */ .camera-slide .text { right: 0; } /* @end */ } @media screen and (max-width: 1480px) { /* !@group reveiew section @1480 */ #tripadvisor, #booking { width: calc(50% - 2rem); } /* @end */ } @media screen and (max-width: 1300px) { /* !@group menu @ 1300 */ .menu-list { width: 40%; } /* @end */ } @media screen and (max-width: 1276px) { /* !@group camere section @1276 */ .camere-slideshow { margin: 0 2rem; } .camera-slide .text { right: 2rem; } /* @end */ } @media screen and (max-width: 1024px) { /* !@group menu @1024 */ .menu-list, .menu-footer { width: 100%; } .submenu-list { position: static; } .menu-list a:hover { color: var(--title); } .menu-list a:hover::after { width: 0%; background-color: var(--title); } .submenu-list { margin-left: 2rem; } /* @end */ /* !@group buoni motivi section @1024 */ #combo-buoni-motivi .row>div { width: 48%; } .buoni-motivi { display: flex; flex-direction: column; } .left .buoni-motivi { flex-direction: column-reverse; } .buoni-motivi .text { position: static; width: 100%; } .buoni-motivi p { max-width: 100%; } /* .motivi-cta { margin-left: 33.333%; } */ /* @end */ /* !@group offerte section @911 */ .offerta-slide .text { margin-right: 0; margin-bottom: 0; padding-right: 6.25%; order: 2; min-height: 38rem; right: auto; } .offerta-slide h3 { line-height: 1.1; text-align: center; } .offerta-slide .image { margin-top: 0; width: 56%; order: 3; } .offerta-slide .image img { height: 100%; object-fit: cover; } .offerta-slide-cta { width: 30%; left: 35%; } .offerta-slide .countcontainer { justify-content: center; position: static; width: 100%; order: 1; padding-bottom: 1rem; margin-bottom: 0; } /* @end */ /* !@group reviews section @911 */ .reviews { flex-direction: column; } .reviews::before { display: none; } a.viewall { top: auto; } #tripadvisor, #booking { width: 66.666%; margin: 0 auto; } .feedback-slideshow-nav { margin-top: 4rem; display: flex; justify-content: center; } #tripadvisor { margin-bottom: 3rem; } /* @end */ /* !@group footer @1024 */ .footer-content::before { display: none; } .footer-content { padding: 5rem 10%; } #site-footer .page-container { padding: 3rem 0; flex-direction: column; align-items: flex-start; } .footer-content, .footer-mappa { width: 100%; } .footer-mappa>img { display: none; } #credits { align-self: center; padding-top: 2rem; } /* @end */ /* !@group list camere @1024 */ .camera-item .text, .camera-item .image { margin: 0; min-height: 42rem; } .camera-item .text { width: 33.333% } .camera-item .image { width: 66.666% } .camera-item .image img { height: 100%; object-fit: cover; } #list-camere .camera-item:nth-of-type(odd) .text { margin: 0; } /* @end */ /* !@group offerta @911 */ .offerta-extra-content .extra-text .inner { columns: 1; } /* @end */ /* !@group form @911 */ .offerta-form mark { padding-bottom: 2rem; } .first-input-column { flex-wrap: wrap; } .first-input-column .input-column { width: 50%; padding-top: 1rem; } h2.offerta-form-title { font-size: 5rem; } .row-check { flex-direction: column; } .row-check .input-column:first-of-type { width: 100%; } .row-check .input-column:last-of-type { width: 100%; margin-top: 2rem; } /* @end */ } @media screen and (max-width: 1024px) { /* !@group common @1024 */ .slider-nav>span { width: 3.8rem; height: 3.8rem; } /* @end */ /* !@group menu @1024 */ .menu-list li { padding: 1rem 0; } .menu-list>li>a, .submenu-list>li>a { padding: 0 15px; text-align: center; } .menu-list a { font-size: 2rem; line-height: 1; } .menu-footer { text-align: center; } .menu-footer>.inner { padding-left: 0; } .menu-footer .social-icon { width: 3rem; height: 3rem; } /* @end */ /* !@group main content @1024 */ .page-content main { padding-top: 4rem; } body.camera .page-content main { padding-top: 4rem; } .featured-slide { margin-top: 0; } .featured-slide.is-active { margin-bottom: 0; } /* @end */ /* !@group sections @1024 */ .content-section .section-title { flex-direction: column; padding-bottom: 3rem; } .content-section .section-title>* { width: 100%; } /* @end */ /* !@group highlights section @1024 */ .highlight { background: var(--page); padding: 0; } .highlight-container, .highlight:nth-of-type(even) .highlight-container { flex-direction: column; } .highlight-container .text, .highlight-container .image { width: 100%; } .highlight-container .text { height: auto; padding: 2rem 2rem 6rem; } .highlight p { max-width: initial; font-size: 1.6rem; } .highlight-cta { width: 100%; position: static; margin-top: 2rem; } .highlight:nth-of-type(even) .highlight-cta { align-self: flex-start; } /* @end */ /* !@group camere section @1024 */ .camere-slideshow-nav { top: auto; right: auto; position: relative; margin-top: 40px; justify-content: center; } .slider-nav { width: 10rem; } .camera-slide .description, .camera-slide-cta { display: none; } .camera-slide .text { width: auto; height: auto; padding: 1rem 2rem; } .camera-slide.is-active .text { bottom: 0; right: 0; } /* @end */ /* !@group offerta section @1024 */ .offerta-slide { flex-direction: column; margin-right: 0 !important; } .offerta-slide.glide__slide--next, .offerta-slide.glide__slide--active { margin-right: 0 !important; margin-left: 0 !important; } .offerta-slide .text, .offerta-slide .image { width: 100%; } .offerta-slide .text { min-height: initial; margin-top: 0; } .offerta-slide .description { display: none; } .offerta-slide .price-box { align-items: center; padding: 2rem 0; } .offerta-slide .price-box .price { line-height: 1; } .offerta-slide-cta { display: none; } .offerte-slideshow .slider-controls { padding-top: 2.8rem; } .offerte-slideshow .bullets { align-self: flex-start; } .offerte-slideshow .slider-nav { margin-top: 1rem; } /* @end */ /* !@group buoni motivi section @1024 */ #combo-buoni-motivi .back { padding-bottom: 2rem; } .buoni-motivi { flex-direction: column-reverse; } #combo-buoni-motivi .row>div { width: 100%; } /* @end */ /* !@group reviews section @1024 */ #combo-reviews .section-title { padding-bottom: 0; } #combo-reviews .section-title h2 { width: 100%; } #tripadvisor, #booking { width: 100%; } #booking { padding: 3rem 0; } .tripadvisor-header { margin-bottom: 3.5rem; } .tripadvisor-header img { margin-bottom: 2rem; } .tripadvisor-header .row1 { flex-direction: column; } .tripadvisor-header .row2 { justify-content: flex-start; } .tripadvisor-header .row1 span { padding-left: 1rem; } /* @end */ /* !@group footer @1024 */ #site-footer { padding: 0 0 7.2rem; } .footer-content { padding: 0 2rem; } #credits { align-self: center; } .hotel-info .icon { margin-right: .5rem; } .hotel-info address { letter-spacing: initial; } .footer-content img { display: block; margin: 0 auto; } /* @end */ /* !@group list camere @1024 */ .camera-item { margin-bottom: 3rem; } .camera-item, #list-camere .camera-item:nth-of-type(odd) { flex-direction: column; } body.camera #list-camere { margin: 0; } .camera-item .text, .camera-item .image { width: 100%; min-height: initial; } body.camera #list-camere .camera-item .text { order: 1; } body.camera #list-camere .camera-item .image { order: 2; } body.camera .page-container .camera-item h2, body.camera .page-container .camera-item h3 { font-weight: 300; } body.camera .page-container .camere-slideshow-nav { padding: 0 20px; } /* .camera-item .text, #list-camere .camera-item:nth-of-type(odd) .text { padding: 2rem; } */ #list-camere .camera-item:nth-of-type(odd)::after { right: 0; } #list-camere .camera-item:nth-of-type(odd) .camera-item-cta { align-self: flex-start; } /* @end */ /* !@group offerta @1024 */ .offerta-wrap { padding: 0 2rem; } .offerta-details { flex-direction: column-reverse; } .offerta-details>div { width: 100%; } .offerta-details .countcontainer { padding-top: 2rem; } .offerte-slideshow { display: flex; flex-direction: column; } .offerte-slideshow-nav { position: relative; top: auto; right: auto; margin-top: 30px; justify-content: center; } .offerte-slideshow-nav .nav-slider-controls .bullets { top: 3px; } /* @end */ /* !@group form @1024 */ .offerta-form { padding: 3rem 1rem; } h2.offerta-form-title { font-size: 3.5rem; line-height: 1.3; } .offerta-form mark { font-size: 2rem; } .first-input-column, .second-input-column .container-column, .third-input-column, .bloccocamere .container-column, .container-check { flex-direction: column; } .first-input-column .input-column, .second-input-column .input-column, .third-input-column .input-column, .bloccocamere .title-camera, .bloccocamere .input-column, .container-bloccoetabambini .bloccoetabambini, .container-check .form-check { width: 100%; } .bloccocamere .title-camera { text-align: left; } .container-check .form-check+.form-check { padding-top: 2rem; } .form-style input[type='text'], .form-style input[type='email'], .form-style input[type='date'], .form-style select { height: 5rem; } .visibleIcon { font-size: 2rem; top: 1.5rem; right: 1.5rem; } .second-input-column .visibleIcon, .third-input-column .visibleIcon, .bloccocamere .visibleIcon { top: 4.2rem; } /* @end */ } /* !@group CTA shortcode */ a.editor-cta { display: inline-block; line-height: 1; color: #fff; text-transform: uppercase; letter-spacing: .1ch; text-decoration: none; padding: 1ch 2.5ch; transition: background-color .4s ease; } a.editor-cta span { display: inline-block; margin-left: 1ch; vertical-align: middle; line-height: 1; } a.editor-cta { background-color: var(--title); } a:hover.editor-cta { color: #fff; background-color: var(--footer); text-decoration: none; } /* @end */ /* !@group page blocks */ #page-blocks { position: relative; } #page-blocks::before { content: ''; position: absolute; top: clamp(-10.6rem, -5.3vw, -5rem); left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 5.729vw solid transparent; border-right: 5.729vw solid transparent; border-top: 4.688vw solid #fff; } #page-blocks.horizontal::before { display: none; } #page-blocks .block-container { max-width: 1440px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 5.813vw 0 6.813vw; } #page-blocks.horizontal .block-container { padding: 0 0 6.813vw; max-width: 1700px; } #page-blocks .block-item { flex: 0 0 50%; padding: 1%; position: relative; } #page-blocks.horizontal .block-item { flex: 0 0 25%; } #page-blocks .block-item::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; height: 80%; border: 1px solid #fff; z-index: 1; } .block-item .image { position: relative; height: 32.552vw; background: #6f9394; } #page-blocks.horizontal .block-item .image { height: 18.552vw; } .block-item picture img { width: 100%; height: 100%; object-fit: cover; opacity: 0.5; transition: opacity, 0.2s; } .block-item .image .text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 80%; } .block-item h2 { font-size: min(3.5vw, 7rem); line-height: 0.9; color: #fff; font-weight: 700; font-family: var(--font2); } #page-blocks.horizontal .block-item h2 { font-size: max(35px, 3.177vw); margin-bottom: 2rem; } html:lang(de) .block-item h2 { font-size: max(21px, 2.2vw); } html:lang(de) #page-blocks.horizontal .block-item h2 { font-size: max(23px, 1.277vw); } .block-item h2 a { color: #fff; text-decoration: none; } .block-item .image .text img { display: block; margin: 0 auto; } #page-blocks.horizontal .block-item .image .text img { width: 40%; } #page-blocks .block-item:hover picture img { opacity: 0.3; } #page-blocks .block-item:hover .image .text img.arrow { animation: arrow-right .8s infinite; position: relative; top: 0.781vw; } #page-blocks.inner { margin-top: 4.427vw; } #page-blocks.inner::before { display: none; } #page-blocks.inner .block-container { max-width: none; padding: 0; } #page-blocks.inner .block-item { flex: 0 0 32.3333%; padding: 0; } #page-blocks.inner .block-item h2 { font-size: max(35px, 2.552vw); text-transform: none; } #page-blocks.inner .block-item .image { height: 21.094vw; } #page-blocks.inner .block-item .image { background: #adc3c3; transition: opacity, 0.2s; } #page-blocks.inner .block-item:first-child .image { background: #97bfc0; } #page-blocks.inner .block-item:last-child .image { background: #6f9394; } #page-blocks.inner .block-item .image .text img.arrow { width: 30%; } #page-blocks.inner .block-item:hover .image { opacity: 0.7; } @media screen and (max-width: 1024px) { #page-blocks::before { display: none; } #page-blocks .block-container, #page-blocks.horizontal .block-container { flex-direction: column; padding: 4rem 0; } #page-blocks .block-item, #page-blocks.horizontal .block-item { flex: 0 0 100%; } .block-item .image, #page-blocks.inner .block-item .image, #page-blocks.horizontal .block-item .image { height: 72.552vw; } #page-blocks .block-item::before { width: 90%; height: 90%; } .block-item .image .text img, #page-blocks.horizontal .block-item .image .text img { width: 40%; } #page-blocks.inner .block-item { flex: 0 0 100%; margin-bottom: 10px; } .block-item h2 { font-size: 3rem; } } /* @end */ /* !@group percorsi */ /* #combo-percorsi { margin-top: -3.594vw; } */ .percorsi-container { max-width: calc(93.75vw - 6%); margin: 0 auto 3.167vw; display: flex; justify-content: flex-start; flex-wrap: wrap; } .percorsi-container article { flex: 0 0 32%; margin: 0 0.5%; margin-bottom: max(30px, 2.167vw); } .percorsi-container article .image { background: #9e9696; } .percorsi-container article .image img { transition: opacity 0.2s; width: 100%; } .percorsi-container article .text { background: #fff; padding: 4.167vw 3.125vw 10.469vw; position: relative; } .percorsi-container article .text a { text-decoration: none; } .percorsi-container article .text h3 { font-size: max(25px, 1.719vw); letter-spacing: 2px; line-height: 1; color: #97bfc0; font-weight: 600; margin-bottom: max(30px, 2.344vw); } .percorsi-container article .text strong { font-weight: 700; } .percorsi-container article .post-slide-cta { position: absolute; bottom: 3.125vw; left: 50%; transform: translateX(-50%); background: #9e9696; padding: 1.302vw 2.083vw; text-align: center; width: 70%; } .post-slide-cta .item-cta { color: #fff; text-transform: uppercase; } .percorsi-container article:hover .image img { opacity: 0.6; } .percorsi-container article:hover .post-slide-cta { animation: pulse 8s infinite; } .iframe-container { height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; } .iframe-container iframe, .iframe-container object, .iframe-container embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } @media screen and (max-width: 1024px) { .iframe-container { overflow: visible; } } .page-columns.routes { font-weight: 300; } .page-columns.routes.columns-2 { columns: 1; display: flex; justify-content: space-between; flex-wrap: wrap; } .page-columns.routes>div { flex: 0 0 44%; } .page-columns.routes strong { font-weight: 600; color: #97bfc0; } .page-columns.routes .image { margin-top: 6rem; } .page-columns.routes .image img { display: block; margin: 0 auto; } @media screen and (max-width: 1024px) { .percorsi-container { flex-direction: column; } .percorsi-container article { flex: 0 0 100%; } .percorsi-container article .text { padding: 30px 15px; } .percorsi-container article .post-slide-cta { position: relative; bottom: auto; left: auto; transform: none; margin-top: 30px; padding: 20px 30px; display: block; width: 100%; } .page-columns.routes.columns-2 { flex-direction: column; justify-content: flex-start; } .page-columns.routes.columns-2>div { flex: 0 0 100%; } .iframe-container { margin-bottom: 4rem; } } /* @end */ /* !@group banner strava */ .strava-banner { position: fixed; right: 2rem; top: 50%; transform: translateY(-50%); width: 13.021vw; height: 13.021vw; padding: 2.083vw; box-shadow: 0px 0px 13px 3px rgba(0, 0, 0, 0.23); background: #fff; border-radius: 100%; display: flex; flex-direction: column; justify-content: space-between; text-align: center; text-decoration: none; color: #666666; z-index: 5; } .strava-banner span { font-size: max(16px, 0.885vw); letter-spacing: 1px; line-height: 1; text-transform: uppercase; font-weight: 700; color: #666666; } .strava-banner img { display: block; margin: 0 auto; width: 6.823vw; height: 5.677vw; } .strava-banner:hover { animation: pulse 8s infinite; } @media screen and (max-width: 1024px) { .strava-banner { width: 110px; height: 110px; padding: 20px 10px; transform: none; top: auto; bottom: 8rem; } .strava-banner span { font-size: 15px; } .strava-banner img { width: 40px; height: 34px; } } /* @end */ /* modale */ .modal { display: none; position: fixed; z-index: 999; padding-top: 30px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); text-align: left; } .modal.open { display: block; } body.modalopen #booking { z-index: 999; } .modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; width: 50%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; } @-webkit-keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } @keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } .close { color: #fff; float: right; font-size: 15px; line-height: 0; font-weight: bold; background: #000; padding: 10px; border-radius: 100%; position: absolute; right: 0; top: -73%; } .close:hover, .close:focus { color: #fff; text-decoration: none; cursor: pointer; } .modal-header { margin: 20px; border-bottom: 1px solid #f3eae1; position: relative; } .modal-header h2 { margin-bottom: 25px; } .modal-body { padding: 2px 16px; } .modal-footer { padding: 2px 16px; background-color: #5cb85c; color: #fff; } .edtModalPopup.modal { background-color: rgba(158, 150, 150, 0.8); /* background-color: rgba(244, 163, 169, 0.8); */ } .edtModalPopup .modal-header { margin: 0; min-height: 0; border: 0; } .edtModalPopup .modal-content { background: transparent; border: 0; box-shadow: none; } .edtModalPopup img.mobile, .edtModalPopup .mobile { display: none; } .edtModalPopup img { display: block; margin: 0 auto; width: auto; } /* @media only screen and (min-width: 1200px) and (max-width: 1584px) { .edtModalPopup .modal-body { width: 80%; position: relative; left: 50%; transform: translateX(-50%); } } */ @media only screen and (max-width: 1024px) { .edtModalPopup img.mobile, .edtModalPopup .mobile { display: block; width: 100%; } .edtModalPopup img.desktop, .edtModalPopup .desktop { display: none; } .edtModalPopup .modal-content { width: 90%; } } /* !@group faq list */ #faq { padding: 0 3rem 5rem; position: relative; z-index: 1; } #faq>.inner { /* max-width: 120rem; */ margin: 0 auto; } details { border-top: .1rem solid var(--lines); color: var(--text); font-size: 1.4rem; font-weight: 300; padding: 0 0 0 1.5rem; transition: padding-bottom .35s ease; } details[open] { padding-bottom: 2rem; } details:first-of-type { border-top: 0; } details summary { position: relative; list-style-type: none; /* color: var(--title); */ font-family: var(--font2); font-size: 1.75rem; font-weight: 700; padding: 1rem 0; margin-bottom: 0; transition: color .35s ease, margin-bottom .35s ease; } details[open] summary { color: #ccaaa5; margin-bottom: 1rem; } details summary::before { content: "\E01C"; font-family: "edita-font"; position: absolute; color: #adc3c3; left: -30px; top: 50%; transform: translateY(-50%); } details summary::after { content: 'p'; font-family: 'edita-font'; color: var(--item-link); position: absolute; right: 1.5rem; top: 1rem; transform: rotate(90deg); transition: transform .35s ease; } details[open] summary::after { transform: rotate(-90deg); } @media screen and (min-width: 1023px) { details { font-size: 2rem; } details summary { font-size: 2.2rem; } } @media screen and (max-width: 1024px) { html:lang(de) #faq { padding: 0 0 5rem; } html:lang(de) details { padding: 0; } html:lang(de) details summary::before { display: none; } } /* @end */ html:lang(it) .menu-list .menu-item-20 a, html:lang(it) .menu-list .menu-item-33 a, html:lang(en) .menu-list .menu-item-43 a, html:lang(en) .menu-list .menu-item-45 a, html:lang(de) .menu-list .menu-item-56 a, html:lang(de) .menu-list .menu-item-58 a, html:lang(fr) .menu-list .menu-item-64 a, html:lang(fr) .menu-list .menu-item-66 a { position: relative; } html:lang(it) .menu-list .menu-item-20 a::before, html:lang(it) .menu-list .menu-item-33 a::before, html:lang(en) .menu-list .menu-item-43 a::before, html:lang(en) .menu-list .menu-item-45 a::before, html:lang(de) .menu-list .menu-item-56 a::before, html:lang(de) .menu-list .menu-item-58 a::before, html:lang(fr) .menu-list .menu-item-64 a::before, html:lang(fr) .menu-list .menu-item-66 a::before { position: absolute; content: url('../img/bike.png'); left: -20px; top: -32px; transform: scale(0.5); } html:lang(it) .menu-list .menu-item-33 a::before, html:lang(en) .menu-list .menu-item-45 a::before, html:lang(de) .menu-list .menu-item-58 a::before, html:lang(fr) .menu-list .menu-item-66 a::before { content: url('../img/family.png'); } @media (max-width:767px) { html:lang(it) .menu-list .menu-item-20 a::before, html:lang(it) .menu-list .menu-item-33 a::before, html:lang(en) .menu-list .menu-item-43 a::before, html:lang(en) .menu-list .menu-item-45 a::before, html:lang(de) .menu-list .menu-item-56 a::before, html:lang(de) .menu-list .menu-item-58 a::before, html:lang(fr) .menu-list .menu-item-64 a::before, html:lang(fr) .menu-list .menu-item-66 a::before { left: 20px; transform: scale(0.4); } } @media (min-width:768px) and (max-width:1024px) { html:lang(it) .menu-list .menu-item-20 a::before, html:lang(it) .menu-list .menu-item-33 a::before, html:lang(en) .menu-list .menu-item-43 a::before, html:lang(en) .menu-list .menu-item-45 a::before, html:lang(de) .menu-list .menu-item-56 a::before, html:lang(de) .menu-list .menu-item-58 a::before, html:lang(fr) .menu-list .menu-item-64 a::before, html:lang(fr) .menu-list .menu-item-66 a::before { left: 25%; } }