.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 point-left { 0% { transform: translateX(0); } 100% { transform: translateX(-.8rem); } } @keyframes point-right { 0% { transform: translateX(0); } 100% { transform: translateX(.8rem); } } body:not(.touch) .pulse:hover, body:not(.touch) a:hover .pulse, body:not(.touch) .form-check-label a:hover { animation: pulse 10s infinite; } body:not(.touch) .point-left:hover, body:not(.touch) a:hover .point-left { animation: point-left .5s cubic-bezier(.5, 0.05, 1, .5) alternate 10; } body:not(.touch) .point-right:hover, body:not(.touch) a:hover .point-right, body:not(.touch) .text:hover .article-arrow, body:not(.touch) .card-cta:hover .point-right { animation: point-right .5s cubic-bezier(.5, 0.05, 1, .5) alternate 10; } /* @end */ /* !@group common */ body.menu-open { overflow-y: hidden; height: 100%; } body.menu-open #page { filter: blur(.8rem); } ::-moz-selection { background: var(--selection); } ::selection { background: var(--selection); } .bullets { display: flex; } .bullet + .bullet { margin-left: 2.5rem; } .bullet { -webkit-appearance: none; appearance: none; background: transparent; border: none; padding: 0; } .bullet-active, .bullet-outline, .bullet-dot { transition: opacity .3s, fill .3s; } .bullet-outline { fill: #d1cbc6; } .bullet-active, .bullet-dot { fill: var(--link); opacity: 0; } .glide__bullet--active .bullet-active, .glide__bullet--active .bullet-dot { opacity: 1; } .glide__bullet--active .bullet-outline { opacity: 0; } .bullet:not(.glide__bullet--active):hover .bullet-dot { fill: #d1cbc6; opacity: 1; } [data-glide-el='controls'] button { width: 4.4rem; height: 8.8rem; display: flex; cursor: pointer; } [data-glide-el='controls'] [class^='diamond-'] { margin: auto; } button { -webkit-appearance: none; appearance: none; border: 0; background-color: transparent; padding: 0; font-family: var(--font1); } .diamond-left polygon, .diamond-left path, .diamond-right polygon, .diamond-right path { transition: opacity .5s ease; } .diamond-left polygon, .diamond-right polygon { opacity: 0; } [data-glide-el='controls'] button:hover .diamond-left polygon, [data-glide-el='controls'] button:hover .diamond-right polygon { opacity: 1; } [data-glide-el='controls'] button:hover .diamond-left path, [data-glide-el='controls'] button:hover .diamond-right path { opacity: 0; } [data-aos="imgzoom"], [data-aos="imgopzoom"] { overflow: hidden; } [data-aos="imgzoom"] img { transform: scale(1.15); transition: transform .8s ease-in-out; /* transition-delay: .5s; */ } [data-aos="imgopzoom"] img { opacity: 0; transform: scale(1.15); transition: opacity .8s ease-in-out, transform .8s ease-in-out; /* transition-delay: .5s; */ } [data-aos="imgzoom"].aos-animate img { transform: scale(1); } [data-aos="imgopzoom"].aos-animate img { opacity: 1; transform: scale(1); } .price-box { display: flex; flex-direction: column; } .price-box .prefix, .price-box .price, .price-box .suffix { width: 100%; } .price-box .prefix, .price-box .suffix { color: #777; font-size: 1.8rem; font-size: clamp(1.4rem, 0.89vw, 1.8rem); } .price-box .price { color: var(--title); font-size: 4.8rem; font-size: clamp(3rem, 2.4vw, 4.8rem); line-height: 1.3; font-family: var(--font2); } @media screen and (max-width: 767px) { [data-glide-el='controls'] button { width: 5rem; height: 5rem; } .arrow-right, .arrow-left { width: 2.2rem; height: 1.7rem; -webkit-mask-size: contain; mask-size: contain; } [data-glide-el='controls'] [class^='diamond-'] svg { width: 2.2rem; height: 4.4rem; } } /* @end */ /* !@group editor content */ .editor-text { letter-spacing: .125ch; } .editor-text h2, .editor-text h3, .editor-text h4, .editor-text h5, .editor-text h6 { color: var(--subtitle); text-transform: uppercase; line-height: 1.3; margin: 3rem 0; letter-spacing: .22ch; } .editor-text h2 { font-size: 2rem; } .editor-text h3 { font-size: 2rem; } .editor-text h4 { font-size: 1.8rem; } .editor-text h5 { font-size: 1.8rem; } .editor-text h6 { font-size: 1.8rem; } .editor-text p, .editor-text ul, .editor-text ol { margin-bottom: 2.5ch; } .editor-text b, .editor-text strong { font-weight: 700; } .editor-text ul, .editor-text ol { margin-left: 2.5ch; } .editor-text ul { list-style-type: disc; } .editor-text ol { list-style-type: decimal; } .editor-text li::marker { color: var(--title); font-weight: 700; } .editor-text a { text-decoration: underline .1rem; transition: color .3s; } .editor-text a:hover { color: var(--cta); } /* @end */ /* !@group header slideshow */ #payoff > span { background: #ffe6c0 url('../img/background/text-background.jpg') no-repeat center; background-size: contain; background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; -moz-text-fill-color: transparent; -webkit-text-fill-color: transparent; } .header-slideshow [data-glide-el='controls'] button { height: 2rem; width: 2rem; color: #fff; display: block; } .header-slideshow [data-glide-el='controls'] button span { margin: auto; } .header-slideshow [data-glide-dir="<"] { margin-right: 1.5rem; } .header-slideshow [data-glide-dir=">"] { margin-left: 1.5rem; } /* @end */ /* !@group header */ .header-right a:hover { color: var(--color2); } .header-right a:hover .label { opacity: 1; top: calc(100% + 1rem); } #header-logo a { } .icon-whatsapp { -webkit-mask-image: url('../img/svg/icon-whatsapp.svg'); mask-image: url('../img/svg/icon-whatsapp.svg'); } .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'); } /* @end */ /* !@group main cta */ #main-cta:hover { background-color: var(--cta-hover); } #main-cta:hover .arrow::after { animation: arrow .6s ease-in-out alternate 6; } #back-button:hover .arrow-left { animation: arrow-left .6s ease-in-out alternate 6; } .scroll #mobile-cta { box-shadow: 0 -.3rem 3.5rem rgba(154,147,142,.24); } .scroll.end #mobile-cta { box-shadow: 0 0 0 rgba(154,147,142,0); } /* @end */ /* !@group menu */ #open-menu:hover .top svg, #open-menu:hover .bottom svg { fill: var(--cta); } #open-menu.open .top svg, #open-menu.open .bottom svg { opacity: 0; transform: scaleX(0); } #open-menu.open .middle .menu-bar:first-of-type svg { transform: rotate(45deg); } #open-menu.open .middle .menu-bar:last-of-type svg { transform: rotate(-45deg); } #main-menu { display: none; opacity: 0; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: var(--menu); background: var(--gradient2); padding-top: var(--header); } .menu-open #main-menu { pointer-events: all; display: flex; flex-direction: column-reverse; padding-top: var(--header); justify-content: flex-end; opacity: 0; } .main-menu-container { margin: auto auto auto 0; width: 50%; } .menu-item { position: relative; text-align: right; } .submenu-list { position: absolute; top: 0; left: 100%; width: 100%; padding-top: .8ch; } .submenu-list.hide-menu { display: none; } .submenu-item { text-align: left; } .menu-item > a, .submenu-item > a { color: #fff; text-decoration: none; line-height: min(6vmin, 7rem); font-weight: 300; letter-spacing: .1ch; transition: color .3s ease; } .menu-item > a:hover, .submenu-item > a:hover { color: var(--title); } .menu-item > a { font-size: 3rem; font-weight: 200; text-transform: uppercase; padding-right: 1.5ch; position: relative; } .menu-item > a [class^='icon-'] { font-size: .7em; position: absolute; right: 0; padding-top: .2ch; transform: rotate(90deg); transition: transform .35s; } .menu-item.click-show-menu > a [class^='icon-'] { transform: rotate(0deg); } .menu-item.click-show-menu > a { color: var(--title); } .submenu-item > a { font-family: var(--font2); font-size: 2.6rem; line-height: 4.5vmin; padding-left: 2ch; letter-spacing: -.05ch; text-transform: normal; } .lang-menu-container { display: flex; flex-direction: row; justify-content: center; padding: 3rem; } #lang-menu { display: flex; flex-direction: row; justify-content: center; border-bottom: .1rem solid rgba(255,255,255,.2); padding: 0 2rem 1.5rem 2rem; } #lang-menu li { padding: 0 1rem; } #lang-menu a { color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: .1ch; transition: color .3s ease; } #lang-menu a:hover { color: var(--title); } @media screen and (max-width: 991px) { #main-menu { padding-bottom: 10rem; } } @media screen and (max-width: 767px) { .language-list-link span { display: none; } .main-menu-container { width: 100%; margin: auto; } .menu-item, .submenu-item { text-align: center; padding: .5rem 0; } .menu-item > a, .submenu-item > a { font-size: 2.2rem; padding-left: 1.5ch; } .submenu-list { position: static; } } /* @end */ /* !@group text blocks */ .text-title { padding-top: 18%; padding-left: 5rem; padding-left: 2.5vw; padding-left: clamp(2.5rem, 2.5vw, 5rem); position: relative; } .text-title::before { content: ''; display: block; width: .3rem; position: absolute; top: 0; left: 0; bottom: 0; background: url('../img/svg/vertical-dots-white.svg') repeat-y left bottom; } .text h2 { font-size: 9rem; font-size: 4.5vw; font-size: clamp(4.5rem, 4.5vw, 9rem); font-family: var(--font2); line-height: .9; font-weight: 200; color: var(--title); letter-spacing: -.1ch; } .text h2 span { display: block; padding-left: 1.5ex; } .text .text-inner { padding: 0 15% 0 10%; } .text .description { font-size: 1.9rem; font-size: 0.95vw; font-size: clamp(1.4rem, 0.95vw, 1.9rem); color: #fff; text-transform: uppercase; letter-spacing: .1ch; width: 80%; } .text .description strong, .text .description b { font-weight: normal; color: var(--title); } .text .text-link a { display: inline-block; outline: .1rem solid rgba(255,255,255,.33); padding: .6rem; } .text .text-link a .link-inner { display: inline-block; font-size: 1.8rem; font-size: 0.9vw; font-size: clamp(1.4rem, 0.9vw, 1.8rem); text-transform: uppercase; letter-spacing: .1ch; color: #fff; background: var(--title); padding: 2rem 3rem; } .text .text-link a .arrow-right { display: inline-block; margin-left: 2rem; vertical-align: middle; } .text .text-link a svg { fill: #fff; } @media screen and (max-width: 991px) { .text-title { padding-top: 3rem; margin-bottom: 3rem; } text h2 { font-size: 7rem; } .text .description, .text .text-link a { font-size: 2rem; } .text .description { width: 100%; margin-bottom: 3rem; } } @media screen and (max-width: 767px) { .text .text-inner { padding: 0 10% 0 10%; } .text h2 { font-size: 5rem; } .text .description { font-size: 1.8rem; } .text .text-link a { font-size: 1.6rem; } } /* @end */ /* !@group article blocks */ .article > .inner { display: flex; flex-direction: row-reverse; align-content: flex-start; max-width: var(--site-width); margin: 5rem auto; margin: clamp(2.5rem, 2.5vw, 5rem) auto; } .article .image { width: 56%; padding: 5.8rem 0; padding: clamp(2.9rem, 2.9vw, 5.8rem) 0; } .article .text-outer { width: 44%; position: relative; display: flex; } .article .text-outer::before { content: ''; position: absolute; top: 0; bottom: 0; left: 100%; width: 200rem; } .text-outer .text-inner { margin: auto; width: 68%; padding: 5% 0; display: flex; flex-direction: column; } .text-outer .text-inner h2 { font-family: var(--font2); font-size: 6rem; font-size: clamp(3rem, 3vw, 6rem); margin-bottom: 5%; } .text-outer .text-inner .description { font-size: clamp(1.4rem, 1vw, 2rem); } .article-link { align-self: flex-start; display: flex; flex-direction: column; margin-top: 5%; } .article-link a { font-size: 2rem; font-size: clamp(1.4rem, 1vw, 2rem); font-weight: 700; letter-spacing: .1ch; text-transform: uppercase; padding: 0 3rem .5ch 0; } .combo-section .article:nth-of-type(even) > .inner { flex-direction: row; } .combo-section .article:nth-of-type(even) .text-outer::before { left: auto; right: 100%; } .text-outer:hover .article-link { animation: arrow-right .6s ease-in-out alternate 6; } @media screen and (max-width: 1100px) { .article > .inner { align-items: stretch; } .article .image img { height: 100%; object-fit: cover; } } @media screen and (max-width: 991px) { .article > .inner, .combo-section .article:nth-of-type(even) > .inner { flex-direction: column; } .article .image, .article .text-outer { width: 100%; } .article .image { padding: 0; } .text-outer .text-inner h2 { font-size: 6rem; } .text-outer .text-inner .description, .article-link a { font-size: 2rem; } } @media screen and (max-width: 767px) { .text-outer .text-inner { width: 100%; padding: 3rem; } .text-outer .text-inner h2 { font-size: 5rem; line-height: 1.2; } .text-outer .text-inner .description { font-size: 1.8rem; } .article-link a { font-size: 1.4rem; } } /* @end */ /* !@group section gallery */ .gallery-item { background-color: var(--page); } .gallery-item img { transition: opacity .5s, filter .5s; } .gallery-item a { display: block; position: relative; cursor: zoom-in; } .gallery-item a::after { content: ''; display: block; width: 14rem; height: 14rem; position: absolute; top: 50%; left: 50%; background: url('../img/svg/expand.svg') no-repeat center center; opacity: 0; transform-origin: center center; transform: translate(-50%, -50%) scale(.5); transition: opacity .75s, transform .75s; } .gallery-item a:hover::after { transform: translate(-50%, -50%) scale(1); opacity: 1; } .gallery-item a:hover img { opacity: .4; } .gallery-slideshow { position: relative; } .gallery-slideshow .slideshow-controls { pointer-events: none; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); } .gallery-slideshow [data-glide-el="controls"] { position: absolute; top: 50%; z-index: 1; opacity: 0; transition: opacity .5s; transform: translateY(-50%); } .gallery-slideshow [data-glide-el="controls"] button { pointer-events: all; } .camera-slideshow [data-glide-el="controls"] { opacity: 1; } .gallery-slideshow:hover [data-glide-el="controls"] { opacity: 1; } .gallery-slideshow .gallery-prev { position: absolute; left: 0; } .gallery-slideshow .gallery-next { position: absolute; right: 0; } .gallery-control { display: block; width: 6.4rem; height: 6.4rem; background: #fff; border-radius: 50%; display: flex; font-size: 3rem; box-shadow: 0 0 0 rgba(0,0,0,0); transition: box-shadow .4s; cursor: pointer; } .gallery-control [class^='icon'] { margin: auto; } .gallery-control:hover { box-shadow: 0 0 1rem rgba(0,0,0,.2); } /* @end */ /* !@group highlights */ .highlight > .inner { position: relative; display: flex; flex-direction: row-reverse; width: 100%; } #highlight-1 { background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 70%); padding-bottom: 5.5%; } #highlight-2 { background: var(--color2); padding: 0 2rem 4rem; } #highlight-2 > .inner { flex-direction: row; max-width: var(--page-width); margin: 0 auto; } #highlight-1 .image { width: 79.5%; margin-top: 16rem; margin-top: 8vw; margin-top: clamp(8rem, 8vw, 16rem); } #highlight-1 .text-inner, #highlight-2 .text-inner { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } #highlight-1 .text { width: 39%; background: var(--menu); background: var(--gradient2); margin-left: -18.5%; margin-bottom: 16rem; margin-bottom: 8vw; margin-bottom: clamp(8rem, 8vw, 16rem); z-index: 1; position: relative; display: flex; padding-bottom: 8%; } #highlight-1 .highlight-shape { width: 11.9rem; width: 5.95vw; width: clamp(5.95rem, 5.95vw, 11.9rem); height: 24.5rem; height: 12.25vw; height: clamp(12.25rem, 12.25vw, 24.5rem); position: absolute; left: -2rem; bottom: -2.6rem; pointer-events: none; } #highlight-2 .image { width: 62.37%; margin-bottom: 7%; z-index: 1; } #highlight-2 .text { display: flex; width: 49.94%; background: var(--page); border: .1rem solid var(--title); margin-right: -12.32%; margin-top: 7%; padding-bottom: 4%; } #highlight-2 .text-title { padding-top: 12%; } #highlight-2 .text .text-inner { padding-right: 30%; } #highlight-2 .text-title::before { background-image: url('../img/svg/vertical-dots-grey.svg'); } #highlight-2 .text h2 { color: var(--subtitle); } #highlight-2 .text .description { color: var(--subtitle); width: 100%; } #highlight-2 .text .text-link a { outline-color: #8b99a4; } #highlight-2 .text .text-link a .link-inner { background: var(--subtitle); color: var(--title); } #highlight-2 .text .text-link a svg { fill: var(--title); } @media screen and (max-width: 991px) { .highlight > .inner, #highlight-2 .inner { flex-direction: column; } #highlight-2 { padding: 0; } #highlight-1 .text, #highlight-2 .text, #highlight-1 .image, #highlight-2 .image { width: 100%; margin: 0; } #highlight-2 .text .text-inner { padding-right: initial; } } /* @end */ /* !@group buoni motivi section */ #combo-buoni-motivi { background-color: var(--page); overflow: hidden; padding-bottom: 5%; } .buono-motivo .text-outer, .buono-motivo .text-outer::before { background-color: var(--color3); } .buono-motivo .text-outer .text-inner h2 { color: var(--color2); } .buono-motivo .article-link a { color: var(--text); padding-right: 0; } .buono-motivo .article-link .arrow { background-color: var(--text); } .buono-motivo .article-link .arrow::after { display: none; } /* @end */ /* !@group camere section */ #combo-camere { background: var(--color2); padding: 5% 2rem; position: relative; overflow: hidden; } #combo-camere > .inner { max-width: var(--page-width); margin: 0 auto; display: flex; flex-direction: row-reverse; } #combo-camere .image { width: 58%; position: relative; height: 0; padding-bottom: 38.579234972%; font-size: 2rem; } .offerta #combo-camere { border-bottom-color: var(--color3); border-bottom-style: solid; border-bottom-width: 9rem; border-bottom-width: clamp(3rem, 4.5vw, 9rem); } .offerta #combo-camere .image::before { bottom: -20%; } .camera-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity .75s; z-index: 0; } .camera-img img { width: 100%; height: 100%; object-fit: cover; } .camera-img.active { opacity: 1; z-index: 1; } a.camera-link { position: absolute; right: 0; height: var(--cambutton); line-height: var(--cambutton); padding: 0 5rem 0 3rem; color: #fff; font-family: var(--font1); font-weight: 300; font-size: 3.5rem; font-size: 1.85vw; font-size: clamp(1.75rem, 1.85vw, 3.5rem); text-transform: uppercase; letter-spacing: 0.1ch; background-color: rgba(185,162,126,.8); display: flex; flex-direction: row; align-items: center; transition: .4s background-color; white-space: nowrap; } #camera-img-1 .camera-link { bottom: calc(var(--cambutton) * 3); } #camera-img-2 .camera-link { bottom: calc(var(--cambutton) * 2); } #camera-img-3 .camera-link { bottom: var(--cambutton); } a.camera-link:hover { background-color: var(--title); } #combo-camere .text { width: 42%; display: flex; flex-direction: column; justify-content: space-between; position: relative; z-index: 1; } #combo-camere .text::before { content: ''; background: var(--color1); background: var(--gradient1); position: absolute; top: -10%; right: 0; bottom: -10%; width: 115%; } .camere-buttons { display: flex; flex-direction: column; font-size: clamp( 1.4rem, 1vw, 2rem); padding-bottom: var(--cambutton); margin-top: auto; font-size: 3.5rem; font-size: 1.85vw; font-size: clamp(1.75rem, 1.85vw, 3.5rem); } .camera-button { color: rgba(255,255,255,.2); background-color: rgba(185,162,126,0); letter-spacing: 0.1ch; cursor: pointer; height: var(--cambutton); width: 88%; font-family: var(--font2); font-weight: 300; font-size: 3.5rem; font-size: 1.85vw; font-size: clamp(1.75rem, 1.85vw, 2.5rem); line-height: var(--cambutton); text-transform: uppercase; text-align: left; padding: 0 0 0 18%; position: relative; transition: color .45s, background-color .45s; } .camera-button:hover { color: var(--color2); } .camera-button.active { color: #fff; background-color: rgba(185,162,126,.3); } @media screen and (min-width: 1800px) { .camera-button { font-size: clamp(1.75rem, 1.85vw, 3.1rem); } } #combo-camere .text .text-inner { padding: 8% 21% 0 12%; text-align: center; } #combo-camere .text h2 { color: var(--title); font-size: 9rem; font-size: 4.76vw; font-size: clamp(4.5rem, 4.76vw, 9rem); font-weight: 200; letter-spacing: -.1ch; line-height: 1; } #combo-camere .text .description { width: 100%; padding-left: 0; color: #fff; font-size: 1.9rem; text-transform: uppercase; } @media screen and (max-width: 1100px) { #combo-camere .image { padding-bottom: 45%; } } @media screen and (max-width: 991px) { #combo-camere { padding-left: 0; padding-right: 0; } #combo-camere > .inner { flex-direction: column; } #combo-camere .text, #combo-camere .image { width: 100%; } #combo-camere .text h2 br { display: none; } #combo-camere .text::before { z-index: 0; } #combo-camere .text .text-inner { z-index: 1; padding: 2rem 0; } .camera-img { position: static; display: none; padding: 0; } .camera-button { color: #fff; width: 100%; padding: 0; text-align: center; font-size: 2rem; } .camera-img.active { display: block; } #combo-camere .image { padding-bottom: 63.9%; } #combo-camere .text, /* .camere-buttons, */ #combo-camere .image { display: contents; } .camera-button.active { background: var(--title); } #combo-camere .text .text-inner { order: 1; } #camera-button-1 { order: 2; } #camera-img-1 { order: 3; } #camera-button-2 { order: 4; } #camera-img-2 { order: 5; } #camera-button-3 { order: 6; } #camera-img-3 { order: 7; } #combo-camere .camera-img { position: relative; } a.camera-link { font-size: 2rem; top: 50%; left: 50%; right: initial; bottom: initial; transform: translate(-50%, -50%); } .camera-button:first-of-type:not(.active)::before, .camera-button:nth-of-type(2):not(.active)::before, .camera-button:last-of-type:not(.active)::after, .camera-button:nth-of-type(2):not(.active)::after { width: 100%; } } @media screen and (max-width: 767px) { #combo-camere .text .text-inner { padding: 5% 10% 10%; } a.camera-link .arrow-right { margin-left: 2rem; } } /* @end */ /* !@group camere list section */ #combo-camere-list { background-color: var(--page); overflow: hidden; padding-bottom: 5%; } .camera .text-outer, .camera .text-outer::before { background: var(--color1); background: var(--gradient1); } .camera .text-outer .text-inner { padding-top: 0; height: 100%; justify-content: space-between; padding-bottom: 10%; } .camera .text-outer .text-inner h2 { color: var(--title); } .camera .text-outer .text-inner p { color: #fff; } .camera .article-link a { color: #fff; } .camera-slideshow { position: relative; } .camera-slideshow [data-glide-el='controls'] { position: absolute; top: 50%; transform: translateY(-50%); } .camera-slideshow .slideshow-prev { left: 0%; } .camera-slideshow .slideshow-next { right: 0%; } .camera-slideshow [data-glide-el='controls'] button { background-color: rgba(255,255,255,.25); width: 5.4rem; height: 9.8rem; } .camera .text .description { width: 100%; } .camera .text-outer .text-inner .description { font-size: clamp(1.4rem, 0.89vw, 1.8rem); text-transform: initial; } .camera .text .description ul { margin: 1rem 0 1rem 2rem; list-style-type: square; } .camera .text .text-link { margin-top: 1rem; } @media screen and (max-width: 991px) { .camera .text-outer .text-inner .description { font-size: 1.8rem; } } /* @end */ /* !@group servizi */ #combo-servizi { padding: 0 2rem 17rem; padding-bottom: clamp(8.5rem, 8.5vw, 17rem); position: relative; overflow: hidden; background: var(--color2) url('../img/background/servizi-back.jpg') no-repeat center bottom; background-size: 100% auto; } #combo-servizi > .inner { max-width: var(--page-width); margin: 0 auto; display: flex; flex-direction: row; align-items: flex-start; position: relative; z-index: 1; } #combo-servizi .text { width: 42%; background: #fff; border: .1rem solid var(--title); position: relative; } #combo-servizi .text .text-inner { padding-bottom: 15%; } #combo-servizi .text::after { content: ''; display: block; width: 24.2rem; width: 12.1vw; width: clamp(12.1rem, 12.1vw, 24.2rem); height: 17.2rem; height: 8.6vw; height: clamp(8.6rem, 8.6vw, 17.2rem); position: absolute; right: 0; top: 30%; background: url('../img/background/heart.png') no-repeat center; background-size: contain; transform: translateX(50%); } #combo-servizi .service-shape { position: absolute; right: -2.6rem; bottom: -3rem; height: 20rem; height: clamp(10rem, 13.24vw, 20rem); width: 17.5rem; width: clamp(8.75rem, 11.58vw, 17.5rem); } #combo-servizi .text-title::before { background-image: url('../img/svg/vertical-dots-grey.svg'); } #combo-servizi .text h2 { color: var(--subtitle); } #combo-servizi .text .text-link a { color: var(--subtitle); } #combo-servizi .text .text-link a::after { background-color: var(--color2); } #combo-servizi .text .description { color: var(--subtitle); width: 100%; } #combo-servizi .text .text-link a { outline-color: #8b99a4; } #combo-servizi .text .text-link a .link-inner { background: var(--subtitle); color: var(--title); } #combo-servizi .text .text-link a svg { fill: var(--title); } #combo-servizi .text-title, #combo-servizi .description { margin-bottom: 15%; } @media screen and (max-width: 991px) { #combo-servizi { padding-left: 0; padding-right: 0; background-image: none; } #combo-servizi::before, #combo-servizi .image-container::before { display: none; } #combo-servizi > .inner { flex-direction: column; } #combo-servizi .image-container, #combo-servizi .text { width: 100%; } #combo-servizi .text .text-inner { padding-bottom: 10%; } #combo-servizi .text .text-link { display: none; } } /* @end */ /* !@group offerte section */ #combo-offerte { background: var(--page); background-size: cover; padding: 0 2rem 20rem; padding-bottom: clamp(5rem, 10vw, 20rem); color: #fff; } #combo-offerte > .section-title { max-width: 137.8rem; margin: 0 auto; padding: 10rem 0 9rem; padding: clamp(5rem, 5vw, 10rem) 0 clamp(4.5rem, 4.5vw, 9rem); display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; } #combo-offerte > .section-title h2 { color: var(--title); font-size: 7.4rem; font-size: clamp( 3.6rem, 3.69vw, 7.4rem); font-family: var(--font2); font-weight: 200; margin-right: 3rem; } #combo-offerte > .section-title a, .mobile-offerte-link a { color: var(--text); font-size: 1.7rem; font-weight: 300; letter-spacing: 0.15ch; text-transform: uppercase; transition: color .3s; } #combo-offerte > .section-title a .arrow-right, .mobile-offerte-link a .arrow-right { margin-left: 3rem; display: inline-block; vertical-align: middle; } #combo-offerte > .container { max-width: 152rem; margin: 0 auto; padding: 0 7.2rem; } .offerte-slideshow { position: relative; } .offerte-slideshow [data-glide-el='controls'] { position: absolute; top: 33.33%; } .offerte-slideshow .slideshow-prev { right: 100%; padding-right: 2rem; } .offerte-slideshow .slideshow-next { left: 100%; padding-left: 2rem; } .offerte-slideshow [data-glide-el='controls'] button { width: 4.4rem; height: 8.8rem; } .offerte-slideshow .bullets { display: flex; flex-direction: row; justify-content: center; padding-top: 5rem; } .mobile-offerte-link { display: none; padding-top: 10%; justify-content: center; } @media screen and (max-width: 991px) { #combo-offerte { padding-left: 0; padding-right: 0; } #combo-offerte > .section-title { justify-content: center; } #combo-offerte > .section-title h2 { text-align: center; font-size: 7rem; } #combo-offerte > .section-title .section-link, .offerte-slideshow .bullets { display: none; } .mobile-offerte-link { display: flex; } } @media screen and (max-width: 767px) { .offerte-slideshow [data-glide-el='controls'] { top: 8rem; } .offerte-slideshow .slideshow-prev { padding-right: 1rem; } .offerte-slideshow .slideshow-next { padding-left: 1rem; } #combo-offerte > .section-title h2 { font-size: 4rem; margin-right: 0; } #combo-offerte > .container { padding: 0 5rem; } #combo-offerte > .section-title a, .mobile-offerte-link a { font-size: 1.4rem; } #combo-offerte > .section-title a .arrow-right, .mobile-offerte-link a .arrow-right { margin-left: 1rem; } } /* @end */ /* !@group offerta card */ .offerta-card { display: flex; flex-direction: column-reverse; white-space: initial; max-width: 110.2rem; border: .1rem solid var(--title); } .card-image { position: relative; } .card-image::after { content: ''; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; } .card-text { margin: -8ch 0 0 0; padding-bottom: .5rem; letter-spacing: 0.1ch; z-index: 1; } .card-text h3 { font-size: 2.4rem; font-weight: 600; text-transform: uppercase; margin-bottom: 10%; padding: 0 12%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .card-text h3 a { color: #20252b; } .card-text .excerpt { font-size: 1.8rem; height: 12ex; color: var(--text); padding: 0 12%; } .card-text .excerpt p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .card-footer { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: 8% 0 6% 12%; } .card-cta { display: block; color: #fff; font-size: 1.7rem; font-size: clamp(1.4rem, 0.85vw, 1.7rem); font-weight: 300; text-transform: uppercase; padding: 2rem 3rem; background: var(--color1); background: var(--gradient1); position: relative; transition: color .3s; } .card-cta .arrow-right { display: inline-block; vertical-align: middle; margin-left: 2rem; } .card-cta svg { fill: #fff; } @media screen and (max-width: 767px) { .card-image::after { display: none; } .card-text { margin: 2rem 0 0; padding-left: 0; border-left: 0; } .card-text h3 { display: block; line-height: 1.1; font-size: 2rem; } .card-footer { flex-direction: column; align-items: center; text-align: center; margin: 0 1rem 2rem; } .card-footer .price-box { padding-bottom: 1rem; } .card-footer .price-box .price { line-height: 1.1; } } /* @end */ /* !@group offerte list section */ #combo-offerte-list { background: var(--page); padding: 2rem 2rem 0; } .offer-filters { display: flex; flex-direction: row; justify-content: center; margin-bottom: 5rem; } .offer-filters .inner { display: flex; flex-direction: row; justify-content: center; } .filter-buttons { padding: 0 1.5rem; } .touch .filter-buttons { display: none; } .button-offer { cursor: pointer; font-size: 1.8rem; font-weight: 700; color: var(--subtitle); text-transform: uppercase; letter-spacing: .1ch; padding: 1rem 1.5rem; transition: color .3s; position: relative; } .button-offer::after { content: ''; background-color: var(--title); height: .3rem; width: 0%; border-radius: .15rem; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: width .3s; } .button-offer:hover, .button-offer.active { color: var(--title); } .button-offer.active::after { width: 100%; } .filter-select { display: none; } .touch .filter-select { display: inline-block; position: relative; } .filter-select::after { content: '\e03e'; font-family: 'edita-font'; position: absolute; top: 1rem; right: 1.5rem; font-size: 1.8rem; } #select-offer { --webkit-appearance: none; appearance: none; outline: none; border: 0; border-radius: 0; font-family: var(--font1); font-weight: 800; text-transform: uppercase; letter-spacing: 0.1ch; color: var(--text); background-color: var(--color3); padding: 1.5rem 5rem 1.5rem 3rem; border: .1rem solid var(--title); display: none; } .touch #select-offer { display: inline-block; } #offerte-container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; max-width: 144.4rem; margin: 0 auto; } .offer-item { width: 50%; padding: 0 2.35% 4.7%; } .offer-item.hide { display: none !important; } @media screen and (max-width: 991px) { .offer-item { width: 100%; } } /* @end */ /* !@group offerta */ #offerta-section { padding: 0 2rem; } #offerta-section > .inner { max-width: 163.4rem; margin: 0 auto 7rem; margin: 0 auto clamp(3.5rem, 3.5vw, 7rem); display: flex; flex-direction: row; align-items: flex-start; } #offerta-section > .inner:first-of-type { align-items: center; } #offerta-section > .inner > .image, #offerta-section > .inner > .slides { width: 67.44%; min-width: 32rem; } #offerta-section #offerta-aside { width: 54.2rem; } #offerta-section .extra-content { width: 58.4%; } #offerta-section .other-details { width: 41.6%; } .offerta-slideshow { position: relative; } .offerta-slideshow [data-glide-el='controls'] { position: absolute; top: 50%; transform: translateY(-50%); } .offerta-slideshow .slideshow-prev { left: 0%; } .offerta-slideshow .slideshow-next { right: 0%; } .offerta-slideshow [data-glide-el='controls'] button { background-color: var(--color2); opacity: .6; } .offerta-slideshow [data-glide-el='controls'] button:hover { opacity: 1; } .offerta-info { background: var(--color1); background: var(--gradient1); color: #fff; padding: 0 7rem 7rem; } .offerta-info .price-box { padding-top: 4rem; padding-left: 9rem; padding-bottom: 2.5rem; margin-bottom: 2.5rem; max-width: 35rem; position: relative; } .offerta-info .price-box::before { content: ''; background: url('../img/svg/vertical-dots-white.svg') repeat-y left bottom; width: .3rem; position: absolute; top: 0; left: 3.3rem; bottom: 0; } .offerta-info .price-box .price { font-size: 5.5rem; } .offerta-info .price-box .prefix { font-size: 2rem; line-height: 1.3; letter-spacing: .1ch; color: #fff; } .offerta-info .price-box .suffix { font-size: 2rem; font-weight: 700; padding-top: .5rem; letter-spacing: .1ch; color: #fff; } .offerta-info .countcontainer { display: flex; flex-direction: column; padding: 0 0 5rem 9rem; background: url('../img/svg/countdown.svg') no-repeat left .5rem top 1rem; } .offerta-info .countcontainer .label { color: var(--subtitle); font-weight: 700; } .offerta-info .countcontainer .countdown { font-family: var(--font2); font-size: 5.5rem; line-height: 1.2; } .offerta-info .antiprima { font-size: 2rem; letter-spacing: .1ch; } #offerta-cta { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 3rem 10%; font-weight: 700; letter-spacing: 0.1ch; background-color: var(--cta); color: #fff; border: .1rem solid #fff; transition: background-color .5s ease; } #offerta-cta .line-1 { font-family: var(--font2); font-size: 3rem; line-height: 1; text-transform: uppercase; font-weight: 300; letter-spacing: -.1ch; padding-right: 1rem; } #offerta-cta .line-2 { color: var(--subtitle); font-size: 1.6rem; font-weight: 300; letter-spacing: .43ch; text-transform: uppercase; padding-top: 1rem; } #offerta-cta .arrow { max-width: 32rem; } #offerta-cta:hover { background-color: var(--cta-hover); } #offerta-cta:hover .arrow::after { animation: arrow .6s ease-in-out alternate 6; } #offerta-section .extra-content { padding: 4.28% 7.34% 0; } #offerta-section .other-details { background-color: var(--color2); border: .1rem solid var(--title); padding: 4.89% 4.28% 4.28%; } #offerta-section .other-details h3 { color: #a29180; font-family: var(--font2); font-size: 5.5rem; padding-bottom: 2.5%; } #offerta-section .other-details .editor-text ul { font-size: 2.2rem; } #offerta-section .other-details .editor-text li { padding-bottom: 1ch; } #offerta-section .other-details .editor-text ul strong, #offerta-section .other-details .editor-text ul b { color: var(--color2); } #offerta-scaduta { background: var(--attention); color: #fff; font-size: 2rem; text-transform: uppercase; font-weight: 800; padding: 2rem; text-align: center; border-bottom: .1rem solid #fff; } #mobile-back-button { display: none; } @media screen and (max-width: 1100px) { #offerta-section > .inner { flex-direction: column; } #offerta-section > .inner > .slides, #offerta-section #offerta-aside, #offerta-section .extra-content, #offerta-section .other-details { width: 100%; } } @media screen and (max-width: 767px) { .offerta h1.site-title { font-size: 4.5rem; } #offerta-section .other-details .editor-text ul { font-size: 1.6rem; } .offerta #back-button { display: none; } #mobile-back-button { display: inline-block; color: var(--text); margin-bottom: 2rem; } #mobile-back-button [class^='icon-'] { display: inline-block; vertical-align: middle; } .offerta-info { padding: 0 3rem 3rem; } .offerta-info .price-box { padding-left: 6rem; } .offerta-info .antiprima { font-size: 1.8rem; } #offerta-cta { padding: 2rem; } #offerta-cta .line-1 { font-size: 2rem; } #offerta-cta .line-2 { font-size: 1.4rem; letter-spacing: initial; } } /* @end */ /* !@group recensioni */ #combo-recensioni { background: var(--color2); padding: 14rem 2rem 12rem; padding: 7vw 2rem 6vw; padding: clamp(7rem, 7vw, 14rem) 2rem clamp(6rem, 6vw, 12rem); } #combo-recensioni > .inner { max-width: 141rem; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } #combo-recensioni .section-title { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; margin-bottom: 8rem; margin-bottom: 5.67vw; margin-bottom: clamp(4rem, 5.67vw, 8rem); } #combo-recensioni .section-title h2 { font-size: 9rem; font-size: 6.38vw; font-size: clamp(4.5rem, 6.38vw, 9rem); color: var(--title); font-family: var(--font2); line-height: 1; font-weight: 200; letter-spacing: -.1ch; } #combo-recensioni .section-title a.section-link, #combo-recensioni a.mobile-feedback-link { color: #707070; font-size: 1.6rem; text-transform: uppercase; letter-spacing: 0.1ch; transition: color .3s; } #combo-recensioni .section-title a.section-link .arrow-right, #combo-recensioni a.mobile-feedback-link .arrow-right { display: inline-block; margin-left: 2rem; vertical-align: middle; } #combo-recensioni .section-title a.section-link svg, #combo-recensioni a.mobile-feedback-link svg { fill: #707070; } #combo-recensioni .section-title a.section-link:hover, #combo-recensioni a.mobile-feedback-link:hover { color: var(--title); } #combo-recensioni #booking-com { width: 35%; } #combo-recensioni #tripadvisor { width: 44%; } .tripadvisor-title { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; margin-bottom: 10%; } .tripadvisor-title h3 { width: 20.1rem; width: clamp(10.05rem, 14.25vw, 20.1rem); height: 9.4rem; background: url('../img/svg/logo-tripadvisor.svg') no-repeat center; background-size: contain; overflow: hidden; text-indent: -300rem; } .tripadvisor-title .overall { display: flex; flex-direction: column; align-items: flex-end; } .ta-score { display: inline-block; height: 1.4rem; width: 1.4rem; background: url('../img/svg/points-tripadvisor.svg') no-repeat left top; } .score-1-0 { width: 1.4rem; } .score-1-5 { background-position-y: -1.4rem; width: 3.0rem; } .score-2-0 { background-position-y: -2.8rem; width: 3.0rem; } .score-2-5 { background-position-y: -4.2rem; width: 4.6rem; } .score-3-0 { background-position-y: -5.6rem; width: 4.6rem; } .score-3-5 { background-position-y: -7.0rem; width: 6.2rem; } .score-4-0 { background-position-y: -8.4rem; width: 6.2rem; } .score-4-5 { background-position-y: -9.8rem; width: 7.8rem; } .score-5-0 { background-position-y: -11.2rem; width: 7.8rem; } .tripadvisor-title .overall span:not(.ta-score) { font-size: 1.8rem; color: #000; letter-spacing: .1ch; text-transform: uppercase; padding-top: .5rem; } .feedback-slide { white-space: normal; } .feedback-slide mark { display: block; color: #555; background-color: transparent; font-size: 2rem; text-transform: uppercase; letter-spacing: .1ch; margin-bottom: 2rem; } .feedback-slide blockquote { color: #555; text-align: justify; letter-spacing: .1ch; } .feedback-slide figcaption { font-size: 1.6rem; font-weight: 300; padding: 2rem 0 0; } .feedback-slide figcaption cite { font-weight: 700; color: #00a064; } .mobile-feedback-link { display: none; padding-top: 10%; justify-content: center; } .feedback-slideshow .bullets { padding-top: 4rem; } .booking-container { background: #fff; border: 1px solid var(--title); padding: 18%; } .booking-header { display: flex; flex-direction: column; } .booking-header h3 { width: 15.2rem; height: 2.5rem; overflow: hidden; text-indent: -300rem; background: url('../img/svg/logo-booking.svg') no-repeat left center; } .booking-header .overall { display: block; padding: 1rem 0 2rem; font-size: 4rem; font-weight: 200; color: #666666; } .booking-header .overall .booking-score { color: #2292cc; } .booking-table { width: 100%; color: #666; font-size: 1.8rem; } .booking-table th { text-align: left; font-weight: 300; } .booking-table th, .booking-table td { padding: .5rem 0; } .booking-table th + td { text-align: right; font-weight: 700; } .graph { width: 100%; height: .5rem; background: #103579; position: relative; } .graph .value { position: absolute; left: 0; bottom: .3rem; height: .6rem; background: #2292cc; } @media screen and (max-width: 991px) { #combo-recensioni { background-image: none; padding-left: 3rem; padding-right: 3rem; } #combo-recensioni > .inner { flex-direction: column; } #combo-recensioni .section-title, #combo-recensioni #tripadvisor, #combo-recensioni #booking-com { width: 100%; margin: 0 0 3rem; } } @media screen and (max-width: 991px) { #combo-recensioni .section-title { justify-content: center; align-items: flex-start; } #combo-recensioni .section-title h2 { width: 100%; text-align: center; font-size: 7rem; line-height: 1.3; } #combo-recensioni .section-title img { margin: 0; width: 30%; height: 35vw; object-fit: cover; } #combo-recensioni .section-title a.section-link { display: none; } #combo-recensioni #tripadvisor { margin-top: 8%; } .tripadvisor-title h3 { width: 24.2rem; height: 5.3rem; } .mobile-feedback-link { display: flex; } } @media screen and (max-width: 767px) { #combo-recensioni { padding-left: 2rem; padding-right: 2rem; } #combo-recensioni .section-title img { height: 60vw; } #combo-recensioni .section-title h2 { font-size: 12vw; } .tripadvisor-title h3 { width: 15rem; height: 3.3rem; } .tripadvisor-title .overall span:not(.ta-score) { font-size: 1.4rem; } .feedback-slide blockquote { text-align: left; } } /* @end */ /* !@group recensioni template */ #pagina-recensioni { padding-inline: 3rem; margin-bottom: 8rem; } #pagina-recensioni .tripadvisor-title, #pagina-recensioni .inner { max-width: 120rem; margin-inline: auto; } #pagina-recensioni .tripadvisor-title { margin-bottom: 6rem; } #pagina-recensioni .tripadvisor-title h3 { background-position: left center; } #pagina-recensioni .feedback-slide { border-bottom: .1rem solid #ccc; padding-bottom: 2rem; margin-bottom: 5rem; } #pagina-recensioni .feedback-slide mark { font-weight: 600; } #pagina-recensioni .booking-container { padding: 6rem; max-width: 120rem; margin-inline: auto; } @media screen and (max-width: 767px) { #pagina-recensioni .booking-container { padding: 3rem; } } /* @end */ /* !@group footer */ #site-footer { padding: 0 2rem; background: var(--color2); } #site-footer > .inner { max-width: var(--page-width); margin: 0 auto; display: flex; flex-direction: row; position: relative; } #site-footer > .inner > div { width: 52.185%; } #site-footer .left { display: flex; flex-direction: column; justify-content: space-between; position: relative; color: #fff; background: var(--color1); background: var(--gradient1); margin-top: 4.69%; margin-right: -2.185%; z-index: 1; padding: 0 12rem 5%; padding: 0 clamp(3rem, 6.55vw, 12rem) 5%; letter-spacing: .1ch; } #site-footer .left .footer-shape { width: 11.9rem; width: 6.29vw; width: clamp(5.95rem, 6.29vw, 11.9rem); height: 24.5rem; height: 12.96vw; height: clamp(12.25rem, 12.96vw, 24.5rem); position: absolute; right: -1.8rem; right: -0.95vw; right: clamp(-1.8rem, -0.95vw, -0.9rem); top: -1.5rem; top: -0.79vw; top: clamp(-1.5rem, -0.79vw, -0.75rem); pointer-events: none; } #site-footer .right { background-color: var(--page); margin-bottom: 4.69%; margin-left: -2.185%; display: flex; padding: 5% 4% 4% 5%; } #site-footer .right img { margin: auto; } .footer-header { display: flex; flex-direction: row; padding-left: 7rem; position: relative; padding-top: 20%; margin-bottom: 8%; } .footer-header::before { display: block; content: ''; width: .3rem; position: absolute; left: 0; top: 0; bottom: 0; background: url('../img/svg/vertical-dots-white.svg') repeat-y left bottom; } .footer-header .logo-payoff { color: var(--title); font-family: var(--font2); font-size: 4.5rem; font-weight: 200; line-height: 1; letter-spacing: -.1ch; padding-left: 5rem; } #site-footer address { font-size: 2rem; margin-bottom: 2rem; } #site-footer dl { margin-bottom: 2rem; } #site-footer dl dt { font-size: 1.8rem; } #site-footer dl dd { font-size: 2rem; font-weight: 700; display: inline-block; } #site-footer dl dd + dd::before { content: '\00a0|\00a0'; } #site-footer .left a { color: #fff; transition: color .3s; text-decoration: underline; } #site-footer .left a:hover { color: var(--title); } #site-footer .left a[href^='tel'], #site-footer .left a[href^='mailto'], #site-footer .left a.social-icon { text-decoration: none; } #site-footer .footer-info { display: flex; flex-direction: row; justify-content: space-between; } .site-info, .social { display: flex; flex-direction: row; font-size: 1.7rem; align-items: center; } .site-info { flex-wrap: wrap; } .site-info li + li::before { content: '-'; margin: 0 .5rem; } .social .divider { width: .2rem; height: 6.4rem; margin: 0 2rem; margin: 0 1vw; margin: 0 clamp(.5rem, 1vw, 2rem); background: #fff; transform: rotate(10deg); } #site-footer .left a.social-icon { display: inline-block; width: 3.4rem; height: 3.4rem; background-color: #fff; overflow: hidden; text-indent: -200rem; -webkit-mask-position: center center; mask-position: center center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; transition: background-color .3s; } #site-footer .left a.social-icon:hover { background-color: var(--cta); } .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'); } .credits { color: #000; position: absolute; right: 0; bottom: 0; width: 50%; text-align: right; font-size: 1.4rem; font-weight: 300; padding-bottom: 2rem; } .credits img { vertical-align: -.4rem; margin-left: .4rem; } #site-footer .left a#maplink { text-transform: uppercase; background: var(--title); color: #fff; align-self: flex-start; padding: 1rem 2rem; margin: 3rem auto; text-decoration: none; display: none; } .touch #site-footer .left a#maplink { display: block; } @media screen and (max-width: 1100px) { #site-footer .location { display: flex; flex-direction: column; align-items: flex-start; } #site-footer i { padding: 0; } #site-footer .footer-info { align-items: flex-end; } .site-info { flex-direction: column; } .site-info li + li::before { display: none; } } @media screen and (max-width: 991px) { #site-footer { padding: 0; } #site-footer > .inner { flex-direction: column; } #site-footer > .inner div.left { margin: 0; width: 100%; align-items: center; text-align: center; } .footer-logo { width: 26rem; height: 11rem; } #site-footer .location { display: inline-flex; align-items: center; } #site-footer .location span { font-size: 1.7rem; } #site-footer .location i { font-size: 6.4rem; padding-left: 0; } #site-footer .right { display: none; } #site-footer > .inner div.credits { position: static; width: 100%; text-align: center; padding: 3rem 2rem; } #site-footer .footer-info { flex-direction: column-reverse; } .site-info { display: block; } .site-info li, .site-info li + li::before { display: inline-block; } .social { margin: 5rem auto; } } @media screen and (max-width: 767px) { #site-footer .left { padding: 3rem 2rem; } .footer-header { flex-direction: column; align-items: center; padding-top: 0; padding-left: 0; } .footer-header .logo-payoff { padding: 2rem 1.5rem 0; font-size: 3rem; } .footer-logo { width: 15rem; height: 6.3rem; } #site-footer .location i { font-size: 4rem; } #site-footer address { font-size: 1.6rem; } #site-footer dl dd { font-size: 1.8rem; } .site-info { font-size: 1.8rem; } .site-info li, .site-info li + li::before { display: block; } .site-info li + li::before { display: none; } } /* @end */ /* !@group gallery shortcode */ .gallery-editor { margin: 0 -1.2rem 3rem; display: flex; flex-wrap: wrap; } /* main .gallery-editor { margin: 8% calc(-17% + -1.2rem) 3rem calc(-5.8% + -1.2rem); } */ .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: var(--link); 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: 991px) { main .gallery-editor { margin: 0 -1.2rem 3rem; } } @media screen and (max-width: 767px) { .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 form */ input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; } #form-section { padding-bottom: 5%; } #form-section > .inner { max-width: 140rem; margin: 0 auto; } 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(--page); 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 { font-family: var(--font1); border: 1px solid var(--text); background-color: var(--page); 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; 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); } .fourth-input-column + .row { padding: 1.5rem; } .fourth-input-column + .row .input-column { width: 100%; } .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 { color: var(--title); 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; } .form-style .container-button button:hover { background-color: var(--cta-hover); } .warningMsg { color: var(--attention); } @media screen and (max-width: 991px) { .first-input-column { flex-wrap: wrap; } .first-input-column .input-column, .bloccocamere .input-column, .container-bloccoetabambini .bloccoetabambini { width: 50%; } } @media screen and (max-width: 767px) { .first-input-column .input-column, .bloccocamere .input-column, .container-bloccoetabambini .bloccoetabambini, .second-input-column .input-column, .third-input-column .input-column, .bloccocamere .title-camera, .container-check .form-check { width: 100%; } .row-check .input-column:first-of-type, .row-check .input-column:last-of-type { width: 100%; } .form-style input[type='text'], .form-style input[type='email'], .form-style input[type='date'], .form-style select, .form-style textarea { height: 5rem; } .form-style textarea { height: 17rem; padding-top: 1.5rem; padding-bottom: 1.5rem; } .visibleIcon { top: 1rem; } .second-input-column .visibleIcon, .third-input-column .visibleIcon, .bloccocamere .visibleIcon { top: 3.5rem; } .first-input-column, .second-input-column .container-column, .third-input-column, .bloccocamere .container-column, .bloccocamere + .row, .container-bloccoetabambini, .row-check, .container-check { flex-wrap: wrap; } .form-style .container-button button { margin-top: 2rem; } } /* @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(--title); 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%; 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 */