.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} .picker{font-size:16px;text-align:left;line-height:1.2;color:#000;position:absolute;z-index:10000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0}.picker__input{cursor:default}.picker__input.picker__input--active{border-color:#1B6E8A}.picker__holder{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;position:fixed;transition:background .15s ease-out,transform 0s .15s;-webkit-backface-visibility:hidden}/*! * Default mobile-first, responsive styling for pickadate.js * Demo: http://amsul.github.io/pickadate.js */.picker__frame,.picker__holder{top:0;bottom:0;left:0;right:0;-ms-transform:translateY(100vh);transform:translateY(100vh)}.picker__frame{position:absolute;margin:0 auto;min-width:256px;max-width:666px;width:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .15s ease-out}.picker__wrap{display:table;width:100%;height:100%}@media (min-height:33.875em){.picker__frame{overflow:visible;top:auto;bottom:-100%;max-height:80%}.picker__wrap{display:block}}.picker__box{background:#fff;display:table-cell;vertical-align:middle}@media (min-height:26.5em){.picker__box{font-size:1.25em}}@media (min-height:33.875em){.picker__box{display:block;font-size:1.33em;border:1px solid #777;border-top-color:#898989;border-bottom-width:0;border-radius:5px 5px 0 0;box-shadow:0 12px 36px 16px rgba(0,0,0,.24)}.picker--opened .picker__frame{top:auto;bottom:0}}@media (min-height:40.125em){.picker__frame{margin-bottom:7.5%}.picker__box{font-size:1.5em;border-bottom-width:1px;border-radius:5px}}.picker--opened .picker__holder{-ms-transform:translateY(0);transform:translateY(0);zoom:1;background:rgba(0,0,0,.32);transition:background .15s ease-out}.picker--opened .picker__frame{-ms-transform:translateY(0);transform:translateY(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1} .picker__footer,.picker__header,.picker__table{text-align:center}.picker__box{padding:0 1em}.picker__header{position:relative;margin-top:.75em}.picker__month,.picker__year{font-weight:500;display:inline-block;margin-left:.25em;margin-right:.25em}.picker__year{color:#999;font-size:.8em;font-style:italic}.picker__select--month,.picker__select--year{border:1px solid #b7b7b7;height:2em;padding:.5em;margin-left:.25em;margin-right:.25em}.picker__select--month{width:35%}.picker__select--year{width:22.5%}.picker__select--month:focus,.picker__select--year:focus{border-color:#1B6E8A}.picker__nav--next,.picker__nav--prev{position:absolute;padding:.5em 1.25em;width:1em;height:1em;box-sizing:content-box;top:-.25em}.picker__nav--prev{left:-1em;padding-right:1.25em}.picker__nav--next{right:-1em;padding-left:1.25em}@media (min-width:24.5em){.picker__select--month,.picker__select--year{margin-top:-.5em}.picker__nav--next,.picker__nav--prev{top:-.33em}.picker__nav--prev{padding-right:1.5em}.picker__nav--next{padding-left:1.5em}}.picker__nav--next:before,.picker__nav--prev:before{content:" ";border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-right:.75em solid #000;width:0;height:0;display:block;margin:0 auto}.picker__nav--next:before{border-right:0;border-left:.75em solid #000}.picker__nav--next:hover,.picker__nav--prev:hover{cursor:pointer;color:#000;background:#A6C6D1}.picker__nav--disabled,.picker__nav--disabled:before,.picker__nav--disabled:before:hover,.picker__nav--disabled:hover{cursor:default;background:0 0;border-right-color:#f5f5f5;border-left-color:#f5f5f5}.picker__table{border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit;width:100%;margin-top:.75em;margin-bottom:.5em}@media (min-height:33.875em){.picker__table{margin-bottom:.75em}}.picker__table td{margin:0;padding:0}.picker__weekday{width:14.285714286%;font-size:.75em;padding-bottom:.25em;color:#999;font-weight:500}@media (min-height:33.875em){.picker__weekday{padding-bottom:.5em}}.picker__day{padding:.3125em 0;font-weight:200;border:1px solid transparent}.picker__day--today{position:relative}.picker__day--today:before{content:" ";position:absolute;top:2px;right:2px;width:0;height:0;border-top:.5em solid #0059bc;border-left:.5em solid transparent}.picker__day--disabled:before{border-top-color:#aaa}.picker__day--outfocus{color:#ddd}.picker--focused .picker__day--highlighted,.picker__day--highlighted:hover,.picker__day--infocus:hover,.picker__day--outfocus:hover{cursor:pointer;color:#000;background:#A6C6D1}.picker__day--highlighted{border-color:#1B6E8A}.picker--focused .picker__day--selected,.picker__day--selected,.picker__day--selected:hover{background:#1B6E8A;color:#fff}.picker--focused .picker__day--disabled,.picker__day--disabled,.picker__day--disabled:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover{background:#bbb}.picker__button--clear,.picker__button--close,.picker__button--today{border:1px solid #fff;background:#fff;font-size:.8em;padding:.66em 0;font-weight:700;width:33%;display:inline-block;vertical-align:bottom}.picker__button--clear:hover,.picker__button--close:hover,.picker__button--today:hover{cursor:pointer;color:#000;background:#A6C6D1;border-bottom-color:#A6C6D1}.picker__button--clear:focus,.picker__button--close:focus,.picker__button--today:focus{background:#A6C6D1;border-color:#1B6E8A;outline:0}.picker__button--clear:before,.picker__button--close:before,.picker__button--today:before{position:relative;display:inline-block;height:0}.picker__button--clear:before,.picker__button--today:before{content:" ";margin-right:.45em}.picker__button--today:before{top:-.05em;width:0;border-top:.66em solid #0059bc;border-left:.66em solid transparent}.picker__button--clear:before{top:-.25em;width:.66em;border-top:3px solid #e20}.picker__button--close:before{content:"\D7";top:-.1em;vertical-align:top;font-size:1.1em;margin-right:.35em;color:#777}.picker__button--today[disabled],.picker__button--today[disabled]:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__button--today[disabled]:before{border-top-color:#aaa} @import "components/whybuy-item"; .carousel { position: relative; box-sizing: border-box; } .carousel *, .carousel *:before, .carousel *:after { box-sizing: inherit; } .carousel.is-draggable { cursor: move; cursor: grab; } .carousel.is-dragging { cursor: move; cursor: grabbing; } .carousel__viewport { position: relative; overflow: hidden; max-width: 100%; max-height: 100%; } .carousel__track { display: flex; } .carousel__slide { flex: 0 0 auto; width: var(--carousel-slide-width,60%); max-width: 100%; padding: 1rem; position: relative; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; } .has-dots { margin-bottom: calc(22.5rem); } .carousel__dots { margin: 0 auto; padding: 0; position: absolute; top: calc(100.5%); left: 0; right: 0; display: flex; justify-content: center; list-style: none; user-select: none; } .carousel__dots .carousel__dot { margin: 0; padding: 0; display: block; position: relative; width: 22px; height: 22px; cursor: pointer; } .carousel__dots .carousel__dot:after { content: ""; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: currentColor; opacity: .25; transition: opacity .15s ease-in-out; } .carousel__dots .carousel__dot.is-selected:after { opacity: 1; } .carousel__button { width: var(--carousel-button-width,48px); height: var(--carousel-button-height,48px); padding: 0; border: 0; display: flex; justify-content: center; align-items: center; pointer-events: all; cursor: pointer; color: var(--carousel-button-color,currentColor); background: var(--carousel-button-bg,transparent); border-radius: var(--carousel-button-border-radius,50%); box-shadow: var(--carousel-button-shadow,none); transition: opacity .15s ease; } .carousel__button.is-prev, .carousel__button.is-next { position: absolute; top: 50%; transform: translateY(-50%); } .carousel__button.is-prev { left: 10px; } .carousel__button.is-next { right: 10px; } .carousel__button[disabled] { cursor: default; opacity: .3; } .carousel__button svg { width: var(--carousel-button-svg-width,50%); height: var(--carousel-button-svg-height,50%); fill: none; stroke: currentColor; stroke-width: var(--carousel-button-svg-stroke-width,1.5); stroke-linejoin: bevel; stroke-linecap: round; filter: var(--carousel-button-svg-filter,none); pointer-events: none; } html.with-fancybox { scroll-behavior: auto; } body.compensate-for-scrollbar { overflow: hidden !important; touch-action: none; } .fancybox__container { position: fixed; top: 0; left: 0; bottom: 0; right: 0; direction: ltr; margin: 0; padding: env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px); box-sizing: border-box; display: flex; flex-direction: column; color: var(--fancybox-color,#fff); -webkit-tap-highlight-color: rgba(0,0,0,0); overflow: hidden; z-index: 1050; outline: none; transform-origin: top left; --carousel-button-width: 48px; --carousel-button-height: 48px; --carousel-button-svg-width: 24px; --carousel-button-svg-height: 24px; --carousel-button-svg-stroke-width: 2.5; --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.4)); } .fancybox__container *, .fancybox__container *::before, .fancybox__container *::after { box-sizing: inherit; } .fancybox__container :focus { outline: none; } body:not(.is-using-mouse) .fancybox__container :focus { box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color,rgba(1,210,232,0.94)); } @media all and (min-width: 1024px) { .fancybox__container { --carousel-button-width: 48px; --carousel-button-height: 48px; --carousel-button-svg-width: 27px; --carousel-button-svg-height: 27px; } } .fancybox__backdrop { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: var(--fancybox-bg,rgba(24,24,27,0.92)); } .fancybox__carousel { position: relative; flex: 1 1 auto; min-height: 0; height: 100%; z-index: 10; } .fancybox__carousel.has-dots { margin-bottom: calc(22.5rem); } .fancybox__viewport { position: relative; width: 100%; height: 100%; overflow: visible; cursor: default; } .fancybox__track { display: flex; height: 100%; } .fancybox__slide { flex: 0 0 auto; width: 100%; max-width: 100%; margin: 0; padding: 48px 8px 8px 8px; position: relative; overscroll-behavior: contain; display: flex; flex-direction: column; outline: 0; overflow: auto; --carousel-button-width: 36px; --carousel-button-height: 36px; --carousel-button-svg-width: 22px; --carousel-button-svg-height: 22px; } .fancybox__slide::before, .fancybox__slide::after { content: ""; flex: 0 0 0; margin: auto; } @media all and (min-width: 1024px) { .fancybox__slide { padding: 64px 100px; } } .fancybox__content { margin: 0 env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px); padding: 36px; color: var(--fancybox-content-color,#374151); background: var(--fancybox-content-bg,#fff); position: relative; align-self: center; display: flex; flex-direction: column; z-index: 20; } .fancybox__content :focus:not(.carousel__button.is-close) { outline: thin dotted; box-shadow: none; } .fancybox__caption { align-self: center; max-width: 100%; margin: 0; padding: 1rem 0 0 0; line-height: 1.375; color: var(--fancybox-color,currentColor); visibility: visible; cursor: auto; flex-shrink: 0; overflow-wrap: anywhere; } .is-loading .fancybox__caption { visibility: hidden; } .fancybox__container>.carousel__dots { top: 100%; color: var(--fancybox-color,#fff); } .fancybox__nav .carousel__button { z-index: 40; } .fancybox__nav .carousel__button.is-next { right: 8px; } @media all and (min-width: 1024px) { .fancybox__nav .carousel__button.is-next { right: 40px; } } .fancybox__nav .carousel__button.is-prev { left: 8px; } @media all and (min-width: 1024px) { .fancybox__nav .carousel__button.is-prev { left: 40px; } } .carousel__button.is-close { position: absolute; top: 8px; right: 8px; top: calc(env(safe-area-inset-top,0px) + 8px); right: calc(env(safe-area-inset-right,0px) + 8px); z-index: 40; } @media all and (min-width: 1024px) { .carousel__button.is-close { right: 40px; } } .fancybox__content>.carousel__button.is-close { position: absolute; top: -40px; right: 0; color: var(--fancybox-color,#fff); } .fancybox__no-click, .fancybox__no-click button { pointer-events: none; } .fancybox__spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 50px; height: 50px; color: var(--fancybox-color,currentColor); } .fancybox__slide .fancybox__spinner { cursor: pointer; z-index: 1053; } .fancybox__spinner svg { animation: fancybox-rotate 2s linear infinite; transform-origin: center center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 100%; } .fancybox__spinner svg circle { fill: none; stroke-width: 2.75; stroke-miterlimit: 10; stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: fancybox-dash 1.5s ease-in-out infinite; stroke-linecap: round; stroke: currentColor; } @keyframes fancybox-rotate { 100% { transform: rotate(360deg); } } @keyframes fancybox-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } .fancybox__backdrop, .fancybox__caption, .fancybox__nav, .carousel__dots, .carousel__button.is-close { opacity: var(--fancybox-opacity,1); } .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden=false] .fancybox__caption, .fancybox__container.is-animated[aria-hidden=false] .fancybox__nav, .fancybox__container.is-animated[aria-hidden=false] .carousel__dots, .fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close { animation: .15s ease backwards fancybox-fadeIn; } .fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .carousel__button.is-close { animation: .15s ease both fancybox-fadeOut; } .fancybox-fadeIn { animation: .15s ease both fancybox-fadeIn; } .fancybox-fadeOut { animation: .1s ease both fancybox-fadeOut; } .fancybox-zoomInUp { animation: .2s ease both fancybox-zoomInUp; } .fancybox-zoomOutDown { animation: .15s ease both fancybox-zoomOutDown; } .fancybox-throwOutUp { animation: .15s ease both fancybox-throwOutUp; } .fancybox-throwOutDown { animation: .15s ease both fancybox-throwOutDown; } @keyframes fancybox-fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fancybox-fadeOut { to { opacity: 0; } } @keyframes fancybox-zoomInUp { from { transform: scale(0.97) translate3d(0,16px,0); opacity: 0; } to { transform: scale(1) translate3d(0,0,0); opacity: 1; } } @keyframes fancybox-zoomOutDown { to { transform: scale(0.97) translate3d(0,16px,0); opacity: 0; } } @keyframes fancybox-throwOutUp { to { transform: translate3d(0,-30%,0); opacity: 0; } } @keyframes fancybox-throwOutDown { to { transform: translate3d(0,30%,0); opacity: 0; } } .fancybox__carousel .carousel__slide { scrollbar-width: thin; scrollbar-color: #ccc rgba(255,255,255,0.1); } .fancybox__carousel .carousel__slide::-webkit-scrollbar { width: 8px; height: 8px; } .fancybox__carousel .carousel__slide::-webkit-scrollbar-track { background-color: rgba(255,255,255,0.1); } .fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 2px; box-shadow: inset 0 0 4px rgba(0,0,0,0.2); } .fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content { cursor: move; cursor: grab; } .fancybox__carousel.is-dragging .fancybox__slide, .fancybox__carousel.is-dragging .fancybox__slide .fancybox__content { cursor: move; cursor: grabbing; } .fancybox__carousel .fancybox__slide .fancybox__content { cursor: auto; } .fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content { cursor: zoom-in; } .fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content { cursor: zoom-out; } .fancybox__carousel .fancybox__slide.is-draggable .fancybox__content { cursor: move; cursor: grab; } .fancybox__carousel .fancybox__slide.is-dragging .fancybox__content { cursor: move; cursor: grabbing; } .fancybox__image { transform-origin: 0 0; user-select: none; transition: none; } .has-image .fancybox__content { padding: 0; background: rgba(0,0,0,0); min-height: 1px; } .is-closing .has-image .fancybox__content { overflow: visible; } .has-image[data-image-fit=contain] { overflow: visible; touch-action: none; } .has-image[data-image-fit=contain] .fancybox__content { flex-direction: row; flex-wrap: wrap; } .has-image[data-image-fit=contain] .fancybox__image { max-width: 100%; max-height: 100%; object-fit: contain; } .has-image[data-image-fit=contain-w] { overflow-x: hidden; overflow-y: auto; } .has-image[data-image-fit=contain-w] .fancybox__content { min-height: auto; } .has-image[data-image-fit=contain-w] .fancybox__image { max-width: 100%; height: auto; } .has-image[data-image-fit=cover] { overflow: visible; touch-action: none; } .has-image[data-image-fit=cover] .fancybox__content { width: 100%; height: 100%; } .has-image[data-image-fit=cover] .fancybox__image { width: 100%; height: 100%; object-fit: cover; } .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content { max-width: 100%; flex-shrink: 1; min-height: 1px; overflow: visible; } .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content { width: 100%; height: 80%; } .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content { width: 960px; height: 540px; max-width: 100%; max-height: 100%; } .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content { padding: 0; background: rgba(24,24,27,0.9); color: #fff; } .fancybox__carousel .fancybox__slide.has-map .fancybox__content { background: #e5e3df; } .fancybox__html5video, .fancybox__iframe { border: 0; display: block; height: 100%; width: 100%; background: rgba(0,0,0,0); } .fancybox-placeholder { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border-width: 0; } .fancybox__thumbs { flex: 0 0 auto; position: relative; padding: 0px 3px; opacity: var(--fancybox-opacity,1); } .fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs { animation: .15s ease-in backwards fancybox-fadeIn; } .fancybox__container.is-animated.is-closing .fancybox__thumbs { opacity: 0; } .fancybox__thumbs .carousel__slide { flex: 0 0 auto; width: var(--fancybox-thumbs-width,96px); margin: 0; padding: 8px 3px; box-sizing: content-box; display: flex; align-items: center; justify-content: center; overflow: visible; cursor: pointer; } .fancybox__thumbs .carousel__slide .fancybox__thumb::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-width: 5px; border-style: solid; border-color: var(--fancybox-accent-color,rgba(34,213,233,0.96)); opacity: 0; transition: opacity .15s ease; border-radius: var(--fancybox-thumbs-border-radius,4px); } .fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after { opacity: .92; } .fancybox__thumbs .carousel__slide>* { pointer-events: none; user-select: none; } .fancybox__thumb { position: relative; width: 100%; padding-top: calc(100%/var(--fancybox-thumbs-ratio,1.5)); background-size: cover; background-position: center center; background-color: rgba(255,255,255,0.1); background-repeat: no-repeat; border-radius: var(--fancybox-thumbs-border-radius,4px); } .fancybox__toolbar { position: absolute; top: 0; right: 0; left: 0; z-index: 20; background: linear-gradient(to top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.006) 8.1%,rgba(0,0,0,0.021) 15.5%,rgba(0,0,0,0.046) 22.5%,rgba(0,0,0,0.077) 29%,rgba(0,0,0,0.114) 35.3%,rgba(0,0,0,0.155) 41.2%,rgba(0,0,0,0.198) 47.1%,rgba(0,0,0,0.242) 52.9%,rgba(0,0,0,0.285) 58.8%,rgba(0,0,0,0.326) 64.7%,rgba(0,0,0,0.363) 71%,rgba(0,0,0,0.394) 77.5%,rgba(0,0,0,0.419) 84.5%,rgba(0,0,0,0.434) 91.9%,rgba(0,0,0,0.44) 100%); padding: 0; touch-action: none; display: flex; justify-content: space-between; --carousel-button-svg-width: 20px; --carousel-button-svg-height: 20px; opacity: var(--fancybox-opacity,1); text-shadow: var(--fancybox-toolbar-text-shadow,1px 1px 1px rgba(0,0,0,0.4)); } @media all and (min-width: 1024px) { .fancybox__toolbar { padding: 8px; } } .fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar { animation: .15s ease-in backwards fancybox-fadeIn; } .fancybox__container.is-animated.is-closing .fancybox__toolbar { opacity: 0; } .fancybox__toolbar__items { display: flex; } .fancybox__toolbar__items--left { margin-right: auto; } .fancybox__toolbar__items--center { position: absolute; left: 50%; transform: translateX(-50%); } .fancybox__toolbar__items--right { margin-left: auto; } @media (max-width: 640px) { .fancybox__toolbar__items--center:not(:last-child) { display: none; } } .fancybox__counter { min-width: 72px; padding: 0 10px; line-height: var(--carousel-button-height,48px); text-align: center; font-size: 17px; font-variant-numeric: tabular-nums; -webkit-font-smoothing: subpixel-antialiased; } .fancybox__progress { background: var(--fancybox-accent-color,rgba(34,213,233,0.96)); height: 3px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 30; user-select: none; } .fancybox__container:fullscreen::backdrop { opacity: 0; } .fancybox__button--fullscreen g:nth-child(2) { display: none; } .fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) { display: none; } .fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) { display: block; } .fancybox__button--slideshow g:nth-child(2) { display: none; } .fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) { display: none; } .fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) { display: block; } @font-face { font-family: swiper-icons; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-vertical>.swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px,0,0); } .swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0,0,0,0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0)); } .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-centered>.swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal>.swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical>.swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center; } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size)/ 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity,.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity,1); background: var(--swiper-pagination-color,var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px,-50%,0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform, .2s top; } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s left; } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s right; } .swiper-pagination-progressbar { background: rgba(0,0,0,0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,0.1); } .swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid>.swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next+.swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .iti { position: relative; display: block; } .iti * { box-sizing: border-box; -moz-box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input, .iti input[type=text], .iti input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px; } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555; } .iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0,0,0,0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; } @media (max-width: 500px) { .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: 20px; } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; } .iti__country { padding: 5px 10px; outline: none; margin: 0; } .iti__dial-code { color: #999; } .iti__country.iti__highlight { background-color: rgba(0,0,0,0.05); } .iti__flag-box, .iti__country-name, .iti__dial-code { vertical-align: middle; } .iti__flag-box, .iti__country-name { margin-right: 6px; } .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0,0,0,0.05); } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover { cursor: default; } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag { background-color: transparent; } .iti--separate-dial-code .iti__selected-flag { background-color: rgba(0,0,0,0.05); } .iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .iti__country-list { max-height: 100%; width: 100%; } .iti-mobile .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { width: 20px; } .iti__flag.iti__be { width: 18px; } .iti__flag.iti__ch { width: 15px; } .iti__flag.iti__mc { width: 19px; } .iti__flag.iti__ne { width: 18px; } .iti__flag.iti__np { width: 13px; } .iti__flag.iti__va { width: 15px; } @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) { .iti__flag { background-size: 5652px 15px; } } .iti__flag.iti__ac { height: 10px; background-position: 0px 0px; } .iti__flag.iti__ad { height: 14px; background-position: -22px 0px; } .iti__flag.iti__ae { height: 10px; background-position: -44px 0px; } .iti__flag.iti__af { height: 14px; background-position: -66px 0px; } .iti__flag.iti__ag { height: 14px; background-position: -88px 0px; } .iti__flag.iti__ai { height: 10px; background-position: -110px 0px; } .iti__flag.iti__al { height: 15px; background-position: -132px 0px; } .iti__flag.iti__am { height: 10px; background-position: -154px 0px; } .iti__flag.iti__ao { height: 14px; background-position: -176px 0px; } .iti__flag.iti__aq { height: 14px; background-position: -198px 0px; } .iti__flag.iti__ar { height: 13px; background-position: -220px 0px; } .iti__flag.iti__as { height: 10px; background-position: -242px 0px; } .iti__flag.iti__at { height: 14px; background-position: -264px 0px; } .iti__flag.iti__au { height: 10px; background-position: -286px 0px; } .iti__flag.iti__aw { height: 14px; background-position: -308px 0px; } .iti__flag.iti__ax { height: 13px; background-position: -330px 0px; } .iti__flag.iti__az { height: 10px; background-position: -352px 0px; } .iti__flag.iti__ba { height: 10px; background-position: -374px 0px; } .iti__flag.iti__bb { height: 14px; background-position: -396px 0px; } .iti__flag.iti__bd { height: 12px; background-position: -418px 0px; } .iti__flag.iti__be { height: 15px; background-position: -440px 0px; } .iti__flag.iti__bf { height: 14px; background-position: -460px 0px; } .iti__flag.iti__bg { height: 12px; background-position: -482px 0px; } .iti__flag.iti__bh { height: 12px; background-position: -504px 0px; } .iti__flag.iti__bi { height: 12px; background-position: -526px 0px; } .iti__flag.iti__bj { height: 14px; background-position: -548px 0px; } .iti__flag.iti__bl { height: 14px; background-position: -570px 0px; } .iti__flag.iti__bm { height: 10px; background-position: -592px 0px; } .iti__flag.iti__bn { height: 10px; background-position: -614px 0px; } .iti__flag.iti__bo { height: 14px; background-position: -636px 0px; } .iti__flag.iti__bq { height: 14px; background-position: -658px 0px; } .iti__flag.iti__br { height: 14px; background-position: -680px 0px; } .iti__flag.iti__bs { height: 10px; background-position: -702px 0px; } .iti__flag.iti__bt { height: 14px; background-position: -724px 0px; } .iti__flag.iti__bv { height: 15px; background-position: -746px 0px; } .iti__flag.iti__bw { height: 14px; background-position: -768px 0px; } .iti__flag.iti__by { height: 10px; background-position: -790px 0px; } .iti__flag.iti__bz { height: 14px; background-position: -812px 0px; } .iti__flag.iti__ca { height: 10px; background-position: -834px 0px; } .iti__flag.iti__cc { height: 10px; background-position: -856px 0px; } .iti__flag.iti__cd { height: 15px; background-position: -878px 0px; } .iti__flag.iti__cf { height: 14px; background-position: -900px 0px; } .iti__flag.iti__cg { height: 14px; background-position: -922px 0px; } .iti__flag.iti__ch { height: 15px; background-position: -944px 0px; } .iti__flag.iti__ci { height: 14px; background-position: -961px 0px; } .iti__flag.iti__ck { height: 10px; background-position: -983px 0px; } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; } .iti__flag.iti__co { height: 14px; background-position: -1071px 0px; } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; } .iti__flag.iti__cr { height: 12px; background-position: -1115px 0px; } .iti__flag.iti__cu { height: 10px; background-position: -1137px 0px; } .iti__flag.iti__cv { height: 12px; background-position: -1159px 0px; } .iti__flag.iti__cw { height: 14px; background-position: -1181px 0px; } .iti__flag.iti__cx { height: 10px; background-position: -1203px 0px; } .iti__flag.iti__cy { height: 14px; background-position: -1225px 0px; } .iti__flag.iti__cz { height: 14px; background-position: -1247px 0px; } .iti__flag.iti__de { height: 12px; background-position: -1269px 0px; } .iti__flag.iti__dg { height: 10px; background-position: -1291px 0px; } .iti__flag.iti__dj { height: 14px; background-position: -1313px 0px; } .iti__flag.iti__dk { height: 15px; background-position: -1335px 0px; } .iti__flag.iti__dm { height: 10px; background-position: -1357px 0px; } .iti__flag.iti__do { height: 14px; background-position: -1379px 0px; } .iti__flag.iti__dz { height: 14px; background-position: -1401px 0px; } .iti__flag.iti__ea { height: 14px; background-position: -1423px 0px; } .iti__flag.iti__ec { height: 14px; background-position: -1445px 0px; } .iti__flag.iti__ee { height: 13px; background-position: -1467px 0px; } .iti__flag.iti__eg { height: 14px; background-position: -1489px 0px; } .iti__flag.iti__eh { height: 10px; background-position: -1511px 0px; } .iti__flag.iti__er { height: 10px; background-position: -1533px 0px; } .iti__flag.iti__es { height: 14px; background-position: -1555px 0px; } .iti__flag.iti__et { height: 10px; background-position: -1577px 0px; } .iti__flag.iti__eu { height: 14px; background-position: -1599px 0px; } .iti__flag.iti__fi { height: 12px; background-position: -1621px 0px; } .iti__flag.iti__fj { height: 10px; background-position: -1643px 0px; } .iti__flag.iti__fk { height: 10px; background-position: -1665px 0px; } .iti__flag.iti__fm { height: 11px; background-position: -1687px 0px; } .iti__flag.iti__fo { height: 15px; background-position: -1709px 0px; } .iti__flag.iti__fr { height: 14px; background-position: -1731px 0px; } .iti__flag.iti__ga { height: 15px; background-position: -1753px 0px; } .iti__flag.iti__gb { height: 10px; background-position: -1775px 0px; } .iti__flag.iti__gd { height: 12px; background-position: -1797px 0px; } .iti__flag.iti__ge { height: 14px; background-position: -1819px 0px; } .iti__flag.iti__gf { height: 14px; background-position: -1841px 0px; } .iti__flag.iti__gg { height: 14px; background-position: -1863px 0px; } .iti__flag.iti__gh { height: 14px; background-position: -1885px 0px; } .iti__flag.iti__gi { height: 10px; background-position: -1907px 0px; } .iti__flag.iti__gl { height: 14px; background-position: -1929px 0px; } .iti__flag.iti__gm { height: 14px; background-position: -1951px 0px; } .iti__flag.iti__gn { height: 14px; background-position: -1973px 0px; } .iti__flag.iti__gp { height: 14px; background-position: -1995px 0px; } .iti__flag.iti__gq { height: 14px; background-position: -2017px 0px; } .iti__flag.iti__gr { height: 14px; background-position: -2039px 0px; } .iti__flag.iti__gs { height: 10px; background-position: -2061px 0px; } .iti__flag.iti__gt { height: 13px; background-position: -2083px 0px; } .iti__flag.iti__gu { height: 11px; background-position: -2105px 0px; } .iti__flag.iti__gw { height: 10px; background-position: -2127px 0px; } .iti__flag.iti__gy { height: 12px; background-position: -2149px 0px; } .iti__flag.iti__hk { height: 14px; background-position: -2171px 0px; } .iti__flag.iti__hm { height: 10px; background-position: -2193px 0px; } .iti__flag.iti__hn { height: 10px; background-position: -2215px 0px; } .iti__flag.iti__hr { height: 10px; background-position: -2237px 0px; } .iti__flag.iti__ht { height: 12px; background-position: -2259px 0px; } .iti__flag.iti__hu { height: 10px; background-position: -2281px 0px; } .iti__flag.iti__ic { height: 14px; background-position: -2303px 0px; } .iti__flag.iti__id { height: 14px; background-position: -2325px 0px; } .iti__flag.iti__ie { height: 10px; background-position: -2347px 0px; } .iti__flag.iti__il { height: 15px; background-position: -2369px 0px; } .iti__flag.iti__im { height: 10px; background-position: -2391px 0px; } .iti__flag.iti__in { height: 14px; background-position: -2413px 0px; } .iti__flag.iti__io { height: 10px; background-position: -2435px 0px; } .iti__flag.iti__iq { height: 14px; background-position: -2457px 0px; } .iti__flag.iti__ir { height: 12px; background-position: -2479px 0px; } .iti__flag.iti__is { height: 15px; background-position: -2501px 0px; } .iti__flag.iti__it { height: 14px; background-position: -2523px 0px; } .iti__flag.iti__je { height: 12px; background-position: -2545px 0px; } .iti__flag.iti__jm { height: 10px; background-position: -2567px 0px; } .iti__flag.iti__jo { height: 10px; background-position: -2589px 0px; } .iti__flag.iti__jp { height: 14px; background-position: -2611px 0px; } .iti__flag.iti__ke { height: 14px; background-position: -2633px 0px; } .iti__flag.iti__kg { height: 12px; background-position: -2655px 0px; } .iti__flag.iti__kh { height: 13px; background-position: -2677px 0px; } .iti__flag.iti__ki { height: 10px; background-position: -2699px 0px; } .iti__flag.iti__km { height: 12px; background-position: -2721px 0px; } .iti__flag.iti__kn { height: 14px; background-position: -2743px 0px; } .iti__flag.iti__kp { height: 10px; background-position: -2765px 0px; } .iti__flag.iti__kr { height: 14px; background-position: -2787px 0px; } .iti__flag.iti__kw { height: 10px; background-position: -2809px 0px; } .iti__flag.iti__ky { height: 10px; background-position: -2831px 0px; } .iti__flag.iti__kz { height: 10px; background-position: -2853px 0px; } .iti__flag.iti__la { height: 14px; background-position: -2875px 0px; } .iti__flag.iti__lb { height: 14px; background-position: -2897px 0px; } .iti__flag.iti__lc { height: 10px; background-position: -2919px 0px; } .iti__flag.iti__li { height: 12px; background-position: -2941px 0px; } .iti__flag.iti__lk { height: 10px; background-position: -2963px 0px; } .iti__flag.iti__lr { height: 11px; background-position: -2985px 0px; } .iti__flag.iti__ls { height: 14px; background-position: -3007px 0px; } .iti__flag.iti__lt { height: 12px; background-position: -3029px 0px; } .iti__flag.iti__lu { height: 12px; background-position: -3051px 0px; } .iti__flag.iti__lv { height: 10px; background-position: -3073px 0px; } .iti__flag.iti__ly { height: 10px; background-position: -3095px 0px; } .iti__flag.iti__ma { height: 14px; background-position: -3117px 0px; } .iti__flag.iti__mc { height: 15px; background-position: -3139px 0px; } .iti__flag.iti__md { height: 10px; background-position: -3160px 0px; } .iti__flag.iti__me { height: 10px; background-position: -3182px 0px; } .iti__flag.iti__mf { height: 14px; background-position: -3204px 0px; } .iti__flag.iti__mg { height: 14px; background-position: -3226px 0px; } .iti__flag.iti__mh { height: 11px; background-position: -3248px 0px; } .iti__flag.iti__mk { height: 10px; background-position: -3270px 0px; } .iti__flag.iti__ml { height: 14px; background-position: -3292px 0px; } .iti__flag.iti__mm { height: 14px; background-position: -3314px 0px; } .iti__flag.iti__mn { height: 10px; background-position: -3336px 0px; } .iti__flag.iti__mo { height: 14px; background-position: -3358px 0px; } .iti__flag.iti__mp { height: 10px; background-position: -3380px 0px; } .iti__flag.iti__mq { height: 14px; background-position: -3402px 0px; } .iti__flag.iti__mr { height: 14px; background-position: -3424px 0px; } .iti__flag.iti__ms { height: 10px; background-position: -3446px 0px; } .iti__flag.iti__mt { height: 14px; background-position: -3468px 0px; } .iti__flag.iti__mu { height: 14px; background-position: -3490px 0px; } .iti__flag.iti__mv { height: 14px; background-position: -3512px 0px; } .iti__flag.iti__mw { height: 14px; background-position: -3534px 0px; } .iti__flag.iti__mx { height: 12px; background-position: -3556px 0px; } .iti__flag.iti__my { height: 10px; background-position: -3578px 0px; } .iti__flag.iti__mz { height: 14px; background-position: -3600px 0px; } .iti__flag.iti__na { height: 14px; background-position: -3622px 0px; } .iti__flag.iti__nc { height: 10px; background-position: -3644px 0px; } .iti__flag.iti__ne { height: 15px; background-position: -3666px 0px; } .iti__flag.iti__nf { height: 10px; background-position: -3686px 0px; } .iti__flag.iti__ng { height: 10px; background-position: -3708px 0px; } .iti__flag.iti__ni { height: 12px; background-position: -3730px 0px; } .iti__flag.iti__nl { height: 14px; background-position: -3752px 0px; } .iti__flag.iti__no { height: 15px; background-position: -3774px 0px; } .iti__flag.iti__np { height: 15px; background-position: -3796px 0px; } .iti__flag.iti__nr { height: 10px; background-position: -3811px 0px; } .iti__flag.iti__nu { height: 10px; background-position: -3833px 0px; } .iti__flag.iti__nz { height: 10px; background-position: -3855px 0px; } .iti__flag.iti__om { height: 10px; background-position: -3877px 0px; } .iti__flag.iti__pa { height: 14px; background-position: -3899px 0px; } .iti__flag.iti__pe { height: 14px; background-position: -3921px 0px; } .iti__flag.iti__pf { height: 14px; background-position: -3943px 0px; } .iti__flag.iti__pg { height: 15px; background-position: -3965px 0px; } .iti__flag.iti__ph { height: 10px; background-position: -3987px 0px; } .iti__flag.iti__pk { height: 14px; background-position: -4009px 0px; } .iti__flag.iti__pl { height: 13px; background-position: -4031px 0px; } .iti__flag.iti__pm { height: 14px; background-position: -4053px 0px; } .iti__flag.iti__pn { height: 10px; background-position: -4075px 0px; } .iti__flag.iti__pr { height: 14px; background-position: -4097px 0px; } .iti__flag.iti__ps { height: 10px; background-position: -4119px 0px; } .iti__flag.iti__pt { height: 14px; background-position: -4141px 0px; } .iti__flag.iti__pw { height: 13px; background-position: -4163px 0px; } .iti__flag.iti__py { height: 11px; background-position: -4185px 0px; } .iti__flag.iti__qa { height: 8px; background-position: -4207px 0px; } .iti__flag.iti__re { height: 14px; background-position: -4229px 0px; } .iti__flag.iti__ro { height: 14px; background-position: -4251px 0px; } .iti__flag.iti__rs { height: 14px; background-position: -4273px 0px; } .iti__flag.iti__ru { height: 14px; background-position: -4295px 0px; } .iti__flag.iti__rw { height: 14px; background-position: -4317px 0px; } .iti__flag.iti__sa { height: 14px; background-position: -4339px 0px; } .iti__flag.iti__sb { height: 10px; background-position: -4361px 0px; } .iti__flag.iti__sc { height: 10px; background-position: -4383px 0px; } .iti__flag.iti__sd { height: 10px; background-position: -4405px 0px; } .iti__flag.iti__se { height: 13px; background-position: -4427px 0px; } .iti__flag.iti__sg { height: 14px; background-position: -4449px 0px; } .iti__flag.iti__sh { height: 10px; background-position: -4471px 0px; } .iti__flag.iti__si { height: 10px; background-position: -4493px 0px; } .iti__flag.iti__sj { height: 15px; background-position: -4515px 0px; } .iti__flag.iti__sk { height: 14px; background-position: -4537px 0px; } .iti__flag.iti__sl { height: 14px; background-position: -4559px 0px; } .iti__flag.iti__sm { height: 15px; background-position: -4581px 0px; } .iti__flag.iti__sn { height: 14px; background-position: -4603px 0px; } .iti__flag.iti__so { height: 14px; background-position: -4625px 0px; } .iti__flag.iti__sr { height: 14px; background-position: -4647px 0px; } .iti__flag.iti__ss { height: 10px; background-position: -4669px 0px; } .iti__flag.iti__st { height: 10px; background-position: -4691px 0px; } .iti__flag.iti__sv { height: 12px; background-position: -4713px 0px; } .iti__flag.iti__sx { height: 14px; background-position: -4735px 0px; } .iti__flag.iti__sy { height: 14px; background-position: -4757px 0px; } .iti__flag.iti__sz { height: 14px; background-position: -4779px 0px; } .iti__flag.iti__ta { height: 10px; background-position: -4801px 0px; } .iti__flag.iti__tc { height: 10px; background-position: -4823px 0px; } .iti__flag.iti__td { height: 14px; background-position: -4845px 0px; } .iti__flag.iti__tf { height: 14px; background-position: -4867px 0px; } .iti__flag.iti__tg { height: 13px; background-position: -4889px 0px; } .iti__flag.iti__th { height: 14px; background-position: -4911px 0px; } .iti__flag.iti__tj { height: 10px; background-position: -4933px 0px; } .iti__flag.iti__tk { height: 10px; background-position: -4955px 0px; } .iti__flag.iti__tl { height: 10px; background-position: -4977px 0px; } .iti__flag.iti__tm { height: 14px; background-position: -4999px 0px; } .iti__flag.iti__tn { height: 14px; background-position: -5021px 0px; } .iti__flag.iti__to { height: 10px; background-position: -5043px 0px; } .iti__flag.iti__tr { height: 14px; background-position: -5065px 0px; } .iti__flag.iti__tt { height: 12px; background-position: -5087px 0px; } .iti__flag.iti__tv { height: 10px; background-position: -5109px 0px; } .iti__flag.iti__tw { height: 14px; background-position: -5131px 0px; } .iti__flag.iti__tz { height: 14px; background-position: -5153px 0px; } .iti__flag.iti__ua { height: 14px; background-position: -5175px 0px; } .iti__flag.iti__ug { height: 14px; background-position: -5197px 0px; } .iti__flag.iti__um { height: 11px; background-position: -5219px 0px; } .iti__flag.iti__un { height: 14px; background-position: -5241px 0px; } .iti__flag.iti__us { height: 11px; background-position: -5263px 0px; } .iti__flag.iti__uy { height: 14px; background-position: -5285px 0px; } .iti__flag.iti__uz { height: 10px; background-position: -5307px 0px; } .iti__flag.iti__va { height: 15px; background-position: -5329px 0px; } .iti__flag.iti__vc { height: 14px; background-position: -5346px 0px; } .iti__flag.iti__ve { height: 14px; background-position: -5368px 0px; } .iti__flag.iti__vg { height: 10px; background-position: -5390px 0px; } .iti__flag.iti__vi { height: 14px; background-position: -5412px 0px; } .iti__flag.iti__vn { height: 14px; background-position: -5434px 0px; } .iti__flag.iti__vu { height: 12px; background-position: -5456px 0px; } .iti__flag.iti__wf { height: 14px; background-position: -5478px 0px; } .iti__flag.iti__ws { height: 10px; background-position: -5500px 0px; } .iti__flag.iti__xk { height: 15px; background-position: -5522px 0px; } .iti__flag.iti__ye { height: 14px; background-position: -5544px 0px; } .iti__flag.iti__yt { height: 14px; background-position: -5566px 0px; } .iti__flag.iti__za { height: 14px; background-position: -5588px 0px; } .iti__flag.iti__zm { height: 14px; background-position: -5610px 0px; } .iti__flag.iti__zw { height: 10px; background-position: -5632px 0px; } .iti__flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url("../img/intTelInput/flags.png"); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) { .iti__flag { background-image: url("../img/intTelInput/flags@2x.png"); } } .iti__flag.iti__np { background-color: transparent; } body { padding: 0; margin: 0; font: 13px Arial, Helvetica, Garuda, sans-serif; *font-size: small; *font: x-small; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } body.no-transition * { transition: none !important; -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } article, aside, figure, footer, header, nav, section, details, summary, main { display: block; } h1, h2, h3, h4, h5, h6, ul, li, em, strong, pre, code, p, blockquote { padding: 0; margin: 0; line-height: 1em; font-size: 100%; font-weight: inherit; font-style: normal; } table { font-size: inherit; font: 100%; } .menu { list-style: none; margin: 0; padding: 0; } .menu li { margin: 0; padding: 0; line-height: 1em; background: none; } img { border: 0; max-width: 100%; } a { text-decoration: none; } input, select, textarea { font: inherit; } .pathway { margin: 0; padding: 0; } .pathway li { display: inline-block; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } @font-face { font-family: "Daily_Sans"; src: url("/fonts/daily-sans-medium.woff2") format("woff2"), url("/fonts/daily-sans-medium.woff") format("woff"); font-weight: 500; font-display: swap; font-style: normal; } @font-face { font-family: "Daily_Sans"; src: url("/fonts/daily-sans-heavy.woff2") format("woff2"), url("/fonts/daily-sans-heavy.woff") format("woff"); font-weight: 600; font-display: swap; font-style: normal; } :root { --swiper-navigation-color: #a40054; --swiper-navigation-size: 36px; } html { font-size: clamp(13px,0.7812vw,15px); } body { color: #4b4b4b; background-color: #f9f7f5; font-family: "area-normal", "Arial", sans-serif; font-size: 1rem; font-weight: 500; } [lang="ar"] body { text-align: right; } a { color: #4b4b4b; } p { line-height: inherit; margin-bottom: 1em; } p:last-child { margin: 0; } em { font-style: italic; } strong { font-weight: 600; } blockquote { font-size: 1.4em; margin-bottom: 1em; } blockquote * { line-height: 1.1em; } dl { margin: 0; margin-bottom: 1em; padding: 0; } dl:last-child { margin: 0; } @media screen and (max-width: 700px) { dl { display: grid; grid-template-columns: 160px 1fr; gap: 10px; align-items: center; } } @media screen and (max-width: 550px) { dl { display: block; } } dd, dt { margin: 0; padding: 0; } dt { margin-bottom: 0.6em; font-size: 12px; color: #fff; font-weight: 500; letter-spacing: 0.045em; } @media screen and (max-width: 700px) { dt { margin: 0; } } dd { margin-bottom: 1.2em; font-weight: normal; line-height: 1.4em; color: #4b4b4b; } @media screen and (max-width: 700px) { dd { font-size: 0.9rem; margin: 0; } } @media screen and (max-width: 550px) { dd { margin-bottom: 10px; } dd:last-of-type { margin: 0; } } ul, ol { margin: 0; margin-bottom: 1em; padding: 0 0 0 1em; } li { margin-bottom: 1em; line-height: 1.4em; } li:last-of-type { margin-bottom: 0; } .medium { font-weight: 500; } .semibold { font-weight: 600; } .bold { font-weight: 700; } .extrabold { font-weight: 800; } .font-68 { font-size: clamp(30px,3.54144vw,68px); line-height: 1.2em; letter-spacing: -0.04em; } .font-42 { font-size: clamp(25px,3.54144vw,42px); line-height: 1.2em; letter-spacing: -0.04em; } .font-26 { font-size: clamp(18px,1.35408vw,26px); line-height: 1.4em; letter-spacing: -0.02em; } .font-20 { font-size: 1.33rem; line-height: 20px; } @media screen and (max-width: 1550px) { .font-20 { font-size: 18px; } } @media screen and (max-width: 1000px) { .font-20 { font-size: 1rem; } } .font-16 { font-size: 1.07rem; line-height: 1.6em; letter-spacing: -0.02em; } @media screen and (max-width: 550px) { .font-16 { font-size: 0.95rem; } } .font-14 { font-size: 0.93rem; } .heading { font-size: clamp(25px,3.54144vw,42px); line-height: 1.2em; letter-spacing: -0.04em; font-family: "area-extended", sans-serif; font-weight: 800; margin-bottom: 0.6em; color: #a40054; } .heading--dark { color: #4b4b4b; } .heading--center { text-align: center; } .paragraph { display: flex; flex-direction: column; gap: 30px; font-size: 1.07rem; line-height: 1.6em; letter-spacing: -0.02em; } @media screen and (max-width: 550px) { .paragraph { font-size: 0.95rem; } } .paragraph--bigger { font-size: clamp(18px,1.35408vw,26px); line-height: 1.4em; letter-spacing: -0.02em; } .paragraph--smaller { font-size: 0.93rem; } .body { background: #f9f7f5; min-height: 100vh; display: flex; flex-direction: column; overflow-x: hidden; position: relative; } .body--popup { background: #fff; color: #13110f; } .body--popup::after { display: none; } .main { flex-grow: 1; } .container { display: block; width: 100%; max-width: 1920px; margin: 0 auto; } .container--small { padding-left: min(5.208vw,100px); padding-right: min(5.208vw,100px); } @media screen and (max-width: 700px) { .container--small { padding-left: 20px; padding-right: 20px; } } img { display: block; width: 100%; } figure { margin: 0; } figure img { margin-bottom: 20px; } figure figcaption { font-size: 1.07rem; line-height: 1.6em; letter-spacing: -0.02em; } @media screen and (max-width: 550px) { figure figcaption { font-size: 0.95rem; } } @media screen and (max-width: 550px) { figure figcaption { font-size: 14px; } } svg { overflow: visible; max-width: 100%; display: block; } video { width: 100%; display: block; } .success-color { color: #2ba075 !important; } .error-color { color: #ef6736 !important; } [contenteditable] { -webkit-user-select: text; user-select: text; -webkit-user-modify: read-write; } ::placeholder { color: #cbcbcb; opacity: 1; } input, textarea, select, button { border: none; webkit-appearance: none; appearance: none; background: none; font: inherit; box-shadow: none; border-radius: 0; width: 100%; padding: 0; outline: none; } button { width: auto; cursor: pointer; } input[type="text"], input[type="date"], input[type="time"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], textarea, select, .fakeinput { height: 50px; line-height: 50px; background: #fff; border-radius: 12px; padding: 0 15px 0; font-size: 1rem; transition: 300ms; color: #13110f; font-family: "area-normal", "Arial", sans-serif; } @media screen and (max-width: 700px) { input[type="text"], input[type="date"], input[type="time"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], textarea, select, .fakeinput { height: 45px; line-height: 45px; padding: 0 10px; font-size: 1rem; } } input[type="text"]:not([readonly]):focus, input[type="date"]:not([readonly]):focus, input[type="time"]:not([readonly]):focus, input[type="password"]:not([readonly]):focus, input[type="email"]:not([readonly]):focus, input[type="number"]:not([readonly]):focus, input[type="tel"]:not([readonly]):focus, textarea:not([readonly]):focus, select:not([readonly]):focus, .fakeinput:not([readonly]):focus { border-color: #4b4b4b; } select { background-image: url(../img/icons/select-dropdown.svg); background-repeat: no-repeat; background-position: right 10px center; } textarea { line-height: 1.2em; height: auto; padding: 15px; } .labelcontainer { position: relative; display: inline-block; } .labelcontainer .tooltip { position: absolute; top: 0; right: -25px; margin-top: -10px; } @media screen and (max-width: 700px) { .labelcontainer .tooltip { margin-top: -3px; } } label { display: inline-block; margin-bottom: 5px; font-size: 0.9rem; font-weight: 500; color: #4b4b4b; } @media screen and (max-width: 1000px) { label { font-size: 13px; } } @media screen and (max-width: 700px) { label { font-size: 12px; margin-bottom: 2px; color: #4b4b4b; } } fieldset { padding: 0; margin: 0; margin-bottom: 50px; border: none; } @media screen and (max-width: 1400px) { fieldset { margin-bottom: 40px; } } @media screen and (max-width: 700px) { fieldset { margin-bottom: 30px; } } @media screen and (max-width: 550px) { fieldset { margin-bottom: 25px; } } fieldset:not(.force-margin):last-child { margin: 0; } legend { padding: 0; margin: 0; margin-bottom: 0.5em; color: #4b4b4b; font-size: 1.7rem; font-weight: bold; position: relative; } @media screen and (max-width: 1860px) { legend { font-size: 1.5rem; } } @media screen and (max-width: 1400px) { legend { font-size: 1.4rem; } } @media screen and (max-width: 700px) { legend { font-size: 1.2rem; font-weight: bold; } } legend.legend-small { font-size: 1rem; font-weight: 400; letter-spacing: 0.005em; } legend .checkbox label { color: #4b4b4b; font-size: 1.7rem; font-weight: 400; } legend .checkbox label span { align-items: center; } legend .tooltip { position: absolute; right: -30px; bottom: 100%; margin-bottom: -10px; } .input { margin-bottom: 20px; } .input-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; } @media screen and (max-width: 700px) { .input { margin-bottom: 15px; } .input-grid { grid-template-columns: 1fr; } } .checkbox .labelcontainer label { display: inline-block; margin-bottom: 10px; font-size: 0.9rem; font-weight: 500; color: #4b4b4b; } .checkbox label { position: relative; cursor: pointer; font-size: 14px; display: block; margin-bottom: 10px; letter-spacing: 0.05em; color: #4b4b4b; } @media screen and (max-width: 1000px) { .checkbox label { font-size: 12px; } } .checkbox label input { width: 0; height: 0; transform: scale(0); -webkit-transform: scale(0); position: absolute; top: 0; left: -10px; } .checkbox label input:checked ~ span::before { box-shadow: 0 0 0 1px #4b4b4b inset, 0 0 0 3px #fff inset; } .checkbox label > span { position: relative; padding-left: 30px; display: flex; align-items: center; height: 20px; gap: 5px 0.25em; } [lang="ar"] .checkbox label > span { padding-left: 0; padding-right: 30px; } .checkbox label > span::before { content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 20px; display: block; box-shadow: 0 0 0 1px #4b4b4b inset; flex-shrink: 0; } [lang="ar"] .checkbox label > span::before { left: auto; right: 0; } .radio .labelcontainer label { display: inline-block; margin-bottom: 10px; font-size: 0.9rem; font-weight: 500; color: #4b4b4b; } .radio .labelcontainer label::after { display: inline; } .radio label { position: relative; cursor: pointer; font-size: 14px; display: block; margin-bottom: 10px; letter-spacing: 0.05em; color: #4b4b4b; } .radio label::after { display: none; } @media screen and (max-width: 1000px) { .radio label { font-size: 12px; } } .radio label input { width: 0; height: 0; transform: scale(0); -webkit-transform: scale(0); } .radio label input:checked ~ span::before { box-shadow: 0 0 0 1px #4b4b4b inset, 0 0 0 3px #fff inset; } .radio label > span { position: relative; display: flex; align-items: center; gap: 10px; } .radio label > span::before { content: ""; width: 20px; height: 20px; display: block; box-shadow: 0 0 0 1px #4b4b4b inset; flex-shrink: 0; } .radio label { font-weight: bold; } .radio label > span::before { border-radius: 50%; } .radio--long-labels label { font-weight: normal; font-size: 1rem; } .radio--long-labels label h6 { font-weight: bold; margin-bottom: 0.3em; } .radio--long-labels label > span { align-items: flex-start; } .radio--long-labels label > span::before { margin-top: -5px; } .form--dark input[type="text"], .form--dark input[type="date"], .form--dark input[type="time"], .form--dark input[type="password"], .form--dark input[type="email"], .form--dark input[type="number"], .form--dark input[type="tel"], .form--dark textarea, .form--dark select, .form--dark .fakeinput { background-color: #f9f7f5; } .form--dark a { color: #13110f; text-decoration: underline; } .form--dark label, .form--dark legend, .form--dark .radio label, .form--dark .checkbox label, .form--dark .select2-container--default .select2-selection--single .select2-selection__rendered { color: #13110f; } .form--dark .radio label input:checked ~ span::before, .form--dark .checkbox label input:checked ~ span::before { box-shadow: 0 0 0 1px #000000 inset, 0 0 0 5px #fff inset, 0 0 0 1em black inset; } .input-hint, .error-message { display: block; font-size: 0.9rem; text-transform: none; margin-top: 5px; } .error-message { color: #ef6736; font-weight: 600; margin-bottom: 0; } .privacy-disclaimer { margin-bottom: 30px; } .required label::after { content: " *"; } .required.checkbox label::after { display: none; } .form-privacy { margin-bottom: 15px; font-size: 0.8rem; } .form-privacy a { color: inherit; text-decoration: underline; } .number-input { height: 60px; border: 1px solid #a40054; border-radius: 5px; display: flex; align-items: center; padding: 0 20px; gap: 20px; } .number-input--light { padding: 0; border: none; height: 40px; } @media screen and (max-width: 1550px) { .number-input { height: 55px; } } .number-input svg { display: block; } .number-input__label { flex-grow: 1; white-space: nowrap; font-weight: 400; color: #13110f; } .number-input__label small { display: block; font-size: 12px; font-weight: 500; color: #4b4b4b; } .number-input__input { display: flex; align-items: center; } .number-input__input span, .number-input__input svg { display: block; } .number-input__input [data-dec], .number-input__input [data-inc] { cursor: pointer; } .number-input__input [data-dec] svg path, .number-input__input [data-inc] svg path { fill: #4b4b4b; } .number-input__input [data-dec].disabled, .number-input__input [data-inc].disabled { cursor: default; opacity: 0.1; } .number-input__input input { padding: 0; width: auto; border: none; text-align: center; background: none; height: 40px; line-height: 40px; width: 50px; font-weight: 400; } @media screen and (max-width: 550px) { .number-input__input input { width: 40px; } } .select2-container .select2-selection--single { height: 50px; } @media screen and (max-width: 700px) { .select2-container .select2-selection--single { height: 45px; line-height: 45px; } } .select2-container--default .select2-selection--single { border-color: #a40054; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 50px; } @media screen and (max-width: 700px) { .select2-container--default .select2-selection--single .select2-selection__arrow { height: 45px; line-height: 45px; } } .select2-results__option { margin: 0; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; color: #4b4b4b; } @media screen and (max-width: 700px) { .select2-container--default .select2-selection--single .select2-selection__rendered { height: 45px; line-height: 45px; } } .button { display: inline-block; font-size: 1.07rem; line-height: 1.6em; letter-spacing: -0.02em; height: 50px; line-height: 50px; padding: 0 2em; color: #fff; background-color: #a40054; transition: 300ms; position: relative; cursor: pointer; text-align: center; border-radius: 5rem; font-weight: bold; } @media screen and (max-width: 550px) { .button { font-size: 0.95rem; } } @media screen and (max-width: 1550px) { .button { font-size: 1rem; } } @media screen and (max-width: 1000px) { .button { height: 50px; line-height: 50px; } } .button:hover { background-color: #be0061; } .button__spinner { position: absolute; right: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); line-height: 0; left: 50%; width: 25px; opacity: 0; } .button__spinner svg { animation: spinRight 800ms linear infinite; -webkit-animation: spinRight 800ms linear infinite; animation-play-state: paused; -webkit-animation-play-state: paused; width: 30px; } .button__icon { flex: 0 0 24px; } .button__text { white-space: nowrap; } .button--ghost { color: #13110f; background: none; border: 1px solid #a40054; } .button--ghost:hover { background-color: rgba(164,0,84,0.15); } .button--main { background-color: #a40054; color: #fff; } .button--icon { display: inline-flex; align-items: center; gap: 10px; } .button--full { text-align: center; justify-content: center; width: 100%; padding: 0 1em; } .button--rounded-arrow { width: min(3.3852vw,65px); height: min(3.3852vw,65px); min-width: 48px; min-height: 48px; border: 1px solid #4b4b4b; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 10px; } .button--rounded-arrow--rotated { transform: rotate(180deg); } .button--book { background: #a40054; border-color: #a40054; color: #4b4b4b; text-transform: uppercase; height: 33px; line-height: 31px; font-weight: 500; } .button--book:hover { background: #be0061; } .button--small { height: 40px; line-height: 40px; font-size: 0.85rem; } @media screen and (max-width: 550px) { .button--mobile-full { width: 100%; text-align: center; } } .button--dark { background: #a40054; color: #4b4b4b; } .button--dark:hover { background: #be0061; } .button--nexi { background: linear-gradient(#666bd7,#2d32aa); color: #fff; border: 1px solid #2d32aa; font-weight: bold; } .button--nexi path { fill: #fff; } .button--nexi:hover { background: linear-gradient(#7b7edc,#3238be); } .button--loading.loading .button__spinner { opacity: 1; } .button--loading.loading .button__spinner svg { animation-play-state: running; -webkit-animation-play-state: running; } .button--loading.loading .button__text { opacity: 0; } #article { padding: 150px 5vw; font-size: 1.1rem; } #cookie_reload { cursor: pointer; } #cookiedisclaimer2022 { position: fixed; right: 0; left: 0; bottom: 0; z-index: 9999999999; pointer-events: all; } #cookiedisclaimer2022 .inner_disclaimer { padding: 40px 25px; text-align: center; color: #333; font-size: 14px; background: #fff; box-shadow: 0 -10px 25px rgba(0,0,0,0.1); z-index: 9999; line-height: 1.5em; margin: 0 auto; max-height: 100%; overflow: auto; transition: transform 1000ms cubic-bezier(0.165,0.840,0.440,1.000); letter-spacing: 0; font-weight: normal; } @media (max-width: 700px) { #cookiedisclaimer2022 .inner_disclaimer { font-size: 13px; padding: 40px 20px 20px; } } @media (max-width: 370px) { #cookiedisclaimer2022 .inner_disclaimer { padding: 40px 10px 20px; } } #cookiedisclaimer2022.hidden { pointer-events: none; opacity: 0; } #cookiedisclaimer2022.hidden .inner_disclaimer { transform: translateY(100%); } #cookiedisclaimer2022 h3 { font-size: 1.2em; margin-bottom: .6em; font-weight: 600; color: inherit; line-height: 1.2em; letter-spacing: 0; } #cookiedisclaimer2022 h5 { font-size: 1.1em; font-weight: 600; } #cookiedisclaimer2022 h6 { font-size: 1em; font-weight: 600; } #cookiedisclaimer2022 .cookie_header { margin: 0 auto; max-width: 600px; } #cookiedisclaimer2022 .cookie_options { margin-bottom: 1em; display: flex; justify-content: center; gap: 20px; margin-top: 1em; } @media (max-width: 600px) { #cookiedisclaimer2022 .cookie_options { flex-flow: column; gap: 10px; } } #cookiedisclaimer2022 .cookie_options span { background: #333; cursor: pointer; display: inline-block; padding: 1em; font-weight: 400; color: #fff; border: 1px solid #333; transition: background .35s; } #cookiedisclaimer2022 .cookie_options span:hover { background: #4d4d4d; } #cookiedisclaimer2022 .cookie_options span#cookieselect { color: #333; background: #fff; } #cookiedisclaimer2022 .cookie_options span#cookieselect:hover { background: #e6e6e6; } #cookiedisclaimer2022 a { text-decoration: underline; color: #808080; cursor: pointer; display: inline-block; padding: 5px; } #cookiedisclaimer2022 a:hover { color: #333; } #cookiedisclaimer2022 #cookie_close { position: absolute; right: 5px; top: 5px; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 50%; background: #333; color: #fff; cursor: pointer; transition: background .35s; } @media (max-width: 700px) { #cookiedisclaimer2022 #cookie_close { width: 35px; height: 35px; line-height: 35px; } } #cookiedisclaimer2022 #cookie_close:hover { background: #4d4d4d; } #cookiedisclaimer2022 #cookie_preferences { text-align: left; margin-bottom: 2em; display: none; } #cookiedisclaimer2022 #cookie_preferences.show { display: block; } #cookiedisclaimer2022 .cookie_type { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #999999; margin-left: auto; margin-right: auto; max-width: 600px; } #cookiedisclaimer2022 .cookie_type:last-of-type { border-bottom: none; margin-bottom: 0; } #cookiedisclaimer2022 .cookie_flex { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } #cookiedisclaimer2022 .cookie_flex h5, #cookiedisclaimer2022 .cookie_flex h6 { margin: 0; } #cookiedisclaimer2022 .cookie_desc { margin-bottom: 1em; } #cookiedisclaimer2022 .cookie_desc:last-of-type { margin: 0; } #cookiedisclaimer2022 .cookie_type_list { padding-left: 20px; margin-top: 20px; } #cookiedisclaimer2022 .toggle { cursor: pointer; display: inline-block; } #cookiedisclaimer2022 .toggle-switch { display: inline-block; background: #ccc; border-radius: 16px; width: 58px; height: 32px; position: relative; vertical-align: middle; transition: background 0.35s; } #cookiedisclaimer2022 .toggle-switch:before, #cookiedisclaimer2022 .toggle-switch:after { content: ""; } #cookiedisclaimer2022 .toggle-switch:before { display: block; background: linear-gradient(to bottom,#fff 0%,#eee 100%); border-radius: 50%; box-shadow: 0 0 0 1px rgba(0,0,0,0.25); width: 24px; height: 24px; position: absolute; top: 4px; left: 4px; transition: left 0.35s; } .toggle:hover #cookiedisclaimer2022 .toggle-switch:before { background: linear-gradient(to bottom,#fff 0%,#fff 100%); box-shadow: 0 0 0 1px rgba(0,0,0,0.5); } #cookiedisclaimer2022 .toggle-checkbox:checked + .toggle-switch { background: #55bb55; } #cookiedisclaimer2022 .toggle-checkbox:checked + .toggle-switch:before { left: 30px; } #cookiedisclaimer2022 .toggle-checkbox { position: absolute; visibility: hidden; } #cookiedisclaimer2022 button { display: block; font-size: 18px; margin: 0 auto 2em; float: none; background: #55bb55; padding: 1em 2em; color: #fff; transition: background 0.35s; font-weight: 400; border: none; cursor: pointer; height: auto; line-height: normal; } #cookiedisclaimer2022 button:hover { background: #33aa33; } .alert { display: block; width: 440px; height: auto; overflow: hidden; overflow-y: auto; padding: 20px 40px 20px 25px; min-height: 60px; border-radius: 5px; position: fixed; bottom: 20px; right: 20px; z-index: 50; text-transform: uppercase; visibility: hidden; transform: translate3d(100%,0,0); -webkit-transform: translate3d(100%,0,0); opacity: 0.3; transition: 0.6s cubic-bezier(0.165,0.84,0.44,1); font-size: 14px; text-transform: none; color: #fff; font-weight: bold; } @media screen and (max-width: 1200px) { .alert { width: 100%; left: 0; bottom: 0; right: 0; transform: translate3d(0,100%,0); -webkit-transform: translate3d(0,100%,0); text-align: center; border-radius: 0; padding: 30px 40px 30px 25px; } } .alert.visible { visibility: visible; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); opacity: 1; transition: 0.6s cubic-bezier(0.165,0.84,0.44,1); } .alert.hidden { visibility: hidden; transform: translate3d(100%,0,0); -webkit-transform: translate3d(0,0,0); opacity: 0; } .alert__close { position: absolute; top: 5px; right: 5px; width: 15px; height: 15px; cursor: pointer; } .alert__close::before, .alert__close::after { content: ""; height: 2px; position: absolute; top: 50%; background: #fff; left: 0; right: 0; } .alert__close::before { transform: rotate(45deg); -webkit-transform: rotate(45deg); } .alert__close::after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .alert--success { background-color: #2ba075; } .alert--warning { background-color: #e3863a; } .alert--error { background-color: #ef6736; } @keyframes scroll { 0% { transform: translate3d(0,-100%,0); -webkit-transform: translate3d(0,-100%,0); } 100% { transform: translate3d(0,100%,0); -webkit-transform: translate3d(0,100%,0); } } @keyframes spinRight { 0% { transform: rotate3d(0,0,1,0deg); -webkit-transform: rotate3d(0,0,1,0deg); } 100% { transform: rotate3d(0,0,1,360deg); -webkit-transform: rotate3d(0,0,1,360deg); } } @keyframes spinLeft { 0% { transform: rotate3d(0,0,1,0deg); -webkit-transform: rotate3d(0,0,1,0deg); } 100% { transform: rotate3d(0,0,1,-360deg); -webkit-transform: rotate3d(0,0,1,-360deg); } } .swiper--double-slide { padding-right: 100px; } .swiper--double-slide .swiper-slide { display: grid; grid-template-columns: 35% 1fr; gap: 50px; } .swiper--double-slide .swiper-slide img { aspect-ratio: 1; object-fit: cover; margin: 0; } @media screen and (max-width: 1000px) { .swiper--double-slide { padding-right: 0; } .swiper--double-slide .swiper-slide { gap: 10px; } } .swiper-slide__video { position: relative; } .swiper-slide__video::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.3)); pointer-events: none; } .swiper-button-next, .swiper-button-prev { width: 35px; height: 35px; background: white; z-index: 10; border-radius: 50%; } .swiper-button-next::after, .swiper-button-prev::after { font-size: 20px; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0; } .header { position: sticky; top: 0; left: 0; width: 100%; height: 100px; justify-content: center; color: #fff; background-color: #a40054; z-index: 101; transition: 300ms; } .header, .header__inner, .header__right, .header__languages, .header__book { display: flex; align-items: center; } .header__logo { width: clamp(170px,11.4576vw,220px); } .header__inner { padding-left: min(5.208vw,100px); padding-right: min(5.208vw,100px); padding-right: min(3.1248vw,60px); display: grid; grid-template-columns: 20% 1fr 20%; align-items: center; gap: 20px; } @media screen and (max-width: 700px) { .header__inner { padding-left: 20px; padding-right: 20px; } } .header__inner a { color: inherit; } @media screen and (max-width: 1200px) { .header__inner { display: flex; justify-content: space-between; } } .header__menu { justify-items: center; } .header__menu .menu { display: flex; align-items: center; justify-content: center; width: 100%; gap: 30px; } .header__menu .menu a { font-size: 1.07rem; line-height: 1.6em; letter-spacing: -0.02em; font-weight: bold; } @media screen and (max-width: 550px) { .header__menu .menu a { font-size: 0.95rem; } } @media screen and (max-width: 1200px) { .header__menu { position: fixed; width: 100%; max-width: 500px; height: 100%; right: 0; top: 0; z-index: 50; padding-top: 150px; background-color: #a40054; transform: translate3d(100%,0,0); overflow-y: auto; transition: 350ms ease-out; } .header__menu .menu { flex-direction: column; justify-content: flex-start; gap: 20px; height: 100%; } .header__menu .menu a { font-size: clamp(18px,1.35408vw,26px); line-height: 1.4em; letter-spacing: -0.02em; } .header__menu.open { transform: translate3d(0,0,0); } } .header__right { justify-content: flex-end; gap: 25px; } @media screen and (max-width: 1200px) { .header__right { z-index: 51; } } @media screen and (max-width: 550px) { .header__right { flex-direction: row-reverse; gap: 15px; } } .header__book { height: 42px; font-size: 0.93rem; background-color: white; border-radius: 3px; gap: 10px; color: #13110f; padding: 0 1em; } .header__book div:nth-child(2) { transform: translateY(2px); } @media screen and (max-width: 550px) { .header { height: 80px; } } .header__book svg { width: 1.1em; height: 1.1em; } .header__book svg path { fill: black; } @media screen and (max-width: 1000px) { .header__book { display: none; } } .header__languages { gap: 8px; cursor: pointer; } .body--checkout .header .header__book { display: none; } .footer { width: 100%; padding: 50px 0 20px; background-color: white; margin-top: 120px; padding-left: min(5.208vw,100px); padding-right: min(5.208vw,100px); max-width: 100%; } @media screen and (max-width: 700px) { .footer { padding-left: 20px; padding-right: 20px; } } .footer__top, .footer__bottom { max-width: 1920px; margin: 0 auto; } .footer__top { display: grid; grid-template-columns: 45% 1fr; gap: 50px; } .footer__top h3 { font-size: clamp(25px,3.54144vw,42px); line-height: 1.2em; letter-spacing: -0.04em; font-family: "area-extended", sans-serif; font-weight: 800; margin-bottom: 0.6em; color: #a40054; } .footer__top h3--dark { color: #4b4b4b; } .footer__top h3--center { text-align: center; } .footer__top .cta { margin-top: 20px; } .footer__bottom { border-top: 1px solid #c6c4c2; margin-top: min(6.2496vw,120px); padding-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 13px; } .footer__right { display: flex; flex-wrap: wrap; gap: min(5.208vw,100px); } .footer__column { display: flex; flex-direction: column; gap: 30px; font-size: 0.93rem; } .footer__column-title { font-size: 1.07rem; line-height: 1.6em; letter-spacing: -0.02em; font-weight: 700; } @media screen and (max-width: 550px) { .footer__column-title { font-size: 0.95rem; } } .footer__menu, .footer__menu > .menu { gap: 20px; list-style: none; padding: 0; margin: 0; } .footer__menu li, .footer__menu > .menu li { margin-bottom: 0.65em; } .footer__menu a { font-size: inherit; } .footer__menu--inline, .footer__menu--inline .menu { display: flex; flex-wrap: wrap; align-items: center; } @media screen and (max-width: 1000px) { .footer__top { grid-template-columns: 100%; } } .gallery { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; } .error-container { display: flex; align-items: center; flex-direction: column; width: 100%; justify-content: center; height: 100vh; } .error-container h1 { text-align: center; margin-bottom: .5em; } .error-container a { text-decoration: underline; } .paginator { margin-top: 20px; } .paginator__pages { display: flex; align-items: center; gap: 5px; list-style-type: none; margin: 0; padding: 0; justify-content: center; } .paginator__pages li { margin: 0; } .paginator__pages a { display: block; width: 40px; height: 40px; line-height: 38px; text-align: center; color: #4b4b4b; border: 1px solid #4b4b4b; } .paginator__pages .active a { background: #a40054; color: #fff; } .languages { position: relative; text-transform: uppercase; } .languages__toggler { height: 40px; display: flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; border-radius: 5px; color: inherit; } .languages__toggler::after { content: ""; display: block; width: 0; height: 0; border-top: 6px solid #fff; border-left: 4px solid transparent; border-right: 4px solid transparent; } .languages__icon { transition: 300ms cubic-bezier(0.25,0.46,0.45,0.94); will-change: transform; } .languages__dropdown { display: flex; flex-direction: column; gap: 5px; background: #f7f7f7; position: absolute; top: 100%; border-radius: 3px; padding: 10px; width: 60px; right: 0; border-top: none; visibility: hidden; pointer-events: none; transform: scale3d(1,0,1); -webkit-transform: scale3d(1,0,1); transform-origin: 0 0; -webkit-transform-origin: 0 0; transition: 300ms cubic-bezier(0.25,0.46,0.45,0.94); opacity: 0; will-change: transform, opacity; } a.languages__link { height: 35px; line-height: 35px; text-align: center; display: block; color: #13110f; } a.languages__link--active { color: #cbcbcb; } .languages.open .languages__dropdown { visibility: visible; pointer-events: all; transform: scale3d(1,1,1); -webkit-transform: scale3d(1,1,1); opacity: 1; } .languages.open .languages__icon { transform: rotate3d(0,0,1,180deg); -webkit-transform: rotate3d(0,0,1,180deg); } .cta { display: inline-flex; align-items: center; justify-content: center; min-width: 120px; font-size: 1.07rem; line-height: 1.6em; letter-spacing: -0.02em; font-weight: 600; height: 45px; background-color: #a40054; border-radius: 5rem; padding: 0 1em; gap: 0.45em; } @media screen and (max-width: 550px) { .cta { font-size: 0.95rem; } } .cta__label { color: #fff; } .cta__icon { width: 1em; height: 1em; } .cta__icon svg path { fill: currentColor; } .cta--light { background-color: #fff; } .cta--light .cta__label { color: #a40054; } .cta--textcolor .cta__label { color: #4b4b4b; } .cta--small { height: 40px; } .landing { min-height: 100vh; padding: 50px 10vw; display: flex; align-items: center; justify-content: center; background: url(../img/landing-bg.jpg) no-repeat center / cover; color: #fff; } .landing__content { text-align: center; } .landing__content__text { font-size: 1.3rem; } .landing__content__cta { margin-top: 40px; } .landing__content__cta > span { display: block; font-weight: bold; margin-bottom: 20px; } .social { display: flex; align-items: center; list-style: none; gap: 5px; margin: 0; padding: 0; } .social__link { display: flex; align-items: center; margin-bottom: 0; } .social__link a { width: 25px; height: 25px; padding: 3px; } .social__link svg { width: 100%; height: 100%; } .social__link svg path { fill: #4b4b4b; } .whybuy { display: grid; grid-template-columns: 1fr 45%; align-items: center; gap: 10%; max-width: 1200px; padding: 0 45px; margin: 0 auto; } .whybuy__left { display: flex; flex-direction: column; align-items: flex-start; gap: 25px; } .whybuy__right { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; } .whybuy__item { display: flex; flex-direction: column; justify-content: space-between; width: 100%; aspect-ratio: 1; background-color: #a40054; color: #fff; border-radius: 10px; font-size: 1.33rem; line-height: 20px; line-height: 1.4em; font-weight: 700; font-family: "area-extended", sans-serif; padding: 1.8em; padding-right: 3em; } @media screen and (max-width: 1550px) { .whybuy__item { font-size: 18px; } } @media screen and (max-width: 1000px) { .whybuy__item { font-size: 1rem; } } .whybuy__item:nth-child(1) { transform: rotate(-4deg); } .whybuy__item:nth-child(2) { transform: rotate(4deg) translate3d(10px,20px,0); } .whybuy__item:nth-child(3) { transform: rotate(4deg) translate3d(-10px,-10px,0); } .whybuy__item:nth-child(4) { transform: rotate(-4deg) translate3d(0,20px,0); } .whybuy__item-icon { width: 3em; height: 3em; } .whybuy__item-icon svg { width: 100%; height: 100%; } .whybuy__item--light { background-color: #fff; color: #a40054; } .whybuy__item--light svg path { stroke: #a40054; } @media screen and (max-width: 1000px) { .whybuy { grid-template-columns: 100%; margin-bottom: 150px; } .whybuy__left { max-width: 650px; margin: 0 auto; text-align: center; align-items: center; } .whybuy__right { max-width: 400px; margin: 0 auto; } } @media screen and (max-width: 700px) { .whybuy { padding: 0 15px; justify-items: center; } .whybuy__right { margin: 0; max-width: 100%; } } .vehicles-preview { width: 100%; height: 85vh; display: block; overflow: hidden; position: relative; margin-top: 50px; } @media screen and (max-width: 1000px) { .vehicles-preview { height: 60vh; } } .vehicles-preview__item { position: relative; } .vehicles-preview__item picture, .vehicles-preview__item img { width: 100%; height: 100%; object-fit: cover; } .vehicles-preview__item::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: rgba(164,0,84,0.8); transition: 300ms 400ms ease; } .vehicles-preview__item-title { font-family: "area-extended", sans-serif; font-variation-settings: "wght" 600; font-size: clamp(50px,3.6456vw,70px); color: #4b4b4b; position: absolute; left: 40px; top: 10%; opacity: 0.9; z-index: 2; transition: 800ms 100ms ease-in-out; transform: translate3d(120px,0,0); } @media screen and (max-width: 700px) { .vehicles-preview__item-title { font-size: clamp(30px,2.604vw,50px); } } .vehicles-preview .swiper { height: 100%; } .vehicles-preview .swiper-wrapper { transition-timing-function: cubic-bezier(0.46,0.03,0.52,0.96); } .vehicles-preview .swiper-slide-prev .vehicles-preview__item-title { transform: translate3d(-120px,0,0); } .vehicles-preview .swiper-slide-next .vehicles-preview__item-title { transform: translate3d(120px,0,0); } .vehicles-preview .swiper-slide-active .vehicles-preview__item-title { transform: translate3d(0,0,0); } .vehicles-preview .swiper-slide-active::after { background-color: rgba(164,0,84,0.4); } @media screen and (max-width: 700px) { .vehicles-preview .swiper-slide-prev .vehicles-preview__item-title { transform: translate3d(-50px,0,0); } .vehicles-preview .swiper-slide-next .vehicles-preview__item-title { transform: translate3d(50px,0,0); } } .vehicles-preview .swiper-pagination { position: absolute; bottom: 60px; right: 0; z-index: 5; display: flex; justify-content: flex-end; gap: 10px; } @media screen and (max-width: 700px) { .vehicles-preview .swiper-pagination { bottom: 30px; } } .vehicles-preview .swiper-pagination-bullet { width: min(5.208vw,100px); height: min(5.208vw,100px); min-width: 80px; min-height: 80px; border-radius: 0; background-color: transparent; opacity: 0.5; margin: 0; } .vehicles-preview .swiper-pagination-bullet img { height: 100%; object-fit: cover; } .vehicles-preview .swiper-pagination-bullet-active { outline: 1px solid #4b4b4b; outline-offset: 5px; opacity: 1; } @media screen and (max-width: 550px) { .vehicles-preview .swiper-pagination-bullet { min-width: 50px; min-height: 50px; } } .vehicles-slider { margin-top: 190px; overflow: hidden; padding: 0 5.208vw; position: relative; } .vehicles-slider--mb { margin-bottom: 100px; } .vehicles-slider::before, .vehicles-slider::after { content: ""; display: block; width: 150px; height: 100%; position: absolute; top: 0; z-index: 2; } .vehicles-slider::before { left: 0; background: linear-gradient(90deg,#f9f7f5 0%,rgba(0,0,0,0) 100%); } .vehicles-slider::after { right: 0; background: linear-gradient(-90deg,#f9f7f5 0%,rgba(0,0,0,0) 100%); } @media screen and (max-width: 1550px) { .vehicles-slider { margin-top: 120px; } } @media screen and (max-width: 1200px) { .vehicles-slider { margin-top: 100px; } } @media screen and (max-width: 700px) { .vehicles-slider { margin-top: 80px; padding: 0; } } @media screen and (max-width: 550px) { .vehicles-slider { margin-top: 60px; } } .vehicles-slider h2 { font-weight: 300; margin-bottom: 0.8em; text-align: center; padding: 0 20px; } @media screen and (max-width: 550px) { .vehicles-slider h2 { font-weight: 500; } } .vehicles-slider__wrapper { cursor: all-scroll; } @media screen and (max-width: 700px) { .vehicles-slider__wrapper { padding: 0 80px 0 20px; } } @media screen and (max-width: 550px) { .vehicles-slider__wrapper { padding: 0 50px 0 10px; } } .vehicles-slider__slide { text-align: center; } .vehicles-slider__slide h4 { font-size: 1.33rem; line-height: 20px; line-height: 1em; font-family: "area-extended", sans-serif; margin-bottom: 0.6em; color: #a40054; font-weight: 700; } @media screen and (max-width: 1550px) { .vehicles-slider__slide h4 { font-size: 18px; } } @media screen and (max-width: 1000px) { .vehicles-slider__slide h4 { font-size: 1rem; } } .vehicles-slider__slide__preview img { object-fit: contain; width: 100%; max-width: 400px; margin: 0 auto; } @media screen and (max-width: 1200px) { .vehicles-slider__slide__preview img { width: 15vw; } } @media screen and (max-width: 1000px) { .vehicles-slider__slide__preview img { width: 80%; } } .vehicles-slider__slide__passengers { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 0.93rem; } @media screen and (max-width: 1000px) { .vehicles-slider__slide__passengers { font-size: 13px; } } @media screen and (max-width: 550px) { .vehicles-slider__slide__passengers { gap: 3px; } .vehicles-slider__slide__passengers svg { width: 15px; } } .vehicles-slider .swiper { overflow: visible; } .tooltip { position: relative; width: 20px; height: 20px; } .tooltip__toggler { cursor: pointer; } .tooltip__toggler svg { display: block; } .tooltip__toggler svg path { fill: #4b4b4b; } .tooltip__content { position: absolute; z-index: 500; bottom: 100%; left: 0; width: 300px; font-size: 14px; padding: 20px 20px 15px 15px; transform: translate3d(-10px,-30px,0); -webkit-transform: translate3d(-10px,-30px,0); border-radius: 10px; background-color: #a40054; color: #fff; font-weight: 500; box-shadow: 0 5px 10px rgba(0,0,0,0.1); transition: 450ms cubic-bezier(0.25,0.46,0.45,0.94); opacity: 0; pointer-events: none; visibility: hidden; } .tooltip__content::after { content: " "; position: absolute; top: 100%; left: 12px; border-width: 8px; border-style: solid; border-color: #a40054; border-bottom-color: transparent; border-right-color: transparent; border-left-color: transparent; } .tooltip__content__close { position: absolute; right: 0; top: 0; width: 30px; height: 30px; cursor: pointer; } .tooltip__content__close::before, .tooltip__content__close::after { content: ""; position: absolute; left: 8px; right: 8px; background: #f9f7f5; height: 2px; top: 50%; } .tooltip__content__close::before { transform: rotate(45deg); -webkit-transform: rotate(45deg); } .tooltip__content__close::after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } @media screen and (max-width: 1550px) { .tooltip__content { right: -20px; left: auto; } .tooltip__content::after { left: auto; right: 12px; } } @media screen and (max-width: 1000px) { .tooltip__content { z-index: 2000; position: fixed; max-width: 90vw; font-size: 13px; top: 50%; left: 50%; bottom: auto; width: 400px; transform: translate3d(-50%,-40%,0); -webkit-transform: translate3d(-50%,-40%,0); } .tooltip__content::after { display: none !important; } } .tooltip.open .tooltip__content { pointer-events: all; opacity: 1; visibility: visible; transform: translate3d(-10px,-10px,0); -webkit-transform: translate3d(-10px,-10px,0); } @media screen and (max-width: 1000px) { .tooltip.open .tooltip__content { transform: translate3d(-50%,-50%,0); -webkit-transform: translate3d(-50%,-50%,0); } } .booking-header { position: relative; } .booking-header__image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .booking-header__image img, .booking-header__image picture { width: 100%; height: 100%; object-fit: cover; } .booking-header__image::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(to bottom,rgba(0,0,0,0.7),rgba(0,0,0,0.5),rgba(0,0,0,0.6)); } .booking-header__fg { position: relative; z-index: 50; display: flex; flex-direction: column; justify-content: center; gap: 50px; align-items: center; min-height: 100vh; padding: 50px 0 60px; } @media screen and (max-width: 1000px) { .booking-header__fg { padding-top: max(10vh,80px); justify-content: flex-start; gap: 0; } } @media screen and (max-width: 550px) { .booking-header__fg { gap: 20px; } } .booking-header__title { color: #a40054; font-family: "area-extended", sans-serif; text-align: center; font-size: clamp(30px,3.54144vw,68px); line-height: 1.2em; letter-spacing: -0.04em; margin-bottom: 0.5em; } .booking-header__title-wrapper { display: flex; flex-direction: column; margin-bottom: 30px; padding: 0 20px; width: 100%; max-width: 1200px; } @media screen and (max-width: 700px) { .booking-header__title-wrapper { margin-bottom: 10px; } } .booking-header__form { width: 1400px; position: relative; z-index: 50; } @media screen and (max-width: 1550px) { .booking-header__form { width: 100%; padding: 20px; } } @media screen and (max-width: 1200px) { .booking-header__form { margin: 0 40px; } } @media screen and (max-width: 1000px) { .booking-header__form { max-width: 600px; } } @media screen and (max-width: 550px) { .booking-header__form { margin: 0 10px; padding: 10px; } } @media screen and (max-width: 400px) { .booking-header__form { margin: 0; } } .booking-header__form [data-ncc-booking] { display: none; } .booking-header__form--ncc [data-ncc-booking] { display: block; } .booking-header__form--ncc [data-transfer-booking] { display: none; } .booking-header__selector { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; } .booking-header__selector .input { margin: 0; } .booking-header__selector-element { width: 50px; display: block; position: relative; border: 1px solid #4b4b4b; border-radius: 50px; height: 23px; cursor: pointer; } .booking-header__selector-element::after { content: ""; width: 17px; height: 17px; border-radius: 50%; background-color: #4b4b4b; position: absolute; top: 2px; left: 2px; transition: 300ms; } .booking-header__selector-element--ncc { background-color: rgba(24,28,35,0.5); } .booking-header__selector-element--ncc::after { left: calc(100% - 17px - 2px); } .booking-header__selector .radio label { position: relative; margin-bottom: 0; } .booking-header__selector .radio label span { font-size: 1.07rem; line-height: 1.6em; letter-spacing: -0.02em; font-weight: 500; color: #4b4b4b; opacity: 0.8; } @media screen and (max-width: 550px) { .booking-header__selector .radio label span { font-size: 0.95rem; } } .booking-header__selector .radio label span::before { content: none; } .booking-header__selector .radio label input { position: absolute; left: 0; top: 0; } .booking-header__selector .radio label input:checked + span { opacity: 1; text-decoration: underline; text-underline-offset: 8px; font-weight: 600; } .booking-header h2 { text-align: center; font-weight: 500; } .booking-bar { position: relative; } .booking-bar .input { margin: 0; } .booking-bar .error-message { position: absolute; top: calc(100% + 20px); background: #ef6736; color: #fff; z-index: 10; padding: 10px; left: 15px; border-radius: 5px; transform: translateY(-20px); -webkit-transform: translateY(-20px); font-size: 14px; box-shadow: 0 0 5px rgba(0,0,0,0.16); width: 250px; } @media screen and (max-width: 1200px) { .booking-bar .error-message { font-size: 12px; } } @media screen and (max-width: 1000px) { .booking-bar .error-message { transform: translateY(-5px); -webkit-transform: translateY(-5px); left: 10px; } } .booking-bar .error-message::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #ef6736; position: absolute; top: -10px; left: 10px; } .booking-bar .error-message--warning { background: #a40054; color: #fff; padding-top: 25px; } .booking-bar .error-message--warning::before { border-color: transparent transparent #a40054; } .booking-bar .error-message--warning::after { content: ""; position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: url(../img/icons/close.svg) no-repeat center; cursor: pointer; } .booking-bar input[type="text"], .booking-bar input[type="date"], .booking-bar input[type="time"], .booking-bar input[type="number"], .booking-bar select, .booking-bar .fakeinput { background: none; border-radius: 0; padding: 0; color: #4b4b4b; font-weight: 400; } @media screen and (max-width: 1550px) { .booking-bar input[type="text"], .booking-bar input[type="date"], .booking-bar input[type="time"], .booking-bar input[type="number"], .booking-bar select, .booking-bar .fakeinput { font-size: 15px; } } @media screen and (max-width: 1200px) { .booking-bar input[type="text"], .booking-bar input[type="date"], .booking-bar input[type="time"], .booking-bar input[type="number"], .booking-bar select, .booking-bar .fakeinput { font-size: 14px; } } @media screen and (max-width: 1000px) { .booking-bar input[type="text"], .booking-bar input[type="date"], .booking-bar input[type="time"], .booking-bar input[type="number"], .booking-bar select, .booking-bar .fakeinput { height: 40px; line-height: 40px; } } .booking-bar input[type="text"][readonly], .booking-bar input[type="date"][readonly], .booking-bar input[type="time"][readonly], .booking-bar input[type="number"][readonly], .booking-bar select[readonly], .booking-bar .fakeinput[readonly] { color: rgba(75,75,75,0.8); } .booking-bar input[type="text"][name="passengers"], .booking-bar input[type="text"][name="starting_time"], .booking-bar input[type="text"][name="return_time"], .booking-bar input[type="text"][name="starting_date"], .booking-bar input[type="text"][name="return_date"], .booking-bar input[type="date"][name="passengers"], .booking-bar input[type="date"][name="starting_time"], .booking-bar input[type="date"][name="return_time"], .booking-bar input[type="date"][name="starting_date"], .booking-bar input[type="date"][name="return_date"], .booking-bar input[type="time"][name="passengers"], .booking-bar input[type="time"][name="starting_time"], .booking-bar input[type="time"][name="return_time"], .booking-bar input[type="time"][name="starting_date"], .booking-bar input[type="time"][name="return_date"], .booking-bar input[type="number"][name="passengers"], .booking-bar input[type="number"][name="starting_time"], .booking-bar input[type="number"][name="return_time"], .booking-bar input[type="number"][name="starting_date"], .booking-bar input[type="number"][name="return_date"], .booking-bar select[name="passengers"], .booking-bar select[name="starting_time"], .booking-bar select[name="return_time"], .booking-bar select[name="starting_date"], .booking-bar select[name="return_date"], .booking-bar .fakeinput[name="passengers"], .booking-bar .fakeinput[name="starting_time"], .booking-bar .fakeinput[name="return_time"], .booking-bar .fakeinput[name="starting_date"], .booking-bar .fakeinput[name="return_date"] { color: #4b4b4b; } .booking-bar .fakeinput { transition: none; outline: none !important; } .booking-bar .fakeinput small { font-size: 12px; font-weight: normal; } .booking-bar .fakeinput.filled { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 2px; line-height: 1em; font-size: 15px; font-weight: 500; } @media screen and (max-width: 1550px) { .booking-bar .fakeinput.filled { font-size: 14px; } } @media screen and (max-width: 1200px) { .booking-bar .fakeinput.filled { font-size: 13px; } } @media screen and (max-width: 1000px) { .booking-bar .fakeinput.filled { height: auto; padding-top: 5px; padding-bottom: 5px; min-height: 40px; } } .booking-bar .labelcontainer { align-self: flex-start; display: flex; gap: 5px; } .booking-bar .labelcontainer .tooltip { position: relative; right: 0; margin: 0; } .booking-bar .labelcontainer .tooltip__toggler { width: 20px; height: 20px; } .booking-bar .labelcontainer .tooltip__toggler svg { width: 15px; } .booking-bar label { font-size: 14px; font-weight: 600; color: #4b4b4b; margin: 0; display: inline-flex; gap: 7px; align-items: center; line-height: 1em; } .booking-bar label > svg { width: 1.35em; height: 1.35em; } .booking-bar label > span { display: inline-block; font-weight: 700; color: #13110f; } @media screen and (max-width: 1550px) { .booking-bar label { font-size: 13px; gap: 5px; } } .booking-bar label::after { display: none; } @media screen and (max-width: 1400px) { .booking-bar label svg { max-width: 18px; max-height: 18px; } } .booking-bar__selector { display: inline-flex; align-items: center; border-radius: 5rem; margin-bottom: 15px; overflow: hidden; box-shadow: 0 0 3px rgba(0,0,0,0.16) inset; } .booking-bar__selector .radio:first-child { border-right: 1px solid #c6c4c2; } .booking-bar__selector .radio label { position: relative; margin-bottom: 0; } .booking-bar__selector .radio label span { font-size: 1.07rem; line-height: 1.6em; letter-spacing: -0.02em; font-weight: 500; color: #4b4b4b; padding: 0 20px; height: 40px; line-height: 40px; background: white; display: flex; align-items: center; gap: 10px; } @media screen and (max-width: 550px) { .booking-bar__selector .radio label span { font-size: 0.95rem; } } .booking-bar__selector .radio label span::before { content: ""; width: 0.45em; height: 0.45em; border-radius: 50%; display: block; flex-shrink: 0; background: #c6c4c2; border: none; box-shadow: none; } .booking-bar__selector .radio label input { position: absolute; left: 0; top: 0; } .booking-bar__selector .radio label input:checked + span::before { box-shadow: none; background: #a40054; } .booking-bar__selector .radio:first-child label span { border-top-left-radius: 3px; } .booking-bar__selector .radio:last-child label span { border-top-right-radius: 3px; } .booking-bar__main { display: grid; grid-template-columns: 1fr auto; gap: min(3.1248vw,60px); align-items: center; position: relative; z-index: 10; padding: 10px 20px 10px 30px; border-radius: 5rem; background-color: #fff; box-shadow: 0 0 4px 0 rgba(0,0,0,0.16); } @media screen and (max-width: 1400px) { .booking-bar__main { grid-template-columns: auto 65px; } } @media screen and (max-width: 1200px) { .booking-bar__main { grid-template-columns: 1fr; border-radius: 2rem; } } .booking-bar__fields { display: grid; background: #fff; grid-template-columns: 1fr 1fr 170px 170px 170px; padding-top: 10px; } @media screen and (max-width: 1550px) { .booking-bar__fields { grid-template-columns: 1fr 1fr 145px 155px 160px; } } @media screen and (max-width: 1400px) { .booking-bar__fields { grid-template-columns: 1fr 1fr 130px 140px 150px; } } .booking-bar__fields .input { padding: 0 10px 0 15px; display: flex; flex-direction: column; justify-content: center; position: relative; border-right: 1px solid rgba(198,196,194,0.5); } @media screen and (max-width: 1550px) { .booking-bar__fields .input { padding: 0 10px 0 15px; } } @media screen and (max-width: 1400px) { .booking-bar__fields .input { padding: 0 10px; } } @media screen and (max-width: 1000px) { .booking-bar__fields .input { padding: 8px 20px 5px 0px; grid-column-end: span 2; border-right: none; border-bottom: 1px solid rgba(198,196,194,0.5); } .booking-bar__fields .input.booking-bar__passengers, .booking-bar__fields .input.booking-bar__time { grid-column-end: span 1; } .booking-bar__fields .input::after { display: none !important; } } @media screen and (max-width: 550px) { .booking-bar__fields .input { padding: 8px 0 5px; } } .booking-bar__fields .input:last-child::after { display: none; } .booking-bar__fields--ncc { grid-template-columns: 1fr 170px 200px 220px 170px; } @media screen and (max-width: 1550px) { .booking-bar__fields--ncc { grid-template-columns: 1fr 150px 180px 190px 160px; } } @media screen and (max-width: 1400px) { .booking-bar__fields--ncc { grid-template-columns: 1fr 130px 160px 180px 150px; } } @media screen and (max-width: 1000px) { .booking-bar__fields--ncc .input.booking-bar__passengers { grid-column-end: span 2; } .booking-bar__fields--ncc .input.booking-bar__hours, .booking-bar__fields--ncc .input.booking-bar__time { grid-column-end: span 1; } } @media screen and (max-width: 1000px) { .booking-bar__fields { grid-template-columns: 1fr 1fr; gap: 5px; height: auto; background: none; border: none; } } @media screen and (max-width: 550px) { .booking-bar__fields { gap: 15px; } } .booking-bar__fields--return { display: none; } @media screen and (max-width: 1000px) { .booking-bar__fields--return .booking-bar__address, .booking-bar__fields--return .booking-bar__passengers { display: none !important; } } @media screen and (max-width: 1000px) { .booking-bar__fields--return .booking-bar__date { grid-column-end: span 1 !important; } } @media screen and (max-width: 700px) { .booking-bar__fields--return .booking-bar__time__dropdown { right: 0; left: auto; } } .booking-bar__submit .button { width: clamp(55px,3.6456vw,70px); height: clamp(55px,3.6456vw,70px); border-radius: 50%; line-height: normal; display: flex; padding: 0; align-items: center; justify-content: center; gap: 7px; font-size: 1.22rem; } .booking-bar__submit .button:hover svg { transform: scale3d(1.1,1.1,1.1); -webkit-transform: scale3d(1.1,1.1,1.1); } .booking-bar__submit .button svg { display: block; transition: 400ms cubic-bezier(0.25,0.46,0.45,0.94); } .booking-bar__submit .button svg path { fill: inherit; transition: 200ms linear; } @media screen and (max-width: 1400px) { .booking-bar__submit .button { gap: 5px; font-size: 16px; font-weight: 500; } } @media screen and (max-width: 1200px) { .booking-bar__submit .button { height: 60px; width: 100%; padding: 0 30px; margin: 0 auto; border-radius: 5rem; } } .booking-bar__passengers__wrapper, .booking-bar__time__wrapper { position: relative; } .booking-bar__passengers__wrapper .error-message, .booking-bar__time__wrapper .error-message { left: 0; } .booking-bar__passengers__dropdown, .booking-bar__time__dropdown { position: absolute; top: 100%; left: 0; width: 100%; z-index: 1000; padding: 10px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); border: 1px solid #c6c4c2; overflow-y: auto; background: #fff; color: #4b4b4b; border-radius: 5px; visibility: hidden; opacity: 0; pointer-events: none; transition: 300ms cubic-bezier(0.25,0.46,0.45,0.94); transform: translate3d(0,20px,0); -webkit-transform: translate3d(0,20px,0); } @media screen and (max-width: 1200px) { .booking-bar__passengers__dropdown, .booking-bar__time__dropdown { left: auto; right: 0; } } @media screen and (max-width: 1000px) { .booking-bar__passengers__dropdown, .booking-bar__time__dropdown { right: auto; left: 0; } } .booking-bar__passengers__dropdown.visible, .booking-bar__time__dropdown.visible { visibility: visible; opacity: 1; pointer-events: all; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); } .booking-bar__passengers__dropdown { width: 280px; } @media screen and (max-width: 700px) { .booking-bar__passengers__dropdown { left: auto; right: 0; } } .booking-bar__passengers__dropdown .number-input { border-radius: 0; } .booking-bar__passengers__dropdown .number-input:first-child { border-radius: 5px 5px 0 0; } .booking-bar__passengers__dropdown .number-input:nth-child(n + 2) { border-top: none; } .booking-bar__passengers__dropdown .number-input:last-of-type { border-radius: 0 0 5px 5px; margin-bottom: 10px; } .booking-bar__time__dropdown { right: auto; width: auto; } .booking-bar__time__dropdown__content { display: grid; grid-template-columns: 1fr 1fr auto; gap: 5px; } .booking-bar__time__dropdown__content select { width: 80px; padding-left: 10px; height: 40px; line-height: 40px; background: #fafafa url(../img/icons/select-dropdown.svg) no-repeat right 5px center; } .booking-bar__time [data-alt-label] { display: none; } .booking-bar__time.airport [data-alt-label] { display: inline; } .booking-bar__time.airport [data-default-label] { display: none; } .booking-bar--ar .booking-bar__fields--return { display: grid; margin-top: 50px; } @media screen and (max-width: 1000px) { .booking-bar--ar .booking-bar__fields--return { padding-top: 5px; } } .booking-bar--ar .booking-bar__submit { align-self: end; } .booking-bar--ar .booking-bar__main { border-radius: 3rem; } .booking-widget { position: fixed; display: flex; flex-direction: column; justify-content: flex-end; top: 50%; left: 50%; width: 90%; background-color: #f9f7f5; transform: translate3d(-50%,200vh,0); padding: 30px 20px; z-index: 99; transition: 300ms ease; border-radius: 3px; } @media screen and (max-width: 1000px) { .booking-widget { width: 100%; bottom: 0; top: auto; left: 0; min-height: 70vh; border-radius: 0; transform: translate3d(0,100%,0); } } .booking-widget h3 { font-family: "area-extended", sans-serif; font-variation-settings: "wght" 600; font-size: 1.87rem; line-height: 1em; margin-bottom: 0.6em; color: #a40054; } .booking-widget__close { position: absolute; width: 40px; height: 40px; right: 15px; top: 15px; } .booking-widget__close::before, .booking-widget__close::after { content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 1px; background-color: black; } .booking-widget__close::before { transform: translate(-50%,-50%) rotate(45deg); } .booking-widget__close::after { transform: translate(-50%,-50%) rotate(-45deg); } .booking-widget.visible { transform: translate3d(-50%,-50%,0); box-shadow: 0 0 20px 10px rgba(0,0,0,0.2); } @media screen and (max-width: 1000px) { .booking-widget.visible { transform: translate3d(0,0,0); box-shadow: none; } } .booking-widget .booking-bar { width: 100%; } .booking-widget .booking-bar .picker__holder { overflow-y: visible; } .booking-widget .booking-bar, .booking-widget .booking-bar__fields .input:nth-of-type(1) { margin: 0; padding: 0; } @media screen and (max-width: 1000px) { .booking-widget .booking-bar__fields .input { margin: 0; padding: 0; } .booking-widget .booking-bar__main { padding: 10px; } } .booking-widget .booking-bar__selector { color: #13110f; margin-bottom: 1.1em; } .booking-widget .booking-bar__selector-element { border-color: #13110f; } .booking-widget .booking-bar__selector-element::after { background-color: #13110f; } .booking-widget .booking-bar__selector-element--ar { background-color: #a40054; } .booking-widget .booking-bar__selector-element--ar::after { background-color: #4b4b4b; } .booking-widget .booking-bar__selector .radio label span { color: #13110f; } .booking-widget .booking-bar__submit button { max-width: 100%; height: 45px; } .booking-widget__toggler { display: flex; align-items: center; justify-content: center; gap: 0.3em; width: 100%; height: 55px; line-height: 55px; font-size: 1.2rem; margin: 0 auto; background-color: #a40054; text-align: center; color: #fff; border-radius: 3px; } .booking-widget__toggler svg { width: 1.1em; height: 1.1em; } .booking-widget__toggler svg path { stroke: #fff; } .booking-widget__toggler-wrapper { display: none; position: fixed; width: 100%; left: 0; bottom: 10px; z-index: 50; padding: 0 10px; transition: 300ms; } @media screen and (max-width: 1000px) { .booking-widget__toggler-wrapper { display: block; } .booking-widget__toggler-wrapper.hidden { transform: translate3d(0,calc(100% + 10px),0); } } @media screen and (min-width: 1000px) { .booking-widget--floating { position: sticky; top: auto; left: auto; width: 100%; bottom: 20px; padding: 0; background-color: transparent; transform: none; border-radius: none; } .booking-widget--floating h3, .booking-widget--floating .booking-widget__close { display: none; } } .booking-guide { display: flex; flex-direction: column; gap: 45px; align-items: center; max-width: 1580px; margin: 100px auto min(11.4576vw,220px); text-align: center; } @media screen and (max-width: 1600px) { .booking-guide { padding: 0 50px; } } .booking-guide__heading { display: block; margin: 0 auto; max-width: 895px; } .booking-guide__path { display: flex; justify-content: space-between; width: 100%; } .booking-guide__item { display: flex; } .booking-guide__item-inner { display: flex; flex-direction: column; align-items: center; gap: 20px; } .booking-guide__item-icon { width: 35px; height: 35px; } .booking-guide__item-content { max-width: 250px; } .booking-guide__item h3 { font-size: 1.33rem; line-height: 20px; font-weight: 700; font-family: "area-extended", sans-serif; color: #13110f; margin: 0 auto 0.35em; } @media screen and (max-width: 1550px) { .booking-guide__item h3 { font-size: 18px; } } @media screen and (max-width: 1000px) { .booking-guide__item h3 { font-size: 1rem; } } .booking-guide__item::after { content: ""; width: 80px; flex-shrink: 0; height: 1px; background-color: #c6c4c2; margin: 0 min(1.5624vw,30px); align-self: center; } .booking-guide__item:last-child::after { content: none; } @media screen and (max-width: 1000px) { .booking-guide { padding-right: 0; padding-left: 20px; } .booking-guide__heading { padding: 0 20px; padding-left: 0; } .booking-guide__path { overflow-x: auto; padding-right: 50px; scroll-snap-type: x mandatory; } .booking-guide__item { flex-shrink: 0; max-width: 300px; scroll-snap-align: center; scroll-padding-block: 50px; } } .reviews-slider { max-width: 1300px; margin: 140px auto 100px; overflow: hidden; } @media screen and (max-width: 1350px) { .reviews-slider { padding: 0 85px; } } @media screen and (max-width: 700px) { .reviews-slider { margin-top: 80px; padding: 0 25px; } } @media screen and (max-width: 550px) { .reviews-slider { margin-top: 60px; } } .reviews-slider h2 { color: #4b4b4b; font-weight: 300; margin-bottom: 0.8em; text-align: center; } .reviews-slider__list { cursor: all-scroll; } .reviews-slider__wrapper { position: relative; } @media screen and (max-width: 1000px) { .reviews-slider__wrapper { padding: 0 7.5vw; } } @media screen and (max-width: 550px) { .reviews-slider__wrapper { padding: 0 50px 0 10px; } } .reviews-slider__arrow { width: 25px; height: 25px; position: absolute; top: 50%; cursor: pointer; border-radius: 50%; background-color: #fff; } .reviews-slider__arrow.swiper-button-disabled { opacity: 0.1; } .reviews-slider__arrow--prev { left: 0; transform: translate(-60px,-50%); -webkit-transform: translate(-60px,-50%); } .reviews-slider__arrow--next { right: 0; transform: translate(60px,-50%); -webkit-transform: translate(60px,-50%); } .reviews-slider__arrow::after { color: #a40054; font-size: 14px; } @media screen and (max-width: 1000px) { .reviews-slider .swiper { overflow: visible; } } .reviews-slider .swiper-slide { height: auto; } .tred-carousel { margin-bottom: 80px; overflow-x: clip; position: relative; } @media screen and (max-width: 700px) { .tred-carousel .swiper-button-prev, .tred-carousel .swiper-button-next { display: none; } } .tred-carousel .swiper { visibility: none; overflow: visible; perspective: 1000px; } @media screen and (max-width: 700px) { .tred-carousel .swiper { max-width: 55%; } } .tred-carousel .swiper-ready { display: block; } .tred-carousel .swiper-ready .swiper-slide { transition: 350ms ease-out; } .tred-carousel .swiper-wrapper { transform-style: preserve-3d; transition-timing-function: linear; } .tred-carousel .swiper-slide { border-radius: 15px; overflow: hidden; transform: translateZ(0) rotateY(20deg); } .tred-carousel .swiper-slide-next { transform: translateZ(-100px) rotateY(-15deg); } .tred-carousel .swiper-slide-next + .swiper-slide { transform: translateZ(0) rotateY(-20deg); } .tred-carousel .swiper-slide-next + .swiper-slide + .swiper-slide { transform: translateZ(80px) rotateY(-20deg); } .tred-carousel .swiper-slide-active { transform: translateZ(-180px) rotateY(0deg); } .tred-carousel .swiper-slide-prev { transform: translateZ(-100px) rotateY(15deg); } .tred-carousel .swiper-slide img { width: 100%; object-fit: cover; } @media screen and (max-width: 700px) { .tred-carousel .swiper-slide-next { transform: translateZ(-100px) rotateY(-25deg); } .tred-carousel .swiper-slide-prev { transform: translateZ(-100px) rotateY(25deg); } } .review { display: flex; flex-direction: column; gap: 20px; background-color: #fff; border-radius: 5px; padding: 2.2rem; color: #13110f; text-align: center; height: 100%; } .review__heading { display: flex; flex-direction: column; align-items: center; gap: 20px; margin-bottom: 40px; } .review__heading h4 { font-size: 1.33rem; line-height: 20px; color: #13110f; font-family: "area-extended", sans-serif; } @media screen and (max-width: 1550px) { .review__heading h4 { font-size: 18px; } } @media screen and (max-width: 1000px) { .review__heading h4 { font-size: 1rem; } } .review__heading svg { width: 16px; height: 16px; } .review__vote { display: flex; gap: 5px; } .review__vote span.active svg path { fill: #d9502e; } .review__footer { color: #4b4b4b; margin-top: auto; font-size: 12px; } .address-autocomplete { position: relative; } .address-autocomplete__wrapper { position: relative; } .address-autocomplete__results { position: absolute; top: 100%; left: 0; width: 100%; min-width: 400px; border: 1px solid #c6c4c2; z-index: 1000; padding: 10px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); height: 400px; max-height: 30vh; overflow-y: auto; display: none; background: #f9f7f5; color: #13110f; border-radius: 5px; } @media screen and (max-width: 1200px) { .address-autocomplete__results { min-width: 350px; } } @media screen and (max-width: 550px) { .address-autocomplete__results { min-width: 0; width: auto; left: -20px; right: -20px; } } @media screen and (max-width: 350px) { .address-autocomplete__results { left: -10px; right: -10px; } } .address-autocomplete__results.visible { text-align: center; display: block; height: auto; } .address-autocomplete__results.loaded { height: auto; max-height: 400px; } .address-autocomplete__result { text-align: left; padding: 10px; font-size: 14px; display: grid; align-items: center; grid-template-columns: 20px 1fr; gap: 0 8px; flex-wrap: wrap; border-radius: 3px; transition: 300ms; cursor: pointer; } @media screen and (max-width: 1200px) { .address-autocomplete__result { font-size: 13px; padding: 5px; gap: 0 5px; } } .address-autocomplete__result .icon { width: 20px; height: 20px; } @media screen and (max-width: 1200px) { .address-autocomplete__result .icon { width: 15px; height: 15px; } } .address-autocomplete__result .icon--location { background: url(../img/icons/location.svg) no-repeat center; } .address-autocomplete__result .icon--airport { background: url(../img/icons/airport.svg) no-repeat center; } .address-autocomplete__result .icon--hotel { background: url(../img/icons/hotel.svg) no-repeat center; } .address-autocomplete__result .icon--camping { background: url(../img/icons/village.svg) no-repeat center; } .address-autocomplete__result .icon--station { background: url(../img/icons/train-station.svg) no-repeat center; } .address-autocomplete__result [data-address] { grid-column-start: 2; } .login-hint { margin-bottom: 15px; font-size: 14px; font-weight: 500; } .login-hint a { text-decoration: underline; text-underline-offset: 2px; color: inherit; } .address-form { display: grid; grid-template-columns: repeat(6,1fr); gap: 0 25px; } @media screen and (max-width: 1000px) { .address-form { gap: 0 10px; } } .address-form .radio { display: flex; flex-wrap: wrap; gap: 0 25px; } .address-form .radio .labelcontainer { flex: 0 0 100%; } @media screen and (max-width: 550px) { .address-form .input { grid-column-end: span 3; } } .address-form .grid-6 { grid-column-end: span 6; } .address-form .grid-5 { grid-column-end: span 5; } .address-form .grid-4 { grid-column-end: span 4; } @media screen and (max-width: 550px) { .address-form .grid-4 { grid-column-end: span 6; } } .address-form .grid-3 { grid-column-end: span 3; } @media screen and (max-width: 350px) { .address-form .grid-3 { grid-column-end: span 6; } } .address-form .grid-2 { grid-column-end: span 2; } @media screen and (max-width: 700px) { .address-form .grid-2 { grid-column-end: span 6; } } .hamburger { display: none; width: 30px; height: 25px; position: relative; cursor: pointer; } @media screen and (max-width: 1200px) { .hamburger { display: block; } } .hamburger span { position: absolute; width: 100%; height: 2px; background: #f9f7f5; left: 0; right: 0; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transition: 500ms cubic-bezier(0.25,0.46,0.45,0.94); } .hamburger span:first-child { transform: translate(0,-50%) translate3d(0,-8px,0); -webkit-transform: translate(0,-50%) translate3d(0,-8px,0); } .hamburger span:last-child { transform: translate(0,-50%) translate3d(0,8px,0); -webkit-transform: translate(0,-50%) translate3d(0,8px,0); } .hamburger.open span:first-child, .header__hamburger.open .hamburger span:first-child { opacity: 1; transform: translate(0,-50%) translate3d(0,0,0) rotate(-45deg); -webkit-transform: translate(0,-50%) translate3d(0,0,0) rotate(-45deg); } .hamburger.open span:last-child, .header__hamburger.open .hamburger span:last-child { opacity: 1; transform: translate(0,-50%) translate3d(0,0,0) rotate(45deg); -webkit-transform: translate(0,-50%) translate3d(0,0,0) rotate(45deg); } .hamburger.open span:nth-child(2), .header__hamburger.open .hamburger span:nth-child(2) { opacity: 0; transform: translate(0,-50%) scale3d(0,1,1); -webkit-transform: translate(0,-50%) scale3d(0,1,1); } .whatsapp { position: fixed; bottom: clamp(10px,2.0832vw,40px); right: clamp(10px,2.0832vw,40px); height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; background: #25D366; color: #fff; z-index: 400; border-radius: 50%; box-shadow: 0 0 5px rgba(0,0,0,0.1); } @media screen and (max-width: 550px) { .whatsapp { height: 40px; width: 40px; } } .whatsapp__icon svg { width: 24px; display: block; } .whatsapp__icon path { fill: #fff; } .hero { padding-left: min(5.208vw,100px); padding-right: min(5.208vw,100px); height: 85vh; display: flex; flex-direction: column; justify-content: center; position: relative; padding-top: 35px; padding-bottom: 35px; } @media screen and (max-width: 700px) { .hero { padding-left: 20px; padding-right: 20px; } } .hero h1 { font-size: clamp(30px,3.54144vw,68px); line-height: 1.2em; letter-spacing: -0.04em; font-family: "area-extended", sans-serif; color: #a40054; max-width: 730px; margin-bottom: 1.25em; position: relative; z-index: 2; } .hero img { position: absolute; right: 5%; top: 50%; height: calc(100% - 100px); width: auto; border-radius: 15px; object-fit: cover; transform: translateY(-50%); } .hero__whybuys { display: flex; position: relative; z-index: 2; } .hero__whybuys .whybuy__item { max-width: 245px; } @media screen and (max-width: 1200px) { .hero img { display: none; } .hero__whybuys { display: grid; grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 1000px) { .hero { min-height: 60vh; height: auto; } .hero__whybuys { max-width: 400px; margin: 0 auto; } } @media screen and (max-width: 700px) { .hero__whybuys { margin: 0; max-width: 100%; } } .text-image { display: grid; max-width: 1200px; margin: min(7.2912vw,140px) auto 0; grid-template-columns: 45% 1fr; align-items: center; gap: min(5.208vw,100px); } @media screen and (max-width: 1250px) { .text-image { padding: 0 20px; } } @media screen and (max-width: 1000px) { .text-image__content { order: -1; } } .text-image__content__title { margin-bottom: 0.6em; color: #4b4b4b; } .text-image__image img { border-radius: 15px; object-fit: cover; } .text-image--reverse { grid-template-columns: 1fr 45%; } .text-image--reverse .text-image__content { order: -1; } @media screen and (max-width: 1000px) { .text-image, .text-image--reverse { margin-top: 120px; grid-template-columns: 100%; } } .event { display: block; margin: 0 auto; max-width: 1450px; padding: 120px 50px 80px; } @media screen and (max-width: 1400px) { .event { max-width: 100%; margin: 0; } } @media screen and (max-width: 700px) { .event { padding: 50px 20px 30px; } } .event__columns { display: grid; grid-template-columns: 45% 1fr; gap: min(5.208vw,100px); margin-bottom: 80px; } @media screen and (max-width: 700px) { .event__columns { grid-template-columns: 100%; } } .event__preview img { border-radius: 15px; } .event__content-sub { margin-bottom: 60px; } .event__content-sub .cta__label { color: #4b4b4b; } @media screen and (max-width: 550px) { .event__content-sub { margin-bottom: 30px; } } .event__price { margin-top: 30px; padding-top: 30px; border-top: 1px dashed #c6c4c2; color: #13110f; } .event__price div:nth-child(1) { font-size: 1.07rem; line-height: 1.6em; letter-spacing: -0.02em; font-weight: 700; margin-bottom: 0.55em; } @media screen and (max-width: 550px) { .event__price div:nth-child(1) { font-size: 0.95rem; } } .event__price div:nth-child(2) { display: flex; align-items: flex-end; gap: 0.25em; font-size: clamp(25px,3.54144vw,42px); line-height: 1.2em; letter-spacing: -0.04em; font-weight: 800; font-family: "area-extended", sans-serif; } .event__price div:nth-child(2) span { font-size: 12px; line-height: 1em; letter-spacing: 0; color: #4b4b4b; font-family: "area-normal", "Arial", sans-serif; } .event .booking-bar { position: sticky; bottom: 20px; } .events { padding: 120px; padding-left: min(5.208vw,100px); padding-right: min(5.208vw,100px); display: flex; flex-direction: column; align-items: center; } @media screen and (max-width: 700px) { .events { padding-left: 20px; padding-right: 20px; } } .events__heading { display: block; max-width: 1200px; text-align: center; margin-bottom: 85px; } .events__list { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; width: 100%; } @media screen and (max-width: 1550px) { .events__list { grid-template-columns: repeat(3,1fr); } } @media screen and (max-width: 1000px) { .events__list { grid-template-columns: repeat(2,1fr); } } @media screen and (max-width: 700px) { .events__list { grid-template-columns: 100%; } } @media screen and (max-width: 700px) { .events { padding-top: 30px; } .events__heading { margin-bottom: 20px; } } .event-preview { display: flex; flex-direction: column; overflow: hidden; border-radius: 12px; } .event-preview__image { width: 100%; height: 350px; } .event-preview__image img { object-fit: cover; } .event-preview__content { display: flex; flex-direction: column; align-items: flex-start; height: 100%; background-color: #fff; padding: 0.8em 1em; font-size: clamp(18px,1.35408vw,26px); line-height: 1.4em; letter-spacing: -0.02em; color: #13110f; } .event-preview__content a { color: inherit; } .event-preview__content h2 { font-family: "area-extended", sans-serif; font-weight: 700; margin-bottom: 1em; } .event-preview__content .cta { margin-top: auto; } .event-preview__content-top { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 0.93rem; font-weight: 600; margin-bottom: 10px; } .event-preview__content-top > div { display: flex; align-items: center; gap: 0.45em; } .event-preview__content-top svg { width: 1.25em; height: 1.25em; } @media screen and (max-width: 700px) { .event-preview__image { height: 250px; } .event-preview__image img { object-fit: cover; } .event-preview__content { height: auto; } } .about-section { display: block; font-size: 1.33rem; line-height: 20px; } @media screen and (max-width: 1550px) { .about-section { font-size: 18px; } } @media screen and (max-width: 1000px) { .about-section { font-size: 1rem; } } .about-section__left { margin-bottom: min(13.02vw,250px); font-size: 1.33rem; line-height: 20px; } @media screen and (max-width: 1550px) { .about-section__left { font-size: 18px; } } @media screen and (max-width: 1000px) { .about-section__left { font-size: 1rem; } } .about-section__center { padding-left: 35%; padding-right: min(9.3744vw,180px); margin-bottom: min(10.416vw,200px); font-size: 1.33rem; line-height: 20px; } @media screen and (max-width: 1550px) { .about-section__center { font-size: 18px; } } @media screen and (max-width: 1000px) { .about-section__center { font-size: 1rem; } } .about-section__center > .paragraph { max-width: 100%; } @media screen and (max-width: 1400px) { .about-section__center { padding-left: 25%; } } @media screen and (max-width: 1200px) { .about-section__center { padding-left: 15%; } } @media screen and (max-width: 1000px) { .about-section__center { padding-left: min(9.3744vw,180px); } } @media screen and (max-width: 700px) { .about-section__center { padding-left: min(5.208vw,100px); padding-right: min(5.208vw,100px); } } @media screen and (max-width: 700px) and screen and (max-width: 700px) { .about-section__center { padding-left: 20px; padding-right: 20px; } } .about-section__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 50px 5%; } .about-section__grid p { font-size: 1rem; } .about-section__grid p strong, .about-section__grid p b { display: block; font-family: "area-extended", sans-serif; font-variation-settings: "wght" 600; font-size: 1.33rem; line-height: 20px; } @media screen and (max-width: 1550px) { .about-section__grid p strong, .about-section__grid p b { font-size: 18px; } } @media screen and (max-width: 1000px) { .about-section__grid p strong, .about-section__grid p b { font-size: 1rem; } } @media screen and (max-width: 700px) { .about-section__grid { grid-template-columns: 1fr; gap: 30px 5%; } } .faqs { display: block; width: 100%; max-width: 1200px; margin: 120px auto; } .faqs__wrapper { display: grid; grid-template-columns: max(25%,250px) 1fr; gap: min(5.208vw,100px); } .faqs__list { display: flex; flex-direction: column; gap: 20px; } .faqs__categories { margin: 0; padding: 0; padding-right: 10px; list-style: none; border-right: 1px dashed #c6c4c2; } .faqs__categories li { margin-bottom: 1.5em; font-size: 1.07rem; line-height: 1.6em; letter-spacing: -0.02em; font-weight: 500; } @media screen and (max-width: 550px) { .faqs__categories li { font-size: 0.95rem; } } .faqs__categories li button { display: inline-flex; gap: 0.5em; align-items: center; color: #4b4b4b; } .faqs__categories li svg { width: 1.25em; height: 1.5em; } .faqs__categories li.active button { font-weight: 600; color: #a40054; } .faqs__categories li.active svg path { stroke: #a40054; } @media screen and (max-width: 1200px) { .faqs { padding: 20px; } } @media screen and (max-width: 1000px) { .faqs { margin-top: 20px; } .faqs__wrapper { grid-template-columns: 100%; } .faqs__list { gap: 10px; } .faqs__categories { display: flex; flex-wrap: wrap; gap: 10px; flex-direction: row; border-right: 0; } .faqs__categories li { display: flex; align-items: center; justify-content: center; border-radius: 8px; border: 1px solid rgba(75,75,75,0.5); font-size: 1rem; min-height: 42px; padding: 0.5em 1em; margin-bottom: 0; } .faqs__categories li.active { border-color: #a40054; } } @media screen and (max-width: 550px) { .faqs__categories li { flex-grow: 1; } } .faq { display: block; background-color: #fff; border-radius: 15px; padding: 2rem; } .faq__header { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 1.33rem; line-height: 20px; font-weight: 700; font-family: "area-extended", sans-serif; color: #13110f; min-height: 45px; cursor: pointer; } @media screen and (max-width: 1550px) { .faq__header { font-size: 18px; } } @media screen and (max-width: 1000px) { .faq__header { font-size: 1rem; } } .faq__toggler { position: relative; width: 25px; height: 25px; background-color: #a40054; border-radius: 50%; flex-shrink: 0; } .faq__toggler::before, .faq__toggler::after { content: ""; width: 11px; height: 1.5px; background-color: white; position: absolute; top: 50%; left: 50%; transition: 300ms; transform-origin: center center; backface-visibility: hidden; } .faq__toggler::before { transform: translate(-50%,-50%) translateZ(0) rotate(90deg); } .faq__toggler::after { transform: translate(-50%,-50%) translateZ(0); } @media screen and (max-width: 700px) { .faq__toggler { width: 20px; height: 20px; } .faq__toggler::before, .faq__toggler::after { width: 8px; } } .faq__content { display: grid; grid-template-rows: 0fr; font-weight: 500; font-size: 1.07rem; line-height: 1.6em; letter-spacing: -0.02em; transition: 300ms; } @media screen and (max-width: 550px) { .faq__content { font-size: 0.95rem; } } .faq__wrapper { overflow: hidden; } .faq__inner { padding-top: 20px; } .faq.open .faq__content { grid-template-rows: 1fr; } .faq.open .faq__toggler::before { transform: translate(-50%,-50%) translateZ(0) rotate(0deg); } .services { display: block; max-width: 1290px; margin: min(9.3744vw,180px) min(13.5408vw,260px) 0; } @media screen and (min-width: 1921px) { .services { margin-left: auto; margin-right: auto; } } @media screen and (max-width: 1300px) { .services { margin-left: 0; margin-right: 0; width: 100%; padding: 0 5vw; } } @media screen and (max-width: 700px) { .services { margin: 120px auto 0; } } @media screen and (max-width: 550px) { .services { margin: 80px auto 0; } } .services .services__title { text-align: center; } .services__wrapper { display: grid; grid-template-columns: repeat(3,1fr); background: #f7f7f7; color: #13110f; } @media screen and (max-width: 1000px) { .services__wrapper { grid-template-columns: 100%; max-width: 380px; margin: 0 auto; background: none; color: #4b4b4b; } } .services__item { display: grid; justify-items: center; text-align: center; grid-template-rows: auto 0.5fr 1fr; gap: 20px; padding: clamp(20px,3.1248vw,60px) min(3.1248vw,60px); position: relative; } .services__item::after { content: ''; position: absolute; top: clamp(20px,3.1248vw,60px); bottom: clamp(20px,3.1248vw,60px); width: 1px; right: 0; background: #13110f; } .services__item:last-child::after { display: none; } [lang="ar"] .services__item:last-child::after { display: block; } [lang="ar"] .services__item:first-child::after { display: none; } .services__item-content { display: grid; grid-template-rows: subgrid; grid-row: span 3; } .services__item-content p { grid-row: span 2; } @media screen and (max-width: 1000px) { .services__item { grid-template-rows: auto; padding: clamp(30px,3.1248vw,60px) 0; } .services__item::after { display: none; } .services__item-content { grid-template-rows: auto; grid-row: auto; gap: 20px; } .services__item p { grid-row: auto; } } .services__item__title { font-family: "area-extended", sans-serif; font-variation-settings: "wght" 600; font-size: 1.33rem; line-height: 20px; } @media screen and (max-width: 1550px) { .services__item__title { font-size: 18px; } } @media screen and (max-width: 1000px) { .services__item__title { font-size: 1rem; } } .services__item svg { width: clamp(40px,3.1248vw,60px); height: clamp(40px,3.1248vw,60px); } .services__item svg path { fill: #13110f; } @media screen and (max-width: 1000px) { .services__item svg path { fill: #4b4b4b; } } .contacts { display: flex; justify-content: space-between; gap: min(10.416vw,200px); max-width: 1300px; margin: 0 auto; padding: 80px 0; } @media screen and (max-width: 1300px) { .contacts { padding: 80px 30px; } } .contacts__info { border-bottom: 1px dashed #c6c4c2; padding-top: 50px; padding-bottom: 50px; } .contacts__info:last-child { padding-bottom: 0; border-bottom: 0; } .contacts__info h3 { display: flex; align-items: center; gap: 20px; font-size: clamp(18px,1.35408vw,26px); line-height: 1.4em; letter-spacing: -0.02em; color: #13110f; } .contacts__info h3 svg { width: 0.75em; height: 0.75em; } .contacts__form { flex-grow: 1; } @media screen and (max-width: 1000px) { .contacts { flex-direction: column; padding-top: 30px; } .contacts__info { padding-top: 30px; padding-bottom: 30px; } .contacts__info:first-of-type { padding-top: 0; } } .login-form { max-width: 800px; margin: 50px auto 30px; background-color: white; padding: 50px; border-radius: 5px; } @media screen and (max-width: 700px) { .login-form { margin-top: 120px; width: 95%; } } .login-form--register { max-width: 960px; margin-bottom: 30px; } .login-form--register .login-form__section { padding: 0 0 40px; } .login-form__title { text-align: center; font-weight: 400; margin-bottom: 1em; color: #4b4b4b; font-size: 1.53rem; } .login-form form input { border-color: #a40054; } .login-form__section { margin-top: 40px; padding: 0 115px 40px; border-bottom: 1px solid #c6c4c2; } @media screen and (max-width: 700px) { .login-form__section { margin-top: 30px; padding: 0 0 30px; } } .login-form__section:first-of-type { margin: 0; } .login-form__section:last-of-type { border: none; padding-bottom: 0; } .login-form__recover { display: block; margin-top: 20px; color: #a40054; text-decoration: underline; text-align: center; font-weight: 400; font-size: 13px; } .login-form__account { max-width: 600px; margin: 0 auto; } .usermenu { position: relative; } .usermenu ul { list-style-type: none; margin: 0; padding: 0; } .usermenu li { margin: 0; padding: 0; } .usermenu__toggler { width: 35px; height: 35px; background-color: #fff; display: flex; flex-direction: column; justify-content: center; border-radius: 50%; align-items: center; font-size: 12px; letter-spacing: 0.045em; font-weight: 400; min-height: 100%; gap: 4px; padding: 6px; transition: 300ms; } .usermenu__toggler__icon svg { width: 100%; height: 100%; } .usermenu__toggler--active .usermenu__toggler__icon { position: relative; } .usermenu__toggler--active .usermenu__toggler__icon::after { content: ""; width: 6px; height: 6px; background: #a40054; position: absolute; right: -1px; top: -2px; border-radius: 50%; } .usermenu__dropdown { position: absolute; top: 100%; right: 0; width: 200px; padding: 10px; border-radius: 3px; display: none; background: #f7f7f7; } [lang="ar"] .usermenu__dropdown { right: auto; left: 0; } @media screen and (max-width: 1000px) { .usermenu__dropdown { display: none !important; } } .usermenu__dropdown a { display: block; color: #13110f; } .usermenu__dropdown a:hover { color: #9e9184; } .usermenu__dropdown li { padding: 5px 0; } .usermenu:hover .usermenu__dropdown { display: block; } @media screen and (max-width: 700px) { .usermenu .cta { display: none; } .usermenu__toggler { display: flex; } } .account { margin: 120px auto 120px; max-width: 1200px; } @media screen and (max-width: 1400px) { .account { max-width: none; padding: 0 min(5.208vw,100px); } } @media screen and (max-width: 1000px) { .account { padding: 0 20px; } } @media screen and (max-width: 550px) { .account { padding: 0 10px; } } .account__top .heading { margin-bottom: .4em; } .account__menu { width: 100%; } .account__menu .menu { display: flex; flex-wrap: nowrap; align-items: center; gap: 10px; margin-bottom: 20px; } @media screen and (max-width: 1200px) { .account__menu .menu { gap: 5px; } } @media screen and (max-width: 550px) { .account__menu .menu { gap: 2px; flex-wrap: wrap; } } @media screen and (max-width: 1200px) { .account__menu .button { padding: 0 15px; height: 35px; line-height: 35px; } } @media screen and (max-width: 550px) { .account__menu .button { font-size: 13px; padding: 0 10px; } } .account__menu__link { white-space: nowrap; } .account__main { display: grid; grid-template-columns: 1fr; gap: 45px; } .account__section { border: 1px solid #f9f7f5; background-color: rgba(255,255,255,0.5); border-radius: 5px; padding: 20px; } .account__section--transparent { border: none; background-color: transparent; padding: 0; } .account__section-title { font-size: 2rem; font-family: "area-extended", sans-serif; font-variation-settings: "wght" 600; margin-bottom: 1em; } .account__section-item { border: 1px solid #f9f7f5; background-color: rgba(255,255,255,0.5); border-radius: 5px; padding: 20px; } .account__section-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-top: 30px; } @media screen and (max-width: 700px) { .account__section-actions { flex-direction: column; align-items: stretch; } } .account__item { margin-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #c6c4c2; display: grid; grid-template-columns: 1fr 260px; } @media screen and (max-width: 1550px) { .account__item { margin-top: 30px; padding-bottom: 30px; } } @media screen and (max-width: 1000px) { .account__item { grid-template-columns: 1fr; } } @media screen and (max-width: 550px) { .account__item { margin-top: 20px; padding-bottom: 20px; } } .account__item--large { grid-template-columns: 1fr; } .account__item:first-child { margin-top: 0; } .account__item:last-child { padding-bottom: 0; border: none; } .account__item__actions { display: flex; flex-direction: column; gap: 10px; white-space: nowrap; } @media screen and (max-width: 1000px) { .account__item__actions { flex-direction: row; flex-wrap: wrap; gap: 5px; } .account__item__actions .button { width: auto; } } @media screen and (max-width: 700px) { .account__item__actions { padding-top: 20px; } } @media screen and (max-width: 550px) { .account__item__actions { flex-direction: column; } } .account__item__content__grid { display: grid; gap: 40px; grid-template-columns: 1fr 1fr 1fr; } @media screen and (max-width: 1400px) { .account__item__content__grid { gap: 20px; } } @media screen and (max-width: 700px) { .account__item__content__grid { grid-template-columns: 1fr; gap: 0; } } .account__actions a { color: #13110f; } .policies { display: block; margin: 120px auto 80px; max-width: 60vw; background: white; color: #13110f; padding: 40px; } @media screen and (max-width: 1550px) { .policies { max-width: 80vw; } } @media screen and (max-width: 1400px) { .policies { margin: 120px 10vw 80px; max-width: none; } } @media screen and (max-width: 1000px) { .policies { margin: 120px 0 80px; padding: 40px 20px; } } @media screen and (max-width: 550px) { .policies { margin: 120px 10px 80px; } } .body--popup .policies { margin: 0; padding: 0; max-width: none; } .policies .article__title { font-family: "area-extended", sans-serif; margin-bottom: .6em; font-variation-settings: "wght" 600; font-size: clamp(30px,2.0832vw,40px); text-align: center; } .policies .article__text { font-size: 1rem; } .checkout { margin: 120px 5.208vw 0; display: grid; grid-template-columns: 1fr 440px; gap: 60px 40px; } @media screen and (min-width: 2000px) { .checkout { width: 1720px; margin-left: auto; margin-right: auto; } } @media screen and (max-width: 1860px) { .checkout { grid-template-columns: 1fr 400px; } } @media screen and (max-width: 1550px) { .checkout { margin-left: 2.5vw; margin-right: 2.5vw; gap: 50px 20px; } } @media screen and (max-width: 1400px) { .checkout { gap: 40px 20px; grid-template-columns: 1fr 360px; } } @media screen and (max-width: 1200px) { .checkout { grid-template-columns: 1fr; margin-left: 40px; margin-right: 40px; } } @media screen and (max-width: 1000px) { .checkout { gap: 30px; } } @media screen and (max-width: 700px) { .checkout { margin-right: 20px; } } @media screen and (max-width: 550px) { .checkout { margin-left: 10px; margin-right: 10px; } } @media screen and (max-width: 350px) { .checkout { margin-top: 20px; } } .checkout__progress { grid-column-end: span 2; display: flex; align-items: center; justify-content: center; gap: 2.604vw; counter-reset: steps; padding: 20px min(5.208vw,100px); background-color: white; border-radius: 5px; width: 100%; max-width: 1250px; margin: 0 auto; } @media screen and (max-width: 1200px) { .checkout__progress { font-size: 14px; grid-column-end: span 1; order: 1; width: 100%; } } @media screen and (max-width: 1000px) { .checkout__progress { gap: 60px; align-items: flex-start; padding: 20px; } } @media screen and (max-width: 350px) { .checkout__progress { gap: 40px; } } .checkout__progress__step { counter-increment: steps; color: #13110f; display: flex; align-items: center; gap: 10px; opacity: 0.5; } @media screen and (max-width: 1000px) { .checkout__progress__step { flex-direction: column; gap: 5px; font-size: 10px; letter-spacing: 0.018em; width: 33px; } .checkout__progress__step > span { text-align: center; margin-left: -30px; margin-right: -30px; } } @media screen and (max-width: 1000px) { .checkout__progress__step { position: relative; } .checkout__progress__step::after { content: ""; position: absolute; height: 1px; width: 40px; top: 16px; left: 100%; border-top: 1px dashed #c6c4c2; transform: translateX(10px); -webkit-transform: translateX(10px); } .checkout__progress__step:last-child::after { display: none; } } .checkout__progress__step::before { content: counter(steps); font-size: 14px; width: 33px; height: 33px; border-radius: 50%; text-align: center; line-height: 33px; background: #a40054; font-weight: 600; color: #fff; } .checkout__progress__step--current { color: #4b4b4b; font-weight: 400; opacity: 1; } .checkout__sidebar { border-radius: 5px; } @media screen and (max-width: 1200px) { .checkout__sidebar { order: 2; display: block; } } .checkout__main { padding-top: 50px; padding-bottom: 50px; border-radius: 5px; background-color: white; } @media screen and (max-width: 1200px) { .checkout__main { order: 3; } } .checkout__empty { text-align: center; min-height: 100%; padding: 40px 5vw; background-color: white; } .checkout--vehicle .checkout__main { background-color: transparent; padding: 0; } .order-resume { border: 1px solid #c6c4c2; background: #f7f7f7; border-radius: 5px; } @media screen and (max-width: 1200px) { .order-resume { background: #f9f7f5; border: none; } } .order-resume h4 { font-size: 14px; font-weight: 600; color: #4b4b4b; margin-bottom: 20px; } @media screen and (max-width: 1200px) { .order-resume__main { border-top: none; border: 1px solid #c6c4c2; display: none; } .order-resume__main.open { display: block; } } .order-resume__header-mobile { display: none; background: #a40054; } @media screen and (max-width: 1200px) { .order-resume__header-mobile { color: #fff; padding: 20px 20px; display: flex; align-items: center; justify-content: space-between; gap: 25px; } } @media screen and (max-width: 400px) { .order-resume__header-mobile { padding: 10px; } } .order-resume__header-mobile__total { font-weight: 500; font-size: 1.2rem; } .order-resume__header-mobile__total__title, .order-resume__header-mobile__total__tax { display: block; font-size: 14px; letter-spacing: 0.04em; } @media screen and (max-width: 400px) { .order-resume__header-mobile__total__title, .order-resume__header-mobile__total__tax { font-size: 10px; } } .order-resume__header-mobile__total__price { font-size: 1.4rem; display: block; } .order-resume__header-mobile__toggler { font-weight: 500; text-decoration: underline; } .order-resume__header-mobile__toggler span { display: flex; align-items: center; height: 40px; gap: 10px; cursor: pointer; } .order-resume__header-mobile__toggler span path { fill: #fff; } .order-resume__header-mobile__toggler span svg { transition: 300ms; } .order-resume__header-mobile__toggler span.open svg { transform: rotate3d(0,0,1,180deg); -webkit-transform: rotate3d(0,0,1,180deg); } .order-resume__header { display: flex; padding: 25px 0 0 0; margin: 0 20px; justify-content: space-between; align-items: center; } @media screen and (max-width: 1400px) { .order-resume__header { padding: 25px 0 0; } } .order-resume__header h3 { color: #4b4b4b; font-size: 1.22rem; font-weight: 400; } @media screen and (max-width: 1860px) { .order-resume__header h3 { font-size: 1.1rem; } } @media screen and (max-width: 1200px) { .order-resume__header h3 { display: none; } } .order-resume__header__edit-link { font-size: 12px; font-weight: 500; display: flex; align-items: center; gap: 7px; color: inherit; } .order-resume__header__edit-link span { text-decoration: underline; text-underline-offset: 2px; } .order-resume__section { padding: 25px 0 25px 0; margin: 0 20px; border-bottom: 1px solid #c6c4c2; } @media screen and (max-width: 1400px) { .order-resume__section { padding: 20px 0; } } @media screen and (max-width: 400px) { .order-resume__section { padding: 15px 0; margin: 0 15px; } } .order-resume__section:last-child { border: none; } .order-resume__section__title { display: block; font-size: 14px; color: #4b4b4b; margin-bottom: 0.8em; font-weight: 600; flex: 0 0 100%; } .order-resume__section__title:first-child { margin-top: 0; } .order-resume__section__titleitem { flex-wrap: wrap; } .order-resume__section ul { list-style-type: none; margin: 0; padding: 0; } .order-resume__section ul li { margin-bottom: 1em; color: #4b4b4b; font-weight: 400; display: flex; align-items: flex-start; gap: 0 14px; line-height: 1.2em; } .order-resume__section ul li span small { display: block; } .order-resume__section ul li:last-child { margin: 0; } .order-resume__section ul li.order-resume__accessories { display: block; } .order-resume__route { overflow: hidden; margin-bottom: 1em !important; font-size: 0.9rem; } .order-resume__route li { background: #f7f7f7; } .order-resume__route li small { font-size: 12px; font-weight: normal; display: block; } .order-resume__route li:last-child { position: relative; } .order-resume__route li:last-child::before { content: ""; width: 1px; height: 100vh; position: absolute; left: 8px; top: 0; border-left: 1px dashed #c6c4c2; transform: translateY(-100%); -webkit-transform: translateY(-100%); z-index: -1; } .order-resume__route__actions { margin-top: 20px; } .order-resume__accessories > span { display: flex; align-items: center; gap: 14px; } .order-resume__accessories > span span { width: 23px; height: 23px; position: relative; border-radius: 50%; flex-shrink: 0; cursor: pointer; } .order-resume__accessories > span span::before, .order-resume__accessories > span span::after { content: ""; position: absolute; top: 50%; left: 5px; right: 5px; height: 1px; background: #fff; transition: 300ms; margin-top: -1px; } .order-resume__accessories > span span::after { transform: rotate3d(0,0,1,90deg); -webkit-transform: rotate3d(0,0,1,90deg); } .order-resume__accessories > span.open span::after { transform: rotate3d(0,0,1,0); -webkit-transform: rotate3d(0,0,1,0); } .order-resume__accessories ul { font-size: 0.85em; padding-left: 20px; padding-top: 6px; display: none; } .order-resume__accessories ul.open { display: block; } .order-resume__accessories ul li { margin-top: 10px; display: flex; align-items: center; justify-content: space-between; gap: 10px; } .order-resume__total { border-top: 1px solid #c6c4c2; padding: 25px 20px; background: #efefef; color: #4b4b4b; } @media screen and (max-width: 1200px) { .order-resume__total { display: none; } } .order-resume__total__title { font-size: 14px; font-weight: 600; letter-spacing: 0.03em; display: block; margin-bottom: 10px; } .order-resume__total__price { font-size: 2.5rem; letter-spacing: -0.04em; display: block; } .order-resume__total__tax { font-size: 12px; font-weight: 500; letter-spacing: 0.04em; display: block; } .vehicle { border: 1px solid #c6c4c2; display: grid; align-items: center; grid-template-columns: min(16.667vw,320px) 1fr min(14.844vw,220px); margin-bottom: 20px; background-color: white; } @media screen and (max-width: 1860px) { .vehicle { grid-template-columns: 15vw 1fr 14.844vw; } } @media screen and (max-width: 1550px) { .vehicle { grid-template-columns: 15vw 1fr 17.5vw; } } @media screen and (max-width: 1200px) { .vehicle { grid-template-columns: 20vw 1fr 25vw; } } @media screen and (max-width: 1000px) { .vehicle { grid-template-columns: 55% 1fr; gap: 0 10px; margin-bottom: 30px; align-items: start; max-width: 650px; margin-left: auto; margin-right: auto; border-radius: 5px; box-shadow: 0 3px 8px rgba(0,0,0,0.1); } } @media screen and (max-width: 550px) { .vehicle { grid-template-columns: 1fr; } } .vehicle:last-child { margin-bottom: 0; } .vehicle__preview { padding: 2.083vw; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 20px; } @media screen and (max-width: 1000px) { .vehicle__preview { gap: 5px; padding: 20px 40px 40px 0; } } @media screen and (max-width: 700px) { .vehicle__preview { padding: 10px 20px 20px 0; } } @media screen and (max-width: 550px) { .vehicle__preview { padding: 0 15px; } } @media screen and (max-width: 1000px) { .vehicle__preview__image { max-width: 200px; margin: 0 auto; } } @media screen and (max-width: 550px) { .vehicle__preview__image { max-width: min(300px,90%); } } .vehicle__preview__image img { aspect-ratio: 1.2; object-fit: contain; } .vehicle__preview__excerpt { font-size: 12px; font-weight: 500; color: #fff; } .vehicle__preview__excerpt h4 { font-size: 1rem; color: #4b4b4b; margin-bottom: 10px; font-weight: bold; } .vehicle__description { padding: 2.083vw 2.083vw 2.083vw 0; } @media screen and (max-width: 1000px) { .vehicle__description { order: -1; padding: 40px 0 20px 40px; } } @media screen and (max-width: 700px) { .vehicle__description { padding: 40px 0 20px 20px; } } @media screen and (max-width: 550px) { .vehicle__description { order: unset; padding: 15px; text-align: center; } } .vehicle__description h2 { font-size: 1.7rem; color: #4b4b4b; font-weight: 500; margin-bottom: 20px; } @media screen and (max-width: 1400px) { .vehicle__description h2 { margin-bottom: 15px; } } @media screen and (max-width: 550px) { .vehicle__description h2 { font-size: 1.4rem; } } .vehicle__description__specs { display: grid; align-items: center; grid-template-columns: 1fr 1fr 1fr; gap: 20px; font-weight: 400; color: #4b4b4b; margin-bottom: 40px; } .vehicle__description__specs--4 { grid-template-columns: 1fr 1fr; } @media screen and (max-width: 1860px) { .vehicle__description__specs { font-size: 0.9rem; } } @media screen and (max-width: 1400px) { .vehicle__description__specs { margin-bottom: 20px; } } @media screen and (max-width: 1200px) { .vehicle__description__specs { display: flex; gap: 30px; } } @media screen and (max-width: 1000px) { .vehicle__description__specs { flex-direction: column; gap: 10px; align-items: flex-start; } .vehicle__description__specs svg { width: 16px; height: auto; } } @media screen and (max-width: 550px) { .vehicle__description__specs { align-items: center; margin-bottom: 15px; } } .vehicle__description__specs span { display: flex; align-items: center; gap: 8px; } .vehicle__description__highlights { font-size: 15px; } @media screen and (max-width: 1000px) { .vehicle__description__highlights { font-size: 13px; } } .vehicle__description__highlights__toggler { display: none; } @media screen and (max-width: 1000px) { .vehicle__description__highlights__toggler { display: flex; align-items: center; gap: 6px; font-weight: bold; cursor: pointer; height: 40px; } .vehicle__description__highlights__toggler.open svg { transform: rotate3d(0,0,1,180deg); -webkit-transform: rotate3d(0,0,1,180deg); } .vehicle__description__highlights__toggler svg { display: block; transition: 300ms; } } @media screen and (max-width: 550px) { .vehicle__description__highlights__toggler { justify-content: center; } } .vehicle__description__highlights__wrapper { text-align: left; } @media screen and (max-width: 1000px) { .vehicle__description__highlights__wrapper { display: none; } .vehicle__description__highlights__wrapper.open { display: block; } } .vehicle__description__highlights ul { list-style-type: none; margin: 0; padding: 0; } .vehicle__description__highlights ul li { margin: 0; padding: 0; margin-bottom: 0.8em; display: flex; align-items: flex-start; gap: 18px; } @media screen and (max-width: 1000px) { .vehicle__description__highlights ul li { gap: 10px; } } .vehicle__description__highlights ul li::before { content: ""; width: 17px; height: 12px; background: url(../img/icons/check.svg) no-repeat center; margin-top: 3px; } .vehicle__description__highlights ul li:last-child { margin: 0; } .vehicle__description__text { margin-top: 1em; } .vehicle__price { align-self: stretch; border-left: 1px solid #c6c4c2; padding: 2.083vw 20px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; text-align: right; color: #4b4b4b; } @media screen and (max-width: 1550px) { .vehicle__price { padding: 2.083vw 15px; } } @media screen and (max-width: 1200px) { .vehicle__price { padding: 2.083vw 20px; } } @media screen and (max-width: 1000px) { .vehicle__price { grid-column-end: span 2; padding: 15px; border: none; border-top: 1px dashed #c6c4c2; align-items: center; } } @media screen and (max-width: 550px) { .vehicle__price { grid-column-end: span 1; } } .vehicle__price__title { font-size: 14px; font-weight: 600; letter-spacing: 0.03em; margin-bottom: 14px; } @media screen and (max-width: 1000px) { .vehicle__price__title { margin-bottom: 10px; } } .vehicle__price__total { font-size: 2.5rem; letter-spacing: -0.04em; white-space: nowrap; } @media screen and (max-width: 1860px) { .vehicle__price__total { font-size: 2.2rem; } } .vehicle__price__tax { color: #fff; font-size: 12px; font-weight: 500; letter-spacing: 0.04em; margin-bottom: 25px; } @media screen and (max-width: 1000px) { .vehicle__price__tax { margin-bottom: 15px; } } .vehicle__price__extra { font-size: 12px; font-weight: 500; letter-spacing: 0.04em; margin-bottom: 25px; } @media screen and (max-width: 1000px) { .vehicle__price__extra { margin-bottom: 15px; } } .vehicle__price__disclaimer { font-size: 14px; font-weight: 500; letter-spacing: 0.03em; padding: 10px; text-align: center; background: rgba(239,103,54,0.7); border-radius: 3px; } @media screen and (max-width: 1000px) { .vehicle__price .button { max-width: 400px; } } .checkout-form { max-width: 1100px; margin: auto; padding: 0 20px; } .checkout-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 25px; } .checkout-form__grid--3 { grid-template-columns: 1fr 1fr 1fr; } @media screen and (max-width: 700px) { .checkout-form__grid--3 { grid-template-columns: 1fr; } } @media screen and (max-width: 1000px) { .checkout-form__grid { gap: 0 10px; } } @media screen and (max-width: 550px) { .checkout-form__grid { grid-template-columns: 1fr; } } .checkout-form__disclaimer { margin-bottom: 1em; } @media screen and (max-width: 700px) { .checkout-form__disclaimer { margin-bottom: 20px; font-size: 13px; } } .checkout-form__footer { display: flex; align-items: center; justify-content: space-between; } @media screen and (max-width: 550px) { .checkout-form__footer { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } } .checkout-form .input--large { grid-column-end: span 2; } .checkout-form__accessories { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; } @media screen and (max-width: 1000px) { .checkout-form__accessories { grid-template-columns: 1fr 1fr; gap: 10px; } } @media screen and (max-width: 550px) { .checkout-form__accessories { grid-template-columns: 1fr; } } .checkout-form__accessory { border: 1px solid #a40054; border-radius: 5px; padding: 20px; display: grid; grid-template-columns: 40% 1fr; align-items: center; gap: 20px; position: relative; transition: border-color 300ms; } @media screen and (max-width: 1400px) { .checkout-form__accessory { padding: 20px 10px 10px 10px; grid-template-columns: 60px 1fr; gap: 15px; } } @media screen and (max-width: 550px) { .checkout-form__accessory { padding: 0 10px; grid-template-columns: 80px 1fr; } } @media screen and (max-width: 350px) { .checkout-form__accessory { grid-template-columns: 60px 1fr; padding: 0 5px; gap: 5px; } } .checkout-form__accessory .tooltip { top: 5px; right: 5px; position: absolute; } @media screen and (max-width: 550px) { .checkout-form__accessory__image { padding: 10px 0; } } .checkout-form__accessory__content { align-self: center; } @media screen and (max-width: 550px) { .checkout-form__accessory__content { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px; padding: 15px 0; } } .checkout-form__accessory__content h3 { color: #4b4b4b; margin-bottom: 0.2em; font-weight: 500; } .checkout-form__accessory__content .description { font-size: 0.8rem; } .checkout-form__accessory__content .price { font-size: 0.8rem; color: #4b4b4b; margin-top: 1em; display: block; font-weight: normal; } @media screen and (max-width: 1400px) { .checkout-form__accessory__content .price { margin-top: 5px; } } .checkout-form__accessory__content .number-input { margin-top: 0.5em; } @media screen and (max-width: 1400px) { .checkout-form__accessory__content .number-input { margin: 0; } } .checkout-form__edit-input { font-size: 12px; font-weight: 500; margin-top: 3px; text-decoration: underline; text-underline-offset: 2px; } .payment { padding: 0 20px; } .payment__invoice { border: 1px solid #c6c4c2; padding: 25px; border-radius: 5px; font-size: 0.9rem; } @media screen and (max-width: 1200px) { .payment__invoice { padding: 20px; } } .payment__invoice__title { color: #4b4b4b; margin-bottom: 0.4em; font-weight: normal; font-size: 1.22rem; } @media screen and (max-width: 550px) { .payment__invoice__title { font-size: 1rem; font-weight: 500; } } .payment__invoice strong { font-weight: 500; color: #4b4b4b; } .payment__pay { border: 1px solid #c6c4c2; background: #fff; padding: 25px; border-radius: 5px; font-size: 1.1rem; text-align: center; } @media screen and (max-width: 1200px) { .payment__pay { padding: 20px; } } .payment__pay__title { color: #4b4b4b; margin-bottom: 0.4em; font-weight: normal; font-size: 1.22rem; } @media screen and (max-width: 550px) { .payment__pay__title { font-size: 1rem; font-weight: 500; } } .payment__pay strong { font-weight: 500; color: #4b4b4b; } .payment__pay-cta { margin-top: 20px; } .payment__text { font-size: 1.2em; border: 1px solid #c6c4c2; padding: 25px; border-radius: 5px; text-align: center; } @media screen and (max-width: 1200px) { .payment__text { padding: 20px; } } .payment__footer { margin-top: 40px; display: flex; align-items: center; justify-content: space-between; } @media screen and (max-width: 550px) { .payment__footer { margin-top: 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } } .main-menu { position: fixed; top: 0; left: 0; height: 100%; background-color: #f9f7f5; width: 100%; display: flex; align-items: center; padding: calc(100px + 5vh) 10vw 50px; z-index: 98; transition: 500ms ease-in-out; } @media screen and (max-width: 550px) { .main-menu { justify-content: flex-start; padding-left: 20px; padding-right: 20px; } } .main-menu.open { transform: translate3d(0,0,0); } .main-menu__inner { display: inline-block; overflow-y: auto; counter-reset: menucount; padding-left: 2.5rem; } @media screen and (max-width: 700px) { .main-menu__inner { padding-left: 0; } } .main-menu__inner .menu li { display: flex; align-items: baseline; gap: 0.25em; counter-increment: menucount; line-height: normal; font-size: min(12vh,100px); font-family: "area-extended", sans-serif; font-variation-settings: "wght" 600; margin-bottom: 0.2em; color: #d9d9d9; } .main-menu__inner .menu li::before { content: "0" counter(menucount) "/"; font-size: 2.33rem; } .main-menu__inner .menu li > a { line-height: 1em; color: #d9d9d9; transition: ease 300ms; } .main-menu__inner .menu li > a:hover { color: #4b4b4b; } @media screen and (max-width: 1550px) { .main-menu__inner .menu li { font-size: min(12vh,80px); } } @media screen and (max-width: 1400px) { .main-menu__inner .menu li { font-size: min(12vh,70px); } } @media screen and (max-width: 1200px) { .main-menu__inner .menu li { font-size: clamp(40px,6.7704vw,130px); } } @media screen and (max-width: 1000px) { .main-menu__inner .menu li { font-size: 3.67rem; } .main-menu__inner .menu li::before { font-size: 1.33rem; } } @media screen and (max-width: 700px) { .main-menu__inner .menu li { margin-bottom: 0.55em; } } @media screen and (max-width: 550px) { .main-menu__inner .menu li { font-size: 45px; } .main-menu__inner .menu li::before { font-size: 20px; } } @media screen and (max-width: 400px) { .main-menu__inner .menu li { font-size: 40px; } .main-menu__inner .menu li::before { font-size: 15px; } }