/*select2*/ .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{position:relative}.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-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.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[aria-selected]{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}.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}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.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__remove{margin-left:2px;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[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.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--highlighted[aria-selected]{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;margin-right:10px}.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}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.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;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.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[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{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} /*nouislider*/ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px} .dismissable { display: none; transition: opacity var(--duration) var(--ease), transform var(--duration) var(--ease); } .dismissable--active { display: flex; } .dismissable--hidden { opacity: 0; transform: scale(.97); } /* .dismissable--hidden { opacity: 0; transform: translateY(1rem); } */ @keyframes form-loading { 0% { transform: translate(-50%,-50%) rotate(0deg); } 100% { transform: translate(-50%,-50%) rotate(360deg); } } .form__item { padding-top: .5rem; padding-bottom: .5rem; } /* .form__item + .form__item { margin-top: 1rem; } */ * + .form__group { margin-top: 3rem; } .form__info { padding: 2rem; } .form__send, .form__loader::before { transition: opacity var(--duration) var(--ease); } .form__send { flex: 0 0 auto; width: auto; } .form__send::before { transition: background-color var(--duration) var(--ease); } .form--not-valid .form__send::before { background-color: var(--col-grey-mid); } .form__send[disabled] { opacity: 0; } .form__loader { position: relative; } .form__loader::before { content: ""; position: absolute; left: 50%; top: 50%; z-index: 1; width: 3rem; height: 3rem; border: .25rem solid; border-radius: 50%; border-color: transparent var(--col-main-1) var(--col-main-1) var(--col-main-1); opacity: 0; animation: form-loading .8s linear infinite; pointer-events: none; } .form--is-sending .form__loader::before, .form__loader--active::before { opacity: 1; } * + .form__privacy { margin-top: 1rem; } .field--icon { position: relative; } .field--sub { padding: .5rem; border: 1px solid var(--col-grey-light); } .field--inactive { display: none; } .field__label { font-size: 1rem; font-weight: 700; } .field--mandatory .field__label::after { content: "*"; display: inline-block; margin-left: .5rem; color: var(--col-grey-mid); } .field__input, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid var(--col-grey-light); background-color: var(--col-grey-light); border-radius: 2px; } .field__input { padding: .75rem; } .field--large .field__input { padding: 1.25rem; font-size: 1.5rem; } .field--icon .field__input { padding-right: 3rem; } .is-on-color .field__input, .is-on-color .select2-container--default .select2-selection--single, .is-on-color .select2-container--default .select2-selection--multiple, .is-on-color .select2-container--default .select2-search--dropdown .select2-search__field { background-color: #fff; border-color: #fff; } .field .field__input:hover, .select2-container--open .select2-selection--single, .is-on-color .select2-container--open .select2-selection--single, .select2-container--default .select2-selection--single:hover, .select2-container--open .select2-selection--multiple, .is-on-color .select2-container--open .select2-selection--multiple, .select2-container--default .select2-selection--multiple:hover, .select2-container--default .select2-search--dropdown .select2-search__field:hover { border-color: var(--col-main-1); } .field .field__input[disabled]:hover { border-color: transparent; } .field .field__input:focus, .select2-container--open .select2-selection--single, .select2-container--default .select2-search--dropdown .select2-search__field:focus { box-shadow: 0 0 0 1px var(--col-main-1); } .field__input::placeholder { color: var(--col-grey-mid); } .field__label + .field__input, .field__label + .field__input + .select2 { margin-top: .5rem; } .field__icon-fix, .field__clear { position: absolute; top: 50%; z-index: 1; transform: translateY(-50%); } .field__icon-fix { right: 1rem; } .field__fix-btn { right: 0; width: 3rem; height: 100%; } .field__clear { width: auto; right: 3rem; padding-left: 0; padding-right: 0; fill: var(--col-main-2) } .field--empty .field__clear { display: none; } .checkbox__label { position: relative; padding-left: 2.5rem; cursor: pointer; } .checkbox__box, .checkbox__box::before { position: absolute; left: 0; top: 0; width: 1.5rem; height: 1.5rem; background-color: var(--col-grey-light); } .is-on-color .checkbox__box { background-color: #fff; } .checkbox:hover .checkbox__box { box-shadow: 0 0 0 1px var(--col-main-1) inset; } .checkbox__box::before { content: ""; background-color: var(--col-main-2); opacity: 0; } input:checked + .checkbox__label .checkbox__box::before { opacity: 1; } .checkbox__icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1rem; height: 1rem; fill: #fff; opacity: 0; } input:checked + .checkbox__label .checkbox__icon { opacity: 1; } .select2-dropdown--below { transform: translateY(1px); } .select2-dropdown--above { transform: translateY(-2px); } .select2-container--default .select2-selection--multiple { display: flex; min-height: 0; position: relative; cursor: pointer; } .select2-container--default .select2-selection--multiple::after { content: ""; position: absolute; right: .75rem; top: 50%; transform: translateY(-50%); z-index: 1; border-style: solid; border-width: 5px 4px 0 4px; border-color: var(--col-main-1) transparent transparent transparent; } .select2-container--open .select2-selection--multiple::after { transform: translateY(-50%) rotate(180deg); } .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 0; color: inherit; line-height: inherit; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { min-height: 3.375rem; padding: .75rem; font-size: 0.875rem; } .select2-container--default .select2-selection--single .select2-selection__arrow { right: .75rem; top: 50%; transform: translateY(-50%); } .select2-container--default .select2-selection--multiple .select2-selection__choice { display: flex; flex-direction: row-reverse; border: 0 none; background-color: #fff; border-radius: 0; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin: 0; padding: 0 0 0 .5rem; color: var(--col-main-2); } .select2-container .select2-selection--single { height: auto; padding: .75rem; } .select2-search--dropdown { padding: .75rem; } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: var(--col-main-2); color: #fff; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--col-main-1); color: #fff; } .range { padding: .375rem 3rem 1.875rem; } .noUi-target { border: 0 none; border-radius: .25rem; background: var(--col-grey-light); box-shadow: none; } .noUi-horizontal { height: .5rem; } .noUi-base { cursor: pointer; } .noUi-connect { background-color: var(--col-main-2); } .noUi-handle { border: 0 none; border-radius: 50%; background-color: var(--col-main-2); box-shadow: none; cursor: pointer; } .noUi-handle::before, .noUi-handle::after { content: none; } .noUi-horizontal .noUi-handle { right: -0.625rem; top: -0.375rem; width: 1.25rem; height: 1.25rem; } .noUi-pips { top: .25rem; height: 0; padding: 0; } .noUi-value, .noUi-tooltip { color: var(--col-main-1); line-height: 1; font-size: 0.8125rem; font-weight: 700; } .noUi-value { top: 0; } .noUi-value:nth-child(2) { left: -3rem !important; text-align: left; } .noUi-value:nth-child(4) { left: auto !important; right: -3rem !important; text-align: right; } .noUi-value-horizontal { transform: translateY(-50%); } .noUi-value::after, .noUi-tooltip::after { content: "W"; } .noUi-marker { display: none; } .noUi-tooltip { padding: 0; border: 0 none; background: none; } .noUi-horizontal .noUi-tooltip { bottom: -1.375rem; } @media (max-width: 59.95em) { .form__privacy { text-align: center; } } .placeholder-logo { padding: 20%; opacity: .05; filter: brightness(0); } .img-link:hover, .img-link:focus { transform: scale(1.03); } .download-badge__img { width: auto; max-width: none; height: 2.5rem; } @media (min-width: 60em) { .download-badge__img { height: 3.5rem; } } .video-pic { display: block; position: relative; cursor: pointer; } .video-pic--bottom { padding-bottom: 2rem; } .video-pic__btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 4rem; height: 4rem; border-radius: 3rem; overflow: hidden; box-shadow: 0 0 1rem 1rem rgba(0,0,0,.05); } .video-pic__btn--small { width: 3rem; height: 3rem; } a.video-pic:hover .video-pic__btn, a.video-pic:focus .video-pic__btn { transform: translate(-50%,-50%) scale(1.1); } .video-pic--bottom .video-pic__btn { top: auto; bottom: -2rem; } .video-pic__btn--small .i { width: .875rem; height: .875rem;; } @media (min-width: 60em) { .video-pic--bottom { padding-bottom: 3rem; } .video-pic__btn { width: 6rem; height: 6rem; } .video-pic__btn--small { width: 3rem; height: 3rem; } .video-pic--bottom .video-pic__btn { bottom: -3rem; } } .table { width: 100%; table-layout: fixed; font-size: 1rem; text-align: left; } .table__head { font-weight: 700; } .table__item { padding: .5rem; } .table-block--2 .table__header { width: 50%; } .table-block--3 .table__header { width: 33.33%; } .table-block--4 .table__header { width: 25%; } .table-block--5 .table__header { width: 20%; } .table-block--6 .table__header { width: 16.66%; } .table-block--4 .table__header--scope, .table-block--5 .table__header--scope, .table-block--6 .table__header--scope { width: 40%; } .table__title { color: var(--col-main-2); font-weight: 700; } .table__row:nth-child(2n+1) { background-color: var(--col-grey-light); } .table__header-a { display: block; } .table__header-a:hover, .table__header-a:focus { transform: scale(1.1); } /* .table__header-a > a, .table__header-a { display: flex; justify-content: center; } */ .table__prod-img img { max-width: 12rem; } .table__logo { height: 3rem; } /* .table__logo { height: 4rem; padding: .5rem; background-color: var(--col-text); } */ * + .table__logo { margin: .5rem 0; } .footnotes { margin-top: 1.5rem; font-size: 1rem; } .footnote__numbering { min-width: 1rem; } .footnote__copy { margin-left: .25rem; } @media (max-width: 59.95em) { .table-block { padding-left: 0; padding-right: 0; } .table__header--scope { display: none; } .table__row + .table__row { border-top: 1px solid var(--col-grey-light-strong); } /*fix*/ .table-block--fix .table__head { display: block; } .table-block--fix .table__header-row, .table-block--fix .table__row { display: flex; flex-wrap: wrap; } .table-block--2 .table__header, .table-block--2 .table__cell { flex-basis: 100%; } .table-block--3 .table__header, .table-block--3 .table__cell { flex-basis: 50%; } .table-block--fix .table__cell--scope { flex-basis: 100%; padding-bottom: 0; } /*scroll*/ .table-block--scroll .table-block__view { overflow: auto; scrollbar-width: none;/*FF*/ -ms-overflow-style: none;/*IE*/ } .table-block--scroll .table-block__view::-webkit-scrollbar { display: none;/*CH*/ } .table { overflow: hidden; } .table-block--scroll .table__cell { position: relative; padding-top: 2rem; } .table-block--scroll .table__title { position: absolute; left: .5rem; top: 0.5rem; } .table-block--scroll .table__title { width: calc(300% - 1rem); } } @media (max-width: 33.7em) { .table-block--scroll .table { width: 135%; } } @media (min-width: 33.75em) and (max-width: 59.95em) { .table-block--4, .table-block--5, .table-block--6 { } } @media (min-width: 60em) { .table { font-size: 1.125rem; } .s--bg .table__row:nth-child(2n+1) { background-color: #fff; } .table [colspan="2"] { padding-left: 20%; } } .do-dont__tag { width: 3rem; height: 3rem; border-radius: 50%; fill: #fff; } .do-dont--do .do-dont__tag { background-color: var(--col-do); } .do-dont--dont .do-dont__tag { background-color: var(--col-dont); } .do-dont__copy { margin-left: 1rem; } .topic-tile { position: relative; min-height: 100%; padding: .5rem; background-color: var(--col-grey-light); text-align: left; } .topic-tile--start::before, .topic-tile--end::after { position: absolute; width: 1.3rem; height: 2.5rem; background-color: #fff; transform: skewX(-30deg); } .topic-tile--start::before { left: 0; top: 0; transform-origin: top left; } .topic-tile--end::after { right: 0; bottom: 0; transform-origin: bottom right; } .topic-tile__info { font-size: 1rem; } .topic-tile__h { padding-top: .25rem; font-size: 1.5rem; font-weight: 700; } .topic-tile__btn { flex: 0; color: var(--col-main-2); fill: var(--col-main-2); } .topic-tile__btn::after { background-color: rgba(255,255,255,.35); } .topic-tile__copy { margin-top: .5rem; } @media (min-width: 60em) { .topic-tile--start::before, .topic-tile--end::after { content: ""; } .topic-tile { padding: 1.5rem; } } @media (min-width: 100em) { .topic-tile { padding: 3rem; } .topic-tile--start::before, .topic-tile--end::after { width: 2.6rem; height: 5rem; } } .filter-view { opacity: 0; transition: opacity var(--duration-fast) var(--ease); } .filter-view--visible { opacity: 1; } @media (min-width: 60em) { .filter-apply { display: none; } } .pagination { font-weight: 700; font-size: 1rem; color: var(--col-main-1); } .pagination__btn { width: auto; min-width: 2.25rem; } div.pagination__btn { min-width: 0; padding: 0; } @media (min-width: 60em) { .pagination { font-size: 1.5rem; } } .prods__navbtn { border: 1px solid var(--col-main-1); } .prods__navbtn--filters { color: var(--col-main-1); fill: var(--col-main-1); } .prods__body { margin-top: 1rem; } .prods__col-header { margin: 1rem 0; } .prods__info { color: var(--col-main-1); fill: var(--col-main-1); font-size: 1.125rem; font-weight: 700; } .navfilter { position: relative; width: 33.33%; padding-bottom: .75rem; font-size: 0.9375rem; font-weight: 700; } .navfilter--active { background-color: var(--col-grey-light); } .navfilter::after { background-color: var(--col-grey-light); } .navfiler__label { margin-top: .5rem; } .prods__tab-img { max-width: 6rem; } .prods__tab-logo { max-width: calc(25rem * var(--prod-logo-factor, 1)); } @media (min-width: 70em) { .prods__tab .c { padding-top: 0; padding-bottom: 1rem; } } .newtag { position: absolute; top: 0; left: 50%; z-index: 1; transform: translate(-50%,-50%); padding: 0 .5em; font-size: 0.75rem; } .newtag--large { padding: .25rem .75rem; font-size: 1rem; } .prop-tag { padding: 0.1875rem .5rem; background-color: var(--col-grey-light); border-radius: 1rem; font-size: 0.8125rem; } .filter-field + .filter-field, .filter-field-group + .filter-field, .filter-field + .filter-field-group, .filter-field-group + .filter-field-group { margin-top: 1rem; } .filter-field-group__c { padding-left: 2.5rem; margin-top: 1rem; } .filter-field-group--closed .filter-field-group__c { display: none; } .product { display: block; position: relative; text-align: left; } .product__pic { padding: 1rem; background-color: var(--col-grey-light); } .product__copy { margin-top: 1rem; } .product__category { text-transform: uppercase; font-size: 0.8125rem; } .product__h { margin-top: .5rem; font-weight: 700; } .product__tags { position: relative; padding-left: 1.5rem; margin-top: .75rem; fill: var(--col-main-2); } .product__tags > .i { position: absolute; left: 0; top: 0; } .product__btn { width: auto; margin-top: .75rem; } @media (max-width: 59.95em) { .prods__navbtn { padding: 1.125rem 0; } .navfilters, .prod-filters { display: none; margin-top: 2rem; } .prods--show-navfilters .navfilters, .prods--show-prod-filters .prod-filters { display: block; } .prods--show-navfilters .prods__tiles, .prods--show-prod-filters .prods__tiles { display: none; } .prods__tile:nth-child(2n) { padding-left: .125rem; padding-right: 0; } .prods__tile:nth-child(2n+1) { padding-left: 0; padding-right: .125rem; } .product__copy { padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 60em) { .prods__navbtns { display: none; } .prods__header--border { border-bottom: 1px solid var(--col-grey-light-strong); } .navfilter { width: 7rem; padding-bottom: .75rem; font-size: 1.125rem; } .newtag { font-size: 0.875rem; } .product__h { font-size: 1.5rem; } } @media (min-width: 100em) { .navfilter { width: 8rem; } } @media (min-width: 112.5em) { .navfilter { width: 10rem; } } .step { position: relative; height: 5rem; color: #fff; text-align: center; font-size: 1.125rem; } .step:nth-child(1) { z-index: 3; } .step:nth-child(2) { z-index: 2; } .step:nth-child(3) { z-index: 1; } .step::before, .step::after, .step__to, .step__arrow, .step__arrow::after { content: ""; position: absolute; } .step::after, .step__arrow::after { transition: background-color var(--duration) var(--ease); } .step::before { left: 0; top: 0; width: 3rem; height: 5rem; border: solid transparent; border-width: 2.5rem 1.5rem; border-left-color: #fff; } .step::after { left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background-color: var(--col-grey-light-strong); } .step__to { width: 0; height: 100%; } .step__arrow, .step__arrow::after { width: 3.53rem; height: 3.53rem; } .step__to { right: 0; top: 0; z-index: -2; } .step__arrow { left: 0; top: 50%; transform: translate(-50%,-50%) scaleX(.7); } .step__arrow::after { left: 0; top: 0; background-color: var(--col-grey-light-strong); transform: rotate(45deg); box-shadow: 0 0 0 1rem #fff; } .step.panes__btn--before::after, .step.panes__btn--before .step__arrow::after, .step.panes__btn--active::after, .step.panes__btn--active .step__arrow::after { background-color: var(--col-main-1); } .page-is-cart-empty .step.panes__btn--active::after, .page-is-cart-empty .step.panes__btn--active .step__arrow::after { background-color: var(--col-grey-light-strong); } .step.panes__btn--before .step__label { opacity: .35; } @media (max-width: 59.95em) { .step { padding: 0 .5rem; } .step::before, .step__to, .step__arrow, .step__arrow::after { content: none; } } @media (min-width: 60em) { .step { font-size: 1.5rem; } } .checkout .form--is-sending .form__loader .btn { opacity: 0; } .list-group-unit { margin-top: -2rem; margin-bottom: -2rem; } .list-group { padding-top: 2rem; padding-bottom: 2rem; } .list-sub-group + .list-sub-group { margin-top: 2rem; } .list-cat-group + .list-cat-group { margin-top: 1rem; } .list-item { padding-top: .25rem; padding-bottom: .25rem; } .list-item__card { padding: .75rem; background-color: var(--col-grey-light); } .list-item__info { padding-top: 0.375rem; } .list-item__copy { padding-top: 0.125rem; } .list-item__label { font-weight: 700; } .list-item__thumb { width: 3rem; } .list-item__ctrls { padding-top: .75rem; } @media (min-width: 60em) { .list-item__thumb { width: 4rem; } } .tabs__btn { width: auto; } .tabs__btn::before { transition: background-color var(--duration) var(--ease); } .tabs__btn.dismissable::before { background-color: var(--col-grey-light-strong); } .tabs__btn.panes__btn--active::before { background-color: var(--col-main-2); } .downloads-view--filtered [data-more-toggle-toggle] { display: none; } .downloads-view--filtered [data-more-toggle-c] { display: block; } .downloads-group--hidden, .download-item--hidden { display: none; } .downloads-view--filtered-search .expand__c, .downloads-view--filtered-search .expand__more-c { display: block !important; } .downloads-view--filtered-search .list-cat-group__count, .downloads-view--filtered-search .expand__more-toggle, .downloads-view--filtered-search .list-cat-group:not(:has(.download-item--visible)) { display: none; } .downloads-view--filtered-search .expand__i { opacity: .15; transform: rotate(0deg); } .tutorial__list { margin-top: -.25rem; font-size: 1rem; } .tutorial__btn { padding: .25rem 0; text-align: left; } .configurator { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; } .configurator__header { position: fixed; left: 0; top: 0; z-index: 1; width: 100%; padding: 2rem; } .configurator__body { padding-top: 11rem; } .configurator__input { min-width: 2.75rem; padding: .375rem 0; background-color: #fff; text-align: center; } [data-configurator-state="initial"] [data-configurator-goto-back] { display: none; } .select-h .select2 { margin-top: 1rem; } .select-h .select2-dropdown { min-width: 10rem; } .select-h .select2-selection__rendered { font-size: 1.5rem !important; color: var(--col-main-2) !important; font-weight: 700 !important; } .select-h .select2-selection__arrow b { border-color: var(--col-main-1) transparent transparent transparent !important; } .dist-list { fill: var(--col-grey-mid); } .dist-list__item { padding: 1.5rem 0; } .dist-list__item:first-child { padding-top: 0; } .dist-list__item:last-child { padding-bottom: 0; } .dist-list__info { font-size: 1rem; } .dist-list__info > * + * { margin-top: .5rem; } .dist-list__info .i { margin-top: .25rem; } .i + .dist-list__label { margin-left: 1rem; } .dist-list__cats { font-size: 1rem; } .dist-list__cat { font-weight: 700; } .map__load .dist-list__cats { font-size: 0.8125rem; } .dist-list__cats + .h4 { margin-top: 1rem; } .map__load .dist-list__item .h4 { font-size: 1.125rem; } .map__load .dist-list__info .i { width: .75rem; height: .75rem; } .map__filters > * + * { margin-left: 1.5rem; } .buy-rent--not-loaded .map__filters .checkbox { color: var(--col-grey-light-strong) !important; } .map__filters .checkbox__label { padding-left: 2rem; } .map__filters .checkbox__box { border: .15rem solid; border-radius: .25rem; background: none; } .map__filters .checkbox:hover .checkbox__box { box-shadow: none; } .map__filters .checkbox__box::before { left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: .25rem; background-color: var(--col-text); } .map__filters .t--main-1 .checkbox__box::before { background-color: var(--col-main-1); } .map__filters .t--main-2 .checkbox__box::before { background-color: var(--col-main-2); } .buy-rent--not-loaded .map__filters .checkbox__box::before { background-color: var(--col-grey-light-strong) !important; } .buy-rent--not-loaded [data-map-search] { opacity: .5; } .buy-rent--not-loaded [data-filter-input=search]:hover { border-color: transparent; } * + .buy-rent__sec { margin-top: 3rem; } .map__map { height: 80vh; margin-top: 1rem; } .map__load { position: relative; z-index: 0; height: 100%; background-color: var(--col-grey-light); } .map__load-btn { width: auto; } .map__preview { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; } @media (max-width: 59.95em) { .map__filters { font-size: 1rem; } .map__filters > * + * { margin-left: 1.5rem; } [data-map-search] { margin-top: 1rem; } } @keyframes promote { 0%,100% { transform: scale(1); } 30%,60% { transform: scale(1.1); } } .promote { animation: promote .8s ease; } .pac-container { font-family: inherit; box-shadow: none; border: solid var(--col-main-1); border-width: 0 2px 2px 2px; } .pac-container::after { content: none; } .pac-item { border-top: 0 none; font-size: .75rem; } .pac-item:hover, .pac-item-selected { background-color: var(--col-main-1); color: #fff; } .pac-item-query { font-size: 0.875rem; } .pac-item:hover .pac-item-query, .pac-item-selected .pac-item-query { color: #fff; } .pac-icon { display: none; } @media (min-width: 60em) { .buy-rent__list { margin-top: 4.5rem; } * + .buy-rent__sec { margin-top: 5rem; } .select-h .select2 { margin-top: 0; margin-left: 2rem; } .select-h .select2-selection__rendered { font-size: 2rem !important; } .map__map { height: 65vh; } } .rentals__view { min-height: 20rem; } .rentals__row { padding: 1rem 0; } .rentals__row + .rentals__row { border-top: 1px solid var(--col-main-1); } .rentals__info,.rentals__prods-view { margin-top: 1rem; } .rentals__info { overflow: hidden; font-size: 1rem; } .rentals__pic { width: 100%; max-width: 3rem; } @media (max-width: 59.95em) { .rentals__pic--empty { display: none; } } @media (min-width: 60em) { .rentals__pic { max-width: 6rem; } } @media (min-width: 85em) { .rentals__title { width: calc(40% - .5rem); } .rentals__info { width: calc(60% - .5rem); margin-top: 0; } .rentals__meta > * + * { margin-left: 1rem; } } .has-modal, .has-modal body { overflow: hidden; } .modal, .modal__iframe { top: 0; left: 0; width: 100%; height: 100%; } .modal { position: fixed; z-index: 3; transform: scale(.9); opacity: 0; background-color: #fff; } .modal--off { display: none; } .modal--text { background-color: var(--col-text); } .modal--is-active { transform: scale(1); opacity: 1; } .modal__media { position: relative; width: 80%; height: 0; padding-bottom: 45%; } .modal__iframe { position: absolute; opacity: 0; background-color: #000; transition: opacity .8s ease-out; } .modal__iframe.is-loaded { opacity: 1; } .modal__close { position: absolute; top: 1rem; right: 1rem; width: 4rem; height: 4rem; fill: var(--col-main-2); } .modal__close::after { background-color: rgba(255,255,255,.1); } @media (min-aspect-ratio: 9 / 5) { .modal__media{ width:60%; padding-bottom:33.75%; } } @media (min-aspect-ratio: 10 / 5) { .modal__media{ width:70%; padding-bottom:39.375%; } } @media (min-aspect-ratio: 15 / 7) { .modal__media{ width:50%; padding-bottom:28.125%; } } .date-tag { min-width: 7rem; min-height: 7rem; padding: 1rem; } .date-tag__meta { font-size: 1rem; font-weight: 700; text-transform: uppercase; } .event__img { width: 7rem; } .event__placeholder { padding: 1rem; } .support__loader { min-height: 3rem; } @media (max-width: 59.95em) { [data-layouts^="feature-icons"] > .text { position: relative; padding-left: 3rem; } [data-layouts^="feature-icons"] > .text > .text-icon:first-child { position: absolute; top: 0; left: -1rem; } [data-layouts^="feature-icons"] > .text > .text-icon .i { width: 3rem; height: 3rem; } } .quote-slider { position: relative; } .quote { color: #fff; } .swiper .quote { opacity: 0; } .swiper .quote.swiper-slide-active { opacity: 1; } .quote__text, .quote__source { position: relative; z-index: 0; padding: 2rem 4rem; } .quote__text::before, .quote__source::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .quote__text { font-size: 1.5rem; font-weight: 700; } .quote__text::before { background-color: var(--col-main-1); } .quote__text > *:first-child::before { content: "“"; } .quote__text > *:last-child::after { content: "”"; } .quote__source::before { background-color: var(--col-main-2); } .quote-slider__ctrl { position: absolute; bottom: 3.5rem; transform: translateY(50%); z-index: 1; width: auto; } .quote-slider__ctrl--prev { left: 0; } .quote-slider__ctrl--next { right: 0; } @media (min-width: 60em) { .quote__source { left: -10%; z-index: 1; } .quote__text { padding-left: 2rem; padding-right: 2rem; } .quote__text::before { left: -20%; width: 130%; } .quote__text::before, .quote__source::before { transform: skewX(-30deg); } .quote-slider__ctrl { bottom: 50%; } .quote-slider__ctrl--prev { left: 1.5rem; } .quote-slider__ctrl--next { right: 1.5rem; } } @media (min-width: 85em) { .quote__text { padding: 4rem; font-size: 1.75rem; } } .clickteaser { container: clickteaser / inline-size; } .text p > .clickteaser { text-decoration: none; } .clickteaser__pic { max-width: 3rem; flex: 0 0 auto; } .clickteaser__arrow { width: 4rem; flex: 0 0 auto; fill: var(--col-text); } @container clickteaser (max-width:12em) { .clickteaser { gap: 1rem; } .clickteaser__arrow { display: none; } } @container clickteaser (min-width:20em) { .clickteaser__pic { max-width: 6rem; } } @keyframes pteaser { 0% { transform: translateX(0); } 100% { transform: translateX(-33.333%); } } .pteaser { position: relative; margin-top: 2rem; } .pteaser__frame { position: relative; z-index: 0; width: 100%; height: 16rem; background-color: var(--col-text); pointer-events: none; } .pteaser__frame::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%) skewX(-30deg); transform-origin: bottom; width: 20rem; height: 100%; background-color: var(--col-main-1); } .pteaser__prods { position: absolute; left: 0; top: 0; height: 100%; animation: pteaser 8s linear infinite; } .pteaser__prods-tile { height: 100%; padding: 2rem; } .pteaser__pic { position: relative; } /* [data-pteaser-state="blue"] .pteaser__img, [data-pteaser-state="white"] .pteaser__img, [data-pteaser-state="police"] .pteaser__img { visibility: hidden; } */ .pteaser__state-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; } [data-pteaser-state="blue"] [data-pteaser-img="blue"], [data-pteaser-state="white"] [data-pteaser-img="white"], [data-pteaser-state="police"] [data-pteaser-img="police"] { visibility: visible; } .pteaser__ui { padding: .375rem 0.1875rem; background-color: #000; } .pteaser__ui-tile { flex: 0 0 33.33%; max-width: 33.33%; padding: 0 .1875rem; background-color: #000; } @media (min-width: 33.75em) { .pteaser { padding-bottom: 4rem; } .pteaser__frame { height: 24rem; } .pteaser__frame::before { transform: skewX(-30deg); } .pteaser__prods-tile { padding: 2rem 2rem 6rem; } .pteaser__ui { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 24rem; } } @media (min-width: 60em) { .pteaser { margin-top: 1rem; } .pteaser__frame::before { width: 40rem; } .pteaser__prods { animation-duration: 12s; } } .faq-phrases { font-size: 1rem; } .faq-phrases .list-item__card { padding: .5rem; } .ftr { background-color: var(--col-grey-light); } .ftr--after-bg { background-color: #fff; } .ftr-promo { position: relative; } .ftr-promo::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 50%; background-color: #fff; } .ftr--after-grey .ftr-promo::before { background-color: var(--col-grey-light); } .ftr__box { padding: 3rem 0; color: #fff; text-align: center; } .ftr__logo { width: 6rem; } .ftr__menu-item { flex: 0 0 50%; max-width: 50%; } .ftr__menu-a { display: block; font-weight: 700; } .disclaimer { font-size: 1rem; } .newsletter { margin-top: 2rem; } .newsletter__form { color: var(--col-text); } .newsletter__privacy { margin-top: 1.5rem; } @media (max-width: 59.95em) { .ftr__box::before { left: calc(-3rem - 10%); right: calc(-3rem - 10%); } .ftr__menu-a, .disclaimer .btn { padding-left: 0; padding-right: 0; } .newsletter__send { margin-top: .5rem; } } @media (min-width: 60em) { .ftr .s:last-child { padding-bottom: 3rem; } .ftr__logo { width: 7.5rem; } .ftr__box { padding-left: 3rem; padding-right: 3rem; } .ftr__box::before { left: -10%; right: -10%; } .social { margin-top: 2rem; } .social__i { width: 2rem; height: 2rem; } .ftr__menu-item { flex: 1 0 100%; max-width: none; } .ftr__menu-a::after, .disclaimer__a::after { background-color: rgba(255,255,255,.5); } .ftr--after-bg .ftr__menu-a::after, .ftr--after-bg .disclaimer__a::after { background-color: var(--col-grey-light); } .newsletter__form { max-width: 50%; margin-left: auto; margin-right: auto; } .newsletter__send { flex: 0 0 content; margin-left: .5rem; } } @media (min-width: 85em) { .social__i { width: 1.75rem; height: 1.75rem; } } @media (min-width: 92.5em) { .social__i { width: 2rem; height: 2rem; } } .consent { display: none; position: fixed; left: 50%; bottom: 1em; z-index: 2; width: 100%; transform: translateX(-50%); transition: opacity .25s cubic-bezier(0,.5,.5,1), visibility 0s ease .25s; visibility: hidden; opacity: 0; pointer-events: none; font-size: 1.125rem; } .prepare-consent .consent { display:block; } .show-consent .consent { visibility:visible; opacity:1; transition-delay:0s; pointer-events:auto; } .consent__box { max-width:60rem; max-height:100vh; padding:1rem; overflow:visible; overflow-y:auto; background-color: #fff; box-shadow: 0 .5rem 4rem -1rem rgba(0,0,0,.15); } .consent__logo { width: 5rem; padding-bottom: 1rem; } .consent__check-checked .checkbox__label { cursor: default; } .consent__check-checked .checkbox__box { background-color: transparent; } .consent__check-checked:hover .checkbox__box { box-shadow: none; } .consent__check-checked .checkbox__icon { fill: var(--col-main-2); opacity: 1; } .consent__details { margin-top: 2rem; } .consent-accept { margin-top: 2rem; }