@charset "UTF-8"; /* Flex mixin */ @import url("https://fonts.googleapis.com/css?family=Barlow:100,200,300,400,500,600,700,800,900"); @import url("https://fonts.googleapis.com/css?family=Barlow+Condensed:100,200,300,400,500,600,700,800,900"); .flex { display: flex; } .map-types__link, .map-template, .map, .map-popup__close, .interests-block__wrapper, .interests-results__chart-wrapper, .interests, .stratis-menu__toggle, .stratis-menu__item, .stratis-menu__list, .news-spoiler__pagination, .publications-list, .publications-block__item, .profile__btn-current, .one-click-panel .one-click-panel__link, .one-click-panel .one-click-panel__title, .one-click-panel__header, .one-click-toggle, .mnv-menu__nav .one-click-panel__title, .header-bar-dropdown__toggle, .header-bar-btn, .header-bar__components, .header-bar__inner, .comment-reply__avatar label, .comments__avatar, .gallery__list, .preloader, .footer__wrapper { flex-direction: row; } .map-types, .ontheweb-block__link, .filters__map .filters__wrapper, .news-spoiler__content, .site-wrapper { flex-direction: column; } .header-bar__components, .preloader { flex-wrap: nowrap; } .map-types__link, .map-types, .map-template, .map, .map-popup__close, .social-wall__grid, .interests-block__wrapper, .interests-results__chart-wrapper, .interests, .quick-links-demarches__list, .stratis-menu__toggle, .stratis-menu__item, .stratis-menu__list, .news-spoiler__content, .news-spoiler__pagination, .publications-list, .links-group, .one-click-toggle, .tx_solr, .header-bar-dropdown__toggle, .header-bar-btn, .header-bar__inner, .gallery__list, .footer__wrapper, .site-wrapper { flex-wrap: wrap; } .map-types__link, .map-popup__close, .quick-links-demarches__list, .stratis-menu__toggle, .profile__btn-current, .date, .links-group, .one-click-toggle, .header-bar-btn, .comment-reply__avatar label, .comments__avatar, .preloader { justify-content: center; } .header-bar__inner, .footer__wrapper { justify-content: space-between; } .header-bar__components { justify-content: space-around; } .map-types__link, .map-popup__close, .interests-results__chart-wrapper, .stratis-menu__toggle, .profile__btn-current, .date, .links-group, .one-click-toggle, .header-bar-btn, .header-bar__components, .header-bar__inner, .comment-reply__avatar label, .comments__avatar, .preloader { align-items: center; } /** * Grid system. * * @section Grid * @page Layout * * @example *
*
half-width column.
*
half-width column
*
*
*
one-third-width column.
*
one-third-width column.
*
one-third-width column.
*
* */ /** * Grid system responsive. * Responsive modifiers enable specifying different column sizes, offsets, alignment and distribution at xs, sm, md & lg viewport widths. * * @section Grid responsive * @sectionof Grid * @page Layout * * @example *
*
Responsive column.
*
* */ /** * Grid system Auto Width. * Add any number of auto sizing columns to a row. * * @section Grid Auto Width * @sectionof Grid * @page Layout * * @example *
*
1
*
*
*
1
*
2
*
*
*
1
*
2
*
3
*
*
*
1
*
2
*
3
*
4
*
* */ /** * Grid system Alignment. * Add classes to align elements to the start or end of a row as well as the top, bottom, or center of a column * * @section Grid alignment horizontal * @sectionof Grid * @page Layout * * @example *
*
*
* start *
*
*
*
*
*
* center *
*
*
*
*
*
* end *
*
*
* */ /** * Grid system Alignment. * Add classes to align elements to the start or end of a row as well as the top, bottom, or center of a column * * @section Grid alignment vertical * @sectionof Grid * @page Layout * * @example *
*
*
*
* top *
*
*
*
*
*
*
* middle *
*
*
*
*
*
*
* bottom *
*
*
* */ /** * Grid system Distribution. * Add classes to distribute the contents of a row or column. * * @section Grid distribution * @sectionof Grid * @page Layout * * @example *
*
1
*
2
*
3
*
* *
*
1
*
2
*
3
*
* */ /** * Grid system Reordering. * Add classes to reorder columns. * * @section Grid reordering * @sectionof Grid * @page Layout * * @example *
*
1
*
2
*
3
*
* *
*
1
*
2
*
3
*
* */ /** * Grid system Reverse. * Add classes to reorder columns. * * @section Grid reverse * @sectionof Grid * @page Layout * * @example *
*
1
*
2
*
3
*
4
*
5
*
6
*
* */ .flex-container, .flex-container-fluid { min-width: 320px; padding-left: 1rem; padding-right: 1rem; } .flex-container { margin-left: auto; margin-right: auto; max-width: 1280px; } .column, .flex-row { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-wrap: wrap; margin-left: -1rem; margin-right: -1rem; } .no-margin.column, .no-margin.flex-row { margin-left: 0; margin-right: 0; } .no-gutter.column, .no-gutter.flex-row { margin-left: 0; margin-right: 0; } .no-gutter.column > [class*=col-], .no-gutter.flex-row > [class*=col-] { padding-left: 0; padding-right: 0; } .flex-row { flex-direction: row; } .flex-row.reverse { flex-direction: row-reverse; } .column { flex-direction: column; } .column.reverse { flex-direction: column-reverse; } [class*=col-] { box-sizing: border-box; flex: 0 0 auto; padding-left: 1rem; padding-right: 1rem; } .col-xs { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xs-1 { flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .col-xs-2 { flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .col-xs-3 { flex-basis: 25%; max-width: 25%; } .col-xs-4 { flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .col-xs-5 { flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .col-xs-6 { flex-basis: 50%; max-width: 50%; } .col-xs-7 { flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .col-xs-8 { flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .col-xs-9 { flex-basis: 75%; max-width: 75%; } .col-xs-10 { flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .col-xs-11 { flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .col-xs-12 { flex-basis: 100%; max-width: 100%; } .start-xs { justify-content: flex-start; text-align: start; } .center-xs { justify-content: center; text-align: center; } .end-xs { justify-content: flex-end; text-align: end; } .top-xs { align-items: flex-start; } .middle-xs { align-items: center; } .bottom-xs { align-items: flex-end; } .around-xs { justify-content: space-around; } .between-xs { justify-content: space-between; } .first-xs { order: -1; } .last-xs { order: 1; } .self-top-xs { align-self: flex-start; } .self-center-xs { align-self: center; } .self-bottom-xs { align-self: flex-end; } .self-baseline-xs { align-self: baseline; } .col-xs-hide { display: none; } .col-xs-show { display: block; } @media screen and (min-width: 480px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-1 { flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex-basis: 25%; max-width: 25%; } .col-sm-4 { flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex-basis: 50%; max-width: 50%; } .col-sm-7 { flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex-basis: 75%; max-width: 75%; } .col-sm-10 { flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex-basis: 100%; max-width: 100%; } .start-sm { justify-content: flex-start; text-align: start; } .center-sm { justify-content: center; text-align: center; } .end-sm { justify-content: flex-end; text-align: end; } .top-sm { align-items: flex-start; } .middle-sm { align-items: center; } .bottom-sm { align-items: flex-end; } .around-sm { justify-content: space-around; } .between-sm { justify-content: space-between; } .first-sm { order: -1; } .last-sm { order: 1; } .self-top-sm { align-self: flex-start; } .self-center-sm { align-self: center; } .self-bottom-sm { align-self: flex-end; } .self-baseline-sm { align-self: baseline; } .col-sm-hide { display: none; } .col-sm-show { display: block; } } @media screen and (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-1 { flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex-basis: 25%; max-width: 25%; } .col-md-4 { flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex-basis: 50%; max-width: 50%; } .col-md-7 { flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex-basis: 75%; max-width: 75%; } .col-md-10 { flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex-basis: 100%; max-width: 100%; } .start-md { justify-content: flex-start; text-align: start; } .center-md { justify-content: center; text-align: center; } .end-md { justify-content: flex-end; text-align: end; } .top-md { align-items: flex-start; } .middle-md { align-items: center; } .bottom-md { align-items: flex-end; } .around-md { justify-content: space-around; } .between-md { justify-content: space-between; } .first-md { order: -1; } .last-md { order: 1; } .self-top-md { align-self: flex-start; } .self-center-md { align-self: center; } .self-bottom-md { align-self: flex-end; } .self-baseline-md { align-self: baseline; } .col-md-hide { display: none; } .col-md-show { display: block; } } @media screen and (min-width: 1280px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-1 { flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex-basis: 25%; max-width: 25%; } .col-lg-4 { flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex-basis: 50%; max-width: 50%; } .col-lg-7 { flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex-basis: 75%; max-width: 75%; } .col-lg-10 { flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex-basis: 100%; max-width: 100%; } .start-lg { justify-content: flex-start; text-align: start; } .center-lg { justify-content: center; text-align: center; } .end-lg { justify-content: flex-end; text-align: end; } .top-lg { align-items: flex-start; } .middle-lg { align-items: center; } .bottom-lg { align-items: flex-end; } .around-lg { justify-content: space-around; } .between-lg { justify-content: space-between; } .first-lg { order: -1; } .last-lg { order: 1; } .self-top-lg { align-self: flex-start; } .self-center-lg { align-self: center; } .self-bottom-lg { align-self: flex-end; } .self-baseline-lg { align-self: baseline; } .col-lg-hide { display: none; } .col-lg-show { display: block; } } .header-bar-btn.-no-text .header-bar-btn__text, .nolabel > label, .nolabel > legend, .ghost, .invisible { border: 0 !important; clip: rect(1px, 1px, 1px, 1px); height: 1px !important; left: -9999px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; top: auto !important; width: 1px !important; } .pager__listitems::after, .pager-alphabet__listitems::after, #tx-solr-faceting .facets .facet-option-list::after, .radio::after, .checkbox::after, .container::after, .ce-uploads li::after, .ce-uploads div::after, .ce-row::after, .ce-gallery::after, .ce-textpic::after, .ce-nowrap .ce-bodytext::after { clear: both; content: ""; display: block; height: 0; overflow: hidden; speak: none; visibility: hidden; } /*[data-fa-icon]::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: attr(data-fa-icon); }*/ [data-fa-icon]::before { color: #ff7753; margin-right: 0.25em; } .report-incident, .events-focus__wrap { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20fill-opacity%3D%220.2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%203%203%22%3E%3Crect%20width%3D%221%22%20height%3D%221%22%2F%3E%3C%2Fsvg%3E"); background-size: 3px; } /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* Unminified development version of the datepicker stylesheet. Please use the minified version in production - remember to run a find/replace on the minified file to update the image locations to suit your installation - more info can be found in the header of the minified file. F.Y.I: Here's the HTML produced for each instance of the datePicker, in this case associated with a form element having an id of "demo-1"
... snip ...
January 2013
« ‹ Today › »
Mon Tue Wed Thu Fri Sat Sun
  1 2 3 4 5 6
7 8 9 10 11 12 13
*/ /* Hide the datepickers associated input by using a className */ .fd-hidden-input { display: none; } /* Screen reader class - used to hide spans inside each cell from the visual display. See: http://webaim.org/techniques/css/invisiblecontent/ */ .fd-screen-reader { position: absolute; left: -999em; top: auto; width: 1px; height: 1px; overflow: hidden; } /* The wrapper div */ .date-picker { position: absolute; z-index: 9999; text-align: center; /* Change the font-size to suit your needs. The following line is for the demo that has a 14px font-size defined on the body tag. All other rules are "em" based and inherit from the font-size set here. */ font: 900 0.8em/1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Verdana, Arial, "Lucida Grande", sans-serif; background: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; /* Set the fade in/out animation time here. This is used for browsers that support CSS transitions. Non-supporting browsers receive the fade effect using a Javascript fallback. */ opacity: 1; -webkit-transition: opacity 0.75s ease-in-out; -moz-transition: opacity 0.75s ease-in-out; -ms-transition: opacity 0.75s ease-in-out; -o-transition: opacity 0.75s ease-in-out; transition: opacity 0.75s ease-in-out; } .date-picker div { border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 0.8em; } /* The following rule is used whenever CSS Animations are supported by the browser */ .date-picker.fd-dp-fade { opacity: 0; } /* Styles for the static datePickers */ .static-datepicker { position: relative; top: 5px; left: 0; margin-bottom: 1.5em; } /* The iframe hack to cover selectlists in IE6 */ .iehack { position: absolute; background: #fff; z-index: 9998; padding: 0; margin: 0; border: 0; display: none; } /* The activation "button" created beside each input for popup datePickers */ .date-picker-control span { display: block; width: 18px; height: 18px; overflow: hidden; margin: auto 0; resize: none; } /* The hover effect on the activation button */ .date-picker-button-active span, .date-picker-control:focus span, .date-picker-control:hover span, .date-picker-control:active span { box-shadow: 0 0 5px rgba(40, 130, 170, 0.7); border-radius: 2px; } /* A base64 encoded image-sprite is used for the activation button. IE6 and 7 get fed "normal" png images within the rule that follows. */ .date-picker-control:link, .date-picker-control:visited { position: relative; display: -moz-inline-box; border: 0 none; padding: 0; margin: 0 4px; background-color: transparent; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAB+CAYAAAAp+EF2AAAD8ElEQVRo3u2Zu0scXxTHz8zcXR0H8UnEIpXyQ8TGaJNCFAlqEUyTMlUaWTC/IoR0vxQ2vz8hfZJGIki2URARkkbxhSJq4avI7uqK7x2V9XF/93v83WGzmIezKVLcL1zmvubcc+49w352xurr63tZW1s7EI1GPSkloVxfX5Ou55f8sYuLCz+TybwRMNLf3++dn5+jk8vl5eU39Ww2G/TlX6+urrzZ2dkBAU9gZGVlBZ08If+qC9r5Y6WlpeQ4jmf/714oI9orhCuOj49peXmZDg4OCDo6OqKSkhKswm0stL+/T5WVlWTbNvchVLQxhjpsiEgkQm1tbWwANy8uLlJ9fT2Vl5dzGzePjY1RR0cH1zFvfX2dOjs7ybIs2tjYoOHhYbLhHizrmyBcc0tuH25GKLhCqMOGQEgTExMcKzQ1NUX/vntHjoiS1l8lxbwYdHJywl4cHh5y3/b2NteF53kcGjYQK66urtL1wzYSKjQtMfyRuru7eRz7hT1FG8L8oaEhsmEAljFJb/Bt0uMoOiwdGmxwaOPj48FebG1tUTqRIqfYDSaXp1I0MjLCdZXFtLa2xp7BSCKRuDnxWCwmVZxSnYZU8Ut1QjKVSkl1rFJtolSTZTweD9o7OztydHRUai0sLMiWlhYpckPTp5J7YmgLIQhpokPMVRAakml6eppc1+WbsJG+73Pq64TE4wNDqOs80qeIMHGSAqvV1dUFmQsjjY2NQeZCu7u71NzcHGQ5rq2trUH+wYbARKxeVVXFhlCHERQtpAjGtYeYU11dze2ysrKbFFEe+Ol02kNCYlIymeRnDZN1/DjJmZkZbus8gnGMbW5u0unpqW8pF1/W1NQMKPc8TOQHULCjwROPvqKiIq5jQYSv2zCiUuANGRkZGRl9R5ZiyGcK/2KK3NyQDHmmfn3fgiFjiiHdAhjSVQwZA0O6v4EhXcOQIRiSQSudZjrRAt7dmSHn5uaooaGBKioqAg9Qurq6fsiQ4jaG1GHk8uKdGRJuK/Tjk9NaWloKQvseQ3Jo7e3tvCcwNjk5SU1NTQEvoYA8enp6uL63t0fz8/NBaDjlwcFBMgz5awx5phLQLZAhz8CQzxRDxpR7bkiGPFMp8Nb8RhgZGRn9iCHNe0jDkIYhzXtI8x7SvIc0MjIyuhNDPn/x9NP9qsbeomgxhWHI7MU5HWa/xgWMvOj/mwpgSJqZlb0CnhTKkMKJkmHIkN+y3394T8Xql1QrEomG+5b9+MkjevCgmRxbqJVtev3qn59+y76dIS2HjdgolhOOIUEeXwY+M23chGPxzeZb9p/EkBk/w39iCmFI/9QnMOSnezX3eiMiQmEYEkaSiWT8P0zZxbn5chQoAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: 0 -72px; min-width: 18px; line-height: 1; cursor: pointer; visibility: visible; text-decoration: none; vertical-align: text-bottom; resize: none; } /* IE6 & 7 fed "normal" png images */ .oldie .date-picker-control:link, .oldie .date-picker-control:visited { /* IE7 gets a non-base64 encoded image sprite of the base64 encoded image declared above. That's all you have to do for IE7 support as it inherits the background-position declarations used to reposition the sprite */ *background-image: url("../Images/datepicker/datepicker-sprite.png"); /* IE6 gets the filter treatment and an individual image for each animation state. This pattern is repeated for all other image-based rules within the stylesheet */ _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../Images/datepicker/datepicker-normal.png"); } /* If the datepicker has a valid date then use a different icon for the activation button to let the user know. It's a little detail but it's the little things in life etc */ .date-picker-dateval:link, .date-picker-dateval:visited { background-position: 0 -108px; } /* Again, IE6 gets a "normal" png image from the server. Rinse, repeat. */ .oldie .date-picker-dateval:link, .oldie .date-picker-dateval:visited { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../Images/datepicker/datepicker-selected.png"); } /* Hover states etc for the activation button */ .date-picker-button-active:link, .date-picker-button-active:visited, .date-picker-control:focus, .date-picker-control:hover, .date-picker-control:active { background-position: 0 0; } /* IE 6 activation button hover states */ .oldie .date-picker-button-active:link, .oldie .date-picker-button-active:visited, .oldie .date-picker-control:focus, .oldie .date-picker-control:hover, .oldie .date-picker-control:active { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../Images/datepicker/datepicker-focused.png"); } /* Disabled activation button */ .date-picker-control-disabled:link, .date-picker-control-disabled:visited, .date-picker-control-disabled:hover, .date-picker-control-disabled:active { background-position: 0 -36px; cursor: default; } /* IE 6 disabled activation button */ .oldie .date-picker-control-disabled:link, .oldie .date-picker-control-disabled:visited, .oldie .date-picker-control-disabled:hover, .oldie .date-picker-control-disabled:active { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../Images/datepicker/datepicker-disabled.png"); } .date-picker-control-disabled:hover span, .date-picker-control-disabled:active span { box-shadow: none !important; } /* Feed IE6 the following rule, IE7 should handle the min-width declared previously. */ .oldie .date-picker-control { _width: 18px; } /* IE, older Safari & Opera. Seperate CSS rule seems to be required. */ .date-picker-control { display: inline-block; } /* Default datepicker "button" styles */ .date-picker th span { display: block; padding: 0; margin: 0; text-align: center; line-height: 1em; border: 0 none; background: transparent; font-weight: bold; cursor: pointer; } /* The "month, year" display */ .date-picker .month-display, .date-picker .year-display { display: inline; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; font-size: 1.2em; } /* Generic button class for Next & Previous (both month & year) buttons */ .date-picker .prev-but, .date-picker .next-but { font-weight: normal; font-size: 2.4em; font-family: georgia, times new roman, palatino, times, bookman, serif; cursor: pointer; } .date-picker .prev-but, .date-picker .next-but, .date-picker .today-but { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* Hover effect for Next & Previous (month, year) buttons */ .date-picker .prev-but:hover, .date-picker .next-but:hover, .date-picker .today-but:hover { color: #a84444; } .date-picker .prev-but:hover, .date-picker .next-but:hover { /* Uncomment this if you want a scale effect -webkit-transform:scale(1.6); -moz-transform:scale(1.6); -ms-transform:scale(1.6); -o-transform:scale(1.6); transform:scale(1.6); text-shadow:0 2px 1px rgba(0,0,0,.4); */ } /* Today button */ .date-picker .today-but { text-align: center; margin: 0 auto; font-weight: normal; font-size: 1em; width: 100%; text-decoration: none; padding-top: 0.3em; text-transform: uppercase; vertical-align: middle; cursor: pointer; } /* Disabled buttons */ .date-picker-disabled .prev-but, .date-picker-disabled .next-but, .date-picker-disabled .today-but, .date-picker-disabled .prev-but:hover, .date-picker-disabled .next-but:hover, .date-picker-disabled .today-but:hover, .date-picker .prev-but.fd-disabled:hover, .date-picker .next-but.fd-disabled:hover, .date-picker .fd-disabled, .date-picker .fd-disabled:hover { color: #aaa; cursor: default !important; opacity: 1; } .date-picker .prev-but.fd-disabled:hover, .date-picker .next-but.fd-disabled:hover { /* Uncomment this if you have uncommented the "scale" rules above -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); */ text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.8); } /* The gradient background image */ .date-picker table, .date-picker td, .date-picker tbody th, .date-picker .day-disabled, .date-picker .date-picker-hover.day-disabled, .date-picker .date-picker-unused, .date-picker .month-out { background-color: #fff; background-image: url(data:image/gif;base64,R0lGODlhJgBbAMQAAAAAAP////7+/v39/fz8/Pv7+/r6+vn5+fj4+Pf39/b29vX19fT09PPz8/Ly8vHx8fDw8O/v7+7u7u3t7ezs7Ovr6+rq6unp6ejo6Ofn5+bm5uXl5f///wAAAAAAAAAAACH5BAEAABwALAAAAAAmAFsAAAX/4CaOZGmeaKqubOu+cCzPWm3feK7vfO//wCAvQywaj8ikcslsOp/QJWZKrVqv2Kx2y+16v9qLeEwum8/otHqttrjf8Lh8Tq/b7/aKfs/v+/+AgYKDhIWGgRSJiouMjY6PkJGSkROVlpeYmZqbnJ2enRKhoqOkpaanqKmqqRGtrq+wsbKztLW2tRC5uru8vb6/wMHCwQ/FxsfIycrLzM3OzQ7R0tPU1dbX0Q3a29zd3t/g4eLj4gzm5+jp6uvs7e7v7gvy8/T19vf4+fr7+gr+/wADChxIsKDBgwYTKFzIsKHDhxAjSpwoEYHFixgzatzIsaPHjx4PiBxJsqTJkyhTi6pcybKly5QGYsqcSbOmzZs4c+rMWaCnz59AgwodSrSo0aIEkipdyrSp06dQo0qdSrUq1AFYs2rdyrWr169gw4odS/argLNo06pdy7at27dw48qd6zaA3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0ueTLmy5cuYM2vezLmz58+gQ4tOHAIAOw==); background-repeat: repeat-x; background-position: 0 0; } .oldie .date-picker table, .oldie .date-picker td, .oldie .date-picker tbody th, .oldie .date-picker .day-disabled, .oldie .date-picker .date-picker-hover.day-disabled, .oldie .date-picker .date-picker-unused, .oldie .date-picker .month-out { *background-image: url("../Images/datepicker/datepicker-gradient.gif"); /* Remove from IE6 as it has a bug that never caches images on dynamically created elements which results in one http request being made for each cell of each table rendered by the script. */ _background-image: none; } .date-picker table { table-layout: auto; empty-cells: show; border-spacing: 2px; border-collapse: separate; position: relative; margin: 0; padding: 0; border: 1px solid #ccc; background-position: 0 -20px; text-align: center; padding: 0.3em; width: auto; height: auto; color: #555; font-size: 1em; border-radius: 0.8em; box-shadow: 0px 0px 5px #aaa; } /* Create a "Lifted Corners" effect on the table. Ripped straight from @necolas http://nicolasgallagher.com/css-drop-shadows-without-images/ */ .date-picker:before, .date-picker:after { content: ""; position: absolute; z-index: -2; bottom: 17px; left: 10px; width: 50%; height: 20%; max-width: 300px; max-height: 100px; -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); } .date-picker:after { right: 10px; left: auto; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); } .oldie .date-picker:before, .oldie .date-picker:after { display: none; } /* Common TD & TH styling */ .date-picker td, .date-picker tbody th { padding: 0; text-align: center; vertical-align: middle; cursor: pointer; background-position: 0 -35px; width: 3em; height: 3em; overflow: hidden; border: 1px solid #cfcfcf; text-transform: none; font-weight: normal; text-shadow: 0 1px #fff; border-radius: 3px; } .date-picker th { border: 0 none; padding: 0; font-weight: bold; color: #333; text-align: center; vertical-align: middle; text-transform: none; } .date-picker .date-picker-week-header { border: 1px solid #dcdcdc; font-style: oblique; background: transparent; cursor: default; } .date-picker .date-picker-thead .date-picker-week-header { border: 0 none; cursor: help; } /* The "mon tue wed etc" day header styles */ .date-picker .date-picker-day-header { cursor: help; border: 0 none; padding: 0 0 0.2em 0; text-transform: lowercase; height: auto; } /* tfoot status bar */ .date-picker .date-picker-statusbar { cursor: default; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; border: 0 none; background: #fff; height: 2.8em; } /* TD cell that is _not_ used to display a day of the month */ .date-picker .date-picker-unused { border-color: #dcdcdc; cursor: default !important; background-position: 0 -25px; } /* The TH cell used to display the "month, year" title */ .date-picker .date-picker-title { width: auto; height: auto; padding: 0.4em 0; } /* The "todays date" cell style */ .date-picker .date-picker-today { background: #fff url(data:image/gif;base64,R0lGODlhKwEoAJEAAKnT6v////X6+gAAACH5BAAAAAAALAAAAAArASgAAALXjI+py+0Po5y02ouz3lz4D4biSJbmiabqyrbuC8fyLAcCgOf0zvf+DwwKhyJbDkdMKpfMpnNo1D2n1Kr1GowCsNyu99uNgsfksnlnPKvX7LbA5o7L51Q4/Y7P8+z6vv9fwgc4SJgnWIiYuHao2OgY9hgpecU4aXkJVIm5yQmj2QkaavIpWmpKapraiaraasnqGusIK1tbSGub64er23vH6xvsBixcfEZsnAyGrNyMxewcPQUtXb1EbZ0thK3d3cPtHV4jTl5Xft4Ejr4eyO6e9R7/LU8/UwAAOw==) no-repeat 0 0; } .oldie .date-picker .date-picker-today { *background: #fff url("../Images/datepicker/datepicker-today.gif") no-repeat 0 0; } .date-picker .month-out.date-picker-highlight { color: #b87676; } /* The "highlight days" style */ .date-picker .date-picker-highlight { color: #a86666; } /* The "active cursor" style */ .date-picker td { /* Uncomment this if you want a transition on the cursor cells scale effect -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; */ } /* Keyboard users get a scaled cursor. webKit exhibits buggy behaviour when scaling TD cells so commented out until I find a curious CSS based fix. Opera no longer appears to apply the scale... ho hum... */ .date-picker-focus .date-picker-hover { /* -webkit-transform:scale(1.25); */ -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); } .date-picker .date-picker-hover, .date-picker .month-out.date-picker-hover { background: #fff url(data:image/jpg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAASwAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAwICAgICAwICAwUDAwMFBQQDAwQFBgUFBQUFBggGBwcHBwYICAkKCgoJCAwMDAwMDA4ODg4OEBAQEBAQEBAQEAEDBAQGBgYMCAgMEg4MDhIUEBAQEBQREBAQEBARERAQEBAQEBEQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQ/8AAEQgAIwIIAwERAAIRAQMRAf/EAHgAAQEBAQEBAAAAAAAAAAAAAAABBAMCCQEBAQEBAQEAAAAAAAAAAAAAAAECAwQFEAABAQgBAwMFAQEBAAAAAAAAEwFh0QIDkwQVVDFBgSFRBRFxkaGyczVEEQEAAgMBAAIDAQAAAAAAAAAAARFRAhITMQMhcTIi/9oADAMBAAIRAxEAPwD6R53yGZJm5EkmRUlZLUnYxjKkzGMYyZvb6npiIp8f7Ps26n8z8uOzzuTUuTRNcwx6bZk2WdyalyaI5g9NsybPO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNnncmpcmiOYPTbMmyzuTUuTRHMHptmTZ5vJqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZvJqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybPO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2edyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzmf+mpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmzzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybPO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybPO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZ53JqXJojmD02zJss7k1Lk0RzB6bZk2edyalyaI5g9NsybLO5NS5NEcwem2ZZvkqv0+RymfXpVqf201rH4hj7Z/3P7Z1XlpzsWeKLFWiixV4osVeKLFniixZ4osV9miixZ4osWeKLFXiixUUWKvFFioosWeKLFXiixZ4osVaKLFniixZ4osWeKLFWiixUUWKiixV4osWeKLFvXqKLFWiixb06iixZ4osWeKLFniixVoosVFFioosWeKLFniixV4osVeKLFniixZ4osWeKLFXiixUUWKvFFioosWeKLFniixUUWLPFFizxRYq0UWKiixUUWLPFFizxRYs8UWKvFFioosWeKLFXiixZ4osVaKLFXii3n5Wp9PlMxntWq/20a/EL9v9z+5ZWVTTnYq8FirPcFivqCxV4LFXgsVBYo/9gsVBYqCxV4LFQWK+nUFirwWKgFXgsVBYq8FioLFQWKgsVZ7gsVeCxUFirwCoLFX/ALBYqCxUFioLFfUFirwWKs9wWKgsVeCxV4LFQWKv/YLFQWKvBYqAVBYq8FioLFfTqCxV4LFQCr/2CxUFivqCxV4LFWe4LFQWKvBYq8FjaoLFQWKvBYr3+oLFQDKoLFXgsVZ7gsV9QW7fLf8AWzf96v8AbSa/EN/b/c/uWQ05J5AM69QHdoDyBfIACAXsBAHkAzoA7dQHkCsIIUPIBgFYAaBADfuAb0AoEZ9wKBAAAAzqBWgQA37gX2AnkB5AoE8+QKzuBG+AKQQoeQDOgDt1AeQKAAgFaBADfuBfYCeQHkCt6AQA37gOwFIBRPIBnXqA7tA2fLf9bN/3q/20zr8Q6fb/AHP7lkNOQwgFAgNAAOwAB2KJ+AKQOxQIAAIn4KqkAoAAJ+AK0gAADAHcAA7tKAAA0AAIAD2AM6AAABncojfAFAn4ApA7FAgAAAD2KDQAAgAPYAzoAaUAHYgdigRAqjCAUCD/2Q==) no-repeat 0 0; cursor: pointer; border-color: rgb(100, 130, 170) !important; border-color: rgba(100, 130, 170, 0.7) !important; color: rgb(100, 130, 170); text-shadow: 0px 1px 1px #fff; box-shadow: 0 0 6px rgba(100, 130, 170, 0.6); background-size: cover; } .oldie .date-picker .date-picker-hover, .oldie .date-picker .month-out.date-picker-hover { *background: #fff url("../Images/datepicker/datepicker-cursor.jpg") no-repeat 0 0; } /* The "disabled days" style */ .date-picker .day-disabled { color: #888; cursor: default; text-decoration: line-through; background-position: 0 -15px; } .date-picker .month-out { border-color: #ddd; border-color: rgba(220, 220, 220, 0.8); color: #aaa; background-position: 0 -25px; } /* The "selected date" style - color changed below also */ .date-picker .date-picker-selected-date { border-color: #888 !important; border-color: rgba(7, 7, 7, 0.6) !important; } /* The date "out of range" style */ .date-picker .out-of-range, .date-picker .not-selectable { color: #ccc; font-style: oblique; background: #fcfcfc; cursor: default; } /* Week number "out of range" && "month-out" styles */ .date-picker th.month-out, .date-picker th.out-of-range { color: #aaa; font-style: oblique; background: #fcfcfc; } /* Week numbers "out of range" */ .date-picker .out-of-range { opacity: 0.6; } /* Used when the entire grid is full but the next/prev months dates cannot be selected */ .date-picker .not-selectable { opacity: 0.8; } .oldie .date-picker .out-of-range { filter: alpha(opacity=60); } .oldie .date-picker .not-selectable { filter: alpha(opacity=80); } .date-picker tr { display: table-row; } .date-picker sup { font-size: 0.86em; letter-spacing: normal; text-transform: none; height: 0; line-height: 1; position: relative; top: -0.2em; vertical-align: baseline !important; vertical-align: top; } .date-picker .date-picker-day-header, .date-picker .month-display, .date-picker .year-display { text-shadow: 0px 1px 1px #fff; } .date-picker .month-display, .date-picker .year-display { cursor: default; } .date-picker td:focus, .date-picker .date-picker-hover { overflow: hidden; -o-highlight: 0 none; } /* The "pulse" animation on focused button and datepicker cursor */ .date-picker-focus .date-picker-hover, .date-picker-control:focus span { -webkit-animation: fd-dp-pulse 1.5s infinite alternate; -moz-animation: fd-dp-pulse 1.5s infinite alternate; -ms-animation: fd-dp-pulse 1.5s infinite alternate; -o-animation: fd-dp-pulse 1.5s infinite alternate; } /* The "selected date" style */ .date-picker .date-picker-selected-date { color: #333; color: rgba(3, 3, 3, 0.8); font-weight: bold; font-size: 1.2em; width: 2.4em; height: 2.4em; } /* Remove the box-shadow & lifted corner effect for the inline datepickers */ .static-datepicker table { box-shadow: 0 0 0 transparent; } .static-datepicker:before, .static-datepicker:after { display: none; } /* Add a box-shadow and enhance border for datepickers that have keyboard focus */ .date-picker-focus table { border-color: #999; border-color: rgba(153, 153, 153, 0.8); box-shadow: 0px 0px 5px #aaa; } /* Draggable datepickers */ .date-picker .drag-enabled, .date-picker .drag-enabled span { cursor: move; } /* Disabled datePicker */ .date-picker-disabled table { opacity: 0.8 !important; } .date-picker-disabled table:before, .date-picker-disabled table:after { display: none; } .oldie .date-picker-disabled table { filter: alpha(opacity=80); } .date-picker-disabled, .date-picker-disabled td, .date-picker-disabled th, .date-picker-disabled th span { cursor: default !important; } .date-picker-disabled .prev-but:hover, .date-picker-disabled .next-but:hover { /* Uncomment this if you have used the previous scale rules previously declared within the file (for the prev-but and next-but classes) -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); */ text-shadow: none; } body.fd-drag-active { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* Glow effect for the focused (keyboard active) cursor cell and popup datepickers activation button */ @-webkit-keyframes fd-dp-pulse { from { box-shadow: 0 0 2px rgba(100, 130, 170, 0.8); } to { box-shadow: 0 0 6px rgba(10, 130, 170, 0.5); } } @-moz-keyframes fd-dp-pulse { from { box-shadow: 0 0 2px rgba(100, 130, 170, 0.8); } to { box-shadow: 0 0 6px rgba(10, 130, 170, 0.5); } } @-ms-keyframes fd-dp-pulse { from { box-shadow: 0 0 2px rgba(100, 130, 170, 0.8); } to { box-shadow: 0 0 6px rgba(10, 130, 170, 0.5); } } @-o-keyframes fd-dp-pulse { from { box-shadow: 0 0 2px rgba(100, 130, 170, 0.8); } to { box-shadow: 0 0 6px rgba(10, 130, 170, 0.5); } } body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.9; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity 0.25s ease, visibility 0s ease 0.25s; visibility: hidden; z-index: 99997; } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity 0.25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide:before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image:before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: grabbing; } .fancybox-container [data-selectable=true] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-iframe, .fancybox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color 0.2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: 0.8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } .fancybox-caption { background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } .fancybox-loading { animation: a 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: 0.7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes a { to { transform: rotate(1turn); } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translateZ(0); } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scaleX(1); } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-1turn); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(1turn); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0deg); } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scaleX(1) translateZ(0); } .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translateZ(0) scale(1); } @media (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all 0.2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:link, .fancybox-share__button:visited { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: none; padding: 10px 15px; width: 100%; } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a:before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs__list a:focus:before { opacity: 0.5; } .fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1; } @media (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } /** * Swiper 4.2.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: April 1, 2018 */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-invisible-blank-slide { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } .tourism .hero .swiper-pagination__bullet-btn { background-color: #c9bacd; } .tourism .hero-item__subtitle { background-color: #423845; color: #ffa992; } .tourism .title.-primary span::before { background: linear-gradient(to bottom, #75617b 40%, #ff7753 40%, #ff7753 80%, #d63c3c 80%); } .tourism .events-block__content { border-left-color: #423845; } .tourism .events-block .date-picker .date-picker-thead tr:first-child { background-color: rgba(201, 186, 205, 0.8); } .tourism .events-block .date-picker .date-picker-thead tr:last-child { background-color: rgba(201, 186, 205, 0.2); } .tourism .events-block .date-picker .date-picker-title { color: #75617b; } .tourism .events-block .date-picker .prev-but, .tourism .events-block .date-picker .next-but { color: #75617b; } .tourism .news-block__category { color: #29212b; } .tourism .date { color: #29212b; } .tourism .date__time.-has-icon::before { color: #29212b; } .tourism .time-place__item.-place::before { color: #fff; } .tourism .albums-block .title.-inverted { color: #000; } .tourism .albums-block .title-block { background-color: #fff; } .tourism .albums-block.-leftBlock .title-block span::before { background: linear-gradient(to bottom, #75617b 40%, #ff7753 40%, #ff7753 80%, #d63c3c 80%); } .tourism .albums-block__media { color: #ffa992; } .tourism .albums-block__media::before { background-color: #ffa992; } .tourism .footer { background-color: #423845; } .tourism .site-infos__links .link.-tel::before { color: #ffa992; } .tourism .go-to-top a { background-color: #d63c3c; } .tourism .breadcrumb li { color: #fff; } .tourism .breadcrumb li:last-child { color: #fff; } @media screen and (min-width: 1280px) { .tourism .tools { width: 15%; } } @media screen and (max-width: 479px) { .tourism .tools { margin-top: 1rem; } } .tourism .tools__btn { color: #fff; } .tourism .top-of-content { background-color: #423845; } .tourism .top-of-content.-page-content { background-color: rgba(201, 186, 205, 0.2); } .tourism .top-of-content.-page-content .breadcrumb li { color: #727272; } .tourism .top-of-content.-page-content .breadcrumb li:last-child { color: #d63c3c; } .tourism .top-of-content.-page-content .tools__btn { color: #75617b; } .tourism .top-of-content.-page-content .share-block .tools__btn { color: #ff7753; } .tourism .heading { background-color: #423845; } .tourism .heading__category, .tourism .heading__title, .tourism .heading__teaser, .tourism .heading .btn, .tourism .heading .time-place__item, .tourism .heading .tariff, .tourism .heading__fonction { color: #fff; font-weight: 700; } .tourism .heading__category::before, .tourism .heading__title::before, .tourism .heading__teaser::before, .tourism .heading .btn::before, .tourism .heading .time-place__item::before, .tourism .heading .tariff::before, .tourism .heading__fonction::before { color: inherit; } .tourism .heading__subtitle { background-color: #ff7753; color: #fff; display: inline-block; font-size: 3.5rem; font-weight: 700; line-height: 1; margin: 0.8rem 0 0; padding: 0.3rem 1.2rem 0.6rem; } .tourism .heading__teaser { font-weight: 300; } .tourism .heading .infos__item { color: #fff; } .tourism .heading .btn { border-color: #fff; } .tourism .heading .place-location { font-weight: 400; } .tourism .rte h2:not([class^=gallery]):not([class^=media-element]), .tourism .rte .h2:not([class^=media-element]), .tourism .h2 { color: #da5c3e; } .tourism .rte h3:not([class^=media-element]), .tourism .rte .h3:not([class^=media-element]), .tourism .h3 { color: #000; } .tourism .rte h4:not([class^=media-element]), .tourism .rte .h4:not([class^=media-element]), .tourism .h4 { color: #423845; } .tourism .rte h5:not([class^=media-element]), .tourism .rte .h5:not([class^=media-element]), .tourism .h5 { color: #d63c3c; } .tourism .rte table thead th:first-child, .tourism .rte table tbody th { background-color: #ff7753; color: #29212b; } .tourism .rte table td, .tourism .rte table th + th { border-right-color: #ff7753; } .tourism .rte .encadre:not(.specificity) { color: #29212b; } .tourism .rte .encadre:not(.specificity)::before { color: #29212b; } .tourism .rte blockquote::before { color: #d63c3c; } .tourism .rte blockquote footer { color: #d63c3c; } .tourism .rte blockquote footer::before { background-color: #d63c3c; } .tourism .click-roll__toggle:hover, .tourism .click-roll__toggle:focus, .tourism .-is-open .click-roll__toggle { color: #000; } .tourism .click-roll__toggle:hover::after, .tourism .click-roll__toggle:focus::after, .tourism .-is-open .click-roll__toggle::after { color: #000; } .tourism .popup-item-contacts__theme { color: #29212b; } .tourism .popup-item-contacts__infoslist .infos__item::before { color: #fff; } .tourism .popup-item-contacts__action-btn { border-color: #fff; color: #000; } .tourism .popup-item-contacts__action-btn[data-fa-icon]::before { color: #fff; } .tourism .popup-item-contacts__action-btn:hover, .tourism .popup-item-contacts__action-btn:focus { border-color: #000; } .tourism .map__aside { background-color: #ff7753; } .tourism .map-popup__close[data-fa-icon]::before { color: #000 !important; } .tourism .contact__function-title, .tourism .contact__category, .tourism .publications-block__category { color: #d63c3c; } /*.tourism .page-image__background img { font-family: "object-fit: cover; object-position: center;"; height: auto; object-fit: cover; }*/ @media screen and (max-width: 479px) { .tourism .top-of-content__wrapper { flex-direction: column; align-items: flex-end; } } @media screen and (min-width: 1280px) { .tourism .top-of-content__wrapper { align-items: center; display: flex; justify-content: space-between; } .tourism .top-of-content__wrapper::after { content: none; } } .tourism .top-of-content__wrapper .google-translate { display: block; } @font-face { font-family: "icons"; src: url("../Fonts/custom/icons.eot"); src: url("../Fonts/custom/icons.eot?#iefix") format("eot"), url("../Fonts/custom/icons.woff2") format("woff2"), url("../Fonts/custom/icons.woff") format("woff"), url("../Fonts/custom/icons.ttf") format("truetype"), url("../Fonts/custom/icons.svg#icons") format("svg"); } .icon:before { font-family: "icons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; font-size: 30px; } .icon-001-document-doc:before { content: "\e001"; } .icon-002-document-jpg:before { content: "\e002"; } .icon-003-document-pdf:before { content: "\e003"; } .icon-004-document-ppt:before { content: "\e004"; } .icon-005-document-unknown:before { content: "\e005"; } .icon-006-document-xls:before { content: "\e006"; } .icon-007-document-zip:before { content: "\e007"; } .icon-008-recycle-bin:before { content: "\e008"; } .icon-009-edit:before { content: "\e009"; } .icon-010-fil-infos:before { content: "\e00a"; } .icon-011-en-ce-moment:before { content: "\e00b"; } .icon-012-a-lire:before { content: "\e00c"; } .icon-013-en-images:before { content: "\e00d"; } .icon-014-my-city:before { content: "\e00e"; } .icon-015-avancer-ensemble:before { content: "\e00f"; } .icon-016-comments:before { content: "\e010"; } .icon-017-voting:before { content: "\e011"; } .icon-018-our-territory:before { content: "\e012"; } .icon-019-social:before { content: "\e013"; } .icon-020-on-the-web:before { content: "\e014"; } .icon-021-footer-move:before { content: "\e015"; } .icon-022-on-the-site:before { content: "\e016"; } .icon-023-telecharger:before { content: "\e017"; } .icon-024-localiser:before { content: "\e018"; } .icon-025-buildings:before { content: "\e019"; } .icon-026-info:before { content: "\e01a"; } .icon-027-travaux:before { content: "\e01b"; } .icon-028-projects1:before { content: "\e01c"; } .icon-029-projects2:before { content: "\e01d"; } .icon-030-projects3:before { content: "\e01e"; } .icon-031-next-council:before { content: "\e01f"; } .icon-032-24:before { content: "\e020"; } .icon-033-baby:before { content: "\e021"; } .icon-034-bin:before { content: "\e022"; } .icon-035-box:before { content: "\e023"; } .icon-036-bus:before { content: "\e024"; } .icon-037-doctor:before { content: "\e025"; } .icon-038-guitar:before { content: "\e026"; } .icon-039-kite:before { content: "\e027"; } .icon-040-list:before { content: "\e028"; } .icon-041-map:before { content: "\e029"; } .icon-042-news:before { content: "\e02a"; } .icon-043-parking:before { content: "\e02b"; } .icon-044-phone:before { content: "\e02c"; } .icon-045-phonebook:before { content: "\e02d"; } .icon-046-pool:before { content: "\e02e"; } .icon-047-script:before { content: "\e02f"; } .icon-048-archery:before { content: "\e030"; } .icon-049-badge:before { content: "\e031"; } .icon-050-checklist:before { content: "\e032"; } .icon-051-creditcard:before { content: "\e033"; } .icon-052-eraser:before { content: "\e034"; } .icon-053-lock:before { content: "\e035"; } .icon-054-user-repeat:before { content: "\e036"; } .icon-055-warning:before { content: "\e037"; } .icon-056-organigramme:before { content: "\e038"; } .icon-057-avatar1:before { content: "\e039"; } .icon-058-avatar2:before { content: "\e03a"; } .icon-059-avatar3:before { content: "\e03b"; } .icon-060-avatar4:before { content: "\e03c"; } .icon-061-avatar5:before { content: "\e03d"; } .icon-062-avatar6:before { content: "\e03e"; } .icon-063-avatar7:before { content: "\e03f"; } .icon-064-avatar8:before { content: "\e040"; } .icon-065-avatar9:before { content: "\e041"; } .icon-066-guichet:before { content: "\e042"; } .icon-066-my-features:before { content: "\e043"; } .icon-icons.html:before { content: "\e044"; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-border { border: solid 0.08em #eee; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: 0.3em; } .fa, .fas, .far, .fal, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-fw { text-align: center; width: 1.25em; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-alarm-clock:before { content: "\f34e"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-alt-down:before { content: "\f354"; } .fa-arrow-alt-from-bottom:before { content: "\f346"; } .fa-arrow-alt-from-left:before { content: "\f347"; } .fa-arrow-alt-from-right:before { content: "\f348"; } .fa-arrow-alt-from-top:before { content: "\f349"; } .fa-arrow-alt-left:before { content: "\f355"; } .fa-arrow-alt-right:before { content: "\f356"; } .fa-arrow-alt-square-down:before { content: "\f350"; } .fa-arrow-alt-square-left:before { content: "\f351"; } .fa-arrow-alt-square-right:before { content: "\f352"; } .fa-arrow-alt-square-up:before { content: "\f353"; } .fa-arrow-alt-to-bottom:before { content: "\f34a"; } .fa-arrow-alt-to-left:before { content: "\f34b"; } .fa-arrow-alt-to-right:before { content: "\f34c"; } .fa-arrow-alt-to-top:before { content: "\f34d"; } .fa-arrow-alt-up:before { content: "\f357"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-from-bottom:before { content: "\f342"; } .fa-arrow-from-left:before { content: "\f343"; } .fa-arrow-from-right:before { content: "\f344"; } .fa-arrow-from-top:before { content: "\f345"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-square-down:before { content: "\f339"; } .fa-arrow-square-left:before { content: "\f33a"; } .fa-arrow-square-right:before { content: "\f33b"; } .fa-arrow-square-up:before { content: "\f33c"; } .fa-arrow-to-bottom:before { content: "\f33d"; } .fa-arrow-to-left:before { content: "\f33e"; } .fa-arrow-to-right:before { content: "\f340"; } .fa-arrow-to-top:before { content: "\f341"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows:before { content: "\f047"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-arrows-h:before { content: "\f07e"; } .fa-arrows-v:before { content: "\f07d"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-aws:before { content: "\f375"; } .fa-backward:before { content: "\f04a"; } .fa-badge:before { content: "\f335"; } .fa-badge-check:before { content: "\f336"; } .fa-balance-scale:before { content: "\f24e"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-barcode-alt:before { content: "\f463"; } .fa-barcode-read:before { content: "\f464"; } .fa-barcode-scan:before { content: "\f465"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball:before { content: "\f432"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-basketball-hoop:before { content: "\f435"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-bolt:before { content: "\f376"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-slash:before { content: "\f377"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bicycle:before { content: "\f206"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blind:before { content: "\f29d"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-bowling-ball:before { content: "\f436"; } .fa-bowling-pins:before { content: "\f437"; } .fa-box:before { content: "\f466"; } .fa-box-check:before { content: "\f467"; } .fa-boxes:before { content: "\f468"; } .fa-boxing-glove:before { content: "\f438"; } .fa-braille:before { content: "\f2a1"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-browser:before { content: "\f37e"; } .fa-btc:before { content: "\f15a"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-edit:before { content: "\f333"; } .fa-calendar-exclamation:before { content: "\f334"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-camera:before { content: "\f030"; } .fa-camera-alt:before { content: "\f332"; } .fa-camera-retro:before { content: "\f083"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-caret-circle-down:before { content: "\f32d"; } .fa-caret-circle-left:before { content: "\f32e"; } .fa-caret-circle-right:before { content: "\f330"; } .fa-caret-circle-up:before { content: "\f331"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-certificate:before { content: "\f0a3"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-square:before { content: "\f14a"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-bishop-alt:before { content: "\f43b"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-clock:before { content: "\f43d"; } .fa-chess-clock-alt:before { content: "\f43e"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-king-alt:before { content: "\f440"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-knight-alt:before { content: "\f442"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-pawn-alt:before { content: "\f444"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-queen-alt:before { content: "\f446"; } .fa-chess-rook:before { content: "\f447"; } .fa-chess-rook-alt:before { content: "\f448"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-double-down:before { content: "\f322"; } .fa-chevron-double-left:before { content: "\f323"; } .fa-chevron-double-right:before { content: "\f324"; } .fa-chevron-double-up:before { content: "\f325"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-square-down:before { content: "\f329"; } .fa-chevron-square-left:before { content: "\f32a"; } .fa-chevron-square-right:before { content: "\f32b"; } .fa-chevron-square-up:before { content: "\f32c"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-club:before { content: "\f327"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-code-commit:before { content: "\f386"; } .fa-code-merge:before { content: "\f387"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comments:before { content: "\f086"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-wide:before { content: "\f326"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-conveyor-belt:before { content: "\f46e"; } .fa-conveyor-belt-alt:before { content: "\f46f"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-credit-card:before { content: "\f09d"; } .fa-credit-card-blank:before { content: "\f389"; } .fa-credit-card-front:before { content: "\f38a"; } .fa-cricket:before { content: "\f449"; } .fa-crop:before { content: "\f125"; } .fa-crosshairs:before { content: "\f05b"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-curling:before { content: "\f44a"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-desktop-alt:before { content: "\f390"; } .fa-deviantart:before { content: "\f1bd"; } .fa-diagnoses:before { content: "\f470"; } .fa-diamond:before { content: "\f219"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-empty:before { content: "\f473"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-dolly-flatbed-alt:before { content: "\f475"; } .fa-dolly-flatbed-empty:before { content: "\f476"; } .fa-dot-circle:before { content: "\f192"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-h-alt:before { content: "\f39b"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ellipsis-v-alt:before { content: "\f39c"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-exchange:before { content: "\f0ec"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-square:before { content: "\f321"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows:before { content: "\f31d"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expand-wide:before { content: "\f320"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link:before { content: "\f08e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square:before { content: "\f14c"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-fax:before { content: "\f1ac"; } .fa-female:before { content: "\f182"; } .fa-field-hockey:before { content: "\f44c"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-check:before { content: "\f316"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-edit:before { content: "\f31c"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-exclamation:before { content: "\f31a"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-minus:before { content: "\f318"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-plus:before { content: "\f319"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-times:before { content: "\f317"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-film:before { content: "\f008"; } .fa-film-alt:before { content: "\f3a0"; } .fa-filter:before { content: "\f0b0"; } .fa-fire:before { content: "\f06d"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-football-helmet:before { content: "\f44f"; } .fa-forklift:before { content: "\f47a"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frown:before { content: "\f119"; } .fa-futbol:before { content: "\f1e3"; } .fa-gamepad:before { content: "\f11b"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-gift:before { content: "\f06b"; } .fa-git:before { content: "\f1d3"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-martini:before { content: "\f000"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-golf-club:before { content: "\f451"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-h1:before { content: "\f313"; } .fa-h2:before { content: "\f314"; } .fa-h3:before { content: "\f315"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hand-holding-box:before { content: "\f47b"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-receiving:before { content: "\f47c"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-spock:before { content: "\f259"; } .fa-handshake:before { content: "\f2b5"; } .fa-hashtag:before { content: "\f292"; } .fa-hdd:before { content: "\f0a0"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-heart:before { content: "\f004"; } .fa-heartbeat:before { content: "\f21e"; } .fa-hexagon:before { content: "\f312"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-hockey-sticks:before { content: "\f454"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-houzz:before { content: "\f27c"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-inbox-in:before { content: "\f310"; } .fa-inbox-out:before { content: "\f311"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-industry-alt:before { content: "\f3b3"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-info-square:before { content: "\f30f"; } .fa-instagram:before { content: "\f16d"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-inventory:before { content: "\f480"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-jack-o-lantern:before { content: "\f30e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-joget:before { content: "\f3b7"; } .fa-joomla:before { content: "\f1aa"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-key:before { content: "\f084"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-korvue:before { content: "\f42f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-level-down:before { content: "\f149"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up:before { content: "\f148"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-alt:before { content: "\f30d"; } .fa-lock-open:before { content: "\f3c1"; } .fa-lock-open-alt:before { content: "\f3c2"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luchador:before { content: "\f455"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-male:before { content: "\f183"; } .fa-map:before { content: "\f279"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-maxcdn:before { content: "\f136"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-meh:before { content: "\f11a"; } .fa-mercury:before { content: "\f223"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-hexagon:before { content: "\f307"; } .fa-minus-octagon:before { content: "\f308"; } .fa-minus-square:before { content: "\f146"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-mobile-android:before { content: "\f3ce"; } .fa-mobile-android-alt:before { content: "\f3cf"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-moon:before { content: "\f186"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nintendo-switch:before { content: "\f418"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-octagon:before { content: "\f306"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-osi:before { content: "\f41a"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-pallet-alt:before { content: "\f483"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-paragraph:before { content: "\f1dd"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil:before { content: "\f040"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pennant:before { content: "\f456"; } .fa-percent:before { content: "\f295"; } .fa-periscope:before { content: "\f3da"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phone:before { content: "\f095"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-plane:before { content: "\f072"; } .fa-plane-alt:before { content: "\f3de"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-hexagon:before { content: "\f300"; } .fa-plus-octagon:before { content: "\f301"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poo:before { content: "\f2fe"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-question-square:before { content: "\f2fd"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-racquet:before { content: "\f45a"; } .fa-random:before { content: "\f074"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-rebel:before { content: "\f1d0"; } .fa-rectangle-landscape:before { content: "\f2fa"; } .fa-rectangle-portrait:before { content: "\f2fb"; } .fa-rectangle-wide:before { content: "\f2fc"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-rendact:before { content: "\f3e4"; } .fa-renren:before { content: "\f18b"; } .fa-repeat:before { content: "\f363"; } .fa-repeat-1:before { content: "\f365"; } .fa-repeat-1-alt:before { content: "\f366"; } .fa-repeat-alt:before { content: "\f364"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-resolving:before { content: "\f3e7"; } .fa-retweet:before { content: "\f079"; } .fa-retweet-alt:before { content: "\f361"; } .fa-road:before { content: "\f018"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-rupee-sign:before { content: "\f156"; } .fa-safari:before { content: "\f267"; } .fa-sass:before { content: "\f41e"; } .fa-save:before { content: "\f0c7"; } .fa-scanner:before { content: "\f488"; } .fa-scanner-keyboard:before { content: "\f489"; } .fa-scanner-touchscreen:before { content: "\f48a"; } .fa-schlix:before { content: "\f3ea"; } .fa-scribd:before { content: "\f28a"; } .fa-scrubber:before { content: "\f2f8"; } .fa-search:before { content: "\f002"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-share:before { content: "\f064"; } .fa-share-all:before { content: "\f367"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield:before { content: "\f132"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-shield-check:before { content: "\f2f7"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shipping-timed:before { content: "\f48c"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttlecock:before { content: "\f45b"; } .fa-sign-in:before { content: "\f090"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out:before { content: "\f08b"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-sliders-h:before { content: "\f1de"; } .fa-sliders-h-square:before { content: "\f3f0"; } .fa-sliders-v:before { content: "\f3f1"; } .fa-sliders-v-square:before { content: "\f3f2"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smoking:before { content: "\f48d"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowflake:before { content: "\f2dc"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-space-shuttle:before { content: "\f197"; } .fa-spade:before { content: "\f2f4"; } .fa-speakap:before { content: "\f3f3"; } .fa-spinner:before { content: "\f110"; } .fa-spinner-third:before { content: "\f3f4"; } .fa-spotify:before { content: "\f1bc"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-star:before { content: "\f005"; } .fa-star-exclamation:before { content: "\f2f3"; } .fa-star-half:before { content: "\f089"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-strava:before { content: "\f428"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablet-android:before { content: "\f3fb"; } .fa-tablet-android-alt:before { content: "\f3fc"; } .fa-tablet-rugged:before { content: "\f48f"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer:before { content: "\f0e4"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tennis-ball:before { content: "\f45e"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket:before { content: "\f145"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-times-hexagon:before { content: "\f2ee"; } .fa-times-octagon:before { content: "\f2f0"; } .fa-times-square:before { content: "\f2d3"; } .fa-tint:before { content: "\f043"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-trademark:before { content: "\f25c"; } .fa-train:before { content: "\f238"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-tree:before { content: "\f1bb"; } .fa-tree-alt:before { content: "\f400"; } .fa-trello:before { content: "\f181"; } .fa-triangle:before { content: "\f2ec"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-trophy-alt:before { content: "\f2eb"; } .fa-truck:before { content: "\f0d1"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-tv-retro:before { content: "\f401"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-uikit:before { content: "\f403"; } .fa-umbrella:before { content: "\f0e9"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-usb:before { content: "\f287"; } .fa-usd-circle:before { content: "\f2e8"; } .fa-usd-square:before { content: "\f2e9"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-fork:before { content: "\f2e3"; } .fa-utensil-knife:before { content: "\f2e4"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-utensils-alt:before { content: "\f2e6"; } .fa-vaadin:before { content: "\f408"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f2e2"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vuejs:before { content: "\f41f"; } .fa-warehouse:before { content: "\f494"; } .fa-warehouse-alt:before { content: "\f495"; } .fa-watch:before { content: "\f2e1"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whistle:before { content: "\f460"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-window:before { content: "\f40e"; } .fa-window-alt:before { content: "\f40f"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -0.0667em; } .fa-xs { font-size: 0.75em; } .fa-sm { font-size: 0.875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: normal; src: url("../Fonts/fa-brands-400.eot"); src: url("../Fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../Fonts/fa-brands-400.woff2") format("woff2"), url("../Fonts/fa-brands-400.woff") format("woff"), url("../Fonts/fa-brands-400.ttf") format("truetype"), url("../Fonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: "Font Awesome 5 Brands"; } @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 300; src: url("../Fonts/fa-light-300.eot"); src: url("../Fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../Fonts/fa-light-300.woff2") format("woff2"), url("../Fonts/fa-light-300.woff") format("woff"), url("../Fonts/fa-light-300.ttf") format("truetype"), url("../Fonts/fa-light-300.svg#fontawesome") format("svg"); } .fal { font-family: "Font Awesome 5 Pro"; font-weight: 300; } @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 400; src: url("../Fonts/fa-regular-400.eot"); src: url("../Fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../Fonts/fa-regular-400.woff2") format("woff2"), url("../Fonts/fa-regular-400.woff") format("woff"), url("../Fonts/fa-regular-400.ttf") format("truetype"), url("../Fonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: "Font Awesome 5 Pro"; font-weight: 400; } @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 900; src: url("../Fonts/fa-solid-900.eot"); src: url("../Fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../Fonts/fa-solid-900.woff2") format("woff2"), url("../Fonts/fa-solid-900.woff") format("woff"), url("../Fonts/fa-solid-900.ttf") format("truetype"), url("../Fonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: "Font Awesome 5 Pro"; font-weight: 900; } html { box-sizing: border-box; font-size: 62.5%; } *, *::before, *::after { box-sizing: inherit; } body { font-family: "Barlow", sans-serif; font-weight: 400; overflow-x: hidden; } body.-overflow-hidden { overflow: hidden; } body a { text-decoration: none; } body a:focus, body a:active { outline: 1px dashed #ca000a; outline-offset: 2px; } input:focus, textarea:focus, select:focus, button:focus { outline: 1px dashed #ca000a; outline-offset: 2px; } .svg-symbol { display: none; } .test-wrapper { min-height: 12rem; padding: 0 0 1rem; position: relative; } .ce-align-left { text-align: left; } .ce-align-right { text-align: right; } .ce-align-center { text-align: center; } .ce-table td, .ce-table th { vertical-align: top; } .ce-textpic, .ce-nowrap .ce-bodytext { overflow: inherit; } /** * TODO: Responsive style refactoring needed */ .ce-left .ce-gallery, .ce-column { float: none; } @media screen and (min-width: 768px) { .ce-left .ce-gallery, .ce-column { float: left; } } .ce-center .ce-outer, .ce-center .ce-inner { float: right; position: relative; } .ce-center .ce-outer { right: 50%; } .ce-center .ce-inner { right: -50%; } .ce-gallery { overflow: inherit; /** * TODO: Responsive style refactoring needed */ /** * TODO: Responsive style refactoring needed */ /** * TODO: Responsive style refactoring needed */ /** * TODO: Responsive style refactoring needed */ } .ce-gallery figure { display: table; margin: 0; } .ce-gallery figcaption { caption-side: bottom; color: #6c7179; display: table-caption; font-family: "Barlow Condensed", sans-serif; font-size: 1.3em; font-style: italic; font-weight: 300; padding-top: 10px; } .ce-gallery img { display: block; } .ce-gallery iframe { border-width: 0; } .ce-right .ce-gallery { float: none; } @media screen and (min-width: 768px) { .ce-right .ce-gallery { float: right; } } .ce-intext.ce-right .ce-gallery { margin-bottom: 20px; margin-left: 0; } @media screen and (min-width: 768px) { .ce-intext.ce-right .ce-gallery { margin-left: 30px; } } .ce-intext.ce-left .ce-gallery { margin-bottom: 20px; margin-right: 0; } @media screen and (min-width: 768px) { .ce-intext.ce-left .ce-gallery { margin-right: 30px; } } .ce-above .ce-gallery { margin-bottom: 20px; } .ce-below .ce-gallery { margin-top: 10px; } .ce-gallery a::after { content: none !important; } .ce-border img, .ce-border iframe { border: 2px solid #000; padding: 0; } .ce-column { margin-right: 10px; } .ce-column:last-child { margin-right: 0; } .ce-row { margin-bottom: 10px; overflow: inherit; } .ce-row:last-child { margin-bottom: 0; } .ce-above .ce-bodytext { clear: both; } .ce-intext.ce-left ol, .ce-intext.ce-left ul { overflow: auto; padding-left: 40px; } .ce-uploads { margin: 0; padding: 0; } .ce-uploads li, .ce-uploads div { overflow: inherit; } .ce-uploads li { list-style: none outside none; margin: 1em 0; } .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; } .ce-uploads span { display: block; } .ce-nowrap .ce-bodytext { overflow: hidden !important; } .ce-nowrap .ce-bodytext h2 { margin-top: 0 !important; } .rte .ce-textpic img { height: auto; max-width: 100%; } .rte .ce-bodytext { margin-bottom: 4rem; } .ce-textpic.ce-center.ce-below { margin-bottom: 3rem; } .rte h6, .rte .h6, .h6, .rte h5:not([class^=media-element]), .rte .h5:not([class^=media-element]), .h5, .rte h4:not([class^=media-element]), .rte .h4:not([class^=media-element]), .h4, .rte h3:not([class^=media-element]), .rte .h3:not([class^=media-element]), .h3, .rte h2:not([class^=gallery]):not([class^=media-element]), .rte .h2:not([class^=media-element]), .h2 { font-family: "Barlow", sans-serif; line-height: 1.2; } .rte h6 a, .rte .h6 a, .h6 a, .rte h5:not([class^=media-element]) a, .rte .h5:not([class^=media-element]) a, .h5 a, .rte h4:not([class^=media-element]) a, .rte .h4:not([class^=media-element]) a, .h4 a, .rte h3:not([class^=media-element]) a, .rte .h3:not([class^=media-element]) a, .h3 a, .rte h2:not([class^=gallery]):not([class^=media-element]) a, .rte .h2:not([class^=media-element]) a, .h2 a { color: inherit; } .rte h6 a:hover, .h6 a:hover, .rte h5:not([class^=media-element]) a:hover, .rte .h5:not([class^=media-element]) a:hover, .h5 a:hover, .rte h4:not([class^=media-element]) a:hover, .rte .h4:not([class^=media-element]) a:hover, .h4 a:hover, .rte h3:not([class^=media-element]) a:hover, .rte .h3:not([class^=media-element]) a:hover, .h3 a:hover, .rte h2:not([class^=gallery]):not([class^=media-element]) a:hover, .rte .h2:not([class^=media-element]) a:hover, .h2 a:hover, .rte h6 a:focus, .h6 a:focus, .rte h5:not([class^=media-element]) a:focus, .rte .h5:not([class^=media-element]) a:focus, .h5 a:focus, .rte h4:not([class^=media-element]) a:focus, .rte .h4:not([class^=media-element]) a:focus, .h4 a:focus, .rte h3:not([class^=media-element]) a:focus, .rte .h3:not([class^=media-element]) a:focus, .h3 a:focus, .rte h2:not([class^=gallery]):not([class^=media-element]) a:focus, .rte .h2:not([class^=media-element]) a:focus, .h2 a:focus { color: #000; } .frame { margin: 8rem 0; } @media screen and (max-width: 767px) { .frame { margin: 4rem 0; } } .frame .frame__title { color: #bbc4d2; font-family: "Barlow", sans-serif; font-size: 1.8rem; font-style: italic; font-weight: 700; margin: 1.75em 0; } .frame__wrapper { position: relative; width: 100%; } .frame__ratio { display: block; height: auto; width: 100%; } .frame__link { color: #000; display: block; font-size: 1.8rem; margin-top: 1.5rem; } .frame__link::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f019"; } .frame__link::before { color: #ff7753; font-size: 1.4rem; margin-right: 0; } @media screen and (max-width: 767px) { .frame__link { font-size: 1.6rem; } } .frame iframe, .frame object, .frame embed { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .rte h2:not([class^=gallery]):not([class^=media-element]), .rte .h2:not([class^=media-element]), .h2 { color: #ff7753; font-size: 3.4rem; font-weight: 700; margin: 1.7647058824em 0 0.7352941176em; } @media screen and (max-width: 1279px) { .rte h2:not([class^=gallery]):not([class^=media-element]), .rte .h2:not([class^=media-element]), .h2 { font-size: 3rem; } } @media screen and (max-width: 767px) { .rte h2:not([class^=gallery]):not([class^=media-element]), .rte .h2:not([class^=media-element]), .h2 { font-size: 2.2rem; } } .rte h3:not([class^=media-element]), .rte .h3:not([class^=media-element]), .h3 { color: #75617b; font-size: 2.6rem; font-weight: 700; margin: 1.9230769231em 0 0.6538461538em; } @media screen and (max-width: 1279px) { .rte h3:not([class^=media-element]), .rte .h3:not([class^=media-element]), .h3 { font-size: 2.6rem; } } @media screen and (max-width: 767px) { .rte h3:not([class^=media-element]), .rte .h3:not([class^=media-element]), .h3 { font-size: 2.3rem; } } .rte h4:not([class^=media-element]), .rte .h4:not([class^=media-element]), .h4 { color: #000; font-size: 2.2rem; margin: 1.8181818182em 0 0.8181818182em; } @media screen and (max-width: 1279px) { .rte h4:not([class^=media-element]), .rte .h4:not([class^=media-element]), .h4 { font-size: 2.2rem; } } @media screen and (max-width: 767px) { .rte h4:not([class^=media-element]), .rte .h4:not([class^=media-element]), .h4 { font-size: 1.8rem; } } .rte h5:not([class^=media-element]), .rte .h5:not([class^=media-element]), .h5 { color: #6c7179; font-family: "Barlow Condensed", sans-serif; font-size: 1.9rem; margin: 2.1052631579em 0 0.9473684211em; } @media screen and (max-width: 1279px) { .rte h5:not([class^=media-element]), .rte .h5:not([class^=media-element]), .h5 { font-size: 1.9rem; } } @media screen and (max-width: 767px) { .rte h5:not([class^=media-element]), .rte .h5:not([class^=media-element]), .h5 { font-size: 1.6rem; } } .rte h6, .rte .h6, .h6 { color: #000; font-size: 1.6rem; margin: 1.25em 0 0.625em; } .rte > .ce-textpic > .ce-bodytext > :first-child:not(.encadre), .rte > :first-child:not(.gallery) { margin-top: 0 !important; } .rte a:not([data-fancybox]) { color: #ff7753; text-decoration: underline; } .rte a:not([data-fancybox]):hover, .rte a:not([data-fancybox]):focus { text-decoration: none; } /*.rte a[href^=http]:not([href*="allauch.com"]):not([data-fancybox]):not(.no-external)::after, .rte a[href^="//"]:not([href*="allauch.com"]):not([data-fancybox]):not(.no-external)::after { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f08e"; }*/ /*.rte a[href^=http]:not([href*="allauch.com"]):not([data-fancybox]):not(.no-external)::after, .rte a[href^="//"]:not([href*="allauch.com"]):not([data-fancybox]):not(.no-external)::after { font-size: 0.7647058824em; margin-left: 0.5rem; }*/ .rte p { font-size: 1.7rem; font-weight: 300; line-height: 1.4; margin: 0 0 0.8823529412em 0; } @media screen and (max-width: 1279px) { .rte p { font-size: 1.6rem; margin: 0.3125em 0 0.625em 0; } } .rte p b, .rte p strong { font-weight: 700; } .rte .no-result.-reverse-color { color: #fff; } .rte .chapeau { color: #bbc4d2; font-size: 1.5em; } .rte .chapeau a { color: #bbc4d2; } .rte .encadre:not(.specificity) { background-color: #ff7753; color: #fff; font-family: "Barlow", sans-serif; font-size: 1.9em; font-weight: 300; line-height: 1.3684210526em; margin: 1.0526315789em 0 1.0526315789em; min-height: 14rem; padding: 1.8421052632em 1.5789473684em 2.1052631579em 8.4210526316em; position: relative; } .rte .encadre:not(.specificity)::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f0eb"; } @media screen and (max-width: 767px) { .rte .encadre:not(.specificity) { margin: 1.3157894737em 0 1.3157894737em; padding: 1.8421052632em 1.5789473684em 2.1052631579em 6.3157894737em; } } @media screen and (max-width: 767px) { .rte .encadre:not(.specificity) { font-size: 1.8em; min-height: 10rem; padding: 1.5789473684em 1.5789473684em 2.1052631579em 6.3157894737em; } } .rte .encadre:not(.specificity)::before { color: #fff; display: block; font-size: 6rem; left: 4rem; line-height: 1; position: absolute; top: 4rem; } @media screen and (max-width: 767px) { .rte .encadre:not(.specificity)::before { display: block; font-size: 4rem; left: 3rem; top: 3rem; } } .rte .encadre:not(.specificity)::after { background: linear-gradient(96deg, #000 -90%, transparent 50%); content: ""; display: block; height: 75%; left: 12rem; max-height: 10rem; position: absolute; top: 0; width: 8px; } @media screen and (max-width: 767px) { .rte .encadre:not(.specificity)::after { left: 9rem; } } .rte .encadre:not(.specificity) b, .rte .encadre:not(.specificity) strong { font-weight: 700; } .rte .encadre:not(.specificity) a { color: contrast-switch(#ff7753); } .rte .blockquote, .rte blockquote { color: #727272; font-family: "Barlow", sans-serif; font-size: 2.4em; font-style: italic; font-weight: 300; margin: 1rem 2.2916666667em; overflow: hidden; padding: 1rem 0 1rem 8rem; position: relative; } .rte .blockquote::before, .rte blockquote::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f10d"; } @media screen and (max-width: 767px) { .rte .blockquote, .rte blockquote { font-size: 2em; margin-left: 1rem; padding-left: 8rem; } } .rte .blockquote::before, .rte blockquote::before { color: #ff7753; font-size: 1.6666666667em; left: 0; position: absolute; top: 1rem; } .rte .blockquote p, .rte blockquote p { font-size: 2.2rem; font-weight: 300; margin: 0 0 0.8333333333em 0; } .rte .blockquote footer, .rte blockquote footer { color: #ff7753; font-size: 1.4rem; font-style: normal; margin: 1.7857142857em 0 0 0; padding-top: 1.7857142857em; position: relative; } .rte .blockquote footer::before, .rte blockquote footer::before { background-color: #ff7753; content: ""; display: block; height: 1px; left: -4rem; position: absolute; top: 0; width: 115px; } .rte .blockquote strong, .rte blockquote strong { display: block; font-weight: 700; letter-spacing: 0.3px; } .rte .blockquote cite, .rte blockquote cite { font-style: normal; } .rte ol > li > ul, .rte .show-hide__content ol > li > ul, .rte ul > li > ul, .rte .show-hide__content ul > li > ul { margin: 0 0 0 1.1764705882em; } .rte ol > li > ul > li, .rte .show-hide__content ol > li > ul > li, .rte ul > li > ul > li, .rte .show-hide__content ul > li > ul > li { margin-bottom: 0.1470588235em; } .rte ol > li > ul > li::before, .rte .show-hide__content ol > li > ul > li::before, .rte ul > li > ul > li::before, .rte .show-hide__content ul > li > ul > li::before { color: inherit; content: "•"; font-family: inherit; } .rte ol > li > ol, .rte .show-hide__content ol > li > ol, .rte ul > li > ol, .rte .show-hide__content ul > li > ol { margin: 0 0 0 1.4705882353em; } .rte ol > li > ol > li, .rte .show-hide__content ol > li > ol > li, .rte ul > li > ol > li, .rte .show-hide__content ul > li > ol > li { margin-bottom: 0.1470588235em; } .rte ol, .rte .show-hide__content ol, .rte ul, .rte .show-hide__content ul { color: #000; font-size: 1.7rem; font-weight: 300; padding: 0; } .rte ol > li, .rte .show-hide__content ol > li, .rte ul > li, .rte .show-hide__content ul > li { line-height: 1.4; margin-bottom: 0.5882352941em; } .rte ol p, .rte .show-hide__content ol p, .rte ul p, .rte .show-hide__content ul p { font-size: 1.7rem; margin-bottom: 0.2941176471em; margin-top: 0.2941176471em; } .rte ul, .rte .show-hide__content ul { list-style: none; margin: 2rem 0 1.5rem 3.5rem; } .rte ul > li, .rte .show-hide__content ul > li { position: relative; } .rte ul > li::before, .rte .show-hide__content ul > li::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f105"; } .rte ul > li::before, .rte .show-hide__content ul > li::before { color: #ff7753; left: -0.75em; position: absolute; } .rte ol, .rte .show-hide__content ol { margin: 2rem 0 1.5rem 4.5rem; } .rte ul.reset-list { list-style-position: outside; margin-left: 45px; padding: 0; } .rte ul.reset-list ul, .rte ul.reset-list ol { list-style-position: outside; } .rte ul.reset-list ul { list-style-type: circle; } .rte ul.reset-list ol { list-style-type: lower-latin; } .rte ul.reset-list li { padding: 0; } .rte ul.reset-list li::before { content: none !important; } .rte ul.reset-list { list-style-type: disc; } .rte .table-responsive { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; margin: 6rem 0 0; width: 100%; } .rte .table-responsive::-webkit-scrollbar { -webkit-appearance: none; background-color: rgba(233, 233, 233, 0.5); width: 13px; } .rte .table-responsive::-webkit-scrollbar-thumb { background-color: #ff7753; } @media screen and (max-width: 767px) { .rte .table-responsive { margin: 3.5rem 0 0; } } .rte table { background-color: transparent; border-collapse: collapse; border-spacing: 0; font-size: 1.6rem; margin-bottom: 1rem; max-width: 100%; width: 100%; } .rte table caption { color: #6c7179; font-family: "Barlow Condensed", sans-serif; font-size: 1.8rem; font-style: italic; font-weight: 700; margin-bottom: 0.8333333333em; text-align: left; } @media screen and (max-width: 1279px) { .rte table caption { text-align: left; } } .rte table th, .rte table td { padding: 1.2rem 3rem; vertical-align: middle; } @media screen and (max-width: 1279px) { .rte table th, .rte table td { padding: 1.2rem 1.6rem; } } .rte table th ul, .rte table th p, .rte table td ul, .rte table td p { font-size: 1em; } .rte table th { font-family: "Barlow Condensed", sans-serif; font-stretch: condensed; font-weight: 700; text-align: left; text-transform: uppercase; } .rte table thead th { background: #fff; color: #75617b; font-weight: 700; } .rte table thead th:first-child, .rte table tbody th { background-color: #f7f8fb; color: #ff7753; padding-left: 3rem; padding-right: 5rem; text-align: right; } @media screen and (max-width: 1279px) { .rte table thead th:first-child, .rte table tbody th { padding-left: 3rem; padding-right: 3rem; } } .rte table td, .rte table th + th { border-right: 1px solid #f7f8fb; } .rte table td { background: #fff; color: #000; font-family: "Barlow Condensed", sans-serif; min-width: 15rem; } .rte table tbody tr:last-child th, .rte table tbody tr:last-child td { padding-bottom: 4.5rem; } /** * Containers has 4 variations: * - `.container` - width 1160px * - `.container -sm` - width 940px * - `.container -lg` - width 1220px * - `.container -fluid` - width 100% * * You can configure containers width in `core/layouts/_wrappers.scss` * * @section Containers * @page Layout * * @example *
Small container width 940px
*
Default container width 1160px
*
Large container width 1220px
*
Fluid container width 100%
* */ .container { box-sizing: border-box; margin: 0 auto; max-width: 118rem; padding: 0 1rem; width: 100%; } .container-wrapper { width: 100%; } .container-wrapper.-dark { background: radial-gradient(circle at 53.75% center, #000 0%, #2a2a2a 100%); } @media screen and (max-width: 1279px) { .container { max-width: 98rem; padding: 0 2rem; } } @media screen and (max-width: 767px) { .container { max-width: 100%; padding: 0 1rem; } } .container.-fluid { max-width: 100%; } .container.-sm { max-width: 96rem; } @media screen and (max-width: 1279px) { .container.-sm { max-width: 98rem; } } @media screen and (max-width: 767px) { .container.-sm { max-width: 100%; } } .container.-lg { max-width: 124rem; } @media screen and (max-width: 1279px) { .container.-lg { max-width: 98rem; } } @media screen and (max-width: 767px) { .container.-lg { max-width: 100%; } } .container.-page { padding: 8rem 1rem 0; } @media screen and (max-width: 1279px) { .container.-page { padding: 6rem 2rem 0; } } @media screen and (max-width: 767px) { .container.-page { padding: 5rem 1rem 0; } } .container.-black { background: radial-gradient(circle at 53.75% center, #000 0%, #2a2a2a 100%); } .site-wrapper-out { display: flex; min-height: 100vh; width: 100%; } .site-wrapper { display: flex; min-height: 100vh; overflow: hidden; width: 100%; } .site-wrapper.-overflow-hidden { overflow: hidden; } .site-header { flex-basis: auto; flex-shrink: 0; position: relative; width: 100%; z-index: 50; } .site-main { flex-grow: 1; width: 100%; } .site-footer { flex-basis: auto; position: relative; width: 100%; z-index: 5; } .top-of-content { background-color: #f7f8fb; flex-basis: auto; width: 100%; } .top-of-content__wrapper { padding-bottom: 2em; padding-top: 2em; } @media screen and (max-width: 1279px) { .top-of-content__wrapper { display: flex; justify-content: flex-end; } } .top-of-content__wrapper .google-translate { display: none; } .site-inner { display: table; table-layout: fixed; width: 100%; } .site-content, .sidebar { display: table-cell; width: 100%; } @media screen and (max-width: 1279px) { .site-content, .sidebar { display: block; } } .site-content span.anchor:first-of-type + .colPos0 > *:first-child, .site-content span.anchor:first-of-type + .colPos0 .ce-bodytext > *:first-child { margin-top: 0; } body.tourism .site-content .rte:first-child, body.tourism .site-content .rte.description-text { margin-bottom: 3rem; } body.tourism .site-content .rte:first-child p, body.tourism .site-content .rte.description-text p { font-size: 2rem; font-weight: 400; line-height: 1.5; } @media screen and (max-width: 767px) { body.tourism .site-content .rte:first-child p, body.tourism .site-content .rte.description-text p { font-size: 1.8rem; font-weight: 400; line-height: 1.5; } } /** * TODO: Responsive style refactoring needed */ @media screen and (min-width: 1280px) { .sidebar { padding: 0 8rem 0 0; width: 33rem; } .site-content + .sidebar { padding: 0 0 0 8rem; } } .what-can-we-do { margin: 8rem 0 15rem; } @media screen and (max-width: 1279px) { .what-can-we-do { margin: 9rem 0 10rem; } } @media screen and (max-width: 767px) { .what-can-we-do { margin: 5.5rem 0 10rem; } } .what-can-we-do.-gray { background-color: #f7f8fb; padding: 1rem 0 3rem; } .what-can-we-do .title.-primary span { left: -6rem; } @media screen and (max-width: 767px) { .what-can-we-do .title.-primary span { left: -4rem; } } .what-can-we-do__wrapper { display: flex; flex-wrap: wrap; position: relative; z-index: 0; } @media screen and (max-width: 1279px) { .what-can-we-do__wrapper { flex-wrap: wrap; } } .what-can-we-do .-section-1-3 { width: 33.3333333333%; } @media screen and (max-width: 1279px) { .what-can-we-do .-section-1-3 { width: 100%; } } .what-can-we-do .-section-2-3 { width: 66.6666666667%; } @media screen and (max-width: 1279px) { .what-can-we-do .-section-2-3 { width: 100%; } } .what-can-we-do h3.title { font-family: "Barlow", sans-serif; font-size: 2.3rem; } @media screen and (max-width: 767px) { .what-can-we-do h3.title { font-size: 2rem; } } .what-can-we-do h3.title::before { vertical-align: -0.3em; } .what-can-we-do .-frame { background-color: #fff; position: relative; } .what-can-we-do .-frame::before, .what-can-we-do .-frame::after { background-color: transparent; bottom: 2rem; box-shadow: 0 2rem 1.5rem 0 rgba(0, 0, 0, 0.5); content: ""; display: block; height: 1.5rem; position: absolute; width: calc(40% - 3rem); z-index: -1; } .what-can-we-do .-frame::before { left: 6rem; transform: rotate(-3deg) skewX(-60deg); } @media screen and (max-width: 1279px) { .what-can-we-do .-frame::before { left: 7rem; } } .what-can-we-do .-frame::after { right: 6rem; transform: rotate(3deg) skewX(60deg); } @media screen and (max-width: 1279px) { .what-can-we-do .-frame::after { right: 7rem; } } .what-can-we-do .-frame h3.title { padding-left: 3rem; } @media screen and (max-width: 767px) { .what-can-we-do .-frame h3.title { padding-left: 1.5rem; } } .what-can-we-do .-frame .links-group { padding-right: 3rem; } @media screen and (max-width: 767px) { .what-can-we-do .-frame .links-group { padding-right: 1.5rem; } } .header { display: block; position: relative; width: 100%; } @media screen and (max-width: 1279px) { .header { padding: 0; } } .header.-has-image { background: none; padding: 0; } .header.-map { padding: 0; } .header.-map .header-bar__logo { border: 0; } .header.-map .header-bar__components { border-left: 0; justify-content: flex-end; min-width: auto; } .footer { background: #75617b; margin-top: 3rem; position: relative; } .footer a:hover, .footer a:focus, .footer button:hover, .footer button:focus, .footer input:hover, .footer input:focus { outline-color: #fff; } .footer button:hover, .footer button:focus, .footer input:hover, .footer input:focus { outline-offset: -2px; } .footer .container:after { content: none; } @media screen and (max-width: 1279px) { .footer .container { padding: 3rem 2rem 4.5rem; } } @media (max-width: 980px) { .footer .container { max-width: 100%; } } @media screen and (max-width: 767px) { .footer .container { max-width: 100%; padding: 3.5rem 3.5rem 6rem; } } .footer .decor-shadow { overflow: hidden; position: relative; } .footer .decor-shadow::before { box-shadow: 10px 0 40px 0 rgb(0, 0, 0); content: ""; display: block; height: 100%; left: -2rem; position: absolute; top: 0; width: 1rem; } @media screen and (max-width: 1279px) { .footer .decor-shadow::before { box-shadow: 0 10px 40px 0 rgb(0, 0, 0); height: 1rem; left: 0; top: -1rem; width: 100%; } } .footer__wrapper { display: flex; padding-bottom: 3rem; padding-top: 3rem; position: relative; z-index: 2; } @media screen and (max-width: 1279px) { .footer__wrapper { flex-wrap: wrap; justify-content: space-evenly; } } @media screen and (max-width: 767px) { .footer__wrapper { flex-direction: column; } } .footer__stratis { background-color: transparent; bottom: 0; color: #fff; font-family: "Barlow Condensed", sans-serif; font-size: 1.2rem; font-weight: 300; left: 0; line-height: 1.6rem; margin: 0; position: absolute; text-align: right; text-transform: uppercase; width: 100%; z-index: 5; } .footer__stratis a { transition: all 400ms ease 0ms; background: #c70000; color: #fff; display: inline-block; font-weight: 700; margin-left: 0.6rem; padding: 0.25rem 1rem; text-decoration: none; } .footer__stratis a:hover, .footer__stratis a:focus { background: #fff; color: #c70000; } .sidebar > * { margin-bottom: 7.5rem; } form { display: block; margin: 2em 0 3em; } form:first-child { margin-top: 0; } .confirmation form { display: inline-block; margin: 0; } fieldset { background: transparent; border: 0; margin-bottom: 6em; margin-top: 3em; min-width: inherit; position: relative; } fieldset:first-child { margin-top: 0; } .form__field-group { align-items: center; display: flex; flex-wrap: nowrap; } @media screen and (max-width: 767px) { .form__field-group:not(.-type-uri) { flex-wrap: wrap; } } .form__field-group > * { flex-basis: 100%; } .form__field-group input { margin: 0; } .form__field-wrapper { margin-bottom: 2.5em; margin-top: 1.5em; } .form__field-wrapper.-datewrapper { position: relative; } .form__field-wrapper.-datewrapper[class*=col-] .date-picker-control { margin: 1rem 2rem 1rem 1rem; } .form__field-wrapper.-datewrapper .date-picker-control { bottom: 0; margin: 1rem; position: absolute; right: 0; } .form__field-attached { background: rgba(221, 225, 232, 0.4); flex: 1 0 auto; font-size: 1.4rem; font-weight: 400; padding: 0.8571428571em 0.7142857143em; text-transform: none; } .geocode__wrapper { position: relative; } .geocode__wrapper .geocode__wrapper-btn { background-color: #ff7753; border-color: transparent; bottom: 0.2rem; color: #fff; position: absolute; right: 0.2rem; top: 0.2rem; z-index: 1; } .geocode__wrapper .geocode__wrapper-btn::before { color: inherit; } .geocode__wrapper .geocode__wrapper-btn:hover, .geocode__wrapper .geocode__wrapper-btn:focus { background-color: #fff; border-color: rgba(221, 225, 232, 0.5); color: #ff7753; } .date-picker table { font-size: 1.5rem; } .ui-timepicker-wrapper { font-size: 1.5rem; } /* Todo - Check parsley styles after it's will be implemented @author - evanre @data - 22/3/18 @time - 17:13 */ .parsley-errors-list p { color: #ff7753; font-size: 1.2rem; font-style: italic; margin: 5px 0 15px; } .rte .powermail_fieldwrap_file_list, .powermail_fieldwrap_file_list { list-style: none; padding: 0; } .rte .powermail_fieldwrap_file_list > li, .powermail_fieldwrap_file_list > li { font-size: 1.2rem; margin: 0.5em 0; padding-left: 1em; position: relative; } .rte .powermail_fieldwrap_file_list > li::before, .powermail_fieldwrap_file_list > li::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f105"; } .rte .powermail_fieldwrap_file_list > li::before, .powermail_fieldwrap_file_list > li::before { color: #c9bacd; font-weight: 700; left: 0; line-height: 1; position: absolute; } .rte .powermail_fieldwrap_file_list > .powermail_fieldwrap_file_list__delete, .powermail_fieldwrap_file_list > .powermail_fieldwrap_file_list__delete { padding-left: 0; } .rte .powermail_fieldwrap_file_list > .powermail_fieldwrap_file_list__delete::before, .powermail_fieldwrap_file_list > .powermail_fieldwrap_file_list__delete::before { content: inherit; display: none; } .rte .powermail_fieldwrap_file_list .btn::before, .powermail_fieldwrap_file_list .btn::before { color: #c9bacd; } .preloader { bottom: 0; left: 0; position: fixed; right: 0; top: 0; height: 100%; width: 100%; background-color: #fff; z-index: 999; display: flex; transition: all 250ms ease-in-out 200ms; } .preloader__circle { background-color: #fff; border-radius: 50%; height: 30rem; width: 30rem; } .preloader__wave { background: #ff7753; height: 100%; width: 100%; border-radius: 50%; box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5); position: relative; transition: all 200ms ease-in-out 0ms; } .preloader__wave.-is-hidden { transform: scale(0); } .preloader__wave::before, .preloader__wave::after { background-color: #000; left: 50%; position: absolute; top: 0; height: 200%; width: 200%; content: ""; transform: translate(-50%, -75%); } .preloader__wave::before { animation: preload 5s linear infinite; background-color: white; border-radius: 45%; } .preloader__wave::after { animation: preload 10s linear infinite; background-color: rgba(255, 255, 255, 0.5); border-radius: 40%; } .preloader__text { font-size: 6rem; font-weight: 700; overflow: hidden; padding-top: 8rem; position: relative; text-align: center; z-index: 20; } .preloader.-is-hidden { opacity: 0; visibility: hidden; z-index: -10; } @keyframes preload { 0% { transform: translate(-50%, -75%) rotate(0deg); } 100% { transform: translate(-50%, -75%) rotate(360deg); } } /** * Buttons * * The Button `.btn` class can be applied to ` * * *
* *
*
* *
* *
*
* * *
*
* *
*
* *
*
* */ .btn { background-color: transparent; border: solid 1px #75617b; color: #75617b; display: inline-block; font-family: "Barlow Condensed", sans-serif; line-height: 1.1428571429; text-decoration: none; text-transform: uppercase; width: auto; transition: all 100ms ease-in-out 0ms; font-size: 1.4rem; padding: 0.7857142857em 1.0714285714em; font-weight: 700; } body.tourism .btn { border-color: #75617b !important; } .btn.-icon::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f0d9"; } .btn.-icon::before { color: #ff7753; font-size: 1em; font-weight: 700; line-height: 1; margin-right: 0.25em; } body.tourism .btn::before { color: #ff7753; } .btn.-no-text, .btn.-circle { overflow: hidden; position: relative; text-align: left; text-indent: -9999px; white-space: nowrap; } .btn.-no-text::before, .btn.-no-text::after, .btn.-circle::before, .btn.-circle::after { display: block; left: 50%; margin: 0; position: absolute; text-indent: 0; top: 50%; transform: translateY(-50%) translateX(-50%); } @media screen and (max-width: 1279px) { .btn.-no-text-mobile { height: 3.2rem; width: 3.2rem; overflow: hidden; position: relative; text-align: left; text-indent: -9999px; white-space: nowrap; } .btn.-no-text-mobile::before, .btn.-no-text-mobile::after { display: block; left: 50%; margin: 0; position: absolute; text-indent: 0; top: 50%; transform: translateY(-50%) translateX(-50%); } } .btn.-circle, .btn.-no-text { padding: 0.7857142857em 1.3571428571em; } .btn.-large { font-size: 1.7rem; padding: 1.1344537815em 0.8823529412em; } .btn.-large.-circle, .btn.-large.-no-text { padding: 1.1344537815em 1.7058823529em; } .btn.-small { font-size: 1.3rem; padding: 0.5824175824em 1.1538461538em; } .btn.-small.-circle, .btn.-small.-no-text { padding: 0.5824175824em 1.1538461538em; } .btn.-light { font-weight: 100; } .btn:hover, .btn:focus { background-color: #ff7753; border-color: transparent; color: #FFF; cursor: pointer; text-decoration: none; } .btn:hover::before, .btn:hover::after, .btn:focus::before, .btn:focus::after { color: inherit !important; } .btn.-circle { border-radius: 50%; } .btn.-rounded { border-radius: 5px; } .btn.-inverted { border-color: #fff; color: #fff; } .btn.-inverted[data-fa-icon]::before, .btn.-inverted::before, .btn.-inverted::after { color: #ff7753; } .btn.-inverted:hover[data-fa-icon]::before, .btn.-inverted:hover::before, .btn.-inverted:hover::after, .btn.-inverted:focus[data-fa-icon]::before, .btn.-inverted:focus::before, .btn.-inverted:focus::after { color: #fff; } body.tourism .btn.-inverted[data-fa-icon]::before, body.tourism .btn.-inverted::before, body.tourism .btn.-inverted::after { color: #fff; } .btn.-primary { padding-left: 6rem; padding-right: 3.5rem; position: relative; } .btn.-primary[data-fa-icon]::before, .btn.-primary::before, .btn.-primary::after { font-size: 2.2rem; left: 4rem; position: absolute; top: 50%; transform: translate(-50%, -50%); } @media screen and (max-width: 1279px) { .btn.-primary { font-size: 1.5rem; height: 4.5rem; padding-bottom: 1.25rem; padding-top: 1.25rem; } } .btn.-secondary { padding-left: 3rem; padding-right: 3rem; } .btn.-secondary[data-fa-icon]::before, .btn.-secondary::before, .btn.-secondary::after { color: #ff7753; } @media screen and (max-width: 1279px) { .btn.-secondary { font-size: 1.5rem; height: 4.5rem; padding-bottom: 1.25rem; padding-top: 1.25rem; } } .btn.-darken { color: #fff; } .btn.-darken:hover, .btn.-darken:focus { background-color: rgba(0, 0, 0, 0.325); } .btn[data-fa-icon=]::before { color: #ff7753; } /** * Button backgrounds * * The `-inverted` and `-darken` modifier classes also can be applied. * * @section * @page Buttons * * @example *
*
*
* * * * *
*
*
*
* * * * *
*
*
*/ /** * Rounded and circles * * The `-rounded` and `-circle` modifier classes also can be applied. * * @section * @page Buttons * * @example *
* * * * *
*
* * * * *
*/ /** * Input radio and checkbox * * A checkbox input * * @section * @page Forms * * @state .column-2 - Indicates the column positioning * @state .radio-checkbox -inline - Indicates radio or checkbox positioning side by side. Works only on one line. * * @example *
* Radio : *
* * *
*
* * ipsam non nostrum, repellendus voluptatem. Ab ducimus facere facilis officia optio quas repellat sunt vero *
*
* * *
*
* * *
*
*
* Radio-inline : *
* * *
*
* * *
*
* * *
*
*
* Checkbox : *
* * *
*
* * *
*
* * *
*
* * *
*
*
* Checkbox-inline : *
* * *
*
* * *
*
* * *
*
*/ .radio, .checkbox { clear: both; margin: 1.5em 0 2.5em; } @media screen and (max-width: 1279px) { .radio, .checkbox { margin: 2em 0 1.5em; } } .radio:first-child, .checkbox:first-child { margin-top: 1.5em; } .radio.-inline div, .checkbox.-inline div { display: inline-block; margin-bottom: 1.3em; margin-right: 1.2em; margin-top: 0; vertical-align: top; } .radio.-inline div:last-child, .checkbox.-inline div:last-child { margin-right: 0; } .radio.-inline legend, .checkbox.-inline legend { margin-bottom: 1.2857142857em; } .column-2.radio div, .column-2.checkbox div { display: inline-block; vertical-align: top; width: 47.4%; } @media screen and (max-width: 1279px) { .column-2.radio div, .column-2.checkbox div { display: block; vertical-align: inherit; width: 100%; } } .column-2.radio div:nth-child(even), .column-2.checkbox div:nth-child(even) { margin-right: 1%; } @media screen and (max-width: 1279px) { .column-2.radio div:nth-child(even), .column-2.checkbox div:nth-child(even) { margin-right: 0; } } .column-2.radio div:nth-child(odd), .column-2.checkbox div:nth-child(odd) { margin-left: 1%; } @media screen and (max-width: 1279px) { .column-2.radio div:nth-child(odd), .column-2.checkbox div:nth-child(odd) { margin-left: 0; } } .column-2.radio legend ~ div, .column-2.checkbox legend ~ div { margin-top: 0; } .radio div, .checkbox div { margin: 1.1em 0; } .radio div:nth-of-type(1), .checkbox div:nth-of-type(1) { margin-top: 0; } .radio div:last-child, .checkbox div:last-child { margin-bottom: 0; } .radio legend, .checkbox legend { font-size: 1.4rem; font-weight: 700; margin: 0.3571428571em 0 0.3571428571em; text-transform: uppercase; } @media screen and (max-width: 1279px) { .radio legend, .checkbox legend { margin-top: 0; } } .radio legend .required, .checkbox legend .required { font-size: 1em; } .radio label, .checkbox label { cursor: pointer; display: inline-block; font-size: 1.4rem; font-weight: 300; line-height: 1.2857142857em; margin: 0; padding: 0 0 0 1.4285714286em; position: relative; text-transform: none; } .radio label::before, .checkbox label::before { background-color: #fff; border: 1px solid #dde1e8; box-sizing: border-box; content: ""; height: 17px; left: 0; position: absolute; speak: none; top: 0; width: 17px; } .radio label::after, .checkbox label::after { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; color: transparent; font-weight: 700; line-height: 1; position: absolute; transform: scale(0.75); transition: all 0.2s ease-in-out; } .radio input[type=radio], .checkbox input[type=checkbox] { background: transparent; border: 0; left: -9999px; padding: inherit; position: absolute; width: auto; } .radio input[type=radio]:disabled + label, .checkbox input[type=checkbox]:disabled + label { color: #c4c4c4; cursor: default; } .radio input[type=radio]:disabled + label::before, .checkbox input[type=checkbox]:disabled + label::before { background-color: #fafafa; border-color: white; cursor: default; } .radio input[type=radio]:focus + label, .checkbox input[type=checkbox]:focus + label { outline: 1px dashed #ff7753; outline-offset: 2px; } .radio input[type=radio]:checked + label::after, .checkbox input[type=checkbox]:checked + label::after { color: #ff7753; transform: scale(1); } .checkbox label::after { content: "\f00c"; font-size: 9px; left: 4px; top: 4px; } .checkbox.form-field-follow-checkbox { margin-top: 0.75em; } .radio label::before { border-radius: 50%; } .radio label::after { content: "\f111"; font-size: 7px; left: 5px; top: 5px; } .checkbox-dropdown { position: relative; } .checkbox-dropdown__block { transition: all 450ms ease-in-out 0ms; max-height: 0; overflow: hidden; } .checkbox-dropdown__toggle { transition: all 250ms ease-in-out 0ms; position: absolute; right: 0.5rem; top: 1.6rem; background: none; border: 0; color: #ff7753; cursor: pointer; display: block; font-size: 1.6rem; padding: 0; } .checkbox-dropdown__toggle::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f067"; } .checkbox-dropdown.-is-open > .checkbox-dropdown__toggle::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f068"; } .checkbox-dropdown.-is-open > .checkbox-dropdown__block { max-height: 150rem; } /* TODO: Add documentation for dropdown */ /** * Dropdown component, documentation will be later. * * @section Dropdown * @page Components * */ .js-dropdown { position: relative; } .js-dropdown__toggle { cursor: pointer; } .js-dropdown__toggle:focus { outline: 1px dashed #ca000a; outline-offset: 2px; } .js-dropdown__block { left: 0; list-style: none; min-width: 100%; opacity: 0; padding: 1rem; top: 100%; transform: translateY(-1rem); transition: visibility 200ms ease-in-out, transform 350ms ease-in-out, opacity 200ms ease-in-out; visibility: hidden; width: auto; z-index: 5; } .js-dropdown.-has-arrow .js-dropdown__toggle::after { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f0d7"; } .js-dropdown.-has-arrow .js-dropdown__toggle::after { transition: all 250ms ease-in-out 0ms; position: absolute; right: 0.6rem; top: 50%; color: inherit; font-size: 1rem; font-weight: 700; transform: translateY(-50%); } .js-dropdown.-is-open { z-index: 11; } .js-dropdown.-is-open .js-dropdown__toggle { box-shadow: 0 0.5rem 0.7rem 0 rgba(0, 0, 0, 0.4); } .js-dropdown.-is-open .js-dropdown__toggle::after { margin-top: 1px; transform: translateY(-50%) rotate(180deg); } .js-dropdown.-is-open .js-dropdown__block { box-shadow: 0 0.5rem 0.7rem 0 rgba(0, 0, 0, 0.4); opacity: 1; transform: translateY(-1px); transition: visibility 200ms ease-in-out, transform 200ms ease-in-out, opacity 350ms ease-in-out; visibility: visible; } .-is-open { z-index: 11; } .-is-open > .js-dropdown__toggle { box-shadow: 0 0.5rem 0.7rem 0 rgba(0, 0, 0, 0.4); } .-is-open > .js-dropdown__toggle::after { margin-top: 1px; transform: translateY(-50%) rotate(180deg); } .-is-open > .js-dropdown__block { box-shadow: 0 0.5rem 0.7rem 0 rgba(0, 0, 0, 0.4); opacity: 1; transform: translateY(-1px); transition: visibility 200ms ease-in-out, transform 200ms ease-in-out, opacity 350ms ease-in-out; visibility: visible; } /** * Input fields * * Input text, number, password etc., textarea * * @section * @page Forms * * @example *
* Form Title *
* * *
*
*
* * *
*
*
* *
*
*
* * *
* * *
*
*
* * *
*
*
* * *
*
* * *
*
* * *
*
* * *
*
*
* *
*
* *
*
*
* * * *
*
* * *
*
*
* * *
*
* * *
*
*
* * *
*
* * * * * *
* *
* * * *
* *
* * * *
*
* *
* *
*
*
* * *
*
* * *
*
*/ select, input, textarea { background-color: #f0f0f0; border: 0; border-radius: 0; font-family: "Barlow", sans-serif; font-size: 1.4rem; height: 4rem; padding: 0.8571428571em 0.7142857143em; resize: vertical; width: 100%; } select:disabled, input:disabled, textarea:disabled { background-color: #f7f7f7; font-style: italic; resize: none; } select:focus, input:focus, textarea:focus { outline: 1px dashed #ff7753; outline-offset: 0; } select::placeholder, input::placeholder, textarea::placeholder { color: #494949; font-style: italic; opacity: 1; } input, textarea { color: #000; } input:disabled, textarea:disabled { color: rgba(73, 73, 73, 0.5); } input:read-only, textarea:read-only { background-color: #f7f7f7; color: #494949; font-style: italic; } input[type=date], textarea[type=date] { padding: 0.6785714286em 0.7142857143em; } textarea { height: 7.1428571429em; } /** * Select * * A select field * * @section * @page Forms * * @example *
*
*
* * *
*
* * *
* *
*/ select { appearance: none !important; color: #494949; cursor: pointer; font-style: italic; padding-right: 2.2857142857em; background-image: url("../Images/select-arrow.png"); background-position: calc(100% - 0.75em) 50%; background-repeat: no-repeat; background-size: 9px; } select:disabled { background-image: url("../Images/select-arrow.png"); color: rgba(73, 73, 73, 0.5); cursor: inherit; } select::-ms-expand { display: none; } /** * Label * */ @media screen and (max-width: 1279px) { label { margin-top: 0; } } .legend, .rte .legend, legend { color: #000; display: block; font-size: 2rem; font-style: normal; font-weight: 300; margin-bottom: 2.5rem; padding: 0; text-align: left; white-space: normal; width: 100%; } .label, .multiselect-wrapper legend, .rte .label, label { color: #000; cursor: pointer; display: block; font-size: 1.4rem; font-weight: 700; margin: 0 0 0.3571428571em; text-transform: uppercase; } .label .required, .multiselect-wrapper legend .required, .rte .label .required, label .required { font-size: 1em; } .label .text-help, .multiselect-wrapper legend .text-help, .rte .label .text-help, label .text-help { font-size: 0.8571428571em; } .label input, .multiselect-wrapper legend input, .label select, .multiselect-wrapper legend select, .label textarea, .multiselect-wrapper legend textarea, .rte .label input, .rte .label select, .rte .label textarea, label input, label select, label textarea { margin-top: 0.3571428571em; } .label a, .multiselect-wrapper legend a, .rte .label a, label a { color: #000; text-decoration: underline; } .label a:hover, .multiselect-wrapper legend a:hover, .label a:focus, .multiselect-wrapper legend a:focus, .rte .label a:hover, .rte .label a:focus, label a:hover, label a:focus { text-decoration: none; } .text-label { display: block; margin: 0 0 0.3571428571em; } .required { color: #ff7753; font-size: 1.4em; font-style: italic; font-weight: 300; text-transform: none; } .text-help { color: #423845; display: block; font-size: 1.2em; font-weight: 300; margin: 0.5em 0; text-transform: none; } .text-help.-inline { display: inline; } .text-help.-alert { color: #ff7753; } .text-help.-alert a { color: #ff7753; } .text-help a { color: #423845; } .number-articles { border-bottom: 1px solid #bbc4d2; color: #727272; font-family: "Barlow Condensed", sans-serif; font-size: 1.6rem; font-weight: 300; margin: 0; padding-bottom: 3rem; } @media screen and (max-width: 767px) { .number-articles { padding-bottom: 1.5rem; } } .number-articles.-white { color: #fff; } .list { list-style: none; padding-left: 0; } @media screen and (max-width: 767px) { .list { align-items: center; display: flex; flex-direction: column; } } .list li { color: #000; font-family: "Barlow Condensed", sans-serif; font-size: 1.6rem; font-weight: 300; margin-bottom: 1rem; padding-left: 1rem; position: relative; } .list li::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f105"; } .list li::before { color: #c9bacd; font-size: 1.3rem; left: 0; position: absolute; top: 0.2rem; } .list li a { color: #000; } .list li a:hover, .list li a:focus { text-decoration: underline; } /** * @section Message * @page Messages * * @example *
*

Message consectur elis

* *

Lem ipsum dolor sit amet, consectetur adipisicing elit

*
* */ /** * @section Error message * @page Messages * * @example *
*

Message d’erreur

* *

Lem ipsum dolor sit amet, consectetur adipisicing elit

*
*/ /** * @section Success message * @page Messages * * @example *
*

Message succès lorem ipsum

* *

Lem ipsum dolor sit amet, consectetur adipisicing elit

*
*/ .message { background-color: #f6f6f6; font-size: 1.4rem; font-weight: 300; padding: 4rem 2rem 3.5rem 7rem; } @media screen and (max-width: 1279px) { .message { padding: 3rem; } } @media screen and (max-width: 767px) { .message { padding: 3rem 1rem 3rem 1.5rem; } } .message h2 { color: #02648e; font-size: 1.5714285714em; margin: 0 0 1.1em; padding-left: 1.25em; position: relative; } .message h2::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f05a"; } .message h2::before { color: currentColor; left: 0; position: absolute; top: 0; } .message ul { font-size: 1em; list-style-type: none; margin-left: 1rem; } .message ul li::before { color: currentColor; } .message.-error { background-color: #fcdcde; } .message.-error h2 { color: #ca000a; } .message.-error h2::before { content: "\f06a"; } .message.-success { background-color: #edfceb; } .message.-success h2 { color: #278417; } .message.-success h2::before { content: "\f14a"; } /** * @section Steps * @page Steps * * @example *
*

Étape 1/4

* Descriptif de l’étape 1 lorem ipsum dolor sit amet consectur elis * *
*
*

Étape 4/4

* Descriptif de l’étape 1 lorem ipsum dolor sit amet consectur elis * *
* */ .progress { font-family: "Barlow", sans-serif; margin: 1em 0 2em; } .progress meter { float: left; height: 10px; margin: 4px 10px 0 0; width: 100%; } .progress p { color: #000; font-size: 1.4rem; font-weight: 700; text-transform: uppercase; margin: 0.5em 0; } .progress__description { color: #bbc4d2; display: block; font-size: 1.2rem; margin: 0.5em 0; } progress { appearance: none; background: #f7f8fb; border: none; color: #fff; height: 10px; width: 100%; } progress::-moz-progress-bar { background: #ff7753; } progress::-webkit-progress-value { background: #ff7753; } progress::-webkit-progress-bar { background: transparent; } /* TODO: Add documentation for click-roll TODO: Add fancy slide animations */ /** * Click-roll component, documentation will be later. * * @section Click-roll * @page Components * */ .colPos0 .click-roll { margin: 0.2rem 0; } .click-roll { border-top: 2px solid transparent; margin: 10rem 0; position: relative; } @media screen and (max-width: 767px) { .click-roll { margin: 5rem -1rem; } } .click-roll + .click-roll { margin-top: -10rem; } @media screen and (max-width: 767px) { .click-roll + .click-roll { margin-top: -5rem; } } .click-roll__toggle { background-color: #f7f8fb; border: 0; color: #494949; cursor: pointer; display: block; font-size: 1.9rem; font-weight: 700; min-height: 5.6rem; padding: 1em 3.5em 1em 1.5em; position: relative; text-align: left; transition: background-color 150ms ease; width: 100%; } @media screen and (max-width: 767px) { .click-roll__toggle { font-size: 1.8rem; padding: 0.5em 3.5em 0.5em 1.1em; } } .click-roll__toggle::before { background: linear-gradient(96deg, #000 -100%, transparent 50%); content: ""; display: block; height: 100%; max-height: 60px; position: absolute; right: 5rem; top: 0; width: 8px; } .click-roll__toggle::after { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f107"; } .click-roll__toggle::after { color: #ff7753; position: absolute; right: 1.2em; top: 1em; transform: rotateX(0deg); transition: transform 300ms ease, color 50ms ease; } .click-roll__toggle:focus { outline: 1px dashed #ca000a; outline-offset: 2px; } .click-roll__toggle:hover, .click-roll__toggle:focus, .-is-open .click-roll__toggle { background-color: #ff7753; color: #fff; } .click-roll__toggle:hover::after, .click-roll__toggle:focus::after, .-is-open .click-roll__toggle::after { color: #fff; } .click-roll__block { display: none; font-size: 1.7rem; overflow: hidden; z-index: 5; } @media screen and (max-width: 767px) { .click-roll__block { font-size: 1.6rem; } } .click-roll__slide-wrap { padding: 1em; } .click-roll.-is-open .click-roll__toggle::after { transform: rotateX(180deg); } .click-roll.-is-open .click-roll__block { display: block; } .faq-block { padding-top: 2rem; } .faq-block .click-roll { border-bottom: 1px solid #bbc4d2; margin: 0 0 1rem; padding-bottom: 1rem; } .faq-block .click-roll:last-child { border-bottom: 0; } .faq-block .click-roll__toggle { background-color: #fff; color: #000; font-size: 1.8rem; font-size: 1.8rem; font-weight: 700; padding: 1rem 3rem 1rem 6rem; } @media screen and (max-width: 767px) { .faq-block .click-roll__toggle { padding: 0.5em 1.1em 0.5em 4rem; } } .faq-block .click-roll__toggle span { color: #ff7753; display: block; font-size: 0.7222222222em; font-size: 0.7222222222em; font-weight: 700; margin-top: -1rem; text-transform: uppercase; } .faq-block .click-roll__toggle::before { content: none; } .faq-block .click-roll__toggle::after { background-color: #f7f8fb; color: #c9bacd; content: "\f067"; font-size: 0.6111111111em; font-size: 0.6111111111em; height: 4rem; left: 0; line-height: 4rem; right: auto; text-align: center; top: 0; transform: none; width: 4rem; } @media screen and (max-width: 767px) { .faq-block .click-roll__toggle::after { height: 3rem; line-height: 3rem; width: 3rem; } } .faq-block .click-roll__block { margin: 0; position: relative; } .faq-block .click-roll__block::before { color: #bbc4d2; content: attr(data-response); font-size: 0.7em; left: 6rem; position: absolute; top: 0.75rem; } @media screen and (max-width: 767px) { .faq-block .click-roll__block::before { left: 4em; } } .faq-block .click-roll__slide-wrap { padding-left: 6rem; padding-top: 1.5em; } @media screen and (max-width: 767px) { .faq-block .click-roll__slide-wrap { padding-left: 4rem; } } .faq-block.-is-open .click-roll__toggle::after, .faq-block .-is-open .click-roll__toggle::after { background-color: #ff7753; color: #fff; content: "\f068"; } .faq-block .click-roll__toggle:hover, .faq-block .click-roll__toggle:focus, .faq-block.-is-open .click-roll__toggle, .faq-block .-is-open .click-roll__toggle { background-color: #fff; } /** * Add the class .js-tooltip and a title on your element. * * @section Tooltip * @page Components * * @example * Flux rss des publications */ .access-tooltip { background-color: #ff7753; border: 0.2rem solid #fff; color: #fff; font-size: 1.3rem; padding: 0.5rem; position: absolute; z-index: 9999; } .tabs { font-family: "Barlow Condensed", sans-serif; margin-top: -5.5rem; position: relative; } @media screen and (max-width: 1279px) { .tabs { margin-top: -0.5rem; } } .tabs.-has-shadow { position: relative; } .tabs.-has-shadow::before, .tabs.-has-shadow::after { background-color: transparent; bottom: 2rem; box-shadow: 0 2rem 1.5rem 0 rgba(0, 0, 0, 0.5); content: ""; display: block; height: 1.5rem; position: absolute; width: calc(40% - 3rem); z-index: -1; } .tabs.-has-shadow::before { left: 6rem; transform: rotate(-3deg) skewX(-60deg); } @media screen and (max-width: 1279px) { .tabs.-has-shadow::before { left: 7rem; } } .tabs.-has-shadow::after { right: 6rem; transform: rotate(3deg) skewX(60deg); } @media screen and (max-width: 1279px) { .tabs.-has-shadow::after { right: 7rem; } } .tabs__list { align-items: flex-end; border-bottom: 2px solid #ff7753; display: flex; justify-content: flex-end; list-style: none; margin: 0; padding: 0; } .tabs__trigger { background: transparent; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.29); border: 0; color: #858789; cursor: pointer; display: block; font-weight: bold; margin-left: 1rem; padding: 1.5em; position: relative; text-transform: uppercase; transition: all 400ms ease-in-out 0ms; } @media screen and (max-width: 767px) { .tabs__trigger { padding: 1rem 0.5rem; } } .tabs__trigger:hover, .tabs__trigger:active, .tabs__trigger.-current { color: #fff; } .tabs__trigger:hover::before, .tabs__trigger:active::before, .tabs__trigger.-current::before { opacity: 1; } .tabs__trigger::before { background: linear-gradient(to bottom, #ff7753 0%, #ff5e33 100%); border-radius: 5px 5px 0 0; content: ""; display: block; opacity: 0; position: absolute; z-index: -1; transition: all 400ms ease-in-out 0ms; bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .tabs__panel { background-color: #f0f0f0; display: none; } .tabs__panel::before, .tabs__panel::after { height: 2.5rem; width: 50%; } .tabs__panel::before { transform: rotate(-1deg) skewX(-60deg); } .tabs__panel::after { transform: rotate(1deg) skewX(60deg); } .tabs__panel.-current { display: block; } .tabs__inner { padding: 5rem 3rem 3rem; } @media screen and (max-width: 767px) { .tabs__inner { padding: 3rem 1.5rem 1.5rem; } } .js-swiper-control { transition: all 250ms ease-in-out 0ms; } .js-swiper-control[data-fa-icon]::before { margin-right: 0; } .js-swiper-control.swiper-button-disabled { opacity: 0.1; pointer-events: none; } .js-swiper-control.-is-hidden { display: none; } .gallery { display: block; margin: 7rem 0 6rem; } @media screen and (max-width: 767px) { .gallery { margin: 4rem 0 2rem; } } .gallery__title { color: #6c7179; font-family: "Barlow", sans-serif; font-size: 1.8rem; font-style: italic; font-weight: 700; margin-bottom: 2.5rem; margin-top: 5rem; } .gallery__list { display: flex; list-style: none; margin: 0; padding: 0; position: relative; } @media screen and (max-width: 767px) { .gallery__list { margin: 0 -1rem; } .gallery__list::after { bottom: 0; position: absolute; right: 0; display: flex; background-color: #ff7753; color: #fff; content: "+" attr(data-items); font-family: "Barlow", sans-serif; font-size: 1.6rem; font-style: italic; line-height: 1; padding: 1.7rem; } } .gallery__item { color: #fff; display: block; overflow: hidden; position: relative; width: 25%; } .gallery__item::after { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f06e"; } @media screen and (max-width: 767px) { .gallery__item { width: 100%; } .gallery__item:not(:nth-child(-n+2)) { display: none; } .gallery__item:nth-child(-n+2) { flex: 1; } } .gallery__item::after, .gallery__item::before { left: 0; position: absolute; top: 0; height: 100%; width: 100%; transition: all 250ms ease-in-out 0ms; } .gallery__item::after { align-items: center; display: flex; font-size: 2.7rem; font-weight: 700; justify-content: center; opacity: 0; z-index: 5; } .gallery__item::before { background-color: rgba(66, 56, 69, 0.3); border-radius: 11rem 0.2rem; content: ""; opacity: 0; transform: scale(0.5); } .gallery__item:hover::after, .gallery__item:focus::after { opacity: 1; } .gallery__item:hover::before, .gallery__item:focus::before { opacity: 1; transform: scale(2); } .gallery__thumb { display: block; font-family: "object-fit: cover; object-position: center;"; height: 100%; object-fit: cover; width: 100%; height: auto; } .fancybox-slide.fancybox-slide--image .fancybox-image { left: 50%; max-width: 100%; transform: translateX(-50%); width: auto; } .print-banner { display: none; } .comments { margin: 2rem 0 3rem; } .comments__title { color: #000; font-family: "Barlow", sans-serif; font-size: 2rem; font-weight: 700; margin: 0 0 2rem; } .comments__title::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f086"; } .comments__title::before { color: #ff7753; margin-right: 0.5rem; } .comments__listitems { list-style: none; margin: 0; padding: 0; } .comments__listitems.-lvl-2 .comments__item { padding-left: 10rem; } @media screen and (max-width: 1279px) { .comments__listitems.-lvl-2 .comments__item { padding-left: 3rem; } } .comments__listitems.-lvl-2 .comments__item-wrapper { background-color: #fff; } .comments__listitems.-lvl-2 .comments__item-wrapper::before { border-color: transparent #dde1e8 transparent transparent; } @media screen and (max-width: 1279px) { .comments__listitems.-lvl-2 .comments__item-wrapper::before { border-color: transparent transparent #dde1e8 transparent; } } .comments__listitems.-lvl-2 .comments__item-wrapper::after { border-color: transparent #fff transparent transparent; } @media screen and (max-width: 1279px) { .comments__listitems.-lvl-2 .comments__item-wrapper::after { border-color: transparent transparent #fff transparent; } } .comments__avatar { display: flex; height: 8rem; width: 8rem; background-color: #f7f8fb; float: left; margin-right: 1rem; } @media screen and (max-width: 1279px) { .comments__avatar { float: none; margin-bottom: 1em; margin-right: 0; } } .comments__avatar svg { height: 4.3rem; width: 4.3rem; fill: #6c7179; } .comments__item { margin: 2rem 0; } .comments__item-container { overflow: hidden; padding-left: 1rem; } @media screen and (max-width: 1279px) { .comments__item-container { padding: 1rem 0 0; } } .comments__item-wrapper { background: #f7f8fb; border: 1px solid #dde1e8; padding: 2rem; position: relative; } .comments__item-wrapper::before, .comments__item-wrapper::after { bottom: auto; left: auto; position: absolute; right: 100%; top: auto; height: 0; width: 0; border-style: solid; content: ""; display: block; } @media screen and (max-width: 1279px) { .comments__item-wrapper::before, .comments__item-wrapper::after { right: inherit; } } .comments__item-wrapper::before { border-color: transparent #dde1e8 transparent transparent; border-width: 1.2rem; top: 1.9rem; } @media screen and (max-width: 1279px) { .comments__item-wrapper::before { border-color: transparent transparent #dde1e8 transparent; left: 2.8rem; top: -2.4rem; } } .comments__item-wrapper::after { border-color: transparent #f7f8fb transparent transparent; border-width: 10px; top: 2.1rem; } @media screen and (max-width: 1279px) { .comments__item-wrapper::after { border-color: transparent transparent #f7f8fb transparent; left: 3rem; top: -2rem; } } .comments__header { color: #bbc4d2; font-family: "Barlow Condensed", sans-serif; font-size: 1.2rem; margin: 0; } @media screen and (max-width: 1279px) { .comments__header { padding-bottom: 2rem; } } .comments__author { font-style: normal; font-weight: 700; } .comments__date { font-weight: 300; } .comments__content p { color: #000; font-family: "Barlow", sans-serif; font-size: 1.4rem; font-weight: 300; margin: 1.5rem 0 0; } .comments__content p a { color: inherit; } .comments__reply-link { bottom: auto; left: auto; position: absolute; right: 2rem; top: 2rem; } @media screen and (max-width: 1279px) { .comments__reply-link { bottom: auto; left: auto; position: static; right: auto; top: auto; } } .comments__reply-link p { color: #bbc4d2; font-family: "Barlow Condensed", sans-serif; font-size: 1.2rem; font-weight: 300; margin: 0; text-transform: uppercase; } .comments__reply-link p::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f0da"; } .comments__reply-link p a { color: #bbc4d2; } .comments__reply-link p a:hover, .comments__reply-link p a:focus { text-decoration: underline; } .comments__reply-link p::before { margin-right: 0.5rem; } .comment-reply { margin: 5rem 0 2rem; } .comment-reply__title { color: #000; font-family: "Barlow", sans-serif; font-size: 2rem; font-weight: 300; } .comment-reply__avatars { margin: 0 0 2.5rem; padding: 0; } .comment-reply__avatars legend { color: #000; font-family: "Barlow", sans-serif; font-size: 1.4rem; font-weight: 700; margin-bottom: 1rem; text-transform: uppercase; } .comment-reply__avatar { display: inline-block; margin-right: 1rem; vertical-align: middle; } @media screen and (max-width: 1279px) { .comment-reply__avatar { margin-bottom: 1rem; } } .comment-reply__avatar label { display: flex; height: 8rem; width: 8rem; background: #f7f8fb; margin: 0; padding: 0; position: relative; } .comment-reply__avatar label svg { height: 4.3rem; width: 4.3rem; fill: #6c7179; } .comment-reply__avatar input[type=radio] { left: -9999px; position: absolute; } .comment-reply__avatar input[type=radio]:checked + label { background: #ff7753; } .comment-reply__avatar input[type=radio]:checked + label svg { fill: #fff; } .comment-reply__avatar input[type=radio]:focus + label { outline: 1px dashed #ff7753; outline-offset: 2px; } .comment-reply__avatar input[type=radio]:hover + label { background: #ff7753; } .comment-reply__avatar input[type=radio]:hover + label svg { fill: #fff; } @media screen and (max-width: 1279px) { .comment-reply .col-xs-12 { margin-bottom: 2.5rem; } } .comment-reply .col-xs-12 .text-help { color: #6c7179; } .comment-reply__buttons { text-align: right; } .combobox-container { position: relative; } .js-combobox { padding-right: 4rem; } .combobox-clear-button { position: absolute; right: 0.5rem; top: 0.5rem; height: 3rem; width: 3rem; transition: all 250ms ease-in-out 0ms; border: 0; border-radius: 50%; cursor: pointer; font-size: 1.4rem; } .combobox-clear-button:hover, .combobox-clear-button:focus { background-color: #ff7753; color: #fff; } .combobox-suggestions { position: absolute; top: 100%; background-color: #fff; margin-top: 1rem; width: 100%; } .combobox-suggestions > div { transition: opacity 250ms ease-in-out 0ms; opacity: 0; visibility: hidden; } .combobox-suggestions > div::before { position: absolute; right: 1rem; top: -1rem; border-color: transparent; border-style: solid; border-width: 0 1rem 1rem; content: ""; opacity: 0; visibility: hidden; } .combobox-suggestions > div:not(:empty) { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.4); opacity: 1; padding: 1rem; visibility: visible; } .combobox-suggestions > div:not(:empty)::before { border-color: transparent transparent #fff; opacity: 1; visibility: visible; } .combobox-suggestion { transition: all 250ms ease-in-out 0ms; cursor: pointer; font-size: 1.3rem; padding: 0.5rem; } .combobox-suggestion:hover, .combobox-suggestion:focus { background-color: #ff7753; color: #fff; } .menu-skip { width: 100%; } .menu-skip__label { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(100%); height: 1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } .menu-skip__list { list-style: none; margin: 0; padding: 0; } .menu-skip a { color: contrast-switch(#ff7753); font-size: 1.4rem; left: 0; position: absolute; top: -20rem; transition: all 0.3s ease; } .menu-skip a:focus { background: #ff7753; display: block; padding: 1.5rem; top: 0; width: 100%; z-index: 101; } .header-bar { transition: all 250ms ease-in-out 0ms; background-color: rgba(66, 56, 69, 0.5); margin: 0 auto; width: 100%; z-index: 5; } @media screen and (max-width: 1279px) { .header-bar { height: 8rem; max-width: 100%; } } @media screen and (max-width: 767px) { .header-bar { height: 6rem; } } .header-bar.-absolute { left: 0; position: absolute; top: 0; } @media screen and (max-width: 1279px) { .header-bar.-absolute { bottom: auto; top: 0; } } .site-wrapper.-overflow-hidden .header-bar { background-color: #423845; border-bottom: 1px solid rgba(255, 255, 255, 0.25); } .header-bar.-wide { max-width: 100%; } .header-bar.-map, .header-bar.-map .header-bar__inner { margin-bottom: 0; } @media screen and (max-width: 479px) { .header-bar.-map, .header-bar.-map .header-bar__inner { height: 4.6rem; } } .header-bar.-map .header-bar__logo { padding-left: 3rem; } @media screen and (max-width: 1024px) { .header-bar.-map .header-bar__logo { max-width: calc(100% - 18rem); } } @media screen and (max-width: 479px) { .header-bar.-map .header-bar__logo { max-width: calc(100% - 14rem); padding: 1rem; } } .header-bar.-map .header-bar__components { max-width: 100%; } @media screen and (max-width: 1024px) { .header-bar.-map .header-bar__components { max-width: 22rem; } } @media screen and (max-width: 479px) { .header-bar.-map .header-bar__components { max-width: 14rem; } } .header-bar.-light { background-color: #fff; } .header-bar.-light .header-bar__inner { background-color: #fff; } .header-bar__inner { background-color: rgba(66, 56, 69, 0.5); margin-bottom: 0.1rem; display: flex; } .header-bar__inner.-has-shadow { position: relative; } .header-bar__inner.-has-shadow::before, .header-bar__inner.-has-shadow::after { bottom: 1.3rem; left: 6rem; position: absolute; background-color: transparent; bottom: 1.3rem; box-shadow: 0 1.5rem 1.5rem 0 rgba(0, 0, 0, 0.8); content: ""; display: block; height: 30%; width: calc(40% - 3rem); z-index: -1; } .header-bar__inner.-has-shadow::before { transform: rotate(-2deg) skewX(-60deg); } .header-bar__inner.-has-shadow::after { left: auto; right: 6rem; transform: rotate(2deg) skewX(60deg); } body.tourism .header-bar__inner { background-color: rgba(41, 33, 43, 0.7); padding: 0 1rem; } @media screen and (max-width: 1279px) { body.tourism .header-bar__inner { padding: 0 0 0 1rem; } } .header-bar__logo { border-right: 1px solid #fff; min-width: 20%; padding: 0 3rem 0.8rem 6.5rem; } @media (max-width: 1580px) { .header-bar__logo { padding: 0 2rem 0.8rem; } } @media (max-width: 1430px) { .header-bar__logo { padding: 0 1.5rem 0.8rem; } } @media screen and (max-width: 1279px) { .header-bar__logo { border: 0; } } body.tourism .header-bar__logo { border-right: 0; min-width: 43rem; padding-left: 0; padding-right: 1rem; } @media screen and (max-width: 767px) { body.tourism .header-bar__logo { min-width: 25rem; } } @media screen and (max-width: 479px) { body.tourism .header-bar__logo { min-width: 18rem; } } .header-bar__components { border-left: 1px solid #fff; display: flex; min-width: 35%; } @media screen and (max-width: 1279px) { .header-bar__components { border: 0; min-width: auto; } } @media screen and (max-width: 767px) { .header-bar__components { max-width: 12rem; } } body.tourism .header-bar__components { min-width: auto; } body.tourism .header-bar__components .language { padding: 0 2rem; } @media screen and (max-width: 1279px) { body.tourism .header-bar__components .language { display: none; } } .header-bar__links { padding: 1.75rem 1.5rem; } body.tourism .header-bar__links { padding: 1.5rem 1rem; } .header-bar__links .header-bar__link { color: #ff7753; font-family: "Barlow Condensed", sans-serif; font-size: 2rem; font-weight: 700; padding: 0 2.5rem; text-transform: uppercase; } .header-bar__links .header-bar__link:hover, .header-bar__links .header-bar__link:focus { color: #fff; } @media (max-width: 1550px) { .header-bar__links .header-bar__link { padding: 0 1.5rem; } } @media (max-width: 1350px) { .header-bar__links .header-bar__link { padding: 0 0.8rem; } } body.tourism .header-bar__links .header-bar__link { padding: 0 1rem; } @media screen and (max-width: 1279px) { .header-bar__links { display: none; } } @media screen and (max-width: 1279px) { .header-bar__social { display: none; } } .header-bar__lang { border-right: 1px solid #fff; display: none; padding: 0.2rem 1.8rem 0.2rem 0; } body.tourism .header-bar__lang { display: block; padding-right: 1rem; } @media screen and (max-width: 1279px) { body.tourism .header-bar__lang { margin-left: auto; padding-right: 2rem; } } @media screen and (max-width: 767px) { body.tourism .header-bar__lang { padding: 0 1rem; } } @media screen and (max-width: 479px) { body.tourism .header-bar__lang { display: none; } } @media screen and (max-width: 1279px) { .header-bar__search { padding: 0 2rem; } } @media screen and (max-width: 767px) { .header-bar__search { padding: 0 1rem; } } @media screen and (max-width: 1279px) { body.tourism .header-bar__search { border-right: 1px solid #fff; } } .header-bar__item .filters__btn.btn { background-color: #f27453; border: 0; } @media screen and (max-width: 1024px) { .header-bar__item .filters__btn.btn { display: block; min-height: 8rem; min-width: 8rem; padding: 1.4rem; } } @media screen and (max-width: 767px) { .header-bar__item .filters__btn.btn { min-height: 6rem; min-width: 6rem; } } @media screen and (max-width: 479px) { .header-bar__item .filters__btn.btn { min-height: 4.6rem; min-width: 4.6rem; } } .header-bar-btn { transition: all 250ms ease-in-out 0ms; display: flex; background-color: #f27453; color: #fff; font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; font-weight: 300; min-height: 8rem; min-width: 8rem; padding: 3rem; text-transform: uppercase; } @media screen and (max-width: 767px) { .header-bar-btn { min-height: 6rem; min-width: 6rem; padding: 1.4rem; } } @media screen and (max-width: 479px) { .header-bar-btn { min-height: 4.6rem; min-width: 4.6rem; } } .header-bar-btn::before, .header-bar-btn[data-fa-icon]::before { color: currentColor; } .header-bar-btn:hover, .header-bar-btn:focus { background-color: #f0572f; } .header-bar-btn.-no-text::before { margin: 0; } @media screen and (max-width: 767px) { .header-bar-btn.-no-text-mobile .header-bar-btn__text { border: 0 !important; clip: rect(1px, 1px, 1px, 1px); height: 1px !important; left: -9999px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; top: auto !important; width: 1px !important; } } .header-bar-btn.-dark { background-color: #ff7753; } .header-bar-btn.-dark:hover, .header-bar-btn.-dark:focus { background-color: #ff592d; } .header-bar-dropdown__toggle { transition: all 250ms ease-in-out 0ms; display: flex; align-items: center; background-color: #ff5629; border: 0; color: #fff; font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; font-weight: 300; height: 8rem; padding: 2.25rem 3.5rem 2.25rem 5.5rem; text-transform: uppercase; } @media screen and (max-width: 767px) { .header-bar-dropdown__toggle { height: 6rem; min-width: 6rem; padding: 1.4rem; } } @media screen and (max-width: 479px) { .header-bar-dropdown__toggle { height: 4.6rem; min-width: 4.6rem; } } .header-bar-dropdown__toggle:hover, .header-bar-dropdown__toggle:focus { background-color: #ff3803; } .header-bar-dropdown__toggle-ico { left: 3rem; position: absolute; top: 50%; transform: translateY(-50%); } .header-bar-dropdown__toggle-text { max-width: 8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .header-bar-dropdown__block { transition: all 250ms ease-in-out 0ms; position: absolute; background-color: #ff5629; margin: 0; padding: 1rem 3rem 2rem 4rem; } .header-bar-dropdown__item { position: relative; } .header-bar-dropdown__item::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f0da"; } .header-bar-dropdown__item::before { left: -0.8rem; position: absolute; top: 0; color: #fff; } .header-bar-dropdown__item:not(:last-child) { margin-bottom: 1rem; } .header-bar-dropdown__link { color: #fff; font-family: "Barlow Condensed", sans-serif; font-size: 1.2rem; font-weight: 300; text-transform: uppercase; white-space: nowrap; } .header-bar-dropdown__link:hover, .header-bar-dropdown__link:focus { text-decoration: underline; } @media screen and (max-width: 767px) { .header-bar-dropdown.-no-text-mobile .header-bar-dropdown__toggle-text { border: 0 !important; clip: rect(1px, 1px, 1px, 1px); height: 1px !important; left: -9999px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; top: auto !important; width: 1px !important; } .header-bar-dropdown.-no-text-mobile .header-bar-dropdown__toggle-ico { left: 50%; top: 50%; transform: translate(-50%, -50%); } } @media screen and (max-width: 767px) { .header-bar-dropdown.-no-arrow-mobile .header-bar-dropdown__toggle::after { display: none !important; } } .header-bar-dropdown.-has-arrow .header-bar-dropdown__toggle::after { margin-top: -0.1rem; right: 2.2rem !important; } .header-bar-dropdown.-drop-left-mobile .header-bar-dropdown__block { left: auto; right: 0; } .header-bar-dropdown.-is-open .header-bar-dropdown__toggle, .header-bar-dropdown.-is-open .header-bar-dropdown__block { background-color: #000; } .media-element { display: block; margin: 6.5rem 0 8rem; width: 100%; } .media-element audio, .media-element iframe, .media-element video { display: block; width: 100%; } .media-element .iframe, .media-element iframe { left: 0; position: absolute; top: 0; height: 100%; width: 100%; border: 0; } .media-element .click-roll { margin: 0.2rem 0 0; } .media-element .click-roll__toggle { background-color: transparent; border-bottom: 0.1rem solid #c5c5c5; color: #727272; font-size: 1.6rem; font-style: italic; font-weight: 400; padding: 1.2rem 3.8rem 1.2rem 1.2rem; } .media-element .click-roll__toggle::before { display: none; } .media-element .click-roll__toggle::after { top: 1.3rem; } .media-element .click-roll__toggle:hover, .media-element .click-roll__toggle:focus { background-color: #ff7753; color: #fff; } .media-element .click-roll.-is-open .click-roll__toggle { background-color: #ff7753; color: #fff; } .media-element__title { color: #75617b; font-size: 1.8rem; font-style: italic; font-weight: 700; margin-bottom: 1.5rem; margin-top: 0; } .media-element__wrapper { position: relative; width: 100%; } .media-element__ratio { display: block; height: auto; width: 100%; } .logo { color: #fff; display: inline-block; font-family: "Barlow", sans-serif; text-decoration: none; } .logo:hover, .logo:focus { text-decoration: none; } .logo:focus { outline-color: #fff; } .logo__text { color: inherit; display: block; font-family: inherit; font-size: 4.7rem; font-weight: 700; } @media screen and (max-width: 767px) { .logo__text { font-size: 4.2rem; } } @media screen and (max-width: 767px) { .logo__text { font-size: 3rem; } } .logo__text span { color: #ffa992; } .logo__text span:last-child { color: #ff7753; font-weight: 300; } body.tourism .logo__text { font-size: 4.4rem; } @media screen and (max-width: 767px) { body.tourism .logo__text { font-size: 3rem; } } @media screen and (max-width: 479px) { body.tourism .logo__text { font-size: 2.2rem; } body.tourism .logo__text span { font-size: 1.6rem; } } .logo.-dark { color: #000; } .logo.-light { color: #fff; } .logo.-has-decor { position: relative; } .logo.-has-decor .logo__text, .logo.-has-decor .logo__image { max-width: 21rem; } .logo.-has-decor::before { content: ""; position: absolute; } .header-search { border-left: 0.1rem solid #fff; } @media screen and (max-width: 1279px) { body.tourism .header-search { border-left: 0; } } .header-search__btn { align-items: center; background-color: transparent; border: 0; color: #fff; cursor: pointer; display: inline-flex; flex-shrink: 0; font-size: 2rem; justify-content: center; margin: 0 3rem; min-height: 5rem; min-width: 5rem; position: relative; transition: background-color 250ms ease-in-out 0ms; } @media (max-width: 1550px) { .header-search__btn { margin: 0 1rem; } } @media screen and (max-width: 1279px) { .header-search__btn { border-right: 1px solid #fff; margin: 0; padding-right: 3rem; } } @media screen and (max-width: 767px) { .header-search__btn { min-height: 0; min-width: 0; padding-right: 2rem; height: 4rem; width: 4rem; } } .header-search__btn .fas { font-weight: 300; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .header-search__btn:hover .fas, .header-search__btn:focus .fas { color: #ff7753; } body.tourism .header-search__btn { margin: 0 1rem; } @media screen and (max-width: 1279px) { body.tourism .header-search__btn { border-right: 0; margin: 0; padding: 0; } } .header-search__btn.-light { background-color: #fff; color: #000; } .header-search__form { bottom: auto; left: 0; position: absolute; right: auto; top: 0; height: 0; width: 0; transition: all 250ms ease-in-out 0ms; background-color: #423845; flex-grow: 1; opacity: 0; visibility: hidden; } .header-search__form form { display: flex; margin: 0; } .header-search__form-input { align-items: center; display: flex; flex-grow: 1; padding: 2.5rem; } @media screen and (max-width: 767px) { .header-search__form-input { padding: 0.5rem 1rem; } } .header-search__form-input label { color: #fff; font-family: "Barlow", sans-serif; font-size: 1.2rem; margin: 0 1.5rem 0 0; } @media screen and (max-width: 767px) { .header-search__form-input label { margin-right: 0.5rem; } } .-is-open .header-search__form { height: 9rem; width: 100%; opacity: 1; visibility: visible; z-index: 1; } @media screen and (max-width: 767px) { .-is-open .header-search__form { height: 6rem; } } .menu-trigger { background-color: #ff7753; border: 0; color: #fff; cursor: pointer; display: none; font-family: "Barlow Condensed", sans-serif; min-height: 8rem; overflow: hidden; padding: 3rem 3rem 3rem 6rem; position: relative; transition: background-color 250ms ease-in-out 0ms; } @media screen and (max-width: 1279px) { .menu-trigger { background-color: transparent; display: block; min-height: 0; padding: 0; height: 8rem; width: 8rem; } } @media screen and (max-width: 767px) { .menu-trigger { height: 6rem; width: 6rem; } } .menu-trigger:hover .menu-trigger__line, .menu-trigger:focus .menu-trigger__line { background-color: #ff7753; } .menu-trigger__lines { left: 3.7rem; position: absolute; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 1279px) { .menu-trigger__lines { left: 50%; transform: translate(-50%, -50%); } } .menu-trigger__line { background-color: #fff; display: block; height: 0.2rem; margin-bottom: 0.3rem; width: 1.4rem; transition: all 250ms ease-in-out 0ms; } .menu-trigger__line:last-child { margin-bottom: 0; } .menu-trigger__text { color: inherit; font-family: inherit; font-size: 1.5rem; text-transform: uppercase; } @media screen and (max-width: 1279px) { .menu-trigger__text { border: 0 !important; clip: rect(1px, 1px, 1px, 1px); height: 1px !important; left: -9999px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; top: auto !important; width: 1px !important; } } .menu-trigger.-is-open { background-color: #29212b; margin-top: -0.1rem; } .menu-trigger.-is-open .menu-trigger__line { background-color: #ff7753; } .menu-trigger.-is-open .menu-trigger__line:first-child { transform: translateY(0.5rem) rotate(45deg); } .menu-trigger.-is-open .menu-trigger__line:nth-child(2) { opacity: 0; } .menu-trigger.-is-open .menu-trigger__line:last-child { transform: translateY(-0.5rem) rotate(-45deg); } .mnv-menu { transition: all 300ms ease-in-out 0ms; } @media screen and (max-width: 1279px) { .mnv-menu { bottom: auto; left: auto; position: fixed; right: 0; top: 8rem; height: calc(100vh - 8rem); max-width: 50rem; transform: translateX(100%); width: 100%; z-index: 6000; } } @media screen and (max-width: 1279px) and (max-width: 1279px) { .mnv-menu { background-color: #423845; max-width: 100%; } } @media screen and (max-width: 1279px) and (max-width: 767px) { .mnv-menu { top: 6rem; } } .mnv-menu__nav { height: 100%; width: 100%; } @media screen and (max-width: 1279px) { .mnv-menu__nav { height: 100vh; overflow-y: auto; position: relative; } } .mnv-menu__nav .header-bar__links { display: none; } @media screen and (max-width: 1279px) { .mnv-menu__nav .header-bar__links { display: block; padding: 3rem 0; position: relative; text-align: center; } .mnv-menu__nav .header-bar__links::after { background-color: #c9bacd; bottom: 0; content: ""; height: 0.1rem; left: 2rem; position: absolute; right: 2rem; } .mnv-menu__nav .header-bar__links a { padding: 0 2rem; } } .mnv-menu__nav .one-click-panel__content { display: none; } @media screen and (max-width: 1279px) { .mnv-menu__nav .one-click-panel__content { color: #fff; display: block; padding: 2.5rem 3.5rem; } } .mnv-menu__nav .one-click-panel__title { display: flex; font-size: 2.2rem; font-weight: 700; margin-bottom: 2.5rem; margin-top: 0; text-transform: uppercase; } .mnv-menu__nav .one-click-panel__item { border-bottom: 0; border-top: 1px solid rgba(255, 255, 255, 0.5); margin-bottom: 0.1rem; padding: 0; } .mnv-menu__nav .one-click-panel__link { color: #fff; display: block; font-size: 1.7rem; font-weight: 300; padding: 1rem 3rem; position: relative; z-index: 1000; } .mnv-menu__nav .one-click-panel__link::before { font-size: 1.4rem; } .mnv-menu__nav .one-click-panel__link:hover, .mnv-menu__nav .one-click-panel__link:focus { background: #ff7753; } .mnv-menu__nav .one-click-panel__link:hover::before, .mnv-menu__nav .one-click-panel__link:focus::before { color: #423845; } .mnv-menu__close { background-color: #383838; border: 0; color: #fff; cursor: pointer; display: none; flex-basis: auto; flex-shrink: 0; font-family: "Barlow", sans-serif; font-size: 1.6rem; font-weight: 700; line-height: 1; padding: 3.2rem 4.5rem; position: relative; text-align: right; text-transform: uppercase; width: 100%; transition: all 250ms ease-in-out 0ms; } @media screen and (max-width: 1279px) { .mnv-menu__close { height: 8rem; width: 8rem; margin-left: auto; padding: 0; } } @media screen and (max-width: 767px) { .mnv-menu__close { height: 6rem; width: 6rem; } } .mnv-menu__close:hover, .mnv-menu__close:focus { background-color: rgba(0, 0, 0, 0.3); } .mnv-menu__close:focus { outline-color: #fff; outline-offset: -0.3rem; } @media screen and (max-width: 1279px) { .mnv-menu__close-text { border: 0 !important; clip: rect(1px, 1px, 1px, 1px); height: 1px !important; left: -9999px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; top: auto !important; width: 1px !important; } } .mnv-menu__close-icon { position: absolute; right: 2.5rem; top: 50%; font-size: 1.7rem; transform: translateY(-50%); } @media screen and (max-width: 1279px) { .mnv-menu__close-icon { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } } .mnv-menu__list { color: #fff; display: flex; font-family: "Barlow Condensed", sans-serif; justify-content: center; list-style: none; margin: 0; padding: 0; } @media screen and (max-width: 1279px) { .mnv-menu__list { display: block; } } .mnv-menu__list > .mnv-menu__item { flex-shrink: 0; } @media screen and (max-width: 1279px) { .mnv-menu__list > .mnv-menu__item { position: relative; } .mnv-menu__list > .mnv-menu__item::after { background-color: #c9bacd; bottom: 0; content: ""; height: 0.1rem; left: 2rem; position: absolute; right: 2rem; } } .mnv-menu__list > .mnv-menu__item > .mnv-menu__link { color: inherit; display: block; font-size: 2rem; font-weight: 300; line-height: 1; padding: 3.4rem 2.3rem; text-transform: uppercase; } .mnv-menu__list > .mnv-menu__item > .mnv-menu__link::after { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f107"; } .mnv-menu__list > .mnv-menu__item > .mnv-menu__link::after { color: #ff7753; margin-left: 0.8rem; } @media (max-width: 1430px) { .mnv-menu__list > .mnv-menu__item > .mnv-menu__link { padding: 2rem 1rem; } } @media (max-width: 1340px) { .mnv-menu__list > .mnv-menu__item > .mnv-menu__link { padding: 3.4rem 1rem; } } @media screen and (max-width: 1279px) { .mnv-menu__list > .mnv-menu__item > .mnv-menu__link { padding: 2rem 1rem; position: relative; } .mnv-menu__list > .mnv-menu__item > .mnv-menu__link::after { position: absolute; right: 2rem; top: 50%; transform: translateY(-50%); } .mnv-menu__list > .mnv-menu__item > .mnv-menu__link:hover, .mnv-menu__list > .mnv-menu__item > .mnv-menu__link:focus { color: #ff7753; } } body.tourism .mnv-menu__list > .mnv-menu__item > .mnv-menu__link { padding: 2rem 1rem; } .mnv-menu__list > .mnv-menu__item > .mnv-menu__toggle { color: #f7f8fb; display: none; height: 3rem; padding: 0; position: absolute; right: 5rem; top: calc(100% + 4rem); width: 3rem; } .mnv-menu__list > .mnv-menu__item > .mnv-menu__toggle::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f00d"; } .mnv-menu__list > .mnv-menu__item > .mnv-menu__toggle::before { color: currentColor; font-size: 1.4rem; font-weight: 300; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .mnv-menu__list > .mnv-menu__item > .mnv-menu__toggle:hover, .mnv-menu__list > .mnv-menu__item > .mnv-menu__toggle:focus { background-color: #ff7753; color: #fff; } .mnv-menu__list > .mnv-menu__item.-is-open > .mnv-menu__link { position: relative; } .mnv-menu__list > .mnv-menu__item.-is-open > .mnv-menu__link::after { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f106"; } .mnv-menu__list > .mnv-menu__item.-is-open > .mnv-menu__link::before { background-color: #423845; bottom: -1px; content: ""; height: 1px; left: 0; position: absolute; width: 100%; } .mnv-menu__list > .mnv-menu__item > .mnv-menu__link:hover, .mnv-menu__list > .mnv-menu__item > .mnv-menu__link:focus, .mnv-menu__list > .mnv-menu__item[data-has-current] > .mnv-menu__link, .mnv-menu__list > .mnv-menu__item.-is-open > .mnv-menu__link { background-color: #423845; } @media screen and (min-width: 1280px) { .mnv-menu__list > .mnv-menu__item.-is-open > .mnv-menu__toggle { display: block; } } .mnv-menu__item { transition: all 250ms ease-in-out 0ms; } @media screen and (max-width: 1279px) { .mnv-menu__item { padding: 0; } } .mnv-menu__item.-is-open .mnv-menu__submenu { max-height: 100rem; opacity: 1; visibility: visible; } @media screen and (max-width: 1279px) { .mnv-menu__item.-is-open > .mnv-menu__submenu { max-height: 10000rem; opacity: 1; visibility: visible; } } .mnv-menu__item.-is-open > .mnv-menu__toggle::before { transform: translate(-50%, -50%) rotate(180deg); } .mnv-menu__item.-is-open::after { opacity: 0; visibility: hidden; } .mnv-menu__link { color: inherit; flex-grow: 0; font-family: inherit; transition: all 250ms ease-in-out 0ms; } .mnv-menu__link:focus { outline-color: #fff; outline-offset: -0.3rem; } .mnv-menu__toggle { background-color: transparent; border: 0; color: #fff; max-height: 5.6rem; position: relative; width: 15%; transition: all 250ms ease-in-out 0ms; } @media screen and (max-width: 767px) { .mnv-menu__toggle { padding: 0; } } .mnv-menu__toggle:hover, .mnv-menu__toggle:focus { background-color: rgba(0, 0, 0, 0.2); } .mnv-menu__toggle:focus { outline-color: #fff; outline-offset: 0; } .mnv-menu__submenu { height: auto; list-style: none; max-height: 0; opacity: 0; padding: 0; visibility: hidden; transition: all 250ms ease-in-out 0ms; } @media screen and (max-width: 1279px) { .mnv-menu__submenu { width: calc(100% + 4rem); } } @media screen and (max-width: 767px) { .mnv-menu__submenu { width: calc(100% + 4rem); } } .mnv-menu__submenu.-level-1 { background-color: #423845; display: flex; flex-wrap: wrap; left: 0; padding: 7rem 24rem 1rem 19rem; position: absolute; top: 100%; width: 100%; z-index: -2; overflow-x: hidden; overflow-y: scroll; min-height: 635px; min-height: 0; height: 100%; height: auto; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ /* Hide scrollbar for Chrome, Safari and Opera */ } .mnv-menu__submenu.-level-1::-webkit-scrollbar { display: none; } .mnv-menu__submenu.-level-1::before { background-color: #423845; content: ""; height: 100%; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 100vw; z-index: -1; } @media (max-width: 1580px) { .mnv-menu__submenu.-level-1 { padding: 7rem 14rem 1rem; } } @media screen and (max-width: 1279px) { .mnv-menu__submenu.-level-1 { background-color: #29212b; padding: 0; position: static; } } .mnv-menu__submenu.-level-1 > .mnv-menu__item { padding: 0 0 5rem 2rem; width: 25%; } @media screen and (max-width: 1279px) { .mnv-menu__submenu.-level-1 > .mnv-menu__item { padding-bottom: 0; padding-left: 0; position: relative; width: 100%; } } .mnv-menu__submenu.-level-1 > .mnv-menu__item > .mnv-menu__link { display: block; font-size: 2rem; font-weight: 700; margin-bottom: 1.5rem; text-transform: uppercase; } .mnv-menu__submenu.-level-1 > .mnv-menu__item > .mnv-menu__link::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f0da"; } .mnv-menu__submenu.-level-1 > .mnv-menu__item > .mnv-menu__link::before { color: #ff7753; margin-right: 0.8rem; } @media screen and (max-width: 1279px) { .mnv-menu__submenu.-level-1 > .mnv-menu__item > .mnv-menu__link { margin-bottom: 0; padding: 1.5rem; } } .mnv-menu__submenu.-level-1 > .mnv-menu__item > .mnv-menu__toggle { display: none; } .mnv-menu__submenu.-level-1 > .mnv-menu__item > .mnv-menu__toggle::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f0d7"; font-weight: 700; } .mnv-menu__submenu.-level-1 > .mnv-menu__item > .mnv-menu__toggle::before { font-size: 1.5rem; } .mnv-menu__submenu.-level-1 > .mnv-menu__item > .mnv-menu__link:hover, .mnv-menu__submenu.-level-1 > .mnv-menu__item > .mnv-menu__link:focus, .mnv-menu__submenu.-level-1 > .mnv-menu__item.-is-open > .mnv-menu__link { background-color: #ff7753; color: #fff; } .mnv-menu__submenu.-level-1 > .mnv-menu__item[aria-current=true] { background-color: #423845; } .mnv-menu__submenu.-level-1 > .mnv-menu__item[aria-current=true]::after { opacity: 0; } .mnv-menu__submenu.-level-2 { margin-left: 2.5rem; } @media screen and (max-width: 1279px) { .mnv-menu__submenu.-level-2 { margin-left: 0; max-height: 100%; opacity: 1; visibility: visible; width: calc(100% + 5rem); } } @media screen and (max-width: 767px) { .mnv-menu__submenu.-level-2 { width: calc(100% + 3rem); } } @media screen and (max-width: 1279px) { .mnv-menu__submenu.-level-2 > .mnv-menu__item { padding-left: 0; } } @media screen and (max-width: 767px) { .mnv-menu__submenu.-level-2 > .mnv-menu__item { padding-left: 0; } } .mnv-menu__submenu.-level-2 > .mnv-menu__item .mnv-menu__link { display: block; font-size: 1.8rem; font-weight: 300; line-height: 1; padding: 0.5rem 0 0.5rem 1.2rem; position: relative; text-transform: uppercase; } .mnv-menu__submenu.-level-2 > .mnv-menu__item .mnv-menu__link::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f105"; } .mnv-menu__submenu.-level-2 > .mnv-menu__item .mnv-menu__link::before { color: #ff7753; left: 0; position: absolute; } @media screen and (max-width: 1279px) { .mnv-menu__submenu.-level-2 > .mnv-menu__item .mnv-menu__link { padding: 0.5rem 4rem; } .mnv-menu__submenu.-level-2 > .mnv-menu__item .mnv-menu__link::before { left: 3rem; } } .mnv-menu__submenu.-level-2 > .mnv-menu__item .mnv-menu__link:hover, .mnv-menu__submenu.-level-2 > .mnv-menu__item .mnv-menu__link:focus { background-color: #ff7753; color: #fff; } .mnv-menu__submenu.-level-2 > .mnv-menu__item > .mnv-menu__toggle::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f107"; font-weight: 700; } .mnv-menu__submenu.-level-2 > .mnv-menu__item > .mnv-menu__toggle::before { color: #423845; font-size: 1.5rem; } .mnv-menu.-is-open { transform: translateX(0); } .js-mnv-overlay { bottom: 0; left: 0; position: fixed; right: 0; top: 0; transition: all 300ms ease-in-out 0ms; background-color: rgba(0, 0, 0, 0.7); height: 100vh; opacity: 0; visibility: hidden; width: 100%; z-index: 5000; } .js-mnv-overlay.-is-open { opacity: 1; visibility: visible; } .search-page .filters__field label { text-transform: none; } .tx_solr { display: flex; } #tx-solr-search { width: 72%; margin-left: 3%; order: 2; } @media screen and (max-width: 767px) { #tx-solr-search { width: 100%; margin: 0; } } #tx-solr-search ol { list-style: none; padding: 0; margin: 0; } #tx-solr-search .number-articles { border-bottom-color: #dde1e8; color: #494949; font-family: "Barlow", sans-serif; font-size: 1.8rem; padding-bottom: 1.4444444444em; } #tx-solr-search-functions { width: 25%; } @media screen and (max-width: 767px) { #tx-solr-search-functions { width: 100%; } } .tx-solr-search-form { background-color: #f2f2f2; border: 1px solid #cfcecf; margin-bottom: 10px; padding: 10px; } .tx-solr-q { border: 1px solid #cfcecf; padding: 5px; width: 80%; } .tx-solr-submit { background-color: #cfcecf; border: 0; color: #494949; font-weight: bold; padding: 6px; width: 15%; } #tx-solr-faceting, #tx-solr-sorting { margin-bottom: 6rem; } #tx-solr-faceting h2, #tx-solr-sorting h2 { color: #494949; font-size: 2rem; margin-top: 0; text-transform: uppercase; } #tx-solr-faceting .facets { padding: 0; margin: 0; } #tx-solr-faceting .facets .facet-option-list { padding: 1rem 2rem; margin-bottom: 2rem; } #tx-solr-faceting .facets .facet-type-numericRange .facet-option-list { width: 85%; } #tx-solr-faceting .facets .facet-label { border-bottom: 4px solid #ff7753; color: #494949; font-size: 1.8rem; font-weight: bold; margin: 0.5em 0; padding: 0.25em 0.5em; position: relative; } #tx-solr-faceting .facets .facet-label::after { left: 1rem; position: absolute; top: 100%; border-color: #ff7753 transparent transparent transparent; border-style: solid; border-width: 10px 10px 0; content: ""; display: block; height: 0; width: 0; } #tx-solr-faceting .facets .facet-result-count { color: #707070; } #tx-solr-faceting .facets .dateselector-label { display: block; float: left; font-weight: 400; text-transform: none; width: 100%; } #tx-solr-faceting .facets .dateselector-label span { font-style: italic; color: #727272; } #tx-solr-faceting .facets .dateselector { display: block; width: 100%; } #tx-solr-faceting .facets li { list-style-type: none; } #tx-solr-facets-in-use { margin-bottom: 6rem; } #tx-solr-facets-in-use li { list-style-type: none; margin-left: 10px; } #tx-solr-facets-in-use li:not(.facets-remove-all) a { text-decoration: none; } #tx-solr-facets-in-use li:not(.facets-remove-all) a::after { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f00d"; } #tx-solr-facets-in-use li:not(.facets-remove-all) a::after { font-size: 0.7647058824em; line-height: 1.3076923077em; margin-left: 0.5rem; } #tx-solr-facets-in-use li:not(.facets-remove-all) a:hover, #tx-solr-facets-in-use li:not(.facets-remove-all) a:focus { text-decoration: underline; } #tx-solr-facets-in-use .facets-remove-all { margin: 2rem 0 0; padding: 0; } #tx-solr-facets-in-use .facets-remove-all::before { content: none; } #tx-solr-facets-in-use .facets-remove-all a { background-color: transparent; border: solid 1px rgba(221, 225, 232, 0.5); color: #000; display: block; font-family: "Barlow Condensed", sans-serif; line-height: 1.1428571429; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; transition: all 100ms ease-in-out 0ms; font-size: 1.4rem; padding: 0.7857142857em 1.0714285714em; } #tx-solr-facets-in-use .facets-remove-all a.-circle, #tx-solr-facets-in-use .facets-remove-all a.-no-text { padding: 0.7857142857em 1.3571428571em; } #tx-solr-facets-in-use .facets-remove-all a::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f057"; } #tx-solr-facets-in-use .facets-remove-all a::before { color: inherit; font-size: 1em; font-weight: 700; line-height: 1; margin-right: 0; } #tx-solr-facets-in-use .facets-remove-all a::before { color: #423845; margin-right: 0.5rem; } #tx-solr-facets-in-use .facets-remove-all a:hover, #tx-solr-facets-in-use .facets-remove-all a:focus { background-color: #ff7753; border-color: transparent; color: #fff; cursor: pointer; text-decoration: none; } #tx-solr-facets-in-use .facets-remove-all a:hover::before, #tx-solr-facets-in-use .facets-remove-all a:hover::after, #tx-solr-facets-in-use .facets-remove-all a:focus::before, #tx-solr-facets-in-use .facets-remove-all a:focus::after { color: inherit !important; } .facet-type-options ul, #tx-solr-facets-in-use ul, #tx-solr-sorting ul { color: #000; font-size: 1.7rem; font-weight: 300; list-style: none; margin: 2rem 0 1.5rem 0; padding: 0; } .facet-type-options li, #tx-solr-facets-in-use li, #tx-solr-sorting li { line-height: 1.4; margin-left: 0.8823529412em; padding: 0 0 0.2941176471em 0.7352941176em; position: relative; } .facet-type-options li::before, #tx-solr-facets-in-use li::before, #tx-solr-sorting li::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f105"; } .facet-type-options li::before, #tx-solr-facets-in-use li::before, #tx-solr-sorting li::before { color: #ff7753; left: 0; position: absolute; } .facet-type-options a, #tx-solr-facets-in-use a, #tx-solr-sorting a { color: #494949; font-family: "Barlow", sans-serif; text-decoration: underline; } .facet-type-options a:hover, .facet-type-options a:focus, #tx-solr-facets-in-use a:hover, #tx-solr-facets-in-use a:focus, #tx-solr-sorting a:hover, #tx-solr-sorting a:focus { text-decoration: none; } #tx-solr-search .tx-solr-search-word { font-weight: bold; } #tx-solr-search .results-list { margin-top: 10px; } #tx-solr-search .results-list li { list-style: none inside; margin-left: 0; } .results-entry { border-bottom: 1px solid #dde1e8; padding: 4rem 0; } @media screen and (max-width: 1279px) { .results-entry { padding: 2rem 0; } } .results-elevated { background: #ffffef; border: 1px solid #cfcecf; padding: 5px; } .results-elevated-label { color: #cfcecf; font-size: 50%; padding-bottom: 5px; } .results-topic { font-weight: bold; margin-bottom: 5px; font-size: 2.6rem; margin-top: 0.25em; } .results-topic a { color: #423845; } .result-content { clear: both; font-size: 1.7rem; } .result-date { color: #6c7179; font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; font-weight: bold; margin-bottom: 0; } .results-highlight { background: #fdee53; } #tx-solr-search ul.references li { list-style-type: disc; } .relevance { font-family: "Barlow Condensed", sans-serif; height: 20px; } .relevance-label, .relevance-bar, .relevance-percent { float: left; margin-right: 5px; } .relevance-label, .relevance-percent { font-size: 1.4rem; } .relevance-bar { padding-top: 4px; } .tx-solr-relevance-bar { background-color: #f0f0f0; font-size: 1px; height: 8px; width: 65px; } .tx-solr-relevance, .tx-solr-relevance-fill { float: left; height: 8px; margin-right: 0 !important; padding: 0; } .tx-solr-relevance { background-color: #ff7753; } .tx-solr-relevance-fill { background-color: #f0f0f0; } #tx-solr-frequent-searches ul { padding-right: 10px; } #tx-solr-frequent-searches li { list-style-type: none; margin-left: 10px; display: inline; } .tx-solr-frequent-term-14 { font-size: 14px; } .tx-solr-frequent-term-15 { font-size: 15px; } .tx-solr-frequent-term-16 { font-size: 16px; } .tx-solr-frequent-term-17 { font-size: 17px; } .tx-solr-frequent-term-18 { font-size: 18px; } .tx-solr-frequent-term-19 { font-size: 19px; } .tx-solr-frequent-term-20 { font-size: 20px; } .tx-solr-frequent-term-21 { font-size: 21px; } .tx-solr-frequent-term-22 { font-size: 22px; } .tx-solr-frequent-term-23 { font-size: 23px; } .tx-solr-frequent-term-24 { font-size: 24px; } .tx-solr-frequent-term-25 { font-size: 25px; } .tx-solr-frequent-term-26 { font-size: 26px; } .tx-solr-frequent-term-27 { font-size: 27px; } .tx-solr-frequent-term-28 { font-size: 28px; } .tx-solr-frequent-term-29 { font-size: 29px; } .tx-solr-frequent-term-30 { font-size: 30px; } .tx-solr-frequent-term-31 { font-size: 31px; } .tx-solr-loader { height: 100px; left: 50%; position: fixed; top: 35%; width: 100px; z-index: 10000; background: url("data:image/gif;base64,R0lGODlhZABkAPcAAAAAAAEBAQICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaItvUNR+HvSFB/2GAf6GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP6HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP6HAP6HAP6HAP6HAP6HAP6HAP6HAP6HAP6HAP6JAvuRCvaeF/SkHfKpIvKqI/KrJPKrJPKrJPKrJPKrJPKrJPKrJPKrJPKrJPGrJPGrJfGrJfGrJfGrJfGrJfGrJfGrJfGrJfGrJfGrJfGrJfGsJfGsJvCsKO+sKuysL+qsNeesO+StQ9+uTtqvXNOxb8qzhsW1lr+3p7q6uru7u7y8vL29vb6+vr+/v8DAwMHBwcXFxc3NzdfX1+Hh4erq6vHx8ff39/v7+/39/f7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJBADtACwAAAAAZABkAAAI/gDbCRxIsKDBgwgTKlzIsKHDhxAjSpxIsaLFixgzatzIsaPHjyBDihxJsqTJkyhTqlzJsqXLlzBjypxJs6ZNj6xy6tzJk2dBQkCDCh069CfRo0Rx9lza0yjSp4ScQj2qlKlVVlKnFiWoFWnVq0uzdgUqduxXsD65jt06cC3bjWiZlu06V+vZuDnrTtUL9S5evk8Be+2It6lat2QPI/YbVzBVxW4Zo3WcFPJayWApv22HOCjmq5qFhvZMuPDO0Ynbdo5a2nRey2Zh023tGjVr1Z0/W7XNm7bp3rgX+y4MXODq23Bdvw4eWbbdm9CjS59Ovbr16sc9Zu+4nWP3jd814obPOB5j+YvnLaavuJ5i+4nvJcaPOB9i/Yf3HeZvuJ9h/4X/KRRgQgMiVOBBBxqUYHHiraadg9xB6J2E4FHYYG4RYjihhhVyeKFwG4LYoYgfNnfdiSimqOKKLKYY3osWkmchjB7K6CGNJNpIIo4mjtgjZzPGaF6QNwqJHpE7Gqkekj8u6NxeT/YVZWAZJllkjUNeaWWOWW7ZpJLsMXnZlIOF+KWWP+p4ppdjmtmmcWLG5qaccKL5Zol38ninmnnGOducf9bJJp0tFmrooYgmquiijDbq6KOQRirppJRWaqlCAQEAIfkECQQA7QAsAAAAAGQAZACHAAAAAQEBAgICAwMDBAQEBQUFBgYGBwcHCAgICQkJCgoKCwsLDAwMDQ0NDg4ODw8PEBAQEREREhISExMTFBQUFRUVFhYWFxcXGBgYGRkZGhoaGxsbHBwcHR0dHh4eHx8fICAgISEhIiIiIyMjJCQkJSUlJiYmJycnKCgoKSkpKioqKysrLCwsLS0tLi4uLy8vMDAwMTExMjIyMzMzNDQ0NTU1NjY2Nzc3ODg4OTk5Ojo6Ozs7PDw8PT09Pj4+Pz8/QEBAQUFBQkJCQ0NDRERERUVFRkZGR0dHSEhISUlJSkpKS0tLTExMTU1NTk5OT09PUFBQUVFRUlJSU1NTVFRUVVVVVlZWV1dXWFhYWVlZWlpaW1tbXFxcXV1dXl5eX19fYGBgYWFhYmJiY2NjZGRkZWVlZmZmZ2dnaGhon3NC5IET+oYD/oYA/oYA/oYA/oYA/oYA/oYA/oYA/oYA/oYA/oYA/oYA/oYA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/ocA/ocA/ocA/ocA/ocA/ocA+5EK+JkS9aIb86gh8qsk8qsk8qsk8qsk8qsk8qsk8qsk8qsk8qsk8qsk8ask8asl8asl8asl8asl8asl8asl8asl8asl8asl8asl8asl8awl8awl8awl8awm8Kwo76wq7Kww66w06K065a1D4K5O27Bc1LJvy7SHwLinu7u7vLy8vb29vr6+v7+/wMDAwcHBxcXFzc3N19fX4eHh6urq8fHx9/f3+/v7/f39/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////CP4A2wkcSLCgwYMIEypcyLChw4cQI0qcSLGixYsYM2rcyLGjx48gQ4ocSbKkyZMoU6pcybKly5cwY8qcSbOmTY+FcurcyZNnQVdAgwodOrRgz6NHcSJdmvMn0adEjTJdqnRqUoJQswaVarVn1a47nWqFyhWszq9mC4kdG5Vg2rAd357FyvZp2bRoza6tu9WtXLVx/+7l6+qu3sByB/M1DDZvY7qE+w78C5gjZcV1GXd1vBly5MJ+EyN+i5mtZqucUXuOfHpqaterCbdm+pp27MWhSY/Geztzbt6WBfc2/ftwcNEDP0sWeHm3cYHKgc6merO69evYs2vfrr35cd3fgedv9D5eePjnGsmnN18eeXvw78Wvdz8ffn35GdXnZ38f/X76/9kXIH4Y6VcgfwP6dyCACwrYIIEXGRghgg8qOCGDFzqYIYQWSdghhRta+CGGI2pYIocVeZgiiNy16OKLMMYoY3bq1cjiivTZSCKO9uloIo/y+YgiRUKipyKR/BX52HlLMpfkjUjm+OSOUfY45Y9VBnnlkBMp2dlkUHa5pZFhSuSlamBSKaaUbGK5ppVtcmnmmE22c+SbWsYpIpBk6llngnWeCRuTXzrpZ6EzJqrooow26uijkEYq6aSUVmrppZhmqqlCAQEAIfkECQQA7QAsAAAAAGQAZACHAAAAAQEBAgICAwMDBAQEBQUFBgYGBwcHCAgICQkJCgoKCwsLDAwMDQ0NDg4ODw8PEBAQEREREhISExMTFBQUFRUVFhYWFxcXGBgYGRkZGhoaGxsbHBwcHR0dHh4eHx8fICAgISEhIiIiIyMjJCQkJSUlJiYmJycnKCgoKSkpKioqKysrLCwsLS0tLi4uLy8vMDAwMTExMjIyMzMzNDQ0NTU1NjY2Nzc3ODg4OTk5Ojo6Ozs7PDw8PT09Pj4+Pz8/QEBAQUFBQkJCQ0NDRERERUVFRkZGR0dHSEhISUlJSkpKS0tLTExMTU1NTk5OT09PUFBQUVFRUlJSU1NTVFRUVVVVVlZWV1dXWFhYWVlZWlpaW1tbXFxcXV1demVNq3Ix3n4T94UE/YYB/oYA/oYA/oYA/oYA/oYA/oYA/oYA/oYA/oYA/oYA/oYA/oYA/ocA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/ocA/ocA/ocA/ocA/ocA/ocA/ocA/okC/YsE/I0G/I8I/I8I/I8I/I8I/I8I/I8I/I8I/I8I/I8I/I8I/I8I+5AJ+5AJ+5AJ+5AJ+5AJ+5AJ+5AJ+5AJ+5AJ+5AJ+5EK+5EK+ZcQ9p8Y9aMc9KYf86gh8qoj8qsk8qsk8qsk8qsk8qsk8qsk8qsk8ask8asl8awl8awl8awl8awl8awl8awl8awl8awl8awl8awn8Kwo76wr7q0v66445q9G47FS3rNg2bZ01L2Q0sm419fX4eHh6urq8fHx9/f3+/v7/f39/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////CP4A2wkcSLCgwYMIEypcyLChw4cQI0qcSLGixYsYM2rcyLGjx48gQ4ocSbKkyZMoU6pcybKly5cwY8qcSbOmTY97curcyZNnQU1AgwodOrSgraNIkypVirOn054/iUolanSp1aVNn2rdE3WqV01Vr4q1lXWr065fpYYda7WsWZ8E03pdy5Zpx7dP0coVSrcuUrd4c+rdC7SvX7J3A8MdSJgqwcNYEyvWOZiwYb+AA1fee7luZryb5XZm+/lt6LSjx5Y2e/prarGrt7ae+xhy0thaZ099fRV33riN+da2fdT3WeDBCw8nbhwq8uS820qezPV58OiROVKnbL0xdrs3w/6LH0++vPnz5bcLnj65+eKN6qtrV+9+Z33u87ffX5+f+n758NHHnmL/FTigZgeClqBpC7LWoGwP5hbhb/21N+FxFRJ4oXMZItihgh8yGKKDI0JYooQnUhigfhu+p1F8BqaI4Yr+tWgfejjmqOOOPPa4I4wEATmQkDRaOKSAR7IoI4cCEdmOkxk5KSWSRWqYZI1XGlmlh01S+aSXUXo5pZJbgtglmV+iGSaaY2JZpohnupmmnGvK2aaWL4qpp5oY3WllnHjWiaefXObJ5p509onooGAqeuijiV5EqJlzBuqonYv+aSimkFrq46eghirqqKSWauqpqKaq6qqsturqqwSwHhQQACH5BAkEAO0ALAAAAABkAGQAhwAAAAEBAQICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXWhgV7FzLt5/E/aFBf2GAf6GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP6HAP6HAP6HAP6HAP6HAP6HAP6HAP2LBPyOB/uRCvqTDPqVDvmXEPmZEvmZEvmZEvmZEvmZEvmZEvmZEvmZEviaE/iaE/iaE/iaE/iaE/iaE/iaE/iaE/iaE/ibFPedFvWjHPSmH/OoIfKqI/KrJPKrJPKrJPKrJPKrJPKrJPKrJPKrJPKrJPKrJPGrJfGrJfGrJfGrJfGrJfGrJfGrJfGsJfGsJfGsJfGsJfGsJfGsJfGsJfGsJfGsJfGsJvCsKO+sK+6tMOyuNuu0Sey+Zu3Liu/ZrvLlzfTv5Pj39Pv7+v39/f7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wj+ANsJHEiwoMGDCBMqXMiwocOHECNKnEixosWLGDNq3Mixo8ePIEOKHEmypMmTKFOqXMmypcuXMGPKnEmzpk2Pe3Lq3MmTZ8GeQIEWxES0qNGjR3EGXZrzJ9OlQ5FKRar0qVCCVoNGncoVU9WsO52CDUuwa9evY/eITau2rNmpaMeuTbv1bdKObHXOlevW7l2OeZtiDVzXL9G4YPcm7mv4MF7Cg/MWNow4q2LLjBtXtnqZc2bKjyVHZjvZ7+annVF/Nh2a9Gi6q+2eZpqaduy3s6G+5juwsdHcWncv7u3bMWDIAwO3JV4c+NXkyAUWN36zuvXr2LNr345duUdd4MP7ix8/3nnP7+TTkzfvs6P69+HZk+UIH758ve7rq78vmL7+9Pwtt9F/ALYGm38EihcgegnGZyBvAzbo4HGiISjhgvlJqAuGFjbIYYQafqiRhuCJmBGJGz44HIgXqohZhwmaiBGKMl5EI3c45qjjjjz2uKN3wr0oEJAUugZdhUNGpxGRSSLZDpNLKgkllBlNKaWSVV7pJJUYWbklll1qaWSTY0b55ZllZonmgWSyaWaZXqYZ5poQPgnmRXG6ySWeYup5p0V51rknoH0K+mdFga5op5Nqwlmooo36SSekczo6qZA+Zqrpppx26umnoIYq6qiklmrqqaimqqpCAQEAIfkECQQA8AAsAAAAAGQAZACHAAAAAQEBAgICAwMDBAQEBQUFBgYGBwcHCAgICQkJCgoKCwsLDAwMDQ0NDg4ODw8PEBAQEREREhISExMTFBQUFRUVFhYWFxcXGBgYGRkZGhoaGxsbHBwcHR0dHh4eHx8fICAgISEhIiIiIyMjJCQkJSUlJiYmJycnKCgoKSkpKioqKysrLCwsLS0tLi4uLy8vMDAwMTExMjIyMzMzNDQ0NTU1NjY2Nzc3ODg4OTk5Ojo6Ozs7PDw8PT09Pj4+Pz8/QEBAQUFBQkJCQ0NDRERERUVFRkZGR0dHSEhISUlJSkpKS0tLTExMTU1NTk5OT09PUFBQUVFRUlJSU1NTVFRUVVVVVlZWV1dXWFhYWVlZWlpaW1tbXFxcXV1dXl5eX19fYGBgYWFhYmJiY2NjZGRkZWVlZmZmZ2dnaGhoaWlpampqa2trbGxsbW1tbm5ub29vcHBwcXFxcnJyc3NzdHR0dXV1dnZ2d3d3eHh4eXl5enp6e3t7fHx8fX19fn5+f39/gICAgYGBgoKCg4ODhISEhYWFhoaGh4eHiIiIiYmJioqKtYlY24gq9IcM/IcC/ocA/ocA/ocA/ocA/ocA/ocA/ocA/ocA/ocA/ocA/ocA/ocA/ocA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/4cA/ocA/ocA/ocA/ocA/ocA/ocA/ocA/I4H+pQN+JoT9aAZ9aIb9aIb9aIb9aIb9aIb9aIb9aIb9KMc9KMc9KMc9KMc9KMc9KMc9KQd86Yf8qki8qoj8qsk8qsk8qsk8qsk8qsk8qsk8qsk8qsk8qsk8qsl8qwl8qwl8qwl8qwl8qwl8qwl8qwm8qwn8q0p8q4s8rEz87dD9shw++nF/vz5/v7+/v7+/v7+/v7+////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////CP4A4QkcSLCgwYMIEypcyLChw4cQI0qcSLGixYsYM2rcyLGjx48gQ4ocSbKkyZMoU6pcybKly5cwY8qcSbOmTY+dcurcyZNnwZ5Agf4MSjQnzqJEhyIVSnBp0KNOfTaNKnUg1aobr+5UqpXrVahdp2rt5JUq2K9iw1odS7Yj27Zrx5aNetZsWrRx1WZlO9dp36V16d61mxfvXrmDBRcmfFgvvLd/kQb2m5jyYsWNDT/mWxmwW86XLQuE/BlxaM+nJZd2TDp10cmoR4OWbToz4821cTvO2Jo269k3gwsfTry48ePDe2vsxby58+fPYavmCL16demvO1rf3hx7Uu3ct/d7fwo+/PXVmjOatz6eKfX10Nv39Ag/Pvrb6us7l491uf7u92Hm33+98LdVef8ZqBN9BBYYoGgDJvhgbBHqp6BRCFo44XQbNeggR8rlR+CFcHXYIIkMjojciiy26OKLMLqonHLS1GjjjTjiiGJnHMKT448/7ujadwMBaaSNQvqm2ZFHJqnbkkwC6SSNUQa5YXZDkldklTlOCRyXXV5JpJK3gamjmFqSKaCZN3qZG5tIoumemhDCWaObjtkpDZ5QwslnmXb+uWagcs7HI5YC6SlonYSCCByVfhbaH6RsxmjppZhmqummnHbq6aeghirqqKSWauqpDgUEACH5BAkEAO8ALAAAAABkAGQAhwAAAAEBAQICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaGlpaWpqamtra2xsbG1tbW5ubm9vb3BwcHFxcXJycnNzc3R0dHV1dXZ2dnd3d3h4eHl5eXp6ent7e3x8fH19fX5+fn9/f4CAgIGBgYKCgoODg4SEhIWFhYaGhoeHh4iIiImJiYqKiouLi4yMjLuKU+uIGPyHA/6HAP6HAP6HAP6HAP6HAP6HAP6HAP6HAP6HAP6HAP6HAP6HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP6HAP6HAP6HAP6HAP6HAP6HAP6HAPyNBviYEfWhGvKpIvKrJPKrJPKrJPKrJPKrJPKrJPKrJPKrJPKrJPKrJPGrJfKsJfKsJfKsJfKsJfKsJfKsJfKsJfKsJfKsJvKsJ/KtKvKvLfKxNPO2QPS7TvXBXPbHbvfQhfrfrP304/78+P7+/v7+/v7+/v/+/v///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wj+AN8JHEiwoMGDCBMqXMiwocOHECNKnEixosWLGDNq3Mixo8ePIEOKHEmypMmTKFOqXMmypcuXMGPKnEmzpk2PonLq3MmTZ8GeQIH+DEo0J86iRIciFUpwadCjTn02jSp1INWqG6/uVKqV61WoXadqFeWVKtivYsNaHUu2I9u2a8eWjXrWbFq0cdVmZTvXad+ldenetZsX7165gwUXJnxY77u3f5EG9puY8mLFjQ0/5lsZsFvOly0LhPwZcWjPpyWXdkw6ddHJqEeDlm06M+PNtXE7ztiaNuvZN4MLH068uPHjw3trVM4bePPcz3djZD7deXXo16VfpL7denfs37X8W+Q+3nt58OfFVyS/3nx79O/VU2Q/3319+PflT6S/335//P/pJxF/A/pXIIAHChgRgQsa2CCCDyoIEYMTOlghhMhlqOGGHHbooU3KKbfMiCSWaKKJsKnmWlIEneiiiym+1pmKAr1oI4kxsrjiUy3eaGOOPO7I1EA+/riaZiIWCeORtyWpJIpMYqabZk+eCOSQvlFZZYlX9hSZjERuiWOUok15m5hjchQicGiO2CVWZkrZ5jJvbjUjmDW2WadOX+qYJ5p7GnWnn+/MGShcWZ6pJ5mxxVmmoYzS6GijkKoJnJNifqjpppx26umnoIYq6qiklmrqqaimquqqDgUEACH5BAkEAO0ALAAAAABkAGQAhwAAAAEBAQICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaItvUNF+IPeFBf2GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP6HAP6HAP6HAP6HAP6HAP6HAP6HAP6IAf2LBPiYEfSmH/KqI/KrJPKrJPKrJPKrJPKrJPKrJPKrJPKrJPKrJPKrJPGrJPGrJfGrJfGrJfGrJfGrJfGrJfGrJfGrJfGrJfGrJfGrJfGsJfGsJfGsJvGsJ/CsKO6sK+ysMeqsNuetPOStROCuT9qwXtOyccu0icC4qLu7u7y8vL29vb6+vr+/v8DAwMHBwcXFxc3NzdfX1+Hh4erq6vHx8ff39/v7+/39/f7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wj+ANsJHEiwoMGDCBMqXMiwocOHECNKnEixosWLGDNq3Mixo8ePIEOKHEmypMmTKFOqXMmypcuXMGPKnEmzpk2PhHLq3MmTZ8GeQIH+DEo0J86iRIciFUpwadCjTn02jSp1INWqG6/uVKqV61WoXadqJeSVKtivYsNaHUu2I9u2a8eWjXrWbFq0cdVmZTvXad+ldenetZsX7165gwUXJnxYb7u3f5EG9puY8mLFjQ0/5lsZsFvOly0LhPwZcWjPpyWXdkw6ddHJqEeDlm06M+PNtXE7ztiaNuvZN4MLH068uPHjw3trVM4bePPcz3djZD7deXXo16VfpL7denfs37X8W+Q+3nt58OfFVyS/3nx79O/VU2Q/3319+PflT6S/335//P/pJxF/A/pXIIAHChgRgQsa2CCCDyoIEYMTOlghhMhlqOGGHHbooU3KtSLiiCSWWGJkr62mmYkssohiUire1uKMI774VIyYtUMjjTYyxVGIO7bYY0+wqTZQkEJ2ZqRtOSLpopIp/gickyYOidVyU1JJopVb4SiajlrWCCWMUuYWppiukcnkl2eKyKVORUYpUJutvGmUl7GBeaadcK2ZJ518xqmmnmEGiueShGppaJmOATrmjYyu2OaifiLqaJqQfqjpppx26umnoIYq6qiklmrqqaimquqqCwUEACH5BAkEAO0ALAAAAABkAGQAhwAAAAEBAQICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaJlyRuCBFfmFBP2GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP6HAP6HAP6HAP6HAP6HAP6HAP6IAf2KA/2MBfyNBvyOB/yPCPyPCPyPCPyPCPyPCPyPCPyPCPyPCPuQCfuQCfuQCfuQCfuQCfuQCfuQCfuQCfuSC/mVDviZEvafGPSmH/OoIfKqI/KrJPKrJPKrJPKrJPKrJPKrJPKrJPKrJPKrJPKrJPGrJfGrJfGrJfGrJfGrJfGsJfGsJfGsJfGsJfGsJfGsJfGsJfGsJvGsJ/CsKe+tLe6vNe6xPO+1RvC6U/HBZfTLfPfXmvrmwP358P7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wj+ANsJHEiwoMGDCBMqXMiwocOHECNKnEixosWLGDNq3Mixo8ePIEOKHEmypMmTKFOqXMmypcuXMGPKnEmzpk2PgnLq3MmTZ8GeQIH+DEo0J86iRIciFUpwadCjTn02jSp1INWqG6/uVKqV61WoXadqFeSVKtivYsNaHUu2I9u2a8eWjXrWbFq0cdVmZTvXad+ldenetZsX7165gwUXJnxYb7u3f5EG9puY8mLFjQ0/5lsZsFvOly0LhPwZcWjPpyWXdkw6ddHJqEeDlm06M+PNtXE7ztiaNuvZN4MLH068uPHjw3trVM4bePPcz3djZD7deXXo16VfpL7denfs37X+W+Q+3nt58OfFVyS/3nx79O/VU2Q/3319+PflT6S/335//P/pJxF/A/pXIIAHChgRgQsa2CCCDyoIEYMTOlghhMhlqOGGHHbooU29hCjiiCSSWJAnKKao4oorRvZaRyXGGOOJLNbIootJwSjjjiHSaOOPnuD4lI48yugjkDUKyRRHRe54JJItdqYak03OSBCUNirZk0dVWjkQlklK+SKVXY74JJhBipkjmWX2eCWaKmqJlUZtmvkmnCjKuRWRdZ4Jpp46cVmnm1/imaeaQ7LZpp9YAmoUn4veiaejcG00KKECGXqoa2taeimjUFIq6KCgIikqpGWWCuSpiqYqKZwirHpK6qtoxvrhrbjmquuuvPbq66/ABivssMQWa+yxyCoUEAAh+QQJBADtACwAAAAAZABkAIcAAAABAQECAgIDAwMEBAQFBQUGBgYHBwcICAgJCQkKCgoLCwsMDAwNDQ0ODg4PDw8QEBARERESEhITExMUFBQVFRUWFhYXFxcYGBgZGRkaGhobGxscHBwdHR0eHh4fHx8gICAhISEiIiIjIyMkJCQlJSUmJiYnJycoKCgpKSkqKiorKyssLCwtLS0uLi4vLy8wMDAxMTEyMjIzMzM0NDQ1NTU2NjY3Nzc4ODg5OTk6Ojo7Ozs8PDw9PT0+Pj4/Pz9AQEBBQUFCQkJDQ0NERERFRUVGRkZHR0dISEhJSUlKSkpLS0tMTExNTU1OTk5PT09QUFBRUVFSUlJTU1NUVFRVVVVWVlZXV1diWlJ2YUiXajjGdx/pgQz6hQL+hgD+hgD+hgD+hgD+hgD+hgD+hgD+hgD+hgD+hgD+hgD+hgD+hgD+hgD+hgD+hwD/hwD/hwD/hwD+hwD+hwD+hwD+hwD+hwD+hwD+hwD+hwD+hwD+hwD+hwD+iAH9jAX7kQr6lQ75mBH5mRL5mRL5mRL5mRL5mRL5mRL5mRL5mRL4mhP4mhP4mhP4mhP4mhP4mhP4mhP4mhP4mhP4mhP4mhP4mhP4mxT3nBX3nhf2oBn0pR7zqCHyqyTyqyTyqyTyqyTyqyTyqyTyqyTyqyTxqyXxqyXxqyXxqyXxqyXxqyXxqyXxqyXxqyXxrCXxrCXxrCXxrCbwrCfvrCrtrC7qrDXlrULbr1nVsGrMsoDCtZ28uK+6urq7u7u8vLy9vb2+vr6/v7/AwMDBwcHFxcXNzc3X19fh4eHq6urx8fH39/f7+/v9/f3+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8I/gDbCRxIsKDBgwgTKlzIsKHDhxAjSpxIsaLFixgzatzIsaPHjyBDihxJsqTJkyhTqlzJsqXLlzBjypxJs6ZNj3By6tzJk2fBnkCB/gxKNCfOokSHIhVKcGnQo059No0qdSDVqhuv7lSqletVqF2naoXjlSrYr2LDWh1LtiPbtmvHlo161mxatHHVZmU712nfpXXp3rWbF+9euYMFFyZ8WG+7t3+RBvabmPJixY0NP+ZbGbBbzpctC4T8GXFoz6cll3ZMOnXRyahHg5ZtOjPjzbVxO87Ymjbr2TeDCx9OvLjx48NdKV/OvHlz2Ko5Op8+HfrrjtSzL7eeFLv27Nyf/nr/Xn215ozkqYdnKj298/U9Pbp/b/42+vnM4WPViD9/fcz89aecfluN1x+BOsknoCsIGmUgfg3CtdGCDP4nWoACRqhghhbGhuGBHUY34YIaPjhficilqOKKLLbo4oqPxCjjjDTSGNl1rnXHUY088nijjr6dh1GPRMr4o3g5IrlRkUUeyV6Q9g3JZI9OxteZiBpNSeWVOEIJYEZa+sglkLoJeVGYNVa5X29ZojmjmgUm+WSbbsYIZ4JjKklnnXc6KKeVO9ZpZ55zsgmmoI/0KWGZUZ6JqKKQdoRoooQC6uWFhwoa6Z/7ZcpnpWsC56mbm17q4aholsrol1JqCmqcHaZi+eKstNZq66245qrrrrz26uuvwAYr7LDEJhQQACH5BAkEAO0ALAAAAABkAGQAhwAAAAEBAQICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXHlkTJltO7JzLcx6HueBDveFBP2GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP6GAP6HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP+HAP6HAP6HAP6HAP6HAP6HAP6HAP6HAP6HAP6HAP6HAP2KA/qTDPebFPafGPWiG/WiG/WiG/WiG/WiG/WiG/WiG/WiG/WiG/SjHPSjHPSjHPSjHPSjHPSjHPSjHPSjHPSjHPSkHfSlHvOnIPKpIvKqI/KrJPKrJPKrJPKrJPKrJPKrJPKrJPKrJPKrJPGrJPGrJfGrJfGrJfGrJfGrJfGsJfGsJfGsJfGsJfGsJfGsJfGsJfGsJvCsKO+sLOysMeitO+KvTNqxYdOzdc+1gsu3kMa5ocG8tL+/v8DAwMHBwcXFxc3NzdfX1+Hh4erq6vHx8ff39/v7+/39/f7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wj+ANsJHEiwoMGDCBMqXMiwocOHECNKnEixosWLGDNq3Mixo8ePIEOKHEmypMmTKFOqXMmypcuXMGPKnEmzpk2PsXLq3MmTZ8E7QIMKHTr0J9GjRHH2XNrTKNKnd5xCPaqUqdVYUqcWJagVadWrS7N2BSp27FewPrmO3TpwLduNaJmW7TpX69m4OetO1Qv1Ll6+TwF77Yi3qVq3ZA8j9htXMFXFbhmjdZwU8lrJYCm/bYc4KOarmoWG9ky48M7Ridt2jlradF7LZmHTbe0aNWvVnT9btc2btuneuBf7Lgxc4OrbcF2/Dh5Ztt2b0KNLn069uvXqk7Jr386du8fjHrv9ixf/fXX48eizl8/dMX369cI5ukcPv7n8+eQ7gm+Pv3v9y/z1t91/sd0noHYEzmbggZMk+NyCBzq4V4AMStgXhRHqZx6GAloYGIf9eTgYhB1qyB6JIZoY30YMIqiifSy22OCLAKKIn4iPXafjjjz26OOPPO7HXI3GbciRkEWemOSKGiHJmZFLwtgklE8qWSWTGTmpJZVZUrmllV1a+SWWGI0ppZNhMmkmkVOK6SWXZb7pJphxzqkmnBetWWCUbKZ5ppxk5gnon3QKaiehgVqkp4J87tnmnYf2WSeklErpJ5uLPgjkppx26umnoIYq6qiklmrqqaimquqqrC4UEAA7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA="); } .no-results__text { font-size: 1.6rem; font-style: italic; margin: 0.8rem 0; text-align: center; } .no-results__text a { color: #fe0000; text-decoration: underline; } .no-results__text a:hover, .no-results__text a:focus { text-decoration: none; } .no-results__content { position: relative; } .no-results__content::before { color: #278417; content: "\f05a"; display: inline-block; font-family: "Font Awesome 5 Pro"; font-size: 5rem; font-weight: 700; left: 50%; position: relative; top: 0; transform: translateX(-50%); } .social-header { border-left: 1px solid #fff; list-style: none; margin: 0; padding: 1.8rem 3rem; } @media (max-width: 1550px) { .social-header { padding: 1.8rem 1.4rem; } } @media (max-width: 1350px) { .social-header { padding: 1.8rem 1.2rem; } } body.tourism .social-header { padding: 1.8rem 1rem; } .social-header__item { transition: all 250ms ease-in-out 0ms; display: inline-block; margin: 0 0.4rem; } .social-header__item a { display: block; position: relative; } .social-header__item a::before { color: #ff7753; content: ""; font-family: "Font Awesome 5 Brands"; font-size: 1.6rem; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .social-header__item.-facebook a::before { content: "\f39e"; } .social-header__item.-twitter a::before { content: "\f099"; } .social-header__item.-youtube a::before { content: "\f167"; } .social-header__item.-instagram a::before { content: "\f16d"; } .social-header__item.-triadvisor a::before { content: "\f262"; } .social-header__item a { height: 1.6rem; width: 1.6rem; transition: all 250ms ease-in-out 0ms; display: block; position: relative; } .social-header__item a:hover::before, .social-header__item a:focus::before { color: #fff; } .one-click-toggle { transition: all 250ms ease-in-out 0ms; height: 7.3rem; width: 7.3rem; display: flex; bottom: auto; left: auto; position: fixed; right: -0.3rem; top: 40%; background-color: #ff7652; border: 0; border-radius: 50%; color: #fff; cursor: pointer; font-family: "Barlow Condensed", sans-serif; font-size: 1.2rem; font-weight: 700; padding: 1rem; text-transform: uppercase; top: 41%; z-index: 50; } @media screen and (max-width: 767px) { .one-click-toggle { display: none; } } .one-click-toggle:hover, .one-click-toggle:focus { background-color: #ff592d; } .one-click-panel { transition: all 250ms ease-in-out 0ms; bottom: auto; left: auto; position: fixed; right: 0; top: 0; background-color: #423845; color: #fff; display: table; font-family: "Barlow Condensed", sans-serif; height: 100vh; overflow-x: hidden; overflow-y: auto; transform: translateX(100%); width: 32rem; z-index: 49; } @media screen and (max-width: 767px) { .one-click-panel { display: none; } } .one-click-panel.-is-open { transform: translateX(0); z-index: 60; } .one-click-panel__section { height: 100%; width: 100%; display: table-cell; vertical-align: middle; } .one-click-panel__section .news-block__item { flex-basis: auto; margin-top: 10rem; } .one-click-panel__section .news-block__title { color: #fff; } .one-click-panel__content { max-height: 100%; overflow-y: auto; padding: 4rem; } .one-click-panel__header { display: flex; padding-right: 4rem; position: relative; } .one-click-panel .one-click-panel__title { display: flex; font-size: 2.2rem; font-weight: 700; line-height: 3.5rem; margin-bottom: 2rem; margin-top: 0; text-transform: uppercase; } .one-click-panel .one-click-panel__title::before { color: #ff7753; font-size: 2rem; margin-right: 1rem; } .one-click-panel .one-click-panel__close { position: absolute; right: 0; top: 0; height: 3rem; width: 3rem; transition: all 250ms ease-in-out 0ms; background: #ff7753; border: 0; color: inherit; cursor: pointer; } .one-click-panel .one-click-panel__close::before { color: inherit; font-size: 1.6rem; margin-right: 0; } .one-click-panel .one-click-panel__close:hover:active, .one-click-panel .one-click-panel__close:focus:active { background-color: #ff7753; } .one-click-panel .one-click-panel__close:hover:hover, .one-click-panel .one-click-panel__close:focus:hover { background-color: #000; } .one-click-panel__list { list-style: none; margin: 0; padding: 0; } .one-click-panel__item { border-bottom: 1px solid #727272; display: block; margin-top: -0.1rem; } .one-click-panel .one-click-panel__link { transition: all 250ms ease-in-out 0ms; display: flex; border-top: 1px solid #727272; color: inherit; font-size: 1.8rem; font-weight: 300; padding: 1rem 1.5rem; } .one-click-panel .one-click-panel__link::before { color: #ff633a; font-size: 1.4rem; line-height: 2rem; margin-right: 0.7rem; } .one-click-panel .one-click-panel__link:hover, .one-click-panel .one-click-panel__link:focus { background-color: #ff7753; border-color: #ff7753; } .hero { height: auto; position: relative; width: 100%; z-index: 0; } .hero.-has-shadow { position: relative; } .hero.-has-shadow::before, .hero.-has-shadow::after { background-color: transparent; bottom: 2rem; box-shadow: 0 2rem 1.5rem 0 rgba(0, 0, 0, 0.5); content: ""; display: block; height: 1.5rem; position: absolute; width: calc(40% - 3rem); z-index: -1; } .hero.-has-shadow::before { left: 6rem; transform: rotate(-3deg) skewX(-60deg); } @media screen and (max-width: 1279px) { .hero.-has-shadow::before { left: 7rem; } } .hero.-has-shadow::after { right: 6rem; transform: rotate(3deg) skewX(60deg); } @media screen and (max-width: 1279px) { .hero.-has-shadow::after { right: 7rem; } } @media screen and (max-width: 767px) { .hero.-has-shadow::before, .hero.-has-shadow::after { content: none; } } .hero .control-block { bottom: 1.5rem; position: absolute; right: 7rem; width: 18rem; z-index: 10; } @media screen and (max-width: 1279px) { .hero .control-block { bottom: 1rem; right: 4rem; width: 14rem; } } @media screen and (max-width: 767px) { .hero .control-block { bottom: 2rem; left: 50%; right: auto; transform: translateX(-50%); width: 14rem; } } .hero .control-block__actions { position: absolute; right: 5rem; top: 50%; transform: translateY(-50%); z-index: 10; } @media screen and (max-width: 1279px) { .hero .control-block__actions { right: 3rem; } } .hero .control-block__actions .fas { color: #bbc4d2; font-weight: 400; } @media screen and (max-width: 767px) { .-has-video .hero .control-block__actions { bottom: auto; left: auto; position: absolute; right: 0; top: 26rem; } } .hero .control-block__action { background: none; border: 0; color: #fff; cursor: pointer; display: none; font-size: 0.9rem; padding: 0 0.3rem; } .hero .control-block__action.-is-active { color: #ff7753; display: inline-block; } .hero .control-block__control-btn { position: absolute; right: 1rem; top: 50%; height: 5rem; width: 5rem; transition: all 200ms ease-in-out 0ms; background: none; border: 0; color: #ff7753; cursor: pointer; font-size: 5rem; overflow: hidden; padding: 0; text-align: center; transform: translateY(-50%); z-index: 10; } @media screen and (max-width: 1279px) { .hero .control-block__control-btn { bottom: -2.5rem; height: 3rem; width: 3rem; font-size: 3rem; } } @media screen and (max-width: 767px) { .hero .control-block__control-btn { bottom: -1.5rem; } } .hero .control-block__control-btn:hover, .hero .control-block__control-btn:focus { transform: translateY(-50%) scale(1.25); } .hero .control-block__control-btn.-prev { left: 0; } .hero .control-block__control-btn.-next { right: 0; } .hero .control-block__control-btn[disabled] { opacity: 0; visibility: hidden; } .hero .control-block__control-btn .fas { font-weight: 300; } .hero.swiper-container { overflow: visible !important; } @media screen and (max-width: 767px) { .hero.swiper-container { overflow: hidden !important; } } .hero .swiper-pagination { left: 50%; position: absolute; top: 50%; align-items: center; display: inline-flex; list-style: none; margin: 0 -0.4rem; padding: 0; transform: translate(-50%, -50%); width: auto; z-index: 10; } @media screen and (max-width: 767px) { .hero .swiper-pagination { bottom: 1rem; left: 50%; right: auto; transform: translateX(-50%); } } .hero .swiper-pagination__bullet { display: block; padding: 0 0.4rem; } .hero .swiper-pagination__bullet.-is-active .swiper-pagination__bullet-btn { background-color: #ff7753; transform: scale(1.5); } .hero .swiper-pagination__bullet-btn { background: #75617b; border: 0; border-radius: 50%; cursor: pointer; display: block; padding: 0; transition: all 250ms ease-in-out 0ms; height: 0.8rem; width: 0.8rem; } .hero__action { background: none; border: 0; color: #fff; cursor: pointer; display: none; font-size: 0.9rem; padding: 0 0.3rem; } .hero__action.-is-active { color: #ff7753; display: inline-block; } .hero-slider { height: auto; } .hero-slider.-static-height { height: 100vh; max-height: 84rem; } @media screen and (max-width: 1279px) { .hero-slider.-static-height { max-height: 42rem; } } @media screen and (max-width: 767px) { .hero-slider.-static-height { height: auto; max-height: none; } } .hero-slider.-full-page { height: 100vh; } .hero-item { display: block; position: relative; } .hero-item__image { height: auto; } @media screen and (max-width: 767px) { .hero-item__image { height: 29rem; } } .hero-item__image img { height: 100%; width: 100%; display: block; font-family: "object-fit: cover; object-position: center;"; } .hero-item__video { height: 100%; width: 100%; overflow: hidden; position: relative; } @media screen and (max-width: 767px) { .hero-item__video { height: 30rem; } } .hero-item__video video { bottom: auto; left: 50%; position: absolute; right: auto; top: 50%; height: 100%; width: 100%; font-family: "object-fit: cover; object-position: center;"; object-fit: cover; transform: translate(-50%, -50%); } .hero-item__content { left: 0; position: absolute; top: 0; height: 100%; width: 100%; } @media screen and (max-width: 767px) { .hero-item__content { bottom: auto; left: auto; position: static; right: auto; top: auto; position: relative; } .hero-item__content::before { background-color: #fff; border-radius: 100%; content: ""; height: 34rem; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 34rem; } } .hero-item__content .container { height: 100%; position: relative; } @media screen and (max-width: 767px) { .hero-item__content .container { padding: 0; } } /*.hero-item__link { bottom: -9rem; position: absolute; right: -5rem; align-items: center; background-color: #fff; border-radius: 100%; box-sizing: border-box; color: #3c4046; display: flex; flex-direction: column; height: 39rem; justify-content: center; opacity: 0; overflow: hidden; padding: 7rem; text-align: center; width: 39rem; transition: all 250ms ease-in-out 0ms; } .-has-video .hero-item__link { opacity: 1; } @media screen and (max-width: 1279px) { .hero-item__link { height: 29rem; justify-content: center; padding: 3.8rem 6rem 10rem; width: 30rem; } } @media screen and (max-width: 767px) { .hero-item__link { bottom: auto; left: auto; position: static; right: auto; top: auto; background-color: transparent; height: auto; margin: -4rem auto 0; opacity: 1; overflow: hidden; padding: 2.5rem 5rem 4rem; position: relative; width: 28rem; z-index: 2; } } .hero-item__link:hover .hero-item__caption, .hero-item__link:focus .hero-item__caption { text-decoration: underline; } .hero-item.swiper-slide-active .hero-item__link { animation: toLeft 500ms linear forwards 1; } @media screen and (max-width: 767px) { .hero-item.swiper-slide-active .hero-item__link { animation: none; } }*/ .hero-item__caption { color: inherit; font-size: 3.3rem; font-weight: 300; line-height: 3.6rem; margin: 0; margin-right: 2.5rem; max-width: 26rem; position: relative; z-index: 2; } .tourism .hero-item__caption { max-width: 28rem; } @media screen and (max-width: 1279px) { .hero-item__caption { font-size: 2.4rem; line-height: 2.8rem; max-width: 18rem; } } @media screen and (max-width: 767px) { .hero-item__caption { font-size: 2.2rem; line-height: 2.4rem; margin-right: 0; } } .hero-item__subtitle { background-color: #ff7753; color: #fff; display: inline-block; font-size: 1.5rem; font-weight: 300; margin-bottom: 2.5rem; margin-right: 2.5rem; margin-top: -9rem; padding: 0.7rem 1rem; } .tourism .hero-item__subtitle { margin-top: -9rem; margin-bottom: 2.5rem; padding: 0.7rem 1rem; } @media screen and (max-width: 1279px) { /*.hero-item__subtitle { margin-bottom: 0.5rem; margin-right: 2.5rem; margin-top: -2rem; }*/ .tourism .hero-item__subtitle { margin-bottom: 0.5rem; margin-top: -2rem; } } @media screen and (max-width: 767px) { /*.hero-item__subtitle { margin-right: 0; margin-top: 0; }*/ .tourism .hero-item__subtitle { margin-right: 0; margin-top: 0; } } @keyframes toLeft { from { opacity: 0; transform: translateX(15px); visibility: hidden; } to { opacity: 1; transform: translateX(0); visibility: visible; } } .news { margin: 5rem 0 9rem; } @media screen and (max-width: 1279px) { .news { margin: 6rem 0 7.5rem; } } @media screen and (max-width: 767px) { .news { margin: 3rem 0 6rem; } .news .container { padding: 0; } } @media screen and (max-width: 1279px) { .news .title-block { margin-bottom: 0; } } .news-focus { position: relative; } @media screen and (max-width: 1279px) { .news-focus { margin: 0 7.5rem; } } @media screen and (max-width: 767px) { .news-focus { margin: 0; } } .news-focus__share { position: absolute; right: 4.5rem; top: 3.5rem; z-index: 1; } @media screen and (max-width: 1279px) { .news-focus__share { right: 3rem; top: 2rem; } } @media screen and (max-width: 767px) { .news-focus__share { right: 1rem; top: 2.5rem; } } .news-focus__wrap { display: flex; } @media screen and (max-width: 1279px) { .news-focus__wrap { flex-direction: column; } } .news-focus__wrap.-has-shadow { position: relative; } .news-focus__wrap.-has-shadow::before, .news-focus__wrap.-has-shadow::after { background-color: transparent; bottom: 2rem; box-shadow: 0 2rem 1.5rem 0 rgba(0, 0, 0, 0.5); content: ""; display: block; height: 1.5rem; position: absolute; width: calc(40% - 3rem); z-index: -1; } .news-focus__wrap.-has-shadow::before { left: 6rem; transform: rotate(-3deg) skewX(-60deg); } @media screen and (max-width: 1279px) { .news-focus__wrap.-has-shadow::before { left: 7rem; } } .news-focus__wrap.-has-shadow::after { right: 6rem; transform: rotate(3deg) skewX(60deg); } @media screen and (max-width: 1279px) { .news-focus__wrap.-has-shadow::after { right: 7rem; } } .news-focus__image { flex-shrink: 0; width: 50%; } @media screen and (max-width: 1279px) { .news-focus__image { width: 100%; } } .news-focus__image img { display: block; font-family: "object-fit: cover; object-position: center;"; height: auto; max-width: 100%; object-fit: cover; width: 100%; } .news-focus__content { background-color: #ff7753; color: #fff; font-family: "Barlow", sans-serif; padding: 10rem 9rem 2rem; position: relative; } @media screen and (max-width: 1279px) { .news-focus__content { padding: 6.5rem 8rem 5.5rem; } } @media screen and (max-width: 767px) { .news-focus__content { padding: 8rem 3rem 4rem; } } .news-focus__category { background-color: #ff7753; font-family: "Barlow Condensed", sans-serif; font-size: 1.6rem; font-weight: 700; left: -1.5rem; margin: 0; padding: 0.6rem 1.2rem; position: absolute; text-transform: uppercase; top: 4.5rem; } @media screen and (max-width: 1279px) { .news-focus__category { top: 2rem; } } @media screen and (max-width: 767px) { .news-focus__category { font-size: 1.4rem; left: 0; padding: 0.7rem 1.2rem; top: 3rem; } } .news-focus__category::before { border-color: transparent #3f3f3f transparent transparent; border-style: solid; border-width: 0 15px 15px 0; bottom: -1.5rem; content: ""; height: 0; left: 0; position: absolute; width: 0; } @media screen and (max-width: 767px) { .news-focus__category::before { content: none; } } .news-focus__title { font-size: 2.6rem; font-weight: 300; line-height: 3rem; margin: 0 0 1.5rem; } @media screen and (max-width: 1279px) { .news-focus__title { font-size: 3rem; margin: 0 0 0.5rem; } } @media screen and (max-width: 767px) { .news-focus__title { font-size: 2rem; line-height: 2.2rem; margin: 0 0 1rem; } } .news-focus__teaser { font-size: 1.8rem; font-weight: 300; line-height: 2.3rem; margin: 1.5rem 0 0; } @media screen and (max-width: 1279px) { .news-focus__teaser { line-height: 2.1rem; margin: 0.5rem 0 0; } } @media screen and (max-width: 767px) { .news-focus__teaser { font-size: 1.6rem; line-height: 1.9rem; margin: 1rem 0 0; } } .news-block { position: relative; } @media screen and (max-width: 1279px) { .news-block.-composite { padding: 0 7.5rem; } } @media screen and (max-width: 767px) { .news-block.-composite { margin: 0 0.5rem 2.5rem; padding: 0; } } .news-block.-composite .news-block__item { margin: 2rem 1.7rem 0; } @media screen and (max-width: 1279px) { .news-block.-composite .news-block__item { margin-top: 3rem; } } .news-block .news-slider { background-color: #ff7753; position: relative; } .news-block .news-slider .slider-thumbs { height: 9rem; position: absolute; right: -3rem; top: -3rem; width: 9rem; z-index: 10; } .news-block .news-slider .slider-main { background-color: #ff7753; padding: 0.8rem; } .news-block .news-slider .news-block__carousel { overflow: hidden; } .news-block .news-slider .news-block__control { background: none; border: 0; bottom: 25%; cursor: pointer; height: 3rem; overflow: hidden; padding: 0; position: absolute; right: 0; transform: translateY(-50%); width: 3rem; z-index: 10; } .news-block .news-slider .news-block__control::before { color: #fff; font-size: 3rem; top: 50%; } .news-block .news-slider .news-block__control.-prev { left: 0; } .news-block .news-slider .news-block__content { margin: 0 2rem; padding: 2.5rem 1.5rem 2rem; } .news-block .news-slider .news-block__category { background-color: #413744; color: #ff7753; } .news-block .news-slider .news-block__title, .news-block .news-slider .news-block__teaser { color: #fff; } .news-block .in-short { align-items: center; background-color: #423845; border-radius: 50%; box-sizing: border-box; color: #ff7753; display: flex !important; font-size: 1.3rem; font-weight: 700; height: 7rem; justify-content: center; margin: 1rem; position: absolute; right: -3rem; text-transform: uppercase; top: -3rem; transform: rotate(-20deg); width: 7rem; z-index: 20; } .news-block .in-short p { margin: 0; } /** * * @section Title for page content * @page Titles * * @example *
*

Title

*
* */ /** * * @section Title for page content with icon * @page Titles * * @example *
*

Title

*
* */ /** * * @section Title large * @page Titles * * @example *
*

Title

*
* */ /** * * @section Title primary * @page Titles * * @example *
*

Title

*
* */ /** * * @section Title primary with icon * @page Titles * * @example *
*

Title

*
* */ /** * * @section Title secondary * @page Titles * * @example *
*

Title

*
* */ /** * * @section Title secondary with icon * @page Titles * * @example *
*

Title

*
* */ .title { align-items: center; color: #000; display: inline-flex; font-family: "Barlow", sans-serif; font-weight: 700; text-transform: uppercase; font-size: 3rem; margin: 0; padding-left: 1rem; position: relative; } @media screen and (max-width: 767px) { .title { font-size: 2.6rem; } } .title.-center { text-align: center; } .title.-inverted { color: #fff; } .title-block { align-items: center; display: flex; justify-content: space-between; margin-bottom: 2rem; } .title-block.-center { justify-content: center; } @media screen and (max-width: 767px) { .title-block.-column { align-items: flex-start; flex-direction: column; } } .title.-primary { font-size: 4.5rem; padding-left: 0; position: relative; } @media screen and (max-width: 1279px) { .title.-primary { font-size: 3.5rem; } } @media screen and (max-width: 767px) { .title.-primary { font-size: 3.1rem; line-height: 1.15; margin: 0; } } .title.-primary span { display: block; font-size: 3.4rem; font-weight: 300; left: -3rem; padding-left: 1.5rem; position: absolute; text-transform: none; top: -2.5rem; } .title.-primary span::before { background: linear-gradient(to bottom, #ff7753 40%, #75617b 40%, #75617b 80%, #ff7753 80%); bottom: 0.5rem; content: ""; height: 5.3rem; left: 0; position: absolute; width: 0.3rem; } @media screen and (max-width: 1279px) { .title.-primary span { font-size: 2.4rem; } } @media screen and (max-width: 767px) { .title.-primary span { font-size: 2.1rem; top: -2rem; } .title.-primary span::before { bottom: -1.5rem; } } .title.-primary[data-fa-icon]::before { color: #c9bacd; font-size: 4.5rem; vertical-align: bottom; } @media screen and (max-width: 1279px) { .title.-primary[data-fa-icon]::before { font-size: 3.5rem; } } @media screen and (max-width: 767px) { .title.-primary[data-fa-icon]::before { font-size: 2.6rem; } } .title.-secondary { font-size: 3rem; } @media screen and (max-width: 1279px) { .title.-secondary { font-size: 2.5rem; } } .title.-secondary::before { background: linear-gradient(to bottom, #ff7753 40%, #75617b 40%, #75617b 80%, #ff7753 80%); bottom: 0.5rem; content: ""; height: 2.2rem; left: 0; position: absolute; width: 0.3rem; } @media screen and (max-width: 1279px) { .title.-secondary::before { top: 0.6rem; height: 1.9rem; } } .title.-lg { font-size: 4rem; margin: 0 0 1.5rem; } @media screen and (max-width: 767px) { .title.-lg { font-size: 3rem; } } /** * @section Link round to list view * @page Links * * @example *
* Flux rss des publications * Toutes les publications *
* *
* Toutes les publications *
* *
* Flux rss des publications *
* */ /** * @section Link rectangle to list view * @page Links * * @example * *
* s’abonner * Toutes les publications *
* *
* Toutes les publications *
* *
* s’abonner * Toutes les publications * Toutes les publications *
* */ .links-group { display: flex; padding: 0.5rem 0; } .links-group.-right { justify-content: flex-end; } .links-group.-left { justify-content: flex-start; } .links-group.-rect { align-items: center; border: 1px solid #dde1e8; font-size: 1.4rem; justify-content: center; margin-top: 2rem; padding: 0.5rem 0; width: 100%; } @media screen and (max-width: 767px) { .links-group.-rect { border: 0; flex-direction: column; } } .links-group.-noborder { border: 0; justify-content: flex-end; } .links-group.-fill { text-align: center; } .links-group.-fill .btn { margin: 0; width: 100%; } .links-group .btn { margin: 0.5rem; } .link.-round { overflow: hidden; text-indent: -9999px; white-space: nowrap; transition: all 400ms ease 0ms; height: 3.2rem; width: 3.2rem; display: block; margin: -2rem 0 0 2.5rem; overflow: hidden; position: relative; } @media screen and (max-width: 1279px) { .link.-round { height: 1.7rem; width: 1.7rem; } } @media screen and (max-width: 767px) { .link.-round { margin-left: 2rem; } } .link.-round::before { bottom: auto; left: 50%; position: absolute; right: auto; top: 50%; transition: all 400ms ease 0ms; text-indent: 0; transform: translate(-50%, -50%); } .link.-round.-primary::before { color: #ff7753; font-size: 1.7rem; font-weight: 300; } .link.-round.-primary.-inverted::before { color: #fff; } .link.-round.-primary:hover::before, .link.-round.-primary:focus::before { color: #ff592d; } .link.-round.-secondary { background-color: #ff7753; } .link.-round.-secondary::before { color: #fff; font-size: 1rem; font-weight: 400; } .link.-round.-secondary:hover, .link.-round.-secondary:focus { background-color: #eee; } .link.-round.-secondary:hover::before, .link.-round.-secondary:focus::before { color: #ff7753; } .link.-round.-line { border-right: 0; margin-left: 1.5rem; } @media screen and (max-width: 767px) { .link.-round.-line { border: 0; margin-left: 0.5rem; } } .link.-rect { color: #000; display: block; font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; font-weight: 700; padding: 0.7rem 1.5rem; text-decoration: none; text-transform: uppercase; } .link.-rect.-inverted { color: #fff; } .link.-rect::before { transition: all 400ms ease 0ms; font-size: 1.2rem; font-weight: 700; margin-right: 0.5rem; } body.tourism .link.-rect { color: #fff; } .link.-rect.-primary::before { color: #c9bacd; } .link.-rect.-primary:hover::before, .link.-rect.-primary:focus::before { color: #ff7753; } .link.-rect.-secondary::before { color: #ff7753; } .link.-rect.-secondary:hover::before, .link.-rect.-secondary:focus::before { color: #c9bacd; } @media screen and (max-width: 767px) { .link.-rect.-no-text-mobile { overflow: hidden; text-indent: -9999px; white-space: nowrap; height: 3.2rem; width: 3.2rem; background-color: #ff7753; border: 0; border-radius: 50%; margin-left: 0.5rem; position: relative; } } @media screen and (max-width: 767px) { .link.-rect.-no-text-mobile::before { left: 50%; position: absolute; top: 50%; color: #fff; text-indent: 0; transform: translate(-50%, -50%); } } @media screen and (max-width: 767px) { .link.-rect.-no-text-mobile:hover, .link.-rect.-no-text-mobile:focus { background-color: #fff; } } .link.-line { border-right: 1px solid #dde1e8; } .composite-link { display: block; } .composite-link__wrap { position: relative; } .composite-link__wrap.-has-overlay::before { position: absolute; height: 0; width: 0; background-color: rgba(0, 0, 0, 0.3); content: ""; opacity: 0; transition: all 0.5s ease; z-index: 2; } .composite-link__wrap.-has-overlay::after { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f06e"; } .composite-link__wrap.-has-overlay::after { left: 50%; position: absolute; top: 50%; color: #fff; font-size: 3rem; opacity: 0; transform: translate(-50%, -50%); transition: all 0.3s ease; } .composite-link__image { overflow: hidden; perspective: 1rem; } .composite-link__image img { transition: all 250ms ease-in-out 0ms; transition-duration: 0.4s; } .composite-link:hover .composite-link__wrap.-has-overlay::before, .composite-link:focus .composite-link__wrap.-has-overlay::before { height: 100%; width: 100%; opacity: 1; } .composite-link:hover .composite-link__wrap.-has-overlay::after, .composite-link:focus .composite-link__wrap.-has-overlay::after { opacity: 1; } .composite-link:hover .composite-link__image img, .composite-link:focus .composite-link__image img { opacity: 0.9; transform: translateZ(0.1rem); } .composite-link:hover .composite-link__title, .composite-link:focus .composite-link__title { text-decoration: underline; } /*a.link-external[href^=http]:not(.no-external-link):not([href*="allauch.com"]):not([data-fancybox]):not(.no-external)::after, a.link-external[href^=https]:not(.no-external-link):not([href*="allauch.com"]):not([data-fancybox]):not(.no-external)::after, a.link-external[href^="//"]:not(.no-external-link):not([href*="allauch.com"]):not([data-fancybox]):not(.no-external)::after { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f08e"; } a.link-external[href^=http]:not(.no-external-link):not([href*="allauch.com"]):not([data-fancybox]):not(.no-external)::after, a.link-external[href^=https]:not(.no-external-link):not([href*="allauch.com"]):not([data-fancybox]):not(.no-external)::after, a.link-external[href^="//"]:not(.no-external-link):not([href*="allauch.com"]):not([data-fancybox]):not(.no-external)::after { font-size: 0.8em; margin-left: 0.5rem; }*/ /** * Use this component for pagers * * You can find markup and macro in `components/pagers/pagers.njk` * * Use macro: `{{ pagerContainer(number = true, return = false, single = false) }}` or `{{ pagerAlphabet() }}` or `{{ pagerInfinite() }}` * * @section Pager * @page Pagers * * @example * * * */ /** * * @section Pager alphabet * @page Pagers * * @example *
* *
* */ /** * * @section Pager infinite * @page Pagers * * @example * */ /** * * @section Pager with return * @page Pagers * * @example * * * * */ /** * * @section Pager single * @page Pagers * * @example * * * * */ .pager-alphabet { font-size: 1.5rem; } .pager-alphabet__title { color: #000; font-family: "Barlow", sans-serif; font-size: 1.4rem; font-weight: 700; margin-bottom: 0.5rem; text-transform: uppercase; } body.tourism .pager-alphabet__title { color: #fff; } .pager-alphabet__listitems { list-style: none; margin: 0.5rem -0.5rem 0; padding-left: 0; } .pager-alphabet__item { float: left; margin: 0.5rem; text-align: center; } .pager-alphabet__item a, .pager-alphabet__item span { background-color: transparent; border: 1px solid rgba(197, 197, 197, 0.5); color: #000; display: block; font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; font-weight: 300; height: 4rem; line-height: 4rem; width: 4rem; } body.tourism .pager-alphabet__item a, body.tourism .pager-alphabet__item span { color: #fff; } .pager-alphabet__item a { text-decoration: none; transition: all 300ms ease 0ms; } .pager-alphabet__item a:hover, .pager-alphabet__item a:focus { background-color: #ff7753; color: #fff; } .pager-alphabet__item span { color: #dde1e8; } .pager-alphabet__item.-is-current a { background-color: transparent; color: #ff7753; font-weight: 700; } .pager-alphabet__item.-tous a { width: 9rem; } .pager-alphabet__item.-number a { width: 9rem; } .pager { width: 100%; } .pager__listitems { display: block; font-family: "Barlow Condensed", sans-serif; font-size: 0; font-weight: 300; list-style: none; margin: 3rem 0 5rem; padding-left: 0; text-align: center; text-transform: uppercase; } @media screen and (max-width: 479px) { body.tourism .pager__listitems { display: flex; align-items: center; } } .pager__item { display: inline-block; font-size: 1.4rem; } .pager__item a, .pager__item span:not(.pager__description) { background-color: transparent; border: 1px solid rgba(197, 197, 197, 0.5); color: #000; display: block; margin: 0; padding: 1.1rem 1.51rem; } .-reverse-color .pager__item a { color: #fff; } .pager__item a { text-decoration: none; transition: all 300ms ease 0ms; } .pager__item a:hover, .pager__item a:focus { background-color: #ff7753; color: #fff; } .pager__item span:not(.pager__description) { color: #ff7753; font-weight: 700; } @media screen and (max-width: 1279px) { .pager__item.-prev a, .pager__item.-prev span:not(.pager__description), .pager__item.-next a, .pager__item.-next span:not(.pager__description) { padding: 1.1rem 1.9rem; position: relative; text-indent: -9999px; white-space: nowrap; } } .pager__item.-prev a::before, .pager__item.-prev a::after, .pager__item.-prev span:not(.pager__description)::before, .pager__item.-prev span:not(.pager__description)::after, .pager__item.-next a::before, .pager__item.-next a::after, .pager__item.-next span:not(.pager__description)::before, .pager__item.-next span:not(.pager__description)::after { color: #ff7753; font-family: "Font Awesome 5 Pro"; font-size: 1.4rem; font-weight: 700; } @media screen and (max-width: 1279px) { .pager__item.-prev a::before, .pager__item.-prev a::after, .pager__item.-prev span:not(.pager__description)::before, .pager__item.-prev span:not(.pager__description)::after, .pager__item.-next a::before, .pager__item.-next a::after, .pager__item.-next span:not(.pager__description)::before, .pager__item.-next span:not(.pager__description)::after { display: block; left: 50%; line-height: 0; position: absolute; text-indent: 0; top: 50%; transform: translate(-50%, -50%); } } body.tourism .pager__item.-prev a::before, body.tourism .pager__item.-prev a::after, body.tourism .pager__item.-prev span:not(.pager__description)::before, body.tourism .pager__item.-prev span:not(.pager__description)::after, body.tourism .pager__item.-next a::before, body.tourism .pager__item.-next a::after, body.tourism .pager__item.-next span:not(.pager__description)::before, body.tourism .pager__item.-next span:not(.pager__description)::after { font-size: 1.8rem; font-weight: 700; } .pager__item.-prev span:not(.pager__description), .pager__item.-next span:not(.pager__description) { color: #dde1e8; font-weight: 300; } .pager__item.-prev span:not(.pager__description)::before, .pager__item.-prev span:not(.pager__description)::after, .pager__item.-next span:not(.pager__description)::before, .pager__item.-next span:not(.pager__description)::after { color: #dde1e8; } .pager__item.-prev { float: left; } .pager__item.-prev a, .pager__item.-prev span:not(.pager__description) { transition: all 250ms ease-in-out 0ms; border-color: rgba(197, 197, 197, 0.5); color: #ff7753; font-size: 1.4rem; font-weight: 300; padding: 1rem 3rem; } .pager__item.-prev a::before, .pager__item.-prev span:not(.pager__description)::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f0d9"; } .pager__item.-prev a::before, .pager__item.-prev span:not(.pager__description)::before { transition: all 300ms ease 0ms; margin-right: 0.5rem; } @media screen and (max-width: 1279px) { .pager__item.-prev a::before, .pager__item.-prev span:not(.pager__description)::before { margin: 0; } } body.tourism .pager__item.-prev a, body.tourism .pager__item.-prev span:not(.pager__description) { background-color: #423845; border-color: #423845; color: #fff; font-size: 1.7rem; font-weight: 700; height: 6rem; padding: 2rem 3rem; } body.tourism .pager__item.-prev a::before, body.tourism .pager__item.-prev span:not(.pager__description)::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f104"; } .pager__item.-prev a:hover, .pager__item.-prev a:focus { background-color: #ff7753; border-color: #423845; color: #fff; } .pager__item.-prev a:hover::before, .pager__item.-prev a:focus::before { color: inherit; } body.tourism .pager__item.-prev a:hover, body.tourism .pager__item.-prev a:focus { background-color: transparent; color: #423845; } .pager__item.-next { float: right; } @media screen and (max-width: 479px) { body.tourism .pager__item.-next { margin-left: auto; } } .pager__item.-next a, .pager__item.-next span:not(.pager__description) { transition: all 250ms ease-in-out 0ms; border-color: rgba(197, 197, 197, 0.5); color: #ff7753; font-size: 1.4rem; font-weight: 300; padding: 1rem 3rem; } .pager__item.-next a::after, .pager__item.-next span:not(.pager__description)::after { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f0da"; } .pager__item.-next a::after, .pager__item.-next span:not(.pager__description)::after { transition: all 300ms ease 0ms; margin-left: 0.5rem; } @media screen and (max-width: 1279px) { .pager__item.-next a::after, .pager__item.-next span:not(.pager__description)::after { margin: 0; } } body.tourism .pager__item.-next a, body.tourism .pager__item.-next span:not(.pager__description) { background-color: #423845; border-color: #423845; color: #fff; font-size: 1.7rem; font-weight: 700; height: 6rem; padding: 2rem 3rem; } body.tourism .pager__item.-next a::after, body.tourism .pager__item.-next span:not(.pager__description)::after { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f105"; } body.tourism .pager__item.-next a::after, body.tourism .pager__item.-next span:not(.pager__description)::after { color: inherit; } .pager__item.-next a:hover, .pager__item.-next a:focus { background-color: #ff7753; border-color: #423845; color: #fff; } .pager__item.-next a:hover::after, .pager__item.-next a:focus::after { color: inherit; } body.tourism .pager__item.-next a:hover, body.tourism .pager__item.-next a:focus { background-color: transparent; color: #423845; } .pager__item.-return a { transition: all 250ms ease-in-out 0ms; border-color: transparent; color: #ff7753; font-size: 1.4rem; font-weight: 300; padding: 1rem 5rem; } .pager__item.-return a::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f03a"; } .pager__item.-return a::before { transition: all 250ms ease-in-out 0ms; color: inherit; font-size: 1.4rem; font-weight: 700; margin-right: 0.5rem; } .pager__item.-return a:hover, .pager__item.-return a:focus { background-color: transparent; color: #ff7753; } .pager__item.-return a:hover::before, .pager__item.-return a:focus::before { color: #ff7753; } body.tourism .pager__item.-return { background-color: #e4dce6; } @media screen and (max-width: 479px) { body.tourism .pager__item.-return { margin-left: auto; flex-grow: 1; max-width: 235px; } } body.tourism .pager__item.-return a { color: #423845; font-size: 1.7rem; font-weight: 700; height: 6rem; padding: 2rem 5rem; } body.tourism .pager__item.-return a::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f2f9"; } body.tourism .pager__item.-return a::before { font-size: 1.5rem; font-weight: 400; } body.tourism .pager__item.-return a:hover, body.tourism .pager__item.-return a:focus { color: #ff7753; } body.tourism .pager__item.-return a:hover::before, body.tourism .pager__item.-return a:focus::before { color: #ff7753; } @media screen and (max-width: 479px) { body.tourism .pager__item.-return a { padding: 1.8rem 1.9rem; } } .pager__description { color: #bbc4d2; font-family: "Barlow", sans-serif; font-size: 1.4rem; font-style: italic; font-weight: 300; text-transform: none; } .pager.-single { margin-bottom: 13rem; } .pager.-single .pager__listitems { margin-bottom: 7rem; position: relative; } .pager.-single .pager__item.-prev, .pager.-single .pager__item.-next { align-items: flex-start; display: flex; position: relative; width: 49.7%; } .pager.-single .pager__item.-prev a, .pager.-single .pager__item.-prev span:not(.pager__description), .pager.-single .pager__item.-next a, .pager.-single .pager__item.-next span:not(.pager__description) { flex-shrink: 0; } .pager.-single .pager__item.-prev { justify-content: flex-start; } .pager.-single .pager__item.-prev .pager__description { margin: auto 0 auto 1.5rem; text-align: left; } .pager.-single .pager__item.-next { justify-content: flex-end; } .pager.-single .pager__item.-next .pager__description { margin: auto 1.5rem auto 0; text-align: right; } .pager.-single .pager__item.-return { left: 50%; position: absolute; top: 140%; transform: translateX(-50%); } .pager__link.-left::after { bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; speak: none; top: 0; z-index: 10; } .pager__link.-right::before { bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; speak: none; top: 0; z-index: 10; } @keyframes spin { 0% { transform: rotate(0deg) translateY(-50%); } 100% { transform: rotate(-360deg) translateY(-50%); } } .pager-infinite { margin: 2rem 0; text-align: center; } .pager-infinite__button { transition: all 300ms ease 0ms; background-color: transparent; border: 0; color: #010101; cursor: pointer; font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; font-weight: 300; padding: 1.2rem 0.5rem; text-transform: uppercase; } .pager-infinite__button::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f2f9"; } .pager-infinite__button::before { color: #c9bacd; font-size: 1.4rem; margin-right: 0.5rem; } .pager-infinite__button:hover, .pager-infinite__button:focus { color: #c9bacd; } .pager-infinite__loading::before { animation: spin 1s infinite linear; transform-origin: top; } /** * You can find markup and macro in `components/headings/headings.njk` * * Use macro: `{{ heading() }}` * * @section Heading macro * @page Heading */ /** * @section Heading News List * @page Heading * * @example *
*
*
*

Actualités

*
* Flux rss des publications *
*
*
*
* */ /** * @section Heading News Single * @page Heading * * @example *
*
*
* * * * *
*
*

Thème 1, Thème2, Thème 3

*

H1 Titre de l’actualité

*

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

*

* Publié le 26 novembre 2018 *

*
*
*
* */ /** * @section Heading Agenda List * @page Heading * * @example *
*
*
*

Agenda

*
* Vue cartographique * Proposer un événement * Flux rss des publications *
*
*
*
* */ /** * @section Heading Agenda Single * @page Heading * * @example *
*
*
* * * *
*

* Du * * au * *

*
*
*

* * à * *

*

Théâtre aIpsum - Ville

*
*
*
*

Thème 1, Thème2, Thème 3

*

H1 Titre de l’actualité

*

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

* Ajouter au calendrier *
*
*
* */ /** * @section Heading Publications Single * @page Heading * * @example *
*
*
* * * *
*
*

Thème 1, Thème2, Thème 3

*

H1 Titre de l’actualité

*

* 7 documents * Publié le * *

*

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

*
*
*
* */ /** * @section Heading News Single * @page Heading * * @example *
*
*
* * * *
*
*

Thème 1, Thème2, Thème 3

*

H1 Titre de l’actualité

*

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

*

* Publié le * *

*
*
*
* */ /** * @section Heading Page Menu * @page Heading * * @example *
*
*
*

Thème 1, Thème2, Thème 3

*

Dans cette rubrique

*

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

*
*
*
* */ /** * @section Heading Directory List * @page Heading * * @example *
*
*
*

Annuaire

*
*
*
* */ /** * @section Heading Directory Single * @page Heading * * @example *
*
*
* * * *
*
*

Thème 1, Thème2, Thème 3

*

H1 Titre de l’actualité

*
*
*
*

* Adresse : * 13 Lorem ipsum dolor sit
amert 25697 loreum ipsuli *

*

* Site internet *

*
*
*

* Tél : * 04 94 00 00 00 *

*

* Fax : * 04 94 00 00 00 *

*

* Courriel *

*
*
*

* Informations : * Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid error minus numquam officia saepe vitae. *

*

* Horaires : * Lundi : 15h-18h / Mardi : 9h30-12h30 / Jeudi : 9h30-12h30 / 14h30-18h30 *

*
*
*
*
* */ /** * @section Heading Employee Directory * @page Heading * * @example *
*
*
*

Annuaire des élus

*
* * * * *
*

Prénomdelapersonne Nomdelapersonne

*

Fonction loremsipm dolor

*

Fonction2 dolor dit amet

*

Fonction3 consectur elis passam filis

* Prendre contact avec votre élu *
*
*
*
*
* */ /** * @section Heading Job offers Single * @page Heading * * @example *
*
*
*

Thème 1, Thème2, Thème 3

*

Intitulé du poste lorem ipsum dolor sit amet consectur

*

* Publié le * *

*

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

*

* Publié le * *

*
*
*
* */ /** * @section Heading Glossary * @page Heading * * @example *
*
*
*

Glossaire

*
* *
*
*
*
* */ /** * @section Heading Public Market Single * @page Heading * * @example *
*
*
* * * *
*
*

NOUVEAUX MARCHÉS

*

en cours d’attribution

*

attribué

*

Thème 1, Thème2, Thème 3

*

Intitulé du poste lorem ipsum dolor sit amet consectur

*

* DATE LIMITE DE RÉPONSE: * *

*

* 7 documents * Publié le 26 novembre 2018 *

*
*
*
* */ .heading { background-color: #f7f8fb; } .heading.-single-directory .heading__category { font-size: 2rem; } @media screen and (max-width: 767px) { .heading.-single-directory .heading__category { font-size: 1.8rem; } } .heading.-single-directory .heading__title { font-size: 5rem; } @media screen and (max-width: 1279px) { .heading.-single-directory .heading__title { font-size: 3.5rem; } } @media screen and (max-width: 767px) { .heading.-single-directory .heading__title { font-size: 3rem; } } .heading.-single-directory .heading__fonction { font-size: 1.8rem; } body.tourism .heading.-single-events .date { height: 16rem; margin: 1rem 0 6rem 0; position: relative; width: 16rem; flex: 0 0 auto; } body.tourism .heading.-single-events .date::before { background-color: #fff; bottom: -4rem; content: ""; height: 4rem; left: 50%; position: absolute; transform: translateX(-50%); width: 0.1rem; } @media screen and (min-width: 480px) { body.tourism .heading.-single-events .date { margin: 1rem 6rem 0 0; } body.tourism .heading.-single-events .date::before { bottom: 6rem; left: 112%; transform: rotate(90deg); } } body.tourism .heading.-single-events .date__item.-day { font-size: 3rem; } body.tourism .heading.-single-events .date__item.-month { font-size: 1.7rem; } @media screen and (min-width: 480px) { body.tourism .heading.-single-events .date__wrap { flex-direction: row; align-items: center; } } body.tourism .heading.-single-events .date .date__time.-has-icon { margin-top: 2rem; } body.tourism .heading.-single-events .date .date__time.-has-icon::before { font-size: 2.2rem; top: -0.8rem; left: 50%; } @media screen and (min-width: 480px) { body.tourism .heading.-single-events .date .date__time.-has-icon { margin-left: 3rem; margin-top: 0; } body.tourism .heading.-single-events .date .date__time.-has-icon::before { transform: rotate(-90deg); top: 1rem; left: -2.3rem; } } body.tourism .heading.-single-events .heading__wrapper { flex-direction: column; } body.tourism .heading.-page-content { background-color: rgba(201, 186, 205, 0.2); } body.tourism .heading.-page-content .heading__category { color: #da5c3e; } body.tourism .heading.-page-content .heading__title, body.tourism .heading.-page-content .heading__teaser { color: #000; } .heading.-center { text-align: center; } @media screen and (max-width: 767px) { .heading.-center { text-align: left; } } .heading.-content { background-color: #f0f0f0; } .heading.-map-annuaire { display: none; } @media screen and (max-width: 767px) { .heading.-map-annuaire { display: block; } } .heading__wrapper { display: flex; flex-wrap: nowrap; padding: 3.5rem 1rem 7.5rem; position: relative; } @media screen and (max-width: 1279px) { .heading__wrapper { padding: 0 2rem 5rem; } } @media screen and (max-width: 767px) { .heading__wrapper { flex-direction: column; padding: 0 1rem 3rem; } } .-content .heading__wrapper { padding: 8rem 1rem 10rem; } .heading .links-group { position: absolute; right: 0; top: 0.5rem; } .heading .links-group.-rect { margin-top: 0; } @media screen and (max-width: 767px) { .heading .links-group { top: -1.2rem; } } .heading .link.-round.-primary { background-color: #fff; box-shadow: none; } .heading .link.-round.-primary:hover, .heading .link.-round.-primary:focus { background-color: #c9bacd; } @media screen and (max-width: 767px) { .heading .link.-round.-primary { background-color: #c9bacd; } .heading .link.-round.-primary::before { color: #fff; } .heading .link.-round.-primary:hover, .heading .link.-round.-primary:focus { background-color: #fff; } .heading .link.-round.-primary:hover::before, .heading .link.-round.-primary:focus::before { color: #c9bacd; } } .heading .link.-round { margin-top: -0.5rem; } @media screen and (max-width: 767px) { .heading .link.-round { margin-top: 0; } } @media screen and (max-width: 767px) { .heading .link.-rect { box-shadow: none; } .heading .link.-rect.-primary:hover::before, .heading .link.-rect.-primary:focus::before, .heading .link.-rect.-secondary:hover::before, .heading .link.-rect.-secondary:focus::before { color: #c9bacd; } } .heading__image { flex-shrink: 0; margin: 2.5rem 0 0 0; max-width: 53rem; display: flex; align-items: center; order: 2; } .tourism .heading__image { position: relative; max-height: 19.4rem; } @media screen and (max-width: 479px) { .heading__image { margin: 3rem auto 1rem; flex-direction: column; padding-top: 1.5rem; border-top: 1px solid #dde1e8; } } .heading__image-link { margin-top: 2rem; text-align: center; width: 100%; } .tourism .heading__figure { height: 100%; } .heading__figure { margin: 0; } /*.heading__figure img { display: block; max-width: 100%; width: auto; }*/ .heading__figure figcaption { color: #bbc4d2; font-size: 1.3rem; font-style: italic; margin-top: 1.5rem; } .heading__content { flex: 1 0 auto; position: relative; width: 100%; } .heading__content--flex { display: flex; } .heading__content--flex .heading__profile { flex: 1; } .heading__content--flex .infos { flex: 1; } @media screen and (min-width: 768px) { .heading__content--flex .infos { margin-left: auto; } } @media screen and (max-width: 767px) { .heading__content--flex { flex-direction: column; } } .heading__content-btn { margin: 2rem 0 1.5rem; } .heading__category { color: #ff7753; font-family: "Barlow Condensed", sans-serif; font-size: 1.8rem; font-weight: 700; margin: 0 0 0.7rem; text-transform: uppercase; } .heading__title { color: #000; font-family: "Barlow", sans-serif; font-size: 4.5rem; font-weight: 700; line-height: 1; margin: 0; } @media screen and (max-width: 1279px) { .heading__title { font-size: 3.8rem; max-width: calc(100% - 14.6rem); } } @media screen and (max-width: 767px) { .heading__title { font-size: 2.8rem; max-width: calc(100% - 7.7rem); } } .heading__fonction { font-family: "Barlow Condensed", sans-serif; font-size: 1.6rem; font-weight: 700; margin: 0; } .heading__fonction p { margin: 0; } .heading__teaser { color: #727272; font-family: "Barlow", sans-serif; font-size: 2rem; font-weight: 300; line-height: 2.8rem; margin: 2rem 0 0; } @media screen and (max-width: 767px) { .heading__teaser { font-size: 1.8rem; } } .heading__publication { color: #727272; font-family: "Barlow", sans-serif; font-size: 1.3rem; font-style: italic; font-weight: 300; margin-bottom: 0; } .heading__publication.-small { font-size: 1.2rem; font-style: normal; } .heading__publication.-large { color: #ff7753; font-size: 2rem; font-style: normal; font-weight: 400; margin-top: 1rem; text-transform: uppercase; } @media screen and (max-width: 767px) { .heading__publication.-large { font-size: 1.4rem; } } .heading__publication.-large time { font-weight: 700; } .heading__number { font-style: normal; font-weight: 700; text-transform: uppercase; } .heading__number::after { content: " - "; font-size: 1.4rem; } .heading__btn { margin-right: 0.5rem; margin-top: 3rem; } .heading__btn:last-child { margin-right: 0; } .heading__btn[data-fa-icon]::before { color: #c9bacd; } .heading-elected { display: flex; margin-top: 3.5rem; } @media screen and (max-width: 767px) { .heading-elected { display: block; } } .heading-elected__picture { display: block; margin-right: 2rem; } @media screen and (max-width: 767px) { .heading-elected__picture { float: left; margin-right: 1rem; } } .heading .date { margin: 0.5rem auto 0; } body.tourism .heading .time-place { text-align: center; } body.tourism .heading .time-place__item { padding: 0; } body.tourism .heading .time-place__item::before { margin-right: 0.5rem; position: static; color: #fff; } .heading__request-change { overflow: hidden; text-indent: -9999px; white-space: nowrap; bottom: auto; left: auto; position: absolute; right: 0; top: -1rem; height: 3.5rem; width: 3.5rem; border: 2px solid #ff7753; border-radius: 50%; display: block; padding: 0 !important; } .heading__request-change::before, .heading__request-change::after { text-indent: 0; } .heading__request-change[data-fa-icon]::before { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .elected { font-family: "Barlow", sans-serif; } .elected__name { color: #000; font-size: 2.8rem; font-weight: 700; line-height: 2rem; margin: 0 0 2rem; } @media screen and (max-width: 767px) { .elected__name { font-size: 1.8rem; margin-bottom: 1rem; } } .elected__name span { text-transform: uppercase; } .elected__position { color: #ff7753; font-size: 1.6rem; font-weight: 700; margin: 2rem 0 1rem; text-transform: uppercase; } @media screen and (max-width: 767px) { .elected__position { font-size: 1.4rem; margin: 1rem 0 0.5rem; } } .elected__function { color: #bbc4d2; font-size: 1.3rem; font-weight: 300; margin: 0.1rem 0 0; text-transform: uppercase; } .elected__btn { margin-top: 3rem; } @media screen and (max-width: 767px) { .elected__btn { margin-top: 1rem; } } /** * @section Date * @page Date * * @example *
*

* Du * * au * *

*
* */ /** * @section Time and Place * @page Date * * @example *
*

* * à * *

*

Théâtre aIpsum - Ville

*
* */ .date { display: flex; background-color: #ff7753; border-radius: 50%; color: #fff; height: 10rem; width: 10rem; } .date__wrap { display: flex; flex-direction: column; justify-content: center; margin: 0; } .date__time { text-align: center; } .date__time.-has-icon { margin-top: 1rem; position: relative; } .date__time.-has-icon::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f107"; } .date__time.-has-icon::before { color: #ff7753; font-size: 1.6rem; font-weight: 300; left: 50%; position: absolute; top: -0.5rem; transform: translate(-50%, -50%); } .date__item { display: block; text-transform: uppercase; } .date__item.-day { font-size: 2.2rem; font-weight: 700; } .date__item.-month { font-size: 1.2rem; font-weight: 300; line-height: 1; } .time-place { margin-top: 1.5rem; } .time-place.-center { text-align: center; } .time-place.-center .time-place__item { display: table; margin: 0 auto; } .time-place__item { color: #494949; margin: 0.3rem 0; padding-left: 1.3em; position: relative; } .time-place__item.-inline { color: #fff; display: inline-block; margin-right: 3rem; vertical-align: top; } .time-place__item.-inline::before { color: #fff; } .time-place__item::before { color: #494949; left: 0; position: absolute; } .time-place__item.-time { font-size: 1.8rem; font-weight: 300; } .time-place__item.-time::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f017"; } .time-place__item.-time::before { color: #ff7753; font-size: 1em; } .time-place__item.-place { font-size: 1.6rem; font-weight: 300; text-transform: uppercase; } .time-place__item.-place::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f3c5"; } .time-place__item.-place::before { color: #ff7753; font-size: 1em; } .time-place__item.-place .place-location { display: block; text-transform: none; } .tariff { color: #bbc4d2; font-family: "Barlow", sans-serif; font-size: 1.6rem; font-weight: 300; margin: 1.5rem 0; } @media screen and (max-width: 1279px) { .tariff { display: none; } } .heading .tariff { font-size: 1.3rem; text-align: center; } @media screen and (max-width: 1279px) { .heading .tariff { display: block; } } /** * @section Infos * @page Infos * * @example *
*
*
*

* Adresse : * 13 Lorem ipsum dolor sit
amert 25697 loreum ipsuli *

*

* Site internet *

*
*
*

* Tél : * 04 94 00 00 00 *

*

* Fax : * 04 94 00 00 00 *

*

* Courriel *

*
*
*

* Informations : * Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid error minus numquam officia saepe vitae. *

*

* Horaires : * Lundi : 15h-18h / Mardi : 9h30-12h30 / Jeudi : 9h30-12h30 / 14h30-18h30 *

*
* */ /** * @section Infos without columns * @page Infos * * @example *
*

* Adresse : * 13 Lorem ipsum dolor sit
amert 25697 loreum ipsuli *

*

Site internet

*

* Tél : * 04 94 00 00 00 *

*

* Fax : * 04 94 00 00 00 *

*

Courriel

*

* Informations : * Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid error minus numquam officia saepe vitae. *

*

* Horaires : * Lundi : 15h-18h / Mardi : 9h30-12h30 / Jeudi : 9h30-12h30 / 14h30-18h30 *

*
*/ .infos__wrap { display: flex; margin: 2rem 0; } .heading__content--flex .infos__wrap { justify-content: flex-end; } @media screen and (max-width: 1279px) { .infos__wrap { flex-direction: column; margin: 3.7rem 0; } } @media screen and (max-width: 767px) { .infos__wrap { margin: 2rem 0 1rem; } } .infos__items { flex-basis: auto; flex-grow: 0; flex-shrink: 1; padding-right: 5%; } @media screen and (max-width: 1279px) { .infos__items { padding: 0 0 1rem; } } @media screen and (min-width: 768px) { .heading__content--flex .infos__items:only-child { margin-left: auto; } } .infos__items.-has-border { border-left: 1px solid #bbc4d2; padding: 0 0 0 5%; } @media screen and (max-width: 1279px) { .infos__items.-has-border { border-left: 0; border-top: 1px solid #bbc4d2; padding: 1rem 0 0; } } .infos__item { color: #000; font-family: "Barlow Condensed", sans-serif; font-size: 1.7rem; font-weight: 300; margin: 0.7rem 0; padding-left: 2rem; position: relative; } .infos__item a { color: inherit; text-decoration: underline; } .infos__item a:hover, .infos__item a:focus { text-decoration: none; } .infos__item::before { color: #ff7753; left: 0; position: absolute; top: 2px; } .infos__item.-address::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f3c5"; } .infos__item.-website::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f0ac"; } .infos__item.-phone::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f095"; } .infos__item.-fax::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f1ac"; } .infos__item.-email::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f1fa"; } .infos__item.-info::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f05a"; } .infos__item.-hours::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f017"; } .infos__item.-facebook::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f39e"; } .infos__item.-twitter::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f099"; } .infos__item.-instagram::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f16d"; } .infos__item.-linkedin::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f0e1"; } .infos__item.-renseignement::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f086"; } .infos__item.-route::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f124"; } .infos__item.-name::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f406"; } .infos__item.-tripadvisor::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f262"; } /*.infos__item.-facebook, .infos__item.-twitter, .infos__item.-instagram, .infos__item.-linkedin, .infos__item.-tripadvisor { display: inline-block; overflow-wrap: break-word; width: 45%; }*/ .tourism .infos__item.-facebook, .tourism .infos__item.-twitter, .tourism .infos__item.-instagram, .tourism .infos__item.-linkedin, .tourism .infos__item.-tripadvisor { display: block; width: auto; } .infos__item.-facebook::before, .infos__item.-twitter::before, .infos__item.-instagram::before, .infos__item.-linkedin::before, .infos__item.-tripadvisor::before { font-family: "Font Awesome 5 Brands" !important; font-weight: 400 !important; } .infos__item.-tripadvisor { width: 100%; } .infos__item.-renseignement { margin-top: 3rem; } .infos__item.-address { margin-bottom: 2.5rem; } .infos__item.-address .sep-zip-code { display: block; margin-top: 5px; } @media screen and (max-width: 1279px) { .infos.-single .infos__wrap { margin: 0.5rem 0 0; } } /** * Use this component for lang chooser * * You can find markup and macro in `components/lang/lang.njk` * * Use macro: `{{ lang() }}` or `{{ lang('-light') }}` or `{{ lang('-dark') }}` * * @section Lang * @page Components * * @example *
*
* * *
*
*
*
* * *
*
*
*
* * *
*
* */ .lang { color: #fff; font-family: "Barlow Condensed", sans-serif; } .lang__switcher { position: relative; width: 100%; z-index: 10; } .lang__switcher.-has-arrow .lang__current::after { color: #ff7753; content: "\f107"; font-size: 1.4rem; right: 0.4rem; } .lang__current { background-color: transparent; border: 0; color: inherit; font-family: inherit; font-size: 2rem; font-weight: 700; line-height: 1; padding: 1.35rem 2rem 1.35rem 1rem; position: relative; transition: all 300ms ease-in-out 0ms; } .lang__current:hover, .lang__current:focus { background-color: #000; } .lang__current:focus { outline-offset: 0; } .lang__current abbr { text-decoration: none; } @media screen and (max-width: 767px) { body.tourism .lang__current { padding: 1.1rem 2rem 1.1rem 1rem; } } .lang__drop { position: absolute; background-color: #000; margin: 0; padding: 0; width: 100%; z-index: 5; } .lang__item { text-align: center; } .lang__link { color: inherit; display: block; font-family: inherit; font-size: 1.3rem; font-weight: 300; padding: 1.35rem 1.6rem 1.35rem 1rem; text-decoration: none; white-space: nowrap; transition: all 250ms ease-in-out 0ms; } .lang__link:hover, .lang__link:focus { background-color: rgba(0, 0, 0, 0.4); } .lang__link abbr { text-decoration: none; } .lang-wrapper { left: 0; position: absolute; top: 0; } .goog-te-menu-frame { position: absolute !important; } .tourism .goog-te-menu-frame { position: absolute !important; box-shadow: none; } .tourism .goog-te-gadget-simple { background-color: transparent; border-color: #fff; } .tourism .goog-te-gadget-simple .goog-te-menu-value { color: #fff; } .tourism .goog-te-gadget-simple .goog-te-menu-value span:last-child { color: #fff !important; } .flash-info { background-color: #f7f8fb; display: none; padding: 2.5rem 0; } .flash-info__wrap { align-items: flex-start; display: flex; position: relative; } @media screen and (max-width: 767px) { .flash-info__wrap { align-items: flex-start; flex-direction: column; } } .flash-info__title { border-right: 1px solid white; font-family: "Barlow", sans-serif; font-size: 3rem; font-weight: 300; line-height: 1; margin: 0; max-width: 11.5rem; padding: 1.5rem 2rem 1.5rem 0; text-align: right; text-transform: uppercase; } @media screen and (max-width: 767px) { .flash-info__title { font-size: 2.2rem; margin-bottom: 1rem; max-width: 100%; } } .flash-info__title b { font-weight: 700; } .flash-info__listitems { list-style: none; margin: 0; padding: 0; width: 100%; } .flash-info__item { align-items: center; border-top: 0.1rem solid white; display: flex; justify-content: space-between; margin-left: 1.5rem; padding: 2rem 0; position: relative; } .flash-info__item:first-child { border: 0; } .flash-info__item:last-child { margin-bottom: 0; } @media screen and (max-width: 767px) { .flash-info__item { display: block; margin-left: 0; } } .flash-info__svg { padding: 0 1.5rem; } .flash-info__svg > svg { fill: #c9bacd; height: auto; width: 5.6rem; } @media screen and (max-width: 767px) { .flash-info__svg { display: inline-block; vertical-align: middle; } } .flash-info__image { padding: 0 1.5rem; } @media screen and (max-width: 767px) { .flash-info__image { display: inline-block; vertical-align: middle; } } .flash-info__content { color: #000; font-family: "Barlow", sans-serif; font-size: 1.6rem; font-weight: 400; margin: 0; padding: 1.5rem 0; } @media screen and (max-width: 767px) { .flash-info__content { margin: 2rem 0; } } .flash-info__buttons { display: flex; flex-shrink: 0; flex-wrap: nowrap; margin-left: 11.5rem; } @media screen and (max-width: 1279px) { .flash-info__buttons { margin-left: 3rem; } } @media screen and (max-width: 767px) { .flash-info__buttons { margin-left: 0; width: 100%; } } .flash-info__button.-plus { padding: 1.3rem; transition: all 300ms ease 0ms; } .flash-info__button.-plus::before { margin-right: 0.5rem; } .flash-info__button.-close { background: none; border: 0; cursor: pointer; height: 2.1rem; margin-left: 6.5rem; position: relative; width: 2.1rem; overflow: hidden; text-indent: -9999px; white-space: nowrap; } .flash-info__button.-close::before, .flash-info__button.-close::after { text-indent: 0; } @media screen and (max-width: 1279px) { .flash-info__button.-close { margin-left: 3rem; } } @media screen and (max-width: 767px) { .flash-info__button.-close { position: absolute; right: 2rem; top: 1.5rem; } } .flash-info__button.-close[data-fa-icon]::before { color: #727272; font-size: 3rem; font-weight: 300; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: all 300ms ease 0ms; } .flash-info__button.-close:hover::before, .flash-info__button.-close:focus::before { color: #ff7753; } .cookies-block { background-color: #494949; display: none; padding: 1.5rem 0 1.8rem; } .cookies-block a:hover, .cookies-block a:focus, .cookies-block button:hover, .cookies-block button:focus { outline-color: #fff; } @media screen and (max-width: 1279px) { .cookies-block { padding: 3.5rem 0; } } .cookies-block__wrap { align-items: center; display: flex; } @media screen and (max-width: 1279px) { .cookies-block__wrap { align-items: flex-start; flex-direction: column; } } .cookies-block__text { color: #fff; font-family: "Barlow Condensed", sans-serif; font-size: 1.3rem; font-weight: 300; margin: 0; } .cookies-block__buttons { flex-shrink: 0; margin-left: 16rem; } @media screen and (max-width: 1279px) { .cookies-block__buttons { margin: 2rem 0 0; text-align: right; width: 100%; } } .cookies-block__button.-more { color: #fff; font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; line-height: 2rem; text-transform: uppercase; } @media screen and (max-width: 767px) { .cookies-block__button.-more { display: block; margin-bottom: 2rem; } } .cookies-block__button.-more[data-fa-icon]::before { color: #fff; font-weight: 700; margin-right: 0.5rem; transition: all 300ms ease 0ms; } .cookies-block__button.-more:hover[data-fa-icon]::before, .cookies-block__button.-more:focus[data-fa-icon]::before { color: #ff7753; } .cookies-block__button.-accept { background: none; border: 1px solid rgba(197, 197, 197, 0.5); color: #fff; cursor: pointer; font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; font-weight: 700; line-height: 2rem; margin-left: 4rem; padding: 0.85rem 2rem; text-transform: uppercase; } .cookies-block__button.-accept[data-fa-icon]::before { color: #fff; font-weight: 700; margin-right: 0.5rem; } .cookies-block__button.-accept:hover, .cookies-block__button.-accept:focus { background: #fff; color: #494949; } .cookies-block__button.-accept:hover[data-fa-icon]::before, .cookies-block__button.-accept:focus[data-fa-icon]::before { color: #494949; } .cookie-manager p { font-size: 1.4rem; } .cookie-manager__submit { background: #ca000a; border: 1px solid #ca000a; color: #fff; cursor: pointer; font-weight: 400; padding: 1rem 1.5rem; text-transform: uppercase; } .cookie-manager__submit[data-fa-icon]::before { color: #fff; font-weight: 700; margin-right: 0.5rem; } .cookie-manager__submit:hover, .cookie-manager__submit:focus { background: transparent; border-color: #ca000a; color: #000; } .cookie-manager__submit:hover[data-fa-icon]::before, .cookie-manager__submit:focus[data-fa-icon]::before { color: #000; } .cookies-recorded, .rte .cookies-recorded { animation: appearCookie; animation-delay: 0s; animation-duration: 1s; margin: 1rem 0; text-align: center; } .cookies-recorded span, .rte .cookies-recorded span { padding-left: 2rem; } .cookies-recorded span::before, .rte .cookies-recorded span::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f00c"; } .cookies-recorded span::before, .rte .cookies-recorded span::before { color: #ca000a; font-weight: 700; margin-right: 0.5rem; } @keyframes appearCookie { 0% { opacity: 0; } 100% { opacity: 1; } } /*.go-to-top { bottom: 3rem; display: block; opacity: 1; position: relative; right: 3rem; visibility: visible; z-index: 21; } @media screen and (max-width: 1279px) { .go-to-top { bottom: 2rem; right: 1rem; } } .go-to-top p { margin: 0; position: absolute; right: 0; text-align: right; } .go-to-top a { height: 6rem; width: 6rem; overflow: hidden; text-indent: -9999px; white-space: nowrap; transition: all 400ms ease 0ms; background-color: #68566d; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.29), inset 0 -15px 40px -19px rgba(0, 0, 0, 0.4); display: block; overflow: hidden; text-indent: 9999px; } .go-to-top a::before, .go-to-top a::after { text-indent: 0; } .go-to-top a::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f106"; } @media screen and (max-width: 1279px) { .go-to-top a { height: 4rem; width: 4rem; } } .go-to-top a::before { color: #fff; font-size: 1.6rem; font-weight: 700; left: 50%; line-height: 6rem; position: absolute; transform: translateX(-50%); } @media screen and (max-width: 1279px) { .go-to-top a::before { line-height: 4rem; } } .go-to-top a:hover, .go-to-top a:focus { background-color: #75617b; } .go-to-top.-is-hide { opacity: 0; transition: opacity 0.5s ease; visibility: hidden; }*/ .menu-cross { flex-shrink: 1; max-width: 22rem; padding: 0 6rem 0 4rem; } @media screen and (max-width: 1279px) { .menu-cross { margin-top: -2rem; max-width: 26rem; padding: 0; margin-right: auto; } } @media screen and (max-width: 767px) { .menu-cross { max-width: 16.5rem; padding: 0 0 3rem 0; margin: 0 auto; } } .menu-cross__link { transition: all 400ms ease 0ms; font-size: 1.6rem; padding: 0.95rem 2rem 0.95rem 1.7rem; } .menu-cross__link::before { transition: all 400ms ease 0ms; font-weight: 700; margin-right: 0.7rem; } @media screen and (max-width: 767px) { .menu-cross__nav { display: flex; justify-content: center; } } .menu-cross__listitems { list-style: none; margin: 0; padding-left: 0; text-align: left; } .menu-cross__item { color: #fff; font-size: 1.3rem; font-weight: 300; margin-bottom: 0.5rem; padding-left: 0.8rem; position: relative; text-transform: uppercase; } @media screen and (max-width: 1279px) { .menu-cross__item { font-size: 1.4rem; } } .menu-cross__item::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f105"; } .menu-cross__item::before { color: #ff7753; left: 0; position: absolute; top: 0; } .menu-cross__item a { transition: all 400ms ease 0ms; color: #fff; text-decoration: none; } .menu-cross__item a:hover, .menu-cross__item a:focus { color: #ff7753; } .menu-cross__item.-active a { color: #ff7753; } .menu-cross__item.-cookie { margin-top: 1.5em; } .newsletter { flex-grow: 1; padding: 0; } @media screen and (max-width: 1279px) { .newsletter { width: 100%; } } @media screen and (max-width: 767px) { .newsletter { margin: 0 auto; padding: 0 3rem 5.5rem; } } .newsletter__title { color: #423845; font-family: "Barlow", sans-serif; font-size: 3.6rem; font-weight: 300; margin-top: 0; text-transform: uppercase; } .newsletter__form { margin: 0; } .newsletter__fields { position: relative; } @media screen and (max-width: 1279px) { .newsletter__fields { max-width: 30rem; } } .newsletter__field.-input label { color: #75617b; cursor: pointer; display: block; font-family: "Barlow", sans-serif; font-size: 1.4rem; font-weight: 700; margin-bottom: 1rem; text-transform: uppercase; } .newsletter__field.-input input { background-color: #fff; border: 0; color: #969696; flex-direction: column; font-size: 1.4rem; font-style: italic; font-weight: 300; max-height: 4rem; padding: 1.2rem 1rem; width: calc(100% - 4rem); } .newsletter__field.-button { bottom: 0; height: 4rem; position: absolute; right: 0; width: 4rem; } .newsletter__field.-button button { transition: all 400ms ease 0ms; background-color: transparent; border: solid 1px #75617b; cursor: pointer; height: 100%; width: 100%; } .newsletter__field.-button button::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f00c"; } .newsletter__field.-button button::before { transition: all 400ms ease 0ms; color: #ff7753; font-size: 1.3rem; font-weight: 700; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .newsletter__field.-button button:hover, .newsletter__field.-button button:focus { background-color: #ff7753; } .newsletter__field.-button button:hover::before, .newsletter__field.-button button:focus::before { color: #fff; } .newsletter__links, .newsletter-bar__links { list-style: none; margin-top: 1rem; padding-left: 0; } .newsletter__link, .newsletter-bar__link { font-family: "Barlow Condensed", sans-serif; font-size: 1.3rem; font-weight: 400; text-transform: uppercase; } .newsletter__link.-archives, .newsletter-bar__link.-archives { margin: 0 0 0.1rem; } .newsletter__link.-archives a, .newsletter-bar__link.-archives a { color: #3c4046; } .newsletter__link.-archives a::before, .newsletter-bar__link.-archives a::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f07c"; } .newsletter__link.-archives a::before, .newsletter-bar__link.-archives a::before { color: #ff7753; } .newsletter__link.-unsubscribe a, .newsletter-bar__link.-unsubscribe a { color: #3c4046; } .newsletter__link.-unsubscribe a::before, .newsletter-bar__link.-unsubscribe a::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f057"; } .newsletter__link.-unsubscribe a::before, .newsletter-bar__link.-unsubscribe a::before { color: #ff7753; } .newsletter__link.-inline, .newsletter-bar__link.-inline { display: inline-block; } .newsletter__link a, .newsletter-bar__link a { color: #dde1e8; text-decoration: none; } .newsletter__link a::before, .newsletter-bar__link a::before { transition: all 400ms ease 0ms; margin-right: 0.5rem; } .newsletter__link a:hover::before, .newsletter__link a:focus::before, .newsletter-bar__link a:hover::before, .newsletter-bar__link a:focus::before { color: #fff; } .newsletter-bar { margin: 3rem 0 8rem; } @media screen and (max-width: 1279px) { .newsletter-bar { margin: 3rem 0 5rem; } } @media screen and (max-width: 767px) { .newsletter-bar { margin: 6rem 0 4.5rem; } } .newsletter-bar__wrap { align-items: center; background-color: #f0f0f0; display: flex; padding: 2rem; position: relative; } @media screen and (max-width: 1279px) { .newsletter-bar__wrap { padding: 2rem 5rem 2rem 2rem; } } @media screen and (max-width: 767px) { .newsletter-bar__wrap { flex-direction: column; padding: 2.5rem 2rem; } } .newsletter-bar__wrap.-has-shadow { position: relative; } .newsletter-bar__wrap.-has-shadow::before, .newsletter-bar__wrap.-has-shadow::after { background-color: transparent; bottom: 2rem; box-shadow: 0 2rem 1.5rem 0 rgba(0, 0, 0, 0.5); content: ""; display: block; height: 1.5rem; position: absolute; width: calc(40% - 3rem); z-index: -1; } .newsletter-bar__wrap.-has-shadow::before { left: 6rem; transform: rotate(-3deg) skewX(-60deg); } @media screen and (max-width: 1279px) { .newsletter-bar__wrap.-has-shadow::before { left: 7rem; } } .newsletter-bar__wrap.-has-shadow::after { right: 6rem; transform: rotate(3deg) skewX(60deg); } @media screen and (max-width: 1279px) { .newsletter-bar__wrap.-has-shadow::after { right: 7rem; } } .newsletter-bar__title { color: #423845; font-family: "Barlow", sans-serif; font-size: 3.6rem; font-weight: 300; line-height: 0.84; margin: 0 0 2rem; position: relative; text-transform: uppercase; } .newsletter-bar__title::before { left: 0; position: absolute; top: 1rem; color: #ff7753; font-size: 3.4rem; font-weight: 300; margin-right: 1rem; } @media screen and (max-width: 767px) { .newsletter-bar__title::before { top: 0; } } @media screen and (max-width: 1279px) { .newsletter-bar__title { color: #75617b; font-size: 2.3rem; font-weight: 700; } } .newsletter-bar__teaser { color: #423845; display: block; font-size: 1.8rem; font-weight: 300; line-height: 1.2; margin-bottom: 0; margin-top: 2rem; } .newsletter-bar__form { flex-grow: 1; margin: 0; padding-left: 0; } @media screen and (max-width: 767px) { .newsletter-bar__form { padding-left: 0; width: 100%; } } .newsletter-bar__fields { display: flex; flex-direction: column; } @media screen and (max-width: 1279px) { .newsletter-bar__fields { flex-direction: column; } } .newsletter-bar__field { margin-top: 3.5rem; } @media screen and (max-width: 767px) { .newsletter-bar__field { flex-direction: column; margin-top: 2.5rem; } } .newsletter-bar__field.-input { align-items: flex-start; display: flex; flex-direction: column; flex-grow: 1; } @media screen and (max-width: 767px) { .newsletter-bar__field.-input { align-items: center; flex-direction: column; } } .newsletter-bar__field.-input label { color: #645369; cursor: pointer; display: block; flex-shrink: 0; font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; font-weight: 700; margin: 0 0 1rem; text-transform: uppercase; } @media screen and (max-width: 767px) { .newsletter-bar__field.-input label { margin-bottom: 1.5rem; margin-top: 0; } } .newsletter-bar__field.-input input { background-color: #fff; border: 0; color: #423845; font-size: 1.4rem; font-style: normal; font-weight: 400; padding: 1.2rem 1rem; } .newsletter-bar__field.-input input::placeholder { color: #423845; font-style: normal; } @media screen and (max-width: 767px) { .newsletter-bar__field.-input input::-webkit-input-placeholder { text-align: center; } .newsletter-bar__field.-input input:-moz-placeholder { text-align: center; } .newsletter-bar__field.-input input::-moz-placeholder { text-align: center; } .newsletter-bar__field.-input input:-ms-input-placeholder { text-align: center; } } .newsletter-bar__field.-button { display: flex; justify-content: space-between; margin-left: 0; margin-top: 5.6rem; } @media screen and (max-width: 767px) { .newsletter-bar__field.-button { margin: 2rem auto 0; } } .newsletter-bar__field.-button .btn { border: solid 1px #002154; color: #002154; padding: 1.8rem 2.8rem; } .newsletter-bar__field.-button .btn::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f00c"; } @media screen and (max-width: 1279px) { .newsletter-bar__field.-button .btn { font-size: 1.5rem; height: 4.5rem; padding-bottom: 1.7rem; padding-top: 0.9rem; } } @media screen and (max-width: 767px) { .newsletter-bar__field.-button .btn { max-width: 16rem; } } .newsletter-bar__field.-button .btn::before { color: #ff7753; font-size: 2rem; font-weight: 300; margin-right: 0.5rem; } .newsletter-bar__field.-button .btn:hover, .newsletter-bar__field.-button .btn:focus { background-color: #ff7753; border: solid 1px #ff7753; color: #fff; } .newsletter-bar__field.-button .btn:hover::before, .newsletter-bar__field.-button .btn:focus::before { color: #fff !important; } .newsletter-bar__links { display: flex; flex-direction: column; flex-shrink: 0; margin: 0.8rem 0 0; } @media screen and (max-width: 767px) { .newsletter-bar__links { margin-left: 1rem; margin-top: 2rem; text-align: left; } } @media screen and (max-width: 767px) { .newsletter-bar__link { display: inline-block; } } .newsletter-bar__link a { color: #000; font-family: "Barlow", sans-serif; text-decoration: none; } .newsletter-bar__link a:hover::before, .newsletter-bar__link a:focus::before { color: #000; } .site-infos { display: flex; } @media screen and (max-width: 1279px) { .site-infos { justify-content: space-between; width: 100%; } } @media screen and (max-width: 767px) { .site-infos { align-items: center; flex-direction: column; margin-bottom: 3rem; } } .site-infos__image { margin-right: 3.5rem; } @media screen and (max-width: 1279px) { .site-infos__image { margin-right: 0; } } .site-infos__listitems { font-style: normal; padding: 0 2rem; } @media screen and (max-width: 767px) { .site-infos__listitems { min-width: 16rem; padding: 3rem 0 0; } } .site-infos__item { color: #fff; font-size: 1.3rem; font-weight: 300; margin: 0 0 0.3rem; } .site-infos__item a { color: #fff; text-decoration: none; } .site-infos__item a:hover, .site-infos__item a:focus { text-decoration: underline; } .site-infos__item.-name { font-size: 1.6rem; font-weight: 700; text-transform: uppercase; } .site-infos__item.-address { font-size: 1.6rem; } .site-infos__item.-schedule-title { font-size: 1.4rem; text-transform: uppercase; } .site-infos__item.-schedule { margin: 1.5rem 0 0; } .site-infos__item.-schedule strong { font-weight: 700; margin-bottom: 0.3rem; } .site-infos__links { display: flex; } @media screen and (max-width: 1279px) { .site-infos__links { flex-direction: column; } } @media screen and (max-width: 767px) { .site-infos__links { flex-direction: column; margin: 3rem 0 0; text-align: center; } } .site-infos__links .link { align-items: center; color: #fff; transition: all 300ms ease 0ms; display: flex; flex-direction: column; font-size: 1.4rem; font-weight: 700; max-width: 12rem; padding: 0 1.5rem; text-align: center; text-decoration: none; text-transform: uppercase; } @media screen and (max-width: 1279px) { .site-infos__links .link { margin-bottom: 4rem; max-width: 15rem; padding: 0 1rem; } .site-infos__links .link:last-child { margin-bottom: 0; } } @media screen and (max-width: 767px) { .site-infos__links .link { flex-direction: row; max-width: 100%; min-width: 16rem; padding: 0; } } .site-infos__links .link::before { transition: all 300ms ease 0ms; color: #ff7753; display: block; font-size: 4.2rem; margin-bottom: 0.5rem; } @media screen and (max-width: 1279px) { .site-infos__links .link::before { font-size: 3rem; } } @media screen and (max-width: 767px) { .site-infos__links .link::before { margin-bottom: 0; margin-right: 1.5rem; } } .site-infos__links .link.-contact::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f0e0"; } .site-infos__links .link.-contact::before { font-weight: 300; } .site-infos__links .link.-tel::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\e02c"; font-family: "icons"; } @media screen and (max-width: 767px) { .site-infos__links .link.-tel { margin-bottom: 1.5rem; } } .site-infos__links .link:hover, .site-infos__links .link:focus { color: #ff7753; text-decoration: none; } .site-infos__links .link:hover::before, .site-infos__links .link:focus::before { color: #fff; } /** * Use this component for lang chooser * * You can find markup and macro in `components/profile-menu/profile-menu.njk` * * Use macro: `{{ profileMenu() }}` or `{{ profileMenu(dataArray, iconClass, btnText, className) }}` * * @section Profile * @page Components * * @example *
*
* * *
*
*
*
* * *
*
*
*
* * *
*
* */ .profile { color: #fff; font-family: "Barlow Condensed", sans-serif; } .profile__switcher.-has-arrow .profile__btn-current::after { right: 2rem; } .profile__switcher.-is-open .profile__btn-current { background-color: #ff572b; } .profile__btn-current { background-color: #ff7753; border: 0; color: inherit; font-family: inherit; font-size: 1.5rem; font-weight: 300; min-height: 8rem; padding: 2.25rem 3.5rem 2.25rem 5.5rem; position: relative; text-transform: uppercase; transition: all 250ms ease-in-out 0ms; display: flex; } .profile__btn-current:hover, .profile__btn-current:focus { background-color: #ff572b; } .profile__btn-text { max-width: 7rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; display: flex; height: 3.5rem; } .profile__btn-icon { left: 3rem; position: absolute; top: 50%; transform: translateY(-50%); } .profile__drop { background-color: #ff572b; margin: 0; padding: 0; position: absolute; } .profile__item { display: block; } .profile__item:last-child .profile__link { padding-bottom: 1.5rem; } .profile__item:last-child .profile__link::before { margin-top: -0.25rem; } .profile__link { color: inherit; display: block; font-family: inherit; font-size: 1.6rem; font-weight: 300; line-height: 1; padding: 1rem 2rem 1rem 5rem; position: relative; white-space: nowrap; transition: all 250ms ease-in-out 0ms; } .profile__link::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f138"; } .profile__link::before { color: #f9e6e1; font-size: 1.2rem; font-weight: 700; left: 3rem; position: absolute; top: 50%; transform: translateY(-50%); } .profile__link:hover, .profile__link:focus { background-color: #cc2b00; } .profile.-light { color: #000; } .profile.-light .profile__btn-current:hover, .profile.-light .profile__btn-current:focus { background-color: #e6e6e6; } .profile.-light .profile__btn-current, .profile.-light .profile__drop { background-color: #fff; } .profile.-light .profile__switcher.-is-open .profile__btn-current { background-color: #e6e6e6; } .profile.-light .profile__link::before { color: #999999; } .profile.-light .profile__link:hover, .profile.-light .profile__link:focus { background-color: #e6e6e6; } .profile.-dark { color: #fff; } .profile.-dark .profile__btn-current:hover, .profile.-dark .profile__btn-current:focus { background-color: #666666; } .profile.-dark .profile__btn-current, .profile.-dark .profile__drop { background-color: #000; } .profile.-dark .profile__switcher.-is-open .profile__btn-current { background-color: #666666; } .profile.-dark .profile__link::before { color: #999999; } .profile.-dark .profile__link:hover, .profile.-dark .profile__link:focus { background-color: #666666; } .subpages-menu__item { margin-bottom: 2.5rem; } @media screen and (max-width: 767px) { .subpages-menu__item { margin-bottom: 1.5rem; } } /*.subpages-menu__picture { display: block; margin-bottom: 2rem; } .subpages-menu__picture img { display: block; height: auto; width: 100%; }*/ .subpages-menu__title { color: #000; font-family: "Barlow", sans-serif; font-size: 2rem; font-weight: 700; margin: 0 0 2.5rem; } .subpages-menu__teaser { color: #000; font-family: "Barlow", sans-serif; font-size: 1.6rem; font-weight: 300; margin: 2.5rem 0 2rem; } .subpages-menu__list { border-top: 1px solid #dde1e8; list-style: none; margin: 0; padding: 0.5rem 0 0; } .subpages-menu__listitem { color: #000; font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; font-weight: 300; margin: 1.5rem 0; padding-left: 1.4rem; position: relative; text-transform: uppercase; } .subpages-menu__listitem[data-fa-icon]::before { color: #c9bacd; left: 0; position: absolute; top: 0; } .subpages-menu__listitem a { color: #000; display: block; } .subpages-menu__listitem:hover, .subpages-menu__listitem:focus { color: #ff7753; } .subpages-menu__listitem:hover[data-fa-icon]::before, .subpages-menu__listitem:focus[data-fa-icon]::before { color: #ff7753; } .subpages-menu__listitem:hover a, .subpages-menu__listitem:focus a { color: #ff7753; text-decoration: underline; } .sitemap__item { margin-bottom: 4.5rem; } @media screen and (max-width: 767px) { .sitemap__item { margin-bottom: 4rem; } } .sitemap__title { color: #ff7753; font-family: "Barlow", sans-serif; font-size: 2rem; font-weight: 700; line-height: 2.4rem; margin: 0 0 2rem; } .sitemap__teaser { border-bottom: 1px solid #dde1e8; color: #000; font-family: "Barlow", sans-serif; font-size: 1.6rem; font-weight: 300; line-height: 2.4rem; margin: 2rem 0 1.5rem; padding-bottom: 1.5rem; } .sitemap__list { color: #000; font-family: "Barlow Condensed", sans-serif; list-style: none; margin: 0.7rem 0; padding-left: 0; } .sitemap__list.-lvl-1 { padding-left: 0.8rem; } .sitemap__list.-lvl-2 { padding-left: 1rem; } .sitemap__listitem { font-size: 1.6rem; font-weight: 300; line-height: 2.4rem; padding-left: 1rem; position: relative; text-transform: uppercase; } .sitemap__listitem::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f105"; } .sitemap__listitem::before { color: #c9bacd; font-size: 1.3rem; left: 0; position: absolute; top: 0; } .sitemap__listitem a { color: #000; display: block; margin-bottom: 1.3rem; } .sitemap__listitem a:hover, .sitemap__listitem a:focus { text-decoration: underline; } .-lvl-1 .sitemap__listitem { line-height: 2rem; } .-lvl-1 .sitemap__listitem::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f105"; } .-lvl-1 .sitemap__listitem::before { color: #ff7753; } .-lvl-1 .sitemap__listitem a { margin-bottom: 0; } .-lvl-2 .sitemap__listitem { line-height: 2rem; margin: 0; } .-lvl-2 .sitemap__listitem::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f111"; } .-lvl-2 .sitemap__listitem::before { color: #000; font-size: 0.5rem; } .sitemap__listitem.-has-ul { font-weight: 700; } .more-info { background-color: #f0f0f0; padding: 5.2rem 0; } @media screen and (max-width: 767px) { .more-info { padding: 3.2rem 0; } } .more-info__wrapper { display: flex; } @media screen and (max-width: 1279px) { .more-info__wrapper { margin-top: 3rem; } } @media screen and (max-width: 767px) { .more-info__wrapper { align-items: center; flex-direction: column; margin-top: 0; } } @media screen and (max-width: 767px) { .more-info .title { text-align: center; } } .more-info__item { flex-basis: auto; flex-grow: 1; flex-shrink: 0; width: 33.3333333333%; } @media screen and (max-width: 767px) { .more-info__item { width: 100%; } } .more-info__item .list { padding-right: 28.8%; } @media screen and (max-width: 767px) { .more-info__item .list { padding-right: 0; } } .publications-block { margin: 0 0 9.5rem; } @media screen and (max-width: 1279px) { .publications-block { margin: 6.5rem 0; } } .publications-block__wrapper { display: flex; } .publications-block__item { display: flex; background-color: #f7f8fb; padding: 3rem; } @media screen and (max-width: 767px) { .publications-block__item { flex-direction: column; } } .publications-block__image { display: block; flex-shrink: 0; padding-right: 3rem; } @media screen and (max-width: 767px) { .publications-block__image { margin: 0 auto 2.5rem; max-width: 18rem; padding-right: 0; } } .publications-block__image img { box-shadow: 0.3rem 0.5rem 0.7rem rgba(0, 0, 0, 0.35); display: block; height: auto; object-fit: cover; width: 100%; } .publications-block__content { padding-right: 0; } .publications-block__category { color: #ff7753; font-family: "Barlow Condensed", sans-serif; font-size: 1.5rem; font-weight: 700; margin: 0; text-transform: uppercase; } .publications-block__title { color: #75617b; font-family: "Barlow", sans-serif; font-size: 3rem; font-weight: 700; line-height: 1; margin: 0.5rem 0 0; max-width: 24rem; } @media screen and (max-width: 1279px) { .publications-block__title { font-size: 2.5rem; } } @media screen and (max-width: 767px) { .publications-block__title { font-size: 2.6rem; } } .publications-block__title a { color: #75617b; } .publications-block__title:hover a, .publications-block__title:focus a { text-decoration: underline; } .publications-block__size { color: #6c7179; font-size: 1.6rem; font-weight: 400; margin: 0.5rem 0 0; } .publications-block__teaser { color: #000; font-size: 1.6rem; font-weight: 300; line-height: 2.2rem; margin: 0.5rem 0 0; } .publications-block .documents-links { margin: 2rem 0 0; } .publications-block .documents-link { margin: 0; } .publications-block .documents-link.-download .btn { background-color: #75617b; border: solid 1px #75617b; } .publications-block .documents-link.-download .btn::before { color: #dde1e8; } .publications-block .documents-link.-download .btn:hover { background-color: transparent; color: #75617b; } .publications-block .documents-link.-read .btn { background-color: #ff7753; border: solid 1px #ff7753; } .publications-block .documents-link.-read .btn::before { color: #fff; } .publications-block .documents-link.-read .btn:hover { background-color: transparent; color: #ff7753; } .publications-block .list-document { margin-bottom: 0.5rem; margin-top: 0.5rem; padding-top: 0.5rem; position: relative; } .publications-block .list-document::after { left: 0; position: absolute; top: 0; height: 0.1rem; width: 4rem; background-color: #bbc4d2; content: ""; } .publications-block__control { position: absolute; top: 50%; background: none; border: 0; cursor: pointer; transform: translateY(-50%); } @media screen and (max-width: 767px) { .publications-block__control { top: 13.3rem; } } .publications-block__control[data-fa-icon]::before { color: #bbc4d2; font-size: 3rem; } .publications-block__control.-prev { left: 0; } @media screen and (max-width: 767px) { .publications-block__control.-prev { left: -0.5rem; } } .publications-block__control.-next { right: 0; } @media screen and (max-width: 767px) { .publications-block__control.-next { right: -0.5rem; } } .publications-block.-home { margin: 12rem 0; } @media screen and (max-width: 1279px) { .publications-block.-home { margin: 13rem 0 3rem; } } @media screen and (max-width: 767px) { .publications-block.-home { margin: 11rem 0 3rem; } } .publications-block.-home .publications-block__container { display: flex; position: relative; } @media screen and (max-width: 1279px) { .publications-block.-home .publications-block__container { flex-direction: column; padding: 0 6rem; } } @media screen and (max-width: 767px) { .publications-block.-home .publications-block__container { padding: 0; } } .publications-block.-home .title-block { margin-bottom: 3rem; } .publications-block.-home .title span { text-transform: uppercase; } .publications-block.-home .publications-block__carousel { width: calc(100% - 8.1rem); } @media screen and (max-width: 1279px) { .publications-block.-home .publications-block__carousel { width: calc(100% - 24rem); } } @media screen and (max-width: 767px) { .publications-block.-home .publications-block__carousel { width: calc(100% - 2rem); } } .publications-block.-home .publications-block__item { flex-grow: 1; padding: 5.5rem; width: 50%; } @media screen and (max-width: 1279px) { .publications-block.-home .publications-block__item { width: 100%; } } @media screen and (max-width: 767px) { .publications-block.-home .publications-block__item { align-items: center; flex-direction: column; padding: 3rem; } } .publications-block.-home .publications-block__item.composite-link { cursor: pointer; display: flex; } .publications-block.-home .publications-block__newsletter { background-color: rgba(187, 196, 210, 0.5); flex-grow: 1; padding: 5.5rem; width: 50%; } @media screen and (max-width: 1279px) { .publications-block.-home .publications-block__newsletter { width: 100%; } } @media screen and (max-width: 767px) { .publications-block.-home .publications-block__newsletter { padding: 3rem; text-align: center; } } .publications-block.-home .publications-block__newsletter .newsletter { padding: 0; } .publications-block.-home .publications-block__newsletter label { font-family: "Barlow", sans-serif; } .publications-block.-home .publications-block__image { padding-right: 3rem; } @media screen and (max-width: 767px) { .publications-block.-home .publications-block__image { margin-bottom: 1.5rem; max-width: 100%; padding-right: 0; width: auto; } } .publications-block.-home .publications-block__content { display: flex; flex-direction: column; padding-right: 0; } @media screen and (max-width: 1279px) { .publications-block.-home .publications-block__content { padding-right: 0; } } @media screen and (max-width: 767px) { .publications-block.-home .publications-block__title { padding: 0 1rem; } } @media screen and (max-width: 767px) { .publications-block.-home .publications-block__size { padding: 0 1rem; } .publications-block.-home .publications-block__size::after { left: 50%; transform: translateX(-50%); } } .publications-block.-home .links-group { margin-top: auto; padding: 0; } @media screen and (max-width: 1279px) { .publications-block.-home .links-group { margin-top: 4rem; } } @media screen and (max-width: 767px) { .publications-block.-home .links-group { margin-top: 2rem; } } .publications-block.-home .links-group .btn { margin: 0; } @media screen and (max-width: 767px) { .publications-block.-home .links-group .btn { padding-left: 2rem; padding-right: 2rem; } } .publications-list { display: flex; margin: 0 -1.5rem; } @media screen and (max-width: 767px) { .publications-list { margin: 0 -1rem; } } .publications-list__item { flex-basis: 50%; flex-grow: 0; flex-shrink: 1; margin: 3.5rem 1.5rem 0; } @media screen and (max-width: 1279px) { .publications-list__item { flex-basis: calc(33.3333% - 3rem); } } @media screen and (max-width: 767px) { .publications-list__item { flex-basis: calc(50% - 2rem); margin: 2.5rem 1rem 0; } } .publications-list.-three-columns .publications-list__item { flex-basis: calc(33.3333% - 3rem); } @media screen and (max-width: 1279px) { .publications-list.-three-columns .publications-list__item { flex-basis: calc(33.3333% - 3rem); } } @media screen and (max-width: 767px) { .publications-list.-three-columns .publications-list__item { flex-basis: calc(50% - 2rem); } } .publications-list.-four-columns .publications-list__item { flex-basis: calc(25% - 3rem); } @media screen and (max-width: 1279px) { .publications-list.-four-columns .publications-list__item { flex-basis: calc(33.3333% - 3rem); } } @media screen and (max-width: 767px) { .publications-list.-four-columns .publications-list__item { flex-basis: calc(50% - 2rem); } } .publications-list.-five-columns .publications-list__item { flex-basis: calc(20% - 2rem); } @media screen and (max-width: 1279px) { .publications-list.-five-columns .publications-list__item { flex-basis: calc(33.3333% - 3rem); } } @media screen and (max-width: 767px) { .publications-list.-five-columns .publications-list__item { flex-basis: calc(50% - 2rem); } } .publications-list__picture { height: 18rem; width: 18rem; display: block; margin-bottom: 1.5rem; position: relative; } @media screen and (max-width: 767px) { .publications-list__picture { max-width: 18rem; width: auto; } } .publications-list__picture img { bottom: 0; position: absolute; display: block; height: auto; max-width: 100%; } .publications-list__picture.-no-image { background-color: #f7f8fb; } .publications-list__picture.-no-image::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f02d"; } .publications-list__picture.-no-image::before { left: 50%; position: absolute; top: 50%; color: #dde1e8; font-size: 5rem; transform: translate(-50%, -50%); } .publications-list__content { font-family: "Barlow Condensed", sans-serif; } .publications-list__category { color: #ff7753; font-size: 1.4rem; font-weight: 700; margin: 0 0 0.5rem; text-transform: uppercase; } .publications-list__title { color: #000; font-family: "Barlow", sans-serif; font-size: 1.8rem; font-weight: 700; margin: 0.5rem 0 1rem; } @media screen and (max-width: 767px) { .publications-list__title { font-size: 1.6rem; } } .publications-list__title a { color: #000; } .publications-list__title:hover a, .publications-list__title:focus a { text-decoration: underline; } .publications-list__publication { border-top: 0.1rem solid rgba(114, 114, 114, 0.5); color: #727272; font-family: "Barlow", sans-serif; font-size: 1.3rem; font-style: italic; font-weight: 300; padding-top: 1rem; } .publications-list__number { display: block; font-style: normal; font-weight: 700; text-transform: uppercase; } .publications-list__size { color: #bbc4d2; font-size: 1.3rem; font-weight: 400; margin: 1.5rem 0; padding-bottom: 1.5rem; position: relative; } .publications-list__size::after { background-color: #dde1e8; bottom: 0; content: ""; height: 0.1rem; left: 0; position: absolute; width: 4rem; } .publications-list.-market .publications-list__publication { border-top: 0; padding-top: 0; } .publications-list.-market .deadline { font-size: 1.2rem; padding-left: 1.8rem; } .publications-list.-market .deadline::before { font-size: 1.2rem; top: 1.3rem; } .publications-single__listitems { display: flex; flex-wrap: wrap; list-style: none; margin: 0 -2rem; padding-left: 0; } @media screen and (max-width: 767px) { .publications-single__listitems { margin: 0; } } .publications-single__item { flex-basis: calc(33.3333% - 4rem); flex-grow: 0; flex-shrink: 1; margin: 0 2rem 2.5rem; } @media screen and (max-width: 1279px) { .publications-single__item { flex-basis: calc(50% - 4rem); } } @media screen and (max-width: 767px) { .publications-single__item { flex-basis: 100%; margin: 0 0 2.5rem; } } .list-document { font-family: "Barlow Condensed", sans-serif; list-style: none; margin: 1.5rem 0; padding-left: 0; } .list-document__item { color: #000; font-size: 1.4rem; font-weight: 700; line-height: 2rem; text-transform: uppercase; } @media screen and (max-width: 767px) { .list-document__item { font-size: 1.2rem; } } .list-document__item a { color: #000; } .list-document__item a:hover, .list-document__item a:focus { text-decoration: underline; } .list-document__item[data-fa-icon]::before { margin-right: 0.5rem; } .list-document__item.-download[data-fa-icon]::before { color: #ff7753; } .list-document__item.-read { font-weight: 400; } .list-document__item.-read[data-fa-icon]::before { color: #c9bacd; } .documents-list__title { color: #000; font-family: "Barlow", sans-serif; font-size: 1.6rem; font-weight: 700; margin: 0; padding-left: 4rem; position: relative; } .documents-list__title::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\e005"; } .documents-list__title::before { left: 0; position: absolute; top: -0.5rem; transition: all 300ms ease 0ms; color: #c9bacd; font-family: "icons" !important; font-size: 3.5rem; font-weight: 300; } .documents-list__title.-pdf::before { content: "\e003"; } .documents-list__title.-xls::before { content: "\e006"; } .documents-list__title.-xlsx::before { content: "\e006"; } .documents-list__title.-xlsm::before { content: "\e006"; } .documents-list__title.-doc::before { content: "\e001"; } .documents-list__title.-docx::before { content: "\e001"; } .documents-list__title.-docm::before { content: "\e001"; } .documents-list__title.-dotx::before { content: "\e001"; } .documents-list__title.-dotm::before { content: "\e001"; } .documents-list__title.-ppt::before { content: "\e004"; } .documents-list__title.-png::before { content: "\e002"; } .documents-list__title.-svg::before { content: "\e002"; } .documents-list__title.-jpg::before { content: "\e002"; } .documents-list__title.-zip::before { content: "\e007"; } .documents-list__size { display: block; font-size: 1.4rem; font-weight: 300; } .documents-links { list-style: none; padding-left: 0; } .documents-link { display: inline-block; margin-top: 1rem; } .documents-link.-read { margin-right: 0.7rem; } .documents-link.-read a[data-fa-icon]::before { color: #c9bacd; } .telecharger { margin-bottom: 7rem; } @media screen and (max-width: 767px) { .telecharger { margin-bottom: 3.5rem; } } .telecharger__wrapper { background-color: #ff7753; padding: 6rem; position: relative; } @media screen and (max-width: 1279px) { .telecharger__wrapper { padding: 4rem; } } @media screen and (max-width: 767px) { .telecharger__wrapper { margin-bottom: 4rem; padding: 3rem 3rem 0.5rem; } } .-content .telecharger__wrapper::after { border-left: 1px solid rgba(255, 255, 255, 0.3); bottom: 6rem; content: ""; display: block; left: 50%; position: absolute; top: 6rem; } @media screen and (max-width: 1279px) { .-content .telecharger__wrapper { padding: 4rem; } } @media screen and (max-width: 767px) { .-content .telecharger__wrapper { padding: 3rem; } .-content .telecharger__wrapper::after { content: none; } } .telecharger__listitems { color: #fff; display: flex; flex-wrap: wrap; font-family: "Barlow Condensed", sans-serif; justify-content: space-between; list-style: none; margin: 0; padding: 0; } .telecharger__item { align-items: center; font-size: 1.4rem; font-weight: 400; padding-bottom: 2rem; width: 100%; } .-content .telecharger__item { font-size: 1.6rem; padding-bottom: 2rem; width: 40%; } @media screen and (max-width: 1279px) { .-content .telecharger__item { padding-bottom: 1.5rem; } } @media screen and (max-width: 767px) { .-content .telecharger__item { font-size: 1.5rem; padding-bottom: 2.5rem; width: 100%; } } @media screen and (max-width: 767px) { .telecharger__item { padding-bottom: 3.5rem; width: 50%; } .telecharger__item:nth-last-child(1) { padding-bottom: 0; } } .telecharger__item.-doc a::before, .telecharger__item a[href$=".doc"]::before, .telecharger__item.-docx a::before, .telecharger__item a[href$=".docx"]::before, .telecharger__item.-docm a::before, .telecharger__item a[href$=".docm"]::before, .telecharger__item.-dotx a::before, .telecharger__item a[href$=".dotx"]::before, .telecharger__item.-dotm a::before, .telecharger__item a[href$=".dotm"]::before { content: "\e001"; } .telecharger__item.-jpg a::before, .telecharger__item a[href$=".jpg"]::before, .telecharger__item.-png a::before, .telecharger__item a[href$=".png"]::before, .telecharger__item.-svg a::before, .telecharger__item a[href$=".svg"]::before { content: "\e002"; } .telecharger__item.-pdf a::before, .telecharger__item a[href$=".pdf"]::before { content: "\e003"; } .telecharger__item.-ppt a::before, .telecharger__item a[href$=".ppt"]::before { content: "\e004"; } .telecharger__item.-xls a::before, .telecharger__item a[href$=".xls"]::before, .telecharger__item.-xlsx a::before, .telecharger__item a[href$=".xlsx"]::before, .telecharger__item.-xlsm a::before, .telecharger__item a[href$=".xlsm"]::before { content: "\e006"; } .telecharger__item.-zip a::before, .telecharger__item a[href$=".zip"]::before { content: "\e007"; } .telecharger__item a { align-items: center; color: #fff; display: flex; min-height: 3rem; padding: 0 0 0 4rem; position: relative; width: 100%; word-break: break-all; word-break: break-word; transition: all 300ms ease 0ms; } .telecharger__item a:hover, .telecharger__item a:focus { color: rgba(255, 255, 255, 0.8); outline-color: #fff; text-decoration: none; } .-content .telecharger__item a { min-height: 4rem; padding: 0 7rem 0 5rem; word-break: normal; } @media screen and (max-width: 767px) { .-content .telecharger__item a { display: inline-flex; flex-wrap: wrap; padding: 0 0 0 4rem; } } .telecharger__item a::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\e005"; font-family: "icons"; font-weight: 400; } .telecharger__item a::before { color: inherit; font-size: 2.5rem; left: 0; position: absolute; top: 0; } .-content .telecharger__item a::before { font-size: 4rem; top: 50%; transform: translateY(-50%); } .telecharger__meta { display: block; font-family: "Barlow", sans-serif; font-size: 0.8571428571em; font-weight: 300; } .-content .telecharger__meta { border-left: 1px solid #fff; font-size: 1.2rem; left: calc(100% - 5rem); line-height: 1.6rem; padding-left: 1rem; position: absolute; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 767px) { .-content .telecharger__meta { border-left: 0; display: inline-block; padding-left: 0.5rem; position: static; transform: translateY(0); } } .telecharger__ext { display: block; text-transform: uppercase; width: 4.5rem; } @media screen and (max-width: 767px) { .-content .telecharger__ext { display: inline-block; } } @media screen and (max-width: 767px) { .-content .telecharger__ext::after { content: " - "; } } .news-block { display: flex; flex-wrap: wrap; margin: 0 -1.7rem 2rem; } @media screen and (max-width: 767px) { .news-block { justify-content: center; margin: 0; } } .news-block .swiper-slide { display: block; width: 100%; } .news-block__item { background-color: #f7f8fb; flex-basis: 50%; flex-grow: 0; flex-shrink: 0; margin: 3rem 1rem 0; max-width: 50%; position: relative; } @media screen and (max-width: 1279px) { .news-block__item { flex-basis: calc(50% - 2rem); } } @media screen and (max-width: 767px) { .news-block__item { flex-basis: 100%; margin: 3rem 0 0; } } .news-block.-three-columns .news-block__item { flex-basis: calc(33.3333% - 2rem); } @media screen and (max-width: 767px) { .news-block.-three-columns .news-block__item { flex-basis: 100%; max-width: 48rem; } } .news-block.-four-columns .news-block__item { flex-basis: calc(25% - 3.4rem); max-width: calc(25% - 3.4rem); } @media screen and (max-width: 1279px) { .news-block.-four-columns .news-block__item { flex-basis: calc(50% - 3.4rem); max-width: calc(50% - 3.4rem); } } @media screen and (max-width: 767px) { .news-block.-four-columns .news-block__item { flex-basis: 100%; max-width: calc(100% - 3rem); } } .news-block.-five-columns .news-block__item { flex-basis: calc(20% - 2rem); } @media screen and (max-width: 1279px) { .news-block.-five-columns .news-block__item { flex-basis: calc(50% - 2rem); } } @media screen and (max-width: 767px) { .news-block.-five-columns .news-block__item { flex-basis: 100%; max-width: 40rem; } } .news-block.-wrap { flex-wrap: wrap; margin: 0 -1rem 2rem; } .news-block__share { position: absolute; right: -0.9rem; top: -0.9rem; z-index: 1; } /*.news-block__picture { display: block; } .news-block__picture img { display: block; height: auto; width: 100%; }*/ .news-block__content { padding: 2.5rem 3rem 2rem; position: relative; text-align: center; } .news-block__category { left: 50%; position: absolute; top: 0; background-color: #ff7753; color: #fff; display: inline-block; font-size: 1.5rem; font-weight: 300; margin: 0; padding: 0.7rem 1.5rem; transform: translate(-50%, -50%); width: 70%; } .-no-image .news-block__category { margin-bottom: 1.5rem; position: static; transform: translateY(0); } .news-block__title { color: #423845; font-size: 2rem; font-weight: 400; margin: 0 0 1.5rem; } .news-block__publication { color: #bbc4d2; font-size: 1.3rem; font-style: italic; margin: 1.5rem 0 0; } .news-block__teaser { color: #423845; font-size: 1.4rem; font-weight: 300; margin: 0; } .news-spoiler__wrap { align-items: center; background-color: #f0f0f0; display: flex; margin-top: 2.5rem; padding: 2rem; } @media screen and (max-width: 767px) { .news-spoiler__wrap { flex-direction: column; margin: 2.5rem 1rem 0; } } .news-spoiler__wrap.-has-shadow { position: relative; } .news-spoiler__wrap.-has-shadow::before, .news-spoiler__wrap.-has-shadow::after { background-color: transparent; bottom: 2rem; box-shadow: 0 2rem 1.5rem 0 rgba(0, 0, 0, 0.5); content: ""; display: block; height: 1.5rem; position: absolute; width: calc(40% - 3rem); z-index: -1; } .news-spoiler__wrap.-has-shadow::before { left: 6rem; transform: rotate(-3deg) skewX(-60deg); } @media screen and (max-width: 1279px) { .news-spoiler__wrap.-has-shadow::before { left: 7rem; } } .news-spoiler__wrap.-has-shadow::after { right: 6rem; transform: rotate(3deg) skewX(60deg); } @media screen and (max-width: 1279px) { .news-spoiler__wrap.-has-shadow::after { right: 7rem; } } .news-spoiler__title { color: #000; font-family: "Barlow Condensed", sans-serif; font-size: 2rem; font-weight: normal; line-height: 1; margin: 0; padding: 1rem 3rem 1rem 4rem; position: relative; text-transform: uppercase; width: 28rem; } .news-spoiler__title::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\e01b"; } @media screen and (max-width: 1279px) { .news-spoiler__title { padding: 1rem 2rem 1rem 4rem; width: 18rem; } } @media screen and (max-width: 767px) { .news-spoiler__title { padding: 0 0 1.5rem 4rem; width: auto; } } .news-spoiler__title::before { left: 0; position: absolute; top: 1.1rem; color: #ff7753; font-family: "icons"; font-size: 3.7rem; font-weight: 300; margin-right: 1rem; } @media screen and (max-width: 767px) { .news-spoiler__title::before { top: 0; } } .news-spoiler__subtitle { display: block; font-size: 1.4rem; font-weight: 400; margin-top: 0.65rem; text-transform: none; } .news-spoiler__wrapper { border-left: 1px solid rgba(187, 196, 210, 0.2); border-right: 1px solid rgba(187, 196, 210, 0.2); position: relative; width: calc(100% - 48rem); } @media screen and (max-width: 1279px) { .news-spoiler__wrapper { width: calc(100% - 34rem); } } @media screen and (max-width: 767px) { .news-spoiler__wrapper { border-bottom: 1px solid rgba(187, 196, 210, 0.2); border-left: 0; border-right: 0; border-top: 1px solid rgba(187, 196, 210, 0.2); padding: 2rem 0; width: 100%; } } .news-spoiler__wrapper.-has-pagination { padding-bottom: 2.5rem; } @media screen and (max-width: 767px) { .news-spoiler__wrapper.-has-pagination { padding-bottom: 5rem; } } .news-spoiler__container { margin: 0 auto; width: calc(100% - 12rem); } @media screen and (max-width: 1279px) { .news-spoiler__container { width: calc(100% - 8rem); } } @media screen and (max-width: 767px) { .news-spoiler__container { width: calc(100% - 4rem); } } .news-spoiler__actions { bottom: 0; position: absolute; right: 1.5rem; border-left: 1px solid #dde1e8; display: inline-flex; margin: 0; padding: 0.3rem 0 0.3rem 1rem; } @media screen and (max-width: 767px) { .news-spoiler__actions { border: 0; bottom: 1rem; padding: 0; right: 50%; transform: translateX(50%); } } .news-spoiler__action { background: none; border: 0; color: #fff; cursor: pointer; display: none; font-size: 0.9rem; padding: 0 0.3rem; } .news-spoiler__action.-is-active { color: #cae9a2; display: inline-block; } .news-spoiler__pagination { bottom: 0; position: absolute; right: 5rem; display: flex; list-style: none; margin: 0; padding: 0; } @media screen and (max-width: 767px) { .news-spoiler__pagination { bottom: 2.5rem; right: 50%; transform: translateX(50%); } } .news-spoiler__pagination .-is-active button { background: #cae9a2; transform: scale(1); } .news-spoiler__pagination button { transition: all 250ms ease-in-out 0ms; height: 1.2rem; width: 1.2rem; background: #dde1e8; border: 0; border-radius: 50%; cursor: pointer; margin: 0; padding: 0; transform: scale(0.75); } .news-spoiler__control { position: absolute; top: 50%; background: none; border: 0; cursor: pointer; transform: translateY(-50%); } .news-spoiler__control[data-fa-icon]::before { color: #bbc4d2; font-size: 2.5rem; } .news-spoiler__control.-prev { left: 1rem; } @media screen and (max-width: 1279px) { .news-spoiler__control.-prev { left: 0.5rem; } } @media screen and (max-width: 767px) { .news-spoiler__control.-prev { left: -1.5rem; } } .news-spoiler__control.-next { right: 1rem; } @media screen and (max-width: 1279px) { .news-spoiler__control.-next { right: 0.5rem; } } @media screen and (max-width: 767px) { .news-spoiler__control.-next { right: -1.5rem; } } .news-spoiler__control.swiper-button-disabled { cursor: auto; } .news-spoiler__control.swiper-button-disabled[data-fa-icon]::before { color: #f7f8fb; } .news-spoiler__control.-is-hidden { display: none; } .news-spoiler__content { display: flex; font-family: "Barlow", sans-serif; height: auto; } @media screen and (max-width: 767px) { .news-spoiler__content { text-align: center; } } .news-spoiler__category { color: #ff7753; font-size: 1.3rem; font-weight: 400; margin: 0 0 0.5rem; text-transform: uppercase; } .news-spoiler__teaser { color: #000; flex-grow: 1; font-size: 1.4rem; font-weight: 400; margin: 0; } .news-spoiler__link { color: #000; font-size: 1.4rem; font-weight: 700; margin-top: auto; } .news-spoiler__link:hover[data-fa-icon]::before, .news-spoiler__link:focus[data-fa-icon]::before { color: inherit; } .news-spoiler__all { color: #000; font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; font-weight: 700; padding-left: 4rem; text-transform: uppercase; width: 20rem; } .news-spoiler__all[data-fa-icon]::before { margin-right: 0.5rem; } @media screen and (max-width: 1279px) { .news-spoiler__all { padding: 0 1rem 0 1.5rem; width: 16rem; } } @media screen and (max-width: 767px) { .news-spoiler__all { margin-top: 2rem; width: auto; } } .news-spoiler__all:hover[data-fa-icon]::before, .news-spoiler__all:focus[data-fa-icon]::before { color: inherit; } .share-block__button { overflow: hidden; text-indent: -9999px; white-space: nowrap; transition: all 300ms ease 0ms; height: 3.5rem; width: 3.5rem; background-color: #fff; border: 0; border-radius: 50%; position: relative; } .share-block__button::before, .share-block__button::after { text-indent: 0; } .-is-open .share-block__button { background-color: #ff7753; } .share-block__button[data-fa-icon]::before { transition: all 300ms ease 0ms; color: #dde1e8; font-size: 1.6rem; left: 50%; margin-right: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); } .-is-open .share-block__button[data-fa-icon]::before { color: #fff; } .share-block__button:hover, .share-block__button:focus { background-color: #ff7753; } .share-block__button:hover[data-fa-icon]::before, .share-block__button:focus[data-fa-icon]::before { color: #fff; } .share-block__listitems { background-color: #ff7753; left: auto; padding: 2rem; position: absolute; right: 0; top: 3.5rem; width: auto; } .share-block__listitems.-in-top { right: 50%; top: -3.5rem; transform: translate(50%, -100%); } .-is-open .share-block__listitems.-in-top { right: 50%; top: -3.5rem; transform: translate(50%, -100%); } .-is-open .share-block__listitems .share-block__item { opacity: 1; transform: translateX(0); } .-is-open .share-block__listitems .share-block__item:nth-child(1) { transition: all 0.2s ease 0ms; } .-is-open .share-block__listitems .share-block__item:nth-child(2) { transition: all 0.2s ease 100ms; } .-is-open .share-block__listitems .share-block__item:nth-child(3) { transition: all 0.2s ease 200ms; } .-is-open .share-block__listitems .share-block__item:nth-child(4) { transition: all 0.2s ease 300ms; } .-is-open .share-block__listitems .share-block__item:nth-child(5) { transition: all 0.2s ease 400ms; } .-is-open .share-block__listitems .share-block__item:nth-child(6) { transition: all 0.2s ease 500ms; } .-is-open .share-block__listitems .share-block__item:nth-child(7) { transition: all 0.2s ease 600ms; } .-is-open .share-block__listitems .share-block__item:nth-child(8) { transition: all 0.2s ease 700ms; } .-is-open .share-block__listitems .share-block__item:nth-child(9) { transition: all 0.2s ease 800ms; } .-is-open .share-block__listitems .share-block__item:nth-child(10) { transition: all 0.2s ease 900ms; } .share-block__item { color: #fff; opacity: 0; transform: translateX(100%); white-space: nowrap; } .share-block__item a { color: #fff; font-size: 1.6rem; } .share-block__item a:hover, .share-block__item a:focus { text-decoration: underline; } .share-block__item[data-fa-icon]::before { color: #fff; font-family: "Font Awesome 5 Brands"; font-size: 1.2rem; margin-right: 0.3rem; min-width: 1.6rem; } .share-block__item.-email[data-fa-icon]::before { font-family: "Font Awesome 5 Pro"; } .share-block.-transparent .share-block__button { height: 4.5rem; width: 4.5rem; background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.5); } @media screen and (max-width: 1279px) { .share-block.-transparent .share-block__button { height: 3.5rem; width: 3.5rem; } } .share-block.-transparent .share-block__button[data-fa-icon]::before { color: #fff; font-size: 1.8rem; } @media screen and (max-width: 1279px) { .share-block.-transparent .share-block__button[data-fa-icon]::before { font-size: 1.6rem; } } .share-block.-transparent .share-block__button:hover, .share-block.-transparent .share-block__button:focus { background-color: #fff; } .share-block.-transparent .share-block__button:hover[data-fa-icon]::before, .share-block.-transparent .share-block__button:focus[data-fa-icon]::before { color: #ff7753; } .share-block.-transparent.-is-open .share-block__listitems { transform: translateY(5px); } .albums-block { display: flex; flex-wrap: wrap; padding: 0 1rem; } @media screen and (max-width: 767px) { .albums-block { justify-content: center; padding: 0; } } .albums-block.-has-shadow { position: relative; } .albums-block.-has-shadow::before, .albums-block.-has-shadow::after { background-color: transparent; bottom: 2rem; box-shadow: 0 2rem 1.5rem 0 rgba(0, 0, 0, 0.5); content: ""; display: block; height: 1.5rem; position: absolute; width: calc(40% - 3rem); z-index: -1; } .albums-block.-has-shadow::before { left: 6rem; transform: rotate(-3deg) skewX(-60deg); } @media screen and (max-width: 1279px) { .albums-block.-has-shadow::before { left: 7rem; } } .albums-block.-has-shadow::after { right: 6rem; transform: rotate(3deg) skewX(60deg); } @media screen and (max-width: 1279px) { .albums-block.-has-shadow::after { right: 7rem; } } @media screen and (max-width: 1279px) { .albums-block.-has-shadow::before, .albums-block.-has-shadow::after { content: none; } } .albums-block__item { flex-basis: 50%; flex-grow: 0; flex-shrink: 1; } @media screen and (max-width: 1279px) { .albums-block__item { flex-basis: 33.3333%; } } @media screen and (max-width: 767px) { .albums-block__item { flex-basis: 100%; max-width: 40rem; width: 100%; } } .albums-block__item.-title { background-color: #ff7753; color: #fff; font-size: 3.4rem; font-weight: 300; height: 50%; } .albums-block__item.-title .title { left: 35%; top: 50%; } .albums-block__item.-title .title.-primary span { left: -5.5rem; } .albums-block__item.-title .title.-primary span::before { background: linear-gradient(to bottom, #ffafd9 40%, #423845 0%, #423845 100%, #75617b 40%, #75617b 100%); height: 8rem; } .albums-block__one-column { width: 25%; } .albums-block.-three-columns .albums-block__item { flex-basis: 33.3333%; margin-top: 3rem; } @media screen and (max-width: 767px) { .albums-block.-three-columns .albums-block__item { flex-basis: 100%; max-width: 40rem; } } .albums-block.-four-columns .albums-block__item { flex-basis: 25%; } @media screen and (max-width: 1279px) { .albums-block.-four-columns .albums-block__item { flex-basis: 33.3333%; } } @media screen and (max-width: 767px) { .albums-block.-four-columns .albums-block__item { flex-basis: 100%; max-width: 40rem; } } .albums-block.-five-columns .albums-block__item { flex-basis: 20%; } @media screen and (max-width: 1279px) { .albums-block.-five-columns .albums-block__item { flex-basis: 33.3333%; } } @media screen and (max-width: 767px) { .albums-block.-five-columns .albums-block__item { flex-basis: 100%; max-width: 40rem; } } /*.albums-block__picture { display: block; position: relative; } .albums-block__picture img { display: block; font-family: "object-fit: cover; object-position: center;"; height: auto; max-width: 100%; object-fit: cover; width: 100%; } @media screen and (max-width: 767px) { .albums-block__picture img { margin: 0 auto; } }*/ .albums-block__picture.-has-video::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f04b"; } .albums-block__picture.-has-video::before { left: 50%; position: absolute; top: 50%; color: #fff; transform: translate(-50%, -50%); z-index: 1; } .albums-block__picture.-has-video::after { height: 4.6rem; width: 4.6rem; left: 50%; position: absolute; top: 50%; background-color: #ff7753; box-shadow: 1.4px 1.4px 6px rgba(0, 0, 0, 0.29); content: ""; display: block; opacity: 0.8; transform: translate(-50%, -50%); } .albums-block__content { color: #fff; font-family: "Barlow Condensed", sans-serif; padding: 1.3rem 2.5rem 0; position: relative; text-align: left; } .albums-block__content.-no-image { padding-top: 0; } @media screen and (max-width: 1279px) { .albums-block__content.-darken { color: #413744; } } .albums-block__content.-one-column { position: absolute; top: 50%; transform: translateY(-25%); } .albums-block__category { color: #fff; display: inline-block; font-size: 1.6rem; font-weight: 700; margin: 0; padding: 0.6rem 2rem 0.6rem 0; top: 0; z-index: 3; } .-no-image .albums-block__category { margin-bottom: 1.5rem; position: static; transform: translate(0, 0); } .albums-block__title { font-family: "Barlow", sans-serif; font-size: 2.2rem; font-weight: 400; line-height: 1; margin: 0 0 1.8rem; } .albums-block__title a { color: #fff; } .albums-block__media { color: #ff7753; font-size: 1.4rem; padding-top: 1rem; position: relative; } @media screen and (max-width: 1279px) { .albums-block__media { color: #ff7753; } } .albums-block__media::before { background-color: #ff7753; content: ""; height: 0.1rem; width: 2.5rem; left: 0; position: absolute; top: 0; } @media screen and (max-width: 1279px) { .albums-block__media::before { background-color: #ff7753 !important; } } .albums { margin: 13rem 0 14rem; } @media screen and (max-width: 1279px) { .albums { margin-top: 9rem; } } @media screen and (max-width: 767px) { .albums { margin-top: 4rem; } } .albums .links-group { margin-top: 3rem !important; } @media screen and (max-width: 767px) { .albums .links-group { margin-top: 0 !important; } } .albums.-black { background: radial-gradient(circle at 53.75% center, #000 0%, #2a2a2a 100%); padding-top: 5rem; } @media screen and (max-width: 1279px) { .albums { padding: 2rem 0 0; } } @media screen and (max-width: 767px) { .albums { padding: 2rem 0 1rem; } } .albums .container { padding: 0; width: 100%; } .albums__wrapper { display: flex; } @media screen and (max-width: 1279px) { .albums__wrapper { flex-direction: column; } } .albums__wrapper.-has-shadow { position: relative; } .albums__wrapper.-has-shadow::before, .albums__wrapper.-has-shadow::after { background-color: transparent; bottom: 2rem; box-shadow: 0 2rem 1.5rem 0 rgba(0, 0, 0, 0.5); content: ""; display: block; height: 1.5rem; position: absolute; width: calc(40% - 3rem); z-index: -1; } .albums__wrapper.-has-shadow::before { left: 6rem; transform: rotate(-3deg) skewX(-60deg); } @media screen and (max-width: 1279px) { .albums__wrapper.-has-shadow::before { left: 7rem; } } .albums__wrapper.-has-shadow::after { right: 6rem; transform: rotate(3deg) skewX(60deg); } @media screen and (max-width: 1279px) { .albums__wrapper.-has-shadow::after { right: 7rem; } } @media screen and (max-width: 1279px) { .albums__wrapper.-has-shadow::before { content: none; } } .albums__wrapper .albums-block { width: 50%; } @media screen and (max-width: 1279px) { .albums__wrapper .albums-block { width: 100%; } } .albums-block { padding: 0; } @media screen and (max-width: 1279px) { .albums-block.-composite { justify-content: center; } } .albums-block.-composite .albums-block__item { margin-top: 0; position: relative; } @media screen and (max-width: 1279px) { .albums-block.-composite .albums-block__item { flex-basis: 50%; margin: 0 2rem 1.5rem; max-width: 34rem; } } @media screen and (max-width: 767px) { .albums-block.-composite .albums-block__item { margin: 0 0 1.5rem; max-width: 48rem; } } .albums-block.-composite .composite-link__wrap.-has-overlay::before { background-color: rgba(66, 56, 69, 0.8); } .albums-block.-composite .composite-link__wrap.-has-overlay::after { content: none; } @media screen and (max-width: 1279px) { .albums-block.-composite .composite-link__wrap.-has-overlay::after { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f06e"; } } body.tourism .albums-block.-composite .composite-link__wrap.-has-overlay::before { background-color: rgba(117, 97, 123, 0.9); } .albums-block.-composite .albums-block__content { left: 50%; position: absolute; top: 50%; opacity: 0; transform: translate(-50%, -50%); transition: all 0.3s ease; visibility: hidden; width: 100%; z-index: 2; } @media screen and (max-width: 1279px) { .albums-block.-composite .albums-block__content { bottom: auto; left: auto; position: static; right: auto; top: auto; opacity: 1; transform: translate(0); visibility: visible; } } @media screen and (max-width: 1279px) { .albums-block.-composite .albums-block__content { padding: 1.5rem 4rem 0; } } .albums-block.-composite .albums-block__category { flex-grow: 0; flex-shrink: 0; font-size: 1.6rem; margin-bottom: 1.5rem; padding: 1rem 0; position: static; transform: translate(0); } @media screen and (max-width: 1279px) { .albums-block.-composite .albums-block__category { color: #413744; } } .albums-block.-focus .albums-block__item { flex-basis: 100%; } @media screen and (max-width: 1279px) { .albums-block.-focus .albums-block__item { max-width: 61rem; } } .albums-block .composite-link:hover .albums-block__content, .albums-block .composite-link:focus .albums-block__content { opacity: 1; visibility: visible; } .albums-block.-leftBlock { flex-direction: column; flex-wrap: wrap; height: 47rem; width: 60%; } @media screen and (max-width: 1279px) { .albums-block.-leftBlock { flex-direction: row; height: auto; margin: 0 auto; max-width: 1130px; width: 100%; } } .albums-block.-leftBlock .title-block { font-size: 4rem; padding: 2rem; } @media screen and (max-width: 1279px) { .albums-block.-leftBlock .title-block { height: auto; margin-bottom: 3rem; width: 100%; } } .albums-block.-leftBlock .title-block span { left: -5rem; padding-left: 2rem; } .albums-block.-leftBlock .title-block span::before { background: linear-gradient(to bottom, #ffafd9 40%, #3c4046 40%, #3c4046 80%, #75617b 80%); height: 8rem; } @media screen and (max-width: 1279px) { .albums-block.-leftBlock .title-block span::before { background: linear-gradient(to bottom, #ffafd9 40%, #3c4046 40%, #3c4046 80%, #da1079 80%); height: 5.3rem; } } .albums-block.-leftBlock .albums-block__item:not(.-focus) { flex-basis: 33%; height: 23.5rem; width: 33%; } @media screen and (max-width: 1279px) { .albums-block.-leftBlock .albums-block__item:not(.-focus) { flex-basis: 50%; height: auto; width: 50%; } } @media screen and (max-width: 767px) { .albums-block.-leftBlock .albums-block__item:not(.-focus) { flex-basis: 100%; height: auto; width: 100%; } } .albums-block.-leftBlock .albums-block__item img { height: 23.5rem; } @media screen and (max-width: 1279px) { .albums-block.-leftBlock .albums-block__item img { height: auto; } } .albums-block.-leftBlock .albums-block__item.-focus { flex-basis: 67%; width: 67%; } @media screen and (max-width: 1279px) { .albums-block.-leftBlock .albums-block__item.-focus { flex-basis: 50%; height: auto; width: 50%; } } @media screen and (max-width: 767px) { .albums-block.-leftBlock .albums-block__item.-focus { flex-basis: 100%; width: 100%; } } .albums-block.-leftBlock .albums-block__item.-focus img { height: 47rem; } @media screen and (max-width: 1279px) { .albums-block.-leftBlock .albums-block__item.-focus img { height: auto; } } .albums-block.-rightBlock { height: 47rem; width: 40%; } @media screen and (max-width: 1279px) { .albums-block.-rightBlock { height: auto; margin: 0 auto; max-width: 1130px; width: 100%; } } .albums-block.-rightBlock .albums-block__item { height: 23.5rem; } @media screen and (max-width: 1279px) { .albums-block.-rightBlock .albums-block__item { height: auto; width: 50%; } } @media screen and (max-width: 767px) { .albums-block.-rightBlock .albums-block__item { flex-basis: 100%; width: 100%; } } .albums-block.-rightBlock .albums-block__item img { height: 23.5rem; } @media screen and (max-width: 1279px) { .albums-block.-rightBlock .albums-block__item img { height: auto; } } .albums-block .title-block { background-color: #ff7753; height: 23.5rem; margin-bottom: 0; width: 33%; } @media screen and (max-width: 1279px) { .albums-block .title-block { background-color: #fff; } } .albums-block .title-block .title { left: 50%; margin-left: 2rem; transform: translate(-50%, 50%); } @media screen and (max-width: 1279px) { .albums-block .title-block .title { color: #000; } } /** * You can find markup and macro in `components/filters/filters.njk` * * Use macro: `{{ filters() }}` * * @section Filters macro * @page Filters */ /** * @section Filters one column * @page Filters * * @example *
*
*
*
*
* Filtrer les actualités par: *
*
*
* * *
*
*
* * *
*
*
*
*
*
*
* */ /** * @section Filters two columns * @page Filters * * @example *
*
*
*
*
* Filtrer les actualités par: *
*
*
* * *
*
* * *
*
* * *
*
*
* * *
*
*
*
*
*
*
* */ /** * @section Filters three columns * @page Filters * * @example *
*
*
*
*
* Filtrer les actualités par: *
*
*
* * *
*
* * *
*
* * *
*
* * * *
* * *
*
*
* * *
*
*
* * *
*
*
*
*
*
*
* */ .filters { background-color: #f7f8fb; margin-top: -3rem; } @media screen and (max-width: 767px) { .filters { margin-top: -1.5rem; } } body.tourism .filters { background-color: #423845; } body.tourism .filters legend, body.tourism .filters label, body.tourism .filters .btn { color: #fff; } body.tourism .filters .btn { border-color: #fff; } body.tourism .filters .multiselect__dropdown label { color: black; } @media screen and (max-width: 1279px) { .filters__container { padding: 0 2rem; } } .filters__btn { display: none; } @media screen and (max-width: 767px) { .filters__btn { display: block; } } .filters__btn.btn { background-color: #c9bacd; height: 3.2rem; line-height: 3.2rem; padding: 0; width: 3.2rem; } .filters__btn.btn::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f0b0"; } .filters__btn.btn::before { color: #fff !important; font-size: 1.2rem; } .filters__btn.btn:hover, .filters__btn.btn:focus { background-color: #ff7753; } .filters__btn[aria-expanded=true]::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f00d"; } .filters__btn[aria-expanded=true].btn { background-color: #ff7753; } .filters__dropdown { left: 0; list-style: none; min-width: 100%; opacity: 1; padding: 0; top: 100%; transition: visibility 200ms ease-in-out, transform 350ms ease-in-out, opacity 200ms ease-in-out; visibility: visible; width: auto; z-index: 5; } @media screen and (max-width: 767px) { .filters__dropdown { left: 1rem; max-width: calc(100% - 2rem); min-width: inherit; opacity: 0; position: absolute; visibility: hidden; } } .-is-open .filters__dropdown { opacity: 1; transform: translateY(-1rem); transition: visibility 200ms ease-in-out, transform 200ms ease-in-out, opacity 350ms ease-in-out; visibility: visible; } @media screen and (max-width: 767px) { .-is-open .filters__dropdown { max-width: 100%; position: static; } } .filters .flex-row { margin-left: -0.5rem; margin-right: 0.5rem; } @media screen and (max-width: 767px) { .filters .flex-row { margin: 0; } } .filters [class*=col-] { padding-left: 0.5rem; padding-right: 0.5rem; } @media screen and (max-width: 767px) { .filters [class*=col-] { padding: 0; } } .filters form { margin-bottom: 0; } .filters fieldset { margin: 0 0 1.5rem; padding: 0; } .filters input, .filters textarea, .filters select { background-color: #fff; } .filters .checkbox:first-child { margin-top: 0; } .filters__wrapper { display: flex; } @media screen and (max-width: 767px) { .filters__wrapper { align-items: center; flex-direction: column; } } .filters__fields { flex-grow: 1; } @media screen and (max-width: 1279px) { .filters__fields { width: 100%; } } .filters__field { display: flex; flex-direction: column; margin-bottom: 3.5rem; } .filters__field label { flex-shrink: 0; } .-inline .filters__field { align-items: center; flex-direction: row; } .-inline .filters__field label { margin: 0 1.5rem 0 0; } .filters__buttons { flex-shrink: 0; margin-top: 2.1rem; } @media screen and (max-width: 767px) { .filters__buttons { margin-top: 0; } } .filters__buttons-link { color: #727272; display: block; font-size: 1.2rem; font-style: italic; margin-right: 2.5rem; margin-top: 0.5rem; text-align: right; text-decoration: underline; } .-inline .filters__buttons { margin-top: 0; } .filters__button { margin-left: 1rem; } @media screen and (max-width: 767px) { .filters__button:first-child { margin-left: 0; } } .filters__button.-reset[data-fa-icon]::before { color: #c9bacd; } .filters__map { height: 100%; padding: 3.5rem 0; } .filters__map form, .filters__map fieldset { height: 100%; margin-bottom: 0; } .filters__map label { margin-bottom: 0.8rem; } .filters__map .filters__wrapper { display: flex; height: auto; } .filters__map .filters__fields { align-content: flex-start; align-items: flex-start; flex-grow: 0; flex-wrap: wrap; justify-content: flex-start; margin: 0; width: 100%; } .filters__map .filters__buttons { margin-top: auto; padding: 0 3rem; } @media screen and (max-width: 1024px) { .filters__map .filters__buttons { display: flex; justify-content: center; } } .filters__map .filters__field { flex-basis: auto; margin-bottom: 2.8rem; max-width: 100%; padding: 0 3rem !important; width: 100%; } .filters__map .-is-scroll-box { overflow-x: hidden; overflow-y: auto; height: 241px; } .filters__map .checkbox:not([class*=-level-]) legend { margin-bottom: 1.5rem; } .filters__map .checkbox:not([class*=-level-]) > div:not([class*=fieldset-wrapper]) { border-bottom: 1px solid #c5c5c5; margin: 0; padding: 1.6rem 0 1.6rem 0.3rem; position: relative; } .filters__map .checkbox:not([class*=-level-]) > div:not([class*=fieldset-wrapper]):first-of-type { border-top: 1px solid #c5c5c5; } .filters__map .checkbox:not([class*=-level-]) label { margin-bottom: 0; padding-left: 2.5rem; text-transform: uppercase; } .filters__map .checkbox-dropdown > label { padding-right: 3rem; } .filters__map .checkbox-dropdown.-is-open label { color: #ff7753; } .filters__map .checkbox.-level-1 { margin-left: 1rem; margin-top: 2.5rem; } .filters__map .checkbox.-level-1 div { margin: 0.6rem 0; } .filters__map .checkbox.-level-1 div:first-of-type { margin-top: 0; } .filters__map .checkbox.-level-1 label { color: #727272; text-transform: none; } .filters__map .checkbox.-level-2 { margin-left: 2rem; margin-top: 0.6rem; } .filters__map-form { height: 100%; } .filters__map-form__field { height: calc(100vh - 29rem); overflow-y: auto; width: 100%; } @media screen and (max-width: 1024px) { .filters__map-form__field { height: calc(100vh - 28rem); } } @media screen and (max-width: 767px) { .filters__map-form__field { height: calc(100vh - 26.5rem); } } @media screen and (max-width: 479px) { .filters__map-form__field { height: calc(100vh - 25rem); } } .social { min-width: 24.6rem; } @media screen and (max-width: 1279px) { .social { margin-left: 0; margin-right: 10rem; margin-top: -2rem; } } @media screen and (max-width: 767px) { .social { margin: 0 auto; } } .social__title { color: #fff; font-size: 1.6rem; font-weight: 300; margin-top: 0; text-transform: uppercase; } .social__title strong { display: block; font-weight: 700; padding-left: 2rem; } @media screen and (max-width: 1279px) { .social__title { padding-left: 3.8rem; } } @media screen and (max-width: 767px) { .social__title { padding-left: 4rem; } } .social-networks { list-style: none; margin-top: 2rem; padding-left: 0; } .social-networks__item { display: inline-block; margin: 0 0.1rem; } .social-networks__item a { height: 5.8rem; width: 5.8rem; transition: all 250ms ease-in-out 0ms; background-color: #5b4c60; border-radius: 50%; display: block; position: relative; } .social-networks__item a[data-fa-icon]::before { left: 50%; position: absolute; top: 50%; transition: all 250ms ease-in-out 0ms; color: #dde1e8; font-family: "Font Awesome 5 Brands"; font-size: 1.6rem; transform: translate(-50%, -50%); } .social-networks__item a:hover, .social-networks__item a:focus { background-color: #dde1e8; } .social-networks__item a:hover[data-fa-icon]::before, .social-networks__item a:focus[data-fa-icon]::before { color: #5b4c60; } .tools { display: inline-block; text-align: right; vertical-align: middle; width: 29.5%; } @media screen and (max-width: 767px) { .tools { width: 100%; } } .tools__list { font-size: 0; margin: 0; padding: 0; } .tools__item { display: inline-block; margin: 0; vertical-align: middle; } .tools__item + .tools__item { border-left: 1px solid #bbc4d2; } .tools__btn { border: 0; color: #75617b; cursor: pointer; display: block; margin: 0; padding: 0; transition: all 300ms ease-in-out 0ms; } .share-block .tools__btn { color: #ff7753; } .tools__btn[data-fa-icon] { background: none; font-size: 1.6rem; height: 3rem; position: relative; text-align: left; width: 4rem; overflow: hidden; text-indent: -9999px; white-space: nowrap; } .tools__btn[data-fa-icon]::before, .tools__btn[data-fa-icon]::after { text-indent: 0; } .tools__btn[data-fa-icon]::before { color: inherit !important; display: block; left: 50%; margin: 0; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); } .tools__btn:hover, .tools__btn:focus { color: #ff7753; } .tools__btn:focus { outline-offset: 0; } .tools .share-block { text-align: left; } .tools .share-block__button { border-radius: 0; color: #ff7753; } .breadcrumb { display: inline-block; font-family: "Barlow", sans-serif; vertical-align: middle; width: 70%; } @media screen and (max-width: 1279px) { .breadcrumb { display: none; } } .breadcrumb ol { color: #ff7753; font-size: 1.4em; font-weight: 700; list-style: none; margin: 0; padding: 0; } .breadcrumb li { color: #727272; display: inline-block; font-weight: 400; } .breadcrumb li:last-child { color: #ff7753; font-weight: 700; } .breadcrumb li + li::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f105"; } .breadcrumb li + li::before { color: inherit; margin: 0 0.5rem; } .breadcrumb li.breadcrumb__here { font-weight: 700; } .breadcrumb li.breadcrumb__here + li::before { content: none; } .breadcrumb a { color: inherit; } .breadcrumb a:hover { text-decoration: underline; } .breadcrumb p { display: inline-block; } .page-image { display: block; width: 100%; } /*.page-image__background { display: block; width: 100%; } .page-image__background img { display: block; height: auto; width: 100%; } .page-image__background.-static-height img { font-family: "object-fit: cover; object-position: center;"; height: 50rem; object-fit: cover; } @media screen and (max-width: 1279px) { .page-image__background.-static-height img { height: 38rem; } } @media screen and (max-width: 767px) { .page-image__background.-static-height img { height: auto; } }*/ .tourism .page-image__background { padding-top: calc((380 / 1280) * 100%); } .tourism .page-image__background img { display: block; position: absolute; height: 100%; width: 100%; left: 0; top: 0; object-fit: cover; } .events-block { display: flex; flex-wrap: wrap; margin: 0 -1.7rem; } @media screen and (max-width: 767px) { .events-block { justify-content: center; margin: 0; } } .events-block__item { flex-basis: 50%; flex-grow: 0; flex-shrink: 1; margin: 3rem 1.7rem 0; position: relative; } @media screen and (max-width: 1279px) { .events-block__item { flex-basis: calc(50% - 3.4rem); } } @media screen and (max-width: 767px) { .events-block__item { flex-basis: 100%; margin: 3rem 0 0; } } .events-block.-three-columns .events-block__item { flex-basis: calc(33.3333% - 3.4rem); } @media screen and (max-width: 1279px) { .events-block.-three-columns .events-block__item { flex-basis: calc(50% - 3.4rem); } } @media screen and (max-width: 767px) { .events-block.-three-columns .events-block__item { flex-basis: 100%; max-width: 48rem; } } .events-block.-four-columns .events-block__item { flex-basis: calc(25% - 3.4rem); } @media screen and (max-width: 1279px) { .events-block.-four-columns .events-block__item { flex-basis: calc(50% - 3.4rem); } } @media screen and (max-width: 767px) { .events-block.-four-columns .events-block__item { flex-basis: 100%; max-width: 48rem; } } .events-block.-five-columns .events-block__item { flex-basis: calc(20% - 3.4rem); } @media screen and (max-width: 1279px) { .events-block.-five-columns .events-block__item { flex-basis: calc(50% - 3.4rem); } } @media screen and (max-width: 767px) { .events-block.-five-columns .events-block__item { flex-basis: 100%; max-width: 48rem; } } .events-block__share { bottom: auto; left: auto; position: absolute; right: -0.9rem; top: -0.9rem; z-index: 1; } /*.events-block__picture { display: block; } .events-block__picture img { display: block; height: auto; max-width: 100%; width: auto; }*/ .events-block__date { background-color: #ff7753; border-radius: 50%; display: block; left: -5.1rem; position: absolute; top: -5rem; } .events-block__date.-dark { background: #000 none; display: inline-flex; } @media screen and (max-width: 767px) { .events-block__date.-dark { display: flex; } } .events-block__date .date { border-radius: 50%; } .events-block__date .date__wrap { flex-direction: column; } .events-block__content { border-left: 1px solid #ff7753; margin-left: 5rem; padding: 2.5rem 1rem 1rem 5.5rem; position: relative; } .events-block__content.-no-image { margin-top: 5rem; } .events-block__category { align-self: center; color: #000; font-size: 1.4rem; font-weight: 300; margin: 0 0 1rem; } .events-block__title { color: #000; font-size: 1.9rem; font-weight: 700; margin: 0 0 1.5rem; } .events-block__teaser { color: #000; font-family: "Barlow", sans-serif; font-size: 1.3rem; font-weight: 300; margin: 0; } .events-block .time-place__item { color: #000; } .events-block .time-place__item.-time { font-size: 1.5rem; } .events-block .time-place__item.-place { font-size: 1.2rem; } .events { background: #75617b no-repeat 50% 100%; background-size: cover; padding: 5rem 0 4rem; } @media screen and (max-width: 1279px) { .events { padding: 5.5rem 0 5rem; } } @media screen and (max-width: 767px) { .events { padding: 3.5rem 0 5rem; } } body.tourism .events { background: #423845 no-repeat; background-size: cover; } .events .title-block { margin-bottom: 0.5rem; } .events-focus { position: relative; } .events-focus__share { bottom: auto; left: auto; position: absolute; right: 11.5rem; top: 11.8rem; z-index: 1; } @media screen and (max-width: 1279px) { .events-focus__share { right: 2rem; top: 1.2rem; } } .events-focus__wrap { background-color: #ff7753; display: flex; } @media screen and (max-width: 1279px) { .events-focus__wrap { flex-direction: column; } } .events-focus__image { flex-grow: 1; } .events-focus__image img { display: block; font-family: "object-fit: cover; object-position: center;"; height: 100%; object-fit: cover; width: 100%; } .events-focus__content { box-shadow: inset 1rem 0 2.5rem 0 rgba(0, 0, 0, 0.15); color: #fff; flex-shrink: 0; font-family: "Barlow", sans-serif; padding: 21.5rem 11.5rem 14rem; position: relative; width: 63rem; } @media screen and (max-width: 1279px) { .events-focus__content { box-shadow: none; padding: 9rem 7.5rem 7rem; width: 100%; } } @media screen and (max-width: 767px) { .events-focus__content { padding: 9rem 3rem 3rem; } } .events-focus__date { left: 0; position: absolute; top: 11rem; width: calc(100% - 17rem); } @media screen and (max-width: 1279px) { .events-focus__date { left: 7.5rem; top: 0; width: calc(100% - 15rem); } } @media screen and (max-width: 767px) { .events-focus__date { left: 0; width: 100%; } } .events-focus__title { font-size: 3rem; font-weight: 300; line-height: 3rem; margin: 0 0 1.5rem; } @media screen and (max-width: 1279px) { .events-focus__title { font-size: 3rem; margin: 0 0 0.5rem; } } @media screen and (max-width: 767px) { .events-focus__title { font-size: 2rem; line-height: 2.2rem; margin: 0 0 1rem; } } .events-focus__teaser { font-size: 1.8rem; font-weight: 300; margin: 1.5rem 0 0; } @media screen and (max-width: 1279px) { .events-focus__teaser { line-height: 2.1rem; margin: 0.5rem 0 0; } } @media screen and (max-width: 767px) { .events-focus__teaser { font-size: 1.6rem; line-height: 1.9rem; margin: 1rem 0 0; } } .events-focus__time { padding-top: 1.5rem; position: relative; } .events-focus__time::before { height: 0.1rem; width: 2.5rem; left: 0; position: absolute; top: 1.5rem; background-color: #fff; content: ""; } @media screen and (max-width: 767px) { .events__wrapper { padding: 0 0.5rem; } } .events__wrapper .links-group { margin-top: 3rem; } @media screen and (max-width: 767px) { .events__wrapper .links-group { margin-top: 0; } } @media screen and (max-width: 767px) { .events__wrapper .link.-line { border: 0; } } .events-block.-composite { margin: 0 -1rem; position: relative; } @media screen and (max-width: 1279px) { .events-block.-composite { flex-wrap: wrap; padding: 0 7.5rem; } } @media screen and (max-width: 767px) { .events-block.-composite { margin: 0; padding: 0; } } .events-block.-composite .events-block__item { display: flex; flex-basis: auto; flex-direction: column; flex-grow: 0; flex-shrink: 0; height: auto; margin: 2rem 0 1rem; width: 25%; } @media screen and (max-width: 1279px) { .events-block.-composite .events-block__item { width: 50%; } } @media screen and (max-width: 767px) { .events-block.-composite .events-block__item { width: 100%; } } .events-block.-composite .events-block__share { bottom: 0; left: 50%; position: absolute; right: auto; top: auto; transform: translate(-50%, 50%); } .events-block.-composite .events-block__share .share-block__button { padding: 0; } .events-block.-composite .events-block__picture { flex-grow: 0; } .events-block.-composite .events-block__picture img { height: 100%; width: 100%; font-family: "object-fit: cover; object-position: center;"; object-fit: cover; } .events-block.-composite .events-block__content { flex-basis: auto; flex-grow: 1; } .events-block.-composite .events-block__category, .events-block.-composite .events-block__title, .events-block.-composite .events-block__teaser, .events-block.-composite .time-place__item { color: #fff; } .events-block.-composite .time-place__item.-time::before { color: #fff; } .events-block.-composite .composite-link { display: flex; flex-direction: column; padding: 0 1rem; } @media screen and (max-width: 767px) { .events-block.-composite .composite-link { padding: 0; } } .events-block.-composite .swiper-container { padding-bottom: 4.5rem; } .events-block.-composite .swiper-container-horizontal { width: calc(100% - 7rem); } @media screen and (max-width: 767px) { .events-block.-composite .swiper-container-horizontal { width: calc(100% - 5rem); } } .events-block__control { position: absolute; top: 50%; background: none; border: 0; cursor: pointer; transform: translateY(-50%); } .events-block__control[data-fa-icon]::before { color: #bbc4d2; font-size: 3rem; } .events-block__control.-prev { left: 0; } @media screen and (max-width: 767px) { .events-block__control.-prev { left: -1rem; } } .events-block__control.-next { right: 0; } @media screen and (max-width: 767px) { .events-block__control.-next { right: -1rem; } } .events-block .events-calendar form { margin: 0; padding: 0 1rem; } .events-block .events-calendar form::before { bottom: 3rem; z-index: 1; } .events-block .events-calendar form::after { bottom: 3rem; z-index: 0; } .events-block .static-datepicker { top: 0; width: 100% !important; } .events-block .date-picker td[data-highlight], .events-block .date-picker td.date-picker-highlight { background-color: #ff7753; color: #fff; font-weight: 300; text-shadow: none; } .events-block .date-picker { font-family: "Barlow", sans-serif; z-index: 1; } .events-block .date-picker div, .events-block .date-picker table { border: 0; border-radius: 0; box-shadow: none; padding: 0; } .events-block .date-picker table { border-spacing: 0; color: #6c7179; font-family: "Barlow", sans-serif; font-size: 1.6rem; font-weight: 300; table-layout: fixed; width: 100%; } .events-block .date-picker table tbody { display: flex; flex-direction: column; margin-bottom: 2rem; } .events-block .date-picker table tbody tr { padding: 1rem 2.5rem; } .events-block .date-picker table tbody td { align-items: center; border-radius: 50%; display: flex; height: 3rem; justify-content: center; text-shadow: none; width: 3rem; } .events-block .date-picker table tbody td span { font-size: 1.6rem; font-weight: 300; } .events-block .date-picker table tbody td:hover { background-color: #6b5971; color: #fff; } .events-block .date-picker table td { background: none; border: 0; } .events-block .date-picker .date-picker-selected-date { font-size: 1.6rem; font-weight: 300; } .events-block .date-picker tr { align-items: center; display: flex; justify-content: space-between; } .events-block .date-picker th, .events-block .date-picker th span { color: #000; font-size: 1.9rem; font-weight: 300; } .events-block .date-picker .date-picker-title { padding: 3rem 0 2.2rem; position: relative; z-index: 1; } .events-block .date-picker .date-picker-title span { color: #000; display: inline-block; font-size: 1.9rem; font-weight: 300; } .events-block .date-picker .date-picker-thead { display: flex; flex-direction: column; } .events-block .date-picker .date-picker-thead tr:first-child { background-color: rgba(221, 225, 232, 0.8); justify-content: center; } .events-block .date-picker .date-picker-thead tr:last-child { background-color: #f7f8fb; height: 5.5rem; padding: 0 2.5rem; } .events-block .date-picker .date-picker-thead tr:last-child th { text-transform: uppercase; } .events-block .date-picker .date-picker-thead tr:nth-child(2) { display: flex; justify-content: space-between; left: 3.5rem; position: absolute; top: 2.2rem; width: 80%; z-index: 10; } .events-block .date-picker .date-picker-thead tr:nth-child(2) th:first-child, .events-block .date-picker .date-picker-thead tr:nth-child(2) th:last-child { display: none; } .events-block .date-picker .prev-but, .events-block .date-picker .next-but { color: #ff7753; cursor: pointer; display: inline-block; font-family: "Barlow", sans-serif; font-size: 3rem; font-weight: 200; text-align: center; width: 2rem; } .events-block .date-picker .prev-but:hover, .events-block .date-picker .prev-but:active, .events-block .date-picker .next-but:hover, .events-block .date-picker .next-but:active { color: #29212b; } .events-block .date-picker .date-picker-day-header { align-items: center; display: flex; height: 3rem; justify-content: center; width: 3rem; } .events-block .date-picker .month-out { border: 0; } .events-block .date-picker .day-disabled { text-decoration: none; } .directory-block { display: flex; flex-wrap: wrap; margin: 3rem 0 0; } .directory-block__item { background-color: #f4f4f4; flex-basis: calc(50% - 1rem); flex-grow: 0; flex-shrink: 1; margin: 2rem 1rem 0; position: relative; } @media screen and (max-width: 1279px) { .directory-block__item { max-width: 48%; } } .directory-block__item:nth-child(odd) { margin-left: 0; } .directory-block__item:nth-child(even) { margin-right: 0; } @media screen and (max-width: 767px) { .directory-block__item { flex-basis: 100%; margin: 3rem 0 0; max-width: 100%; } } .directory-block__item::before, .directory-block__item::after { height: 0; width: 0; position: absolute; right: 0; top: 0; border-style: solid; } .directory-block__item::before { border-color: transparent #fff transparent transparent; border-width: 0 3.8rem 3.8rem 0; } .directory-block__item::after { border-color: transparent transparent transparent #dde1e8; border-width: 3.8rem 0 0 3.8rem; } .tourism .directory-block__item::before, .tourism .directory-block__item::after { content: none; } .directory-block__wrap { padding: 3.5rem 2.5rem; } @media screen and (max-width: 1279px) { .directory-block__wrap { padding: 3.5rem 0.5rem; } } .directory-block__wrap .infos__items { flex: 1; } .directory-block__link { display: flex; } .directory-block__link:hover img { filter: contrast(150%) saturate(150%); } @media screen and (max-width: 1279px) { .directory-block__link { flex-direction: column; flex-wrap: wrap; } } /*.directory-block__picture { display: block; flex-grow: 0; flex-shrink: 0; margin-right: 1rem; max-width: 12rem; }*/ .tourism .directory-block__picture { display: block; position: relative; flex-grow: 0; flex-shrink: 0; margin-right: 1rem; max-width: 12rem; /*padding-top: 100%;*/ width: 120px; height: 80px; } @media screen and (max-width: 1279px) { /*.directory-block__picture { margin: 0 0 2.5rem; max-width: 24rem; }*/ .tourism .directory-block__picture { margin: 0 0 2.5rem; max-width: 24rem; width: 240px; height: 160px; } } /*.directory-block__picture img { display: block; height: auto; max-width: 100%; width: auto; transition: filter 0.2s ease-out; }*/ .tourism .directory-block__picture img { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; transition: filter 0.2s ease-out; } .directory-block__category { color: #ff7753; display: inline-block; font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; font-weight: 700; margin: 0 0 0.5rem; text-transform: uppercase; } .directory-block__title { color: #000; font-family: "Barlow", sans-serif; font-size: 2rem; font-weight: 700; line-height: 1; margin: 0; } .vote { background-color: #f0f0f0; } @media screen and (max-width: 767px) { .vote { padding: 2rem; } } .vote__form { align-items: center; display: flex; flex-wrap: wrap; font-size: 2.2rem; justify-content: center; text-align: right; width: 100%; } @media screen and (max-width: 767px) { .vote__form { display: block; font-size: 1.8rem; text-align: left; } .vote__form * > { width: 100%; } } .vote .radio.-inline legend { font-size: inherit; font-style: italic; font-weight: 300; margin-bottom: 0.5em; text-transform: none; } .vote .radio.-inline label { font-size: inherit; line-height: 1.7rem; } .vote fieldset { margin: 0; } @media screen and (max-width: 767px) { .vote fieldset { padding: 0; } } .vote fieldset.vote__btn { margin-left: 4rem; padding-left: 4rem; position: relative; } @media screen and (max-width: 767px) { .vote fieldset.vote__btn { margin: 0; padding: 2rem 0 0; } } .vote fieldset.vote__btn::before { background-color: #ff7753; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 3px; } @media screen and (max-width: 767px) { .vote fieldset.vote__btn::before { height: 3px; width: 5.2rem; } } .same-category { margin: 3.5rem 0 4rem; } @media screen and (max-width: 1279px) { .same-category { margin: 3rem 2rem; } } @media screen and (max-width: 767px) { .same-category { margin: 2rem 1rem; } } .same-category__wrapper { align-items: center; background-color: #dde1e8; display: flex; font-size: 1.5rem; padding: 1.1rem 3rem; width: 100%; } @media screen and (max-width: 1279px) { .same-category__wrapper { flex-wrap: wrap; position: relative; } } @media screen and (max-width: 767px) { .same-category__wrapper { align-items: flex-start; flex-direction: column; flex-wrap: nowrap; padding: 3rem 1rem; } } .same-category__toggle { background-color: #fff; border: 0; color: #727272; cursor: pointer; display: none; flex-grow: 1; font-family: "Barlow", sans-serif; font-size: 1.4rem; font-weight: 300; line-height: 1; padding: 1.3rem 3rem; position: relative; } .same-category__toggle::after { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f0d7"; } .same-category__toggle::after { position: absolute; right: 1.5rem; top: 50%; color: #ff7753; font-size: 1.8rem; margin-left: 0.5rem; transform: translateY(-50%); } .same-category__toggle[aria-expanded=true]::after { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f0d8"; } .same-category__toggle:hover, .same-category__toggle:focus { outline-offset: -0.1rem; } @media screen and (max-width: 1279px) { .same-category__toggle { display: block; text-align: left; } } @media screen and (max-width: 767px) { .same-category__toggle { padding-left: 1rem; width: 100%; } .same-category__toggle::after { right: 1rem; } } .same-category__title { color: #494949; font-family: "Barlow Condensed", sans-serif; font-size: 1em; margin: 0 3rem 0 0; text-transform: uppercase; } @media screen and (max-width: 1279px) { .same-category__title { margin-right: 0; text-align: left; width: 18rem; } } @media screen and (max-width: 767px) { .same-category__title { margin-top: 0; margin-bottom: 1.5rem; width: auto; } } .same-category__list { list-style: none; margin: 0; padding: 0; } @media screen and (max-width: 1279px) { .same-category__list { background-color: #fff; flex-grow: 1; margin-left: 18rem; max-height: 0; opacity: 0; text-align: left; visibility: hidden; width: 100%; } } @media screen and (max-width: 767px) { .same-category__list { margin-left: 0; } } .-is-open .same-category__list { max-height: 35rem; opacity: 1; visibility: visible; } .same-category__item { float: left; margin: 0 0.3rem; vertical-align: middle; } @media screen and (max-width: 1279px) { .same-category__item { display: block; float: none; margin: 0; opacity: 0; transform: translateY(100%); } .-is-open .same-category__item { opacity: 1; transform: translateY(0); } .-is-open .same-category__item:nth-child(1) { transition: all 0.2s ease 0ms; } .-is-open .same-category__item:nth-child(2) { transition: all 0.2s ease 100ms; } .-is-open .same-category__item:nth-child(3) { transition: all 0.2s ease 200ms; } .-is-open .same-category__item:nth-child(4) { transition: all 0.2s ease 300ms; } .-is-open .same-category__item:nth-child(5) { transition: all 0.2s ease 400ms; } .-is-open .same-category__item:nth-child(6) { transition: all 0.2s ease 500ms; } .-is-open .same-category__item:nth-child(7) { transition: all 0.2s ease 600ms; } .-is-open .same-category__item:nth-child(8) { transition: all 0.2s ease 700ms; } .-is-open .same-category__item:nth-child(9) { transition: all 0.2s ease 800ms; } .-is-open .same-category__item:nth-child(10) { transition: all 0.2s ease 900ms; } } .same-category__item a { border: 1px solid transparent; color: #494949; display: inline-block; font-size: 1em; padding: 0.6em; } @media screen and (max-width: 1279px) { .same-category__item a { border: 0; color: #727272; display: block; padding: 0.6rem 3rem; } .same-category__item a:hover, .same-category__item a:focus { text-decoration: underline; } } @media screen and (max-width: 767px) { .same-category__item a { padding: 0.6rem 3rem 0.6rem 1rem; } } .same-category__item a:hover, .same-category__item a:focus { border-color: #bbc4d2; outline-offset: 0; } .same-category__item a[aria-current=page] { border-color: #bbc4d2; } .widget { font-weight: 300; margin-bottom: 6rem; } .widget > .title { margin-top: 0; } .widget:only-child { margin-bottom: 0; } .contact { margin-bottom: 4rem; margin-top: 4rem; } .contact:last-child { margin-bottom: 4rem; } @media screen and (max-width: 1279px) { .contact { margin-bottom: 6rem; margin-top: 6rem; } .contact + .contact { margin-bottom: 5rem; } } @media screen and (max-width: 767px) { .contact { margin: 4rem 2.5rem 6rem; } .contact + .contact { margin-bottom: 3.5rem; } } @media screen and (max-width: 1279px) { .sidebar .contact { display: none; } } .contact__wrap { align-items: center; background-color: #f7f8fb; display: flex; flex-wrap: nowrap; font-size: 1.4rem; margin-bottom: 3rem; text-align: left; } @media screen and (max-width: 767px) { .contact__wrap { flex-direction: column; } } .sidebar .contact__wrap { flex-wrap: wrap; text-align: center; } .sidebar .contact__wrap .contact__meta { padding: 2.5rem 2.5rem 0; } .sidebar .contact__wrap .contact__infos { padding-bottom: 3rem; } .sidebar .contact__wrap .infos__item { font-size: 1.7rem; margin: 0 auto 1rem; } .contact__picture { display: block; } @media screen and (max-width: 1279px) { .contact__picture { margin: 0; } } .contact__picture img { display: block; } .contact__meta { padding: 1rem 4rem; width: 50%; } @media screen and (max-width: 1279px) { .contact__meta { margin-right: auto; } } @media screen and (max-width: 767px) { .contact__meta { margin-right: 0; padding: 2rem 3rem; text-align: center; width: 100%; } } .contact__name { color: #000; font-family: "Barlow Condensed", sans-serif; font-size: 2rem; font-weight: 500; margin-bottom: 1.5rem; margin-top: 0; } .contact__name strong { text-transform: uppercase; } .contact__category { color: #ff7753; font-size: 1.7rem; font-weight: 700; margin: 0 0 0.5rem; text-transform: uppercase; } .contact__function { color: #494949; font-size: 1.7rem; font-weight: 300; margin-bottom: 0; margin-top: 0; } .contact__function-title { color: #ff7753; font-size: 1.7rem; font-weight: 700; margin-bottom: 0.8rem; } .contact__address { color: #727272; font-size: 1.7rem; font-weight: 300; margin-top: 0.8rem; } .contact__address span { display: block; } .contact__teaser { color: #727272; font-size: 1.7rem; font-weight: 300; margin-top: 0.8rem; } .contact__infos { width: 30%; } @media screen and (max-width: 1279px) { .contact__infos { width: 17rem; } } @media screen and (max-width: 767px) { .contact__infos { width: 100%; } } .contact__infos .infos__item { color: #000; display: table; font-size: 1.7rem; } .contact__infos .infos__item.-phone a { text-decoration: none; } .contact__infos .infos__item.-phone a:hover, .contact__infos .infos__item.-phone a:focus { text-decoration: underline; } .contact__infos .infos__item.-email::before { content: "\f0e0"; } @media screen and (max-width: 767px) { .contact__infos .infos__item { margin: 0 auto 1rem; } } .contact__infos .btn { margin-top: 1.4rem; } @media screen and (max-width: 767px) { .contact__infos .btn { display: table; margin: 3rem auto; } } .contact.-second .contact__wrap { background-color: #f7f8fb; } @media screen and (max-width: 767px) { .read-more { margin: 4rem 2.5rem 3rem; } } .read-more__wrap { background-color: #f0f0f0; font-size: 1.4rem; padding: 3rem 2.5rem; } @media screen and (max-width: 1279px) { .read-more__wrap { display: flex; justify-content: space-between; } .read-more__wrap > * { width: 100%; } .read-more__wrap > * a { color: #000; } } @media screen and (max-width: 767px) { .read-more__wrap { flex-direction: column; } } @media screen and (max-width: 1279px) { .read-more__content { width: 100%; } } .read-more p { margin-top: 0; } @media screen and (max-width: 1279px) { .read-more p { margin-bottom: 1rem; } } .read-more .list { display: block; } @media screen and (max-width: 1279px) { .read-more .list { margin-bottom: 0; margin-top: 1rem; } } .read-more__picture { display: block; margin: 0.5rem auto 0; max-width: 20rem; } @media screen and (max-width: 1279px) { .read-more__picture { margin: 0 0 0 3rem; } } @media screen and (max-width: 1279px) { .read-more__picture { margin: 0.8rem auto 0; } } .read-more__picture img { display: block; height: auto; width: 100%; } .stratis-menu-trigger { bottom: 4rem; left: 2rem; position: fixed; right: auto; top: auto; transition: all 250ms ease-in-out 0ms; background: #fff; border: 0; box-shadow: 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.4); color: #000; cursor: pointer; font-size: 1.4rem; font-weight: 300; overflow: hidden; padding: 1rem; z-index: 999; } .stratis-menu-trigger span { color: inherit; font-family: inherit; font-weight: inherit; position: relative; z-index: 10; transition: all 250ms ease-in-out 0ms; } .stratis-menu-trigger::after { left: -100%; position: absolute; top: 0; transition: all 250ms ease-in-out 0ms; background-color: #ff7753; content: ""; display: block; height: 100%; width: 100%; z-index: 0; } .stratis-menu-trigger:hover, .stratis-menu-trigger:focus { box-shadow: none; color: #fff; } .stratis-menu-trigger:hover::after, .stratis-menu-trigger:focus::after { left: 0; } .stratis-menu { bottom: auto; left: 0; position: fixed; right: auto; top: 0; transition: all 250ms ease-in-out 0ms; background-color: #ff7753; box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.4); margin: 0; padding: 0; transform: translateY(-130%); width: 100%; z-index: 999; } .stratis-menu.-is-visible { transform: translateY(0); } .stratis-menu__list { display: flex; list-style: none; margin: 0 -0.5rem; padding: 0; } .stratis-menu__item { padding: 0 0.5rem; display: flex; position: relative; z-index: 1; } .stratis-menu__item.-is-active { z-index: 5; } .stratis-menu__item.-is-active > .stratis-menu__submenu { opacity: 1; transform: translateY(0); visibility: visible; z-index: 1; } .stratis-menu__link { transition: all 250ms ease-in-out 0ms; color: #fff; flex-grow: 1; font-size: 1.4rem; padding: 1rem 0.5rem; position: relative; text-decoration: none; z-index: 5; } .stratis-menu__link:hover, .stratis-menu__link:focus { background-color: #ff7753; } .stratis-menu__toggle { display: flex; transition: all 250ms ease-in-out 0ms; background: none; border: 0; color: #fff; cursor: pointer; font-size: 1.4rem; padding: 1rem 0.5rem; position: relative; text-align: center; z-index: 5; } .stratis-menu__toggle i { display: block; } .stratis-menu__toggle:hover, .stratis-menu__toggle:focus { background-color: #ff7753; } .stratis-menu__submenu { left: 0; position: absolute; top: 100%; transition: all 250ms ease-in-out 0ms; background-color: #ff7753; list-style: none; margin: 0; min-width: 20rem; opacity: 0; padding: 0; transform: translateY(-1rem); visibility: hidden; width: 100%; z-index: -1; } .stratis-menu__submenu > .stratis-menu__item { padding: 0.3rem; } .stratis-menu__submenu .stratis-menu__link:hover, .stratis-menu__submenu .stratis-menu__link:focus { background-color: #ff9f86; } .online-steps { display: flex; flex-direction: column; font-size: 1.7rem; max-width: 31rem; padding-right: 7rem; } @media screen and (max-width: 1279px) { .online-steps { margin-right: 0; order: 1; width: 50%; } } @media screen and (max-width: 767px) { .online-steps { font-size: 1.5rem; margin-bottom: 2.5rem; width: 100%; } } .online-steps .title.-secondary { color: #75617b; padding: 0; } .online-steps .title.-secondary::after { background-color: #ff7753; bottom: -1.2rem; content: ""; display: block; height: 0.5rem; left: 0; position: absolute; width: 5rem; } .online-steps .title.-secondary::before { content: none; } .online-steps__wrapper { display: flex; margin-bottom: auto; padding-top: 1rem; } @media screen and (max-width: 1279px) { .online-steps__wrapper { padding-bottom: 1.5rem; } } @media screen and (max-width: 767px) { .online-steps__wrapper { flex-wrap: wrap; } } .-frame .online-steps__wrapper { padding-left: 3rem; padding-right: 3rem; } @media screen and (max-width: 767px) { .-frame .online-steps__wrapper { padding-left: 1.5rem; padding-right: 1.5rem; } } .online-steps__image { flex: 1 13 100%; margin: 0; padding-top: 0.5rem; } @media screen and (min-width: 768px) { .online-steps__image { padding-right: 3.6rem; } .-frame .online-steps__image { padding-right: 2rem; } } @media screen and (max-width: 767px) { .online-steps__image { margin-bottom: 2rem; padding-right: 0; } } .online-steps__image picture, .online-steps__image img { display: block; height: auto; width: 100%; } .online-steps__image .caption { font-weight: 700; margin-top: 1em; } .online-steps__list { flex: 1 14 100%; list-style: none; margin: 0; padding: 0; } .online-steps__list li { padding: 0.7rem 1rem; position: relative; } .online-steps__list li::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f105"; } .online-steps__list li::before { color: #ff7753; font-size: 1em; left: 0; position: absolute; } .online-steps__list li + li::after { content: ""; left: 0; position: absolute; top: 0; width: 5rem; } .online-steps__list a { color: #000; } .online-steps__list a:hover, .online-steps__list a:focus { text-decoration: underline; } .online-steps .links-group { justify-content: flex-start; max-width: 23.5rem; } .online-payment { font-size: 1.7rem; /** * TODO: Responsive style refactoring needed */ } @media screen and (min-width: 1280px) { .online-payment { display: flex; flex-direction: column; } } .online-payment:not(.-frame) .online-payment__wrapper { background-color: #f7f8fb; } .online-payment__wrapper { border-top: 1px solid rgba(0, 0, 0, 0.1); color: #000; display: block; padding: 0 3rem; /** * TODO: Responsive style refactoring needed */ /** * TODO: Responsive style refactoring needed */ } @media screen and (min-width: 768px) and (max-width: 1279px) { .online-payment__wrapper { align-items: center; display: flex; } } @media screen and (max-width: 1279px) { .online-payment__wrapper { padding-left: 3rem; padding-right: 3rem; } } @media screen and (min-width: 1280px) { .online-payment__wrapper { height: 100%; padding: 0 6rem 2rem; text-align: center; } } .online-payment__wrapper:hover .btn, .online-payment__wrapper:focus .btn { background-color: #ff7753; } .online-payment__wrapper:hover .btn::before, .online-payment__wrapper:focus .btn::before { color: #fff !important; } .online-payment__title { flex-shrink: 0; font-size: 2rem; font-weight: 300; padding-left: 6rem; position: relative; /** * TODO: Responsive style refactoring needed */ } @media screen and (max-width: 767px) { .online-payment__title { display: table; margin: 1em auto; } } @media screen and (min-width: 1280px) { .online-payment__title { font-size: 2.7rem; margin: 2rem 0; padding: 0; } } .online-payment__title svg { display: block; fill: #c9bacd; font-family: "icons"; font-weight: 400; height: 4rem; width: 4rem; /** * TODO: Responsive style refactoring needed */ } @media screen and (max-width: 1279px) { .online-payment__title svg { left: 0; position: absolute; top: 50%; transform: translateY(-50%); } } @media screen and (min-width: 1280px) { .online-payment__title svg { display: block; height: 9rem; width: 9rem; margin: 0 auto 2rem; } } .online-payment__title strong { font-weight: 700; } .online-payment__text { flex-grow: 1; font-size: 1.7rem; margin: 0; padding: 1.5em 0; position: relative; /** * TODO: Responsive style refactoring needed */ } @media screen and (max-width: 1279px) { .online-payment__text { padding-right: 4rem; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .online-payment__text { margin-left: 3rem; padding-left: 3rem; } } .online-payment__text::before { background-color: rgba(0, 0, 0, 0.1); content: ""; display: block; height: 1px; left: 0; position: absolute; top: 0; width: 100%; /** * TODO: Responsive style refactoring needed */ /** * TODO: Responsive style refactoring needed */ } @media screen and (min-width: 768px) and (max-width: 1279px) { .online-payment__text::before { height: 100%; width: 1px; } } @media screen and (min-width: 1280px) { .online-payment__text::before { height: 1px; left: 50%; margin-left: -30px; right: auto; width: 60px; } } .online-payment .btn { background-color: #ff7753; box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.2), inset 0 -5px 3px 0 rgba(0, 0, 0, 0.1); display: block; font-weight: 400; height: 3.4rem; margin: 2rem auto 0; padding: 0; position: relative; width: 3.4rem; transition: all 400ms ease-in-out 0ms; } @media screen and (max-width: 1279px) { .online-payment .btn { margin: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } } .online-payment .btn::before { color: #fff; font-size: 1.6rem; } .my-account { font-size: 1.5rem; /** * TODO: Responsive style refactoring needed */ } @media screen and (min-width: 1280px) { .my-account { display: flex; flex-direction: column; } } .my-account:not(.-frame) .my-account__wrapper { background-color: #f7f8fb; } .my-account.-frame .my-account__form { margin-bottom: 2rem; } .my-account__wrapper { border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 2rem 3rem 3rem; /** * TODO: Responsive style refactoring needed */ } @media screen and (min-width: 768px) and (max-width: 1279px) { .my-account__wrapper { align-items: center; display: flex; } } @media screen and (min-width: 1280px) { .my-account__wrapper { height: 100%; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .my-account__form { flex: 1 0 50%; margin: 0 2rem 0 0; } } .my-account__text { margin: 0 0 2rem; } .my-account__field { margin-bottom: 0.7142857143em; padding-left: 4rem; position: relative; } .my-account__field::before { color: #c9bacd; font-family: "icons"; font-size: 3rem; font-weight: 400; transform: translateY(-50%); left: 0; position: absolute; top: 50%; display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; } .my-account__field.-login::before { content: "\e036"; } .my-account__field.-password::before { content: "\e035"; } .my-account__field.-submit::before { content: none; } .my-account__field.-submit { padding: 0; text-align: right; } .my-account__field.-submit a { color: #bbc4d2; font-style: italic; font-size: 0.8666666667em; margin-right: 1.5em; } .my-account__field.-submit a:hover, .my-account__field.-submit a:focus { text-decoration: underline; } .my-account__field input { margin: 0; } .my-account__allready { background-color: #ff7753; color: #fff; display: block; padding: 3rem 7rem 3rem 4rem; position: relative; } @media screen and (max-width: 767px) { .my-account__allready { padding: 1.5rem 5rem 1.5rem 2rem; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .my-account__allready { flex-grow: 1; } } .my-account__allready:hover .btn::before, .my-account__allready:focus .btn::before { color: #ff7753 !important; } .my-account__allready h4 { font-family: "Barlow Condensed", sans-serif; font-size: 1.3333333333em; margin: 0 0 0.5em; text-transform: uppercase; } .my-account__allready p { font-weight: 300; margin: 0; } .my-account__allready .btn { position: absolute; right: 3rem; top: 50%; background-color: #ff7753; border: 0; display: block; font-weight: 400; height: 3.4rem; padding: 0; transform: translateY(-50%); width: 3.4rem; } @media screen and (max-width: 767px) { .my-account__allready .btn { right: 2rem; } } .my-account__allready .btn::before { transition: all 400ms ease-in-out 0ms; color: #fff; font-size: 1.6rem; } .quick-links-demarches { display: flex; flex-direction: column; padding-left: 7rem; max-width: 41rem; } @media screen and (max-width: 1279px) { .quick-links-demarches { margin-left: 0; max-width: 50%; order: 2; width: 50%; } } @media screen and (max-width: 767px) { .quick-links-demarches { max-width: 100%; order: 2; width: 100%; } } .quick-links-demarches .title.-secondary { color: #75617b; padding: 0; } .quick-links-demarches .title.-secondary::after { background-color: #ff7753; bottom: -1.2rem; content: ""; display: block; height: 0.5rem; left: 0; position: absolute; width: 5rem; } .quick-links-demarches .title.-secondary::before { content: none; } .quick-links-demarches__list { display: flex; list-style: none; margin: 1.5rem 0 0; max-width: 34rem; overflow: hidden; padding: 0; } @media screen and (max-width: 1279px) { .quick-links-demarches__list { justify-content: flex-start; } } .quick-links-demarches__list li { border-width: 1px 0 0; overflow: hidden; position: relative; width: 33.3333333333%; } @media screen and (max-width: 767px) { .quick-links-demarches__list li { width: 50%; } } .quick-links-demarches__list a { color: #75617b; display: block; font-family: "Barlow Condensed", sans-serif; font-size: 1.4em; height: 100%; padding: 3rem 0.5rem; position: relative; text-align: center; text-transform: uppercase; width: 100%; z-index: 1; transition: color 0.3s ease-in-out 0ms; } .quick-links-demarches__list a:hover span, .quick-links-demarches__list a:hover svg, .quick-links-demarches__list a:focus span, .quick-links-demarches__list a:focus svg { color: #423845; } .quick-links-demarches__list a:hover::before, .quick-links-demarches__list a:hover::after, .quick-links-demarches__list a:focus::before, .quick-links-demarches__list a:focus::after { background-color: #ff7753; content: ""; display: block; height: 0.1rem; left: 50%; position: absolute; top: 1.5rem; transform: translateX(-50%); width: 3rem; transition: color 0.3s ease-in-out 0ms; } .quick-links-demarches__list a:hover::after, .quick-links-demarches__list a:focus::after { bottom: 1.5rem; top: auto; } @media screen and (max-width: 1279px) { .quick-links-demarches__list a { padding: 1.5rem 0.5rem; } .quick-links-demarches__list a:hover::before, .quick-links-demarches__list a:focus::before { top: 0.5rem; } .quick-links-demarches__list a:hover::after, .quick-links-demarches__list a:focus::after { bottom: 0.5rem; } } @media screen and (max-width: 767px) { .quick-links-demarches__list a { align-items: center; display: flex; justify-content: flex-start; padding: 1rem; } .quick-links-demarches__list a:hover::before, .quick-links-demarches__list a:focus::before { top: 0; } .quick-links-demarches__list a:hover::after, .quick-links-demarches__list a:focus::after { bottom: 0; } } .quick-links-demarches__list a:active, .quick-links-demarches__list a:focus { outline: 1px dashed #ca000a; outline-offset: -1px; } .quick-links-demarches__list a[class^=-slide-in] { color: #423845; } .quick-links-demarches__list a[class^=-slide-in] svg { fill: #423845; } .quick-links-demarches__list a[class^=-slide-out] { color: #75617b; } .quick-links-demarches__list a[class^=-slide-out] svg { fill: #ff7753; } .quick-links-demarches__list svg { display: block; fill: #ff7753; font-family: "icons"; font-weight: 400; height: 3.5rem; margin: 0 auto 1rem; position: relative; text-align: inherit; width: 3.5rem; z-index: 1; transition: fill 0.3s ease-in-out 0ms; } @media screen and (max-width: 767px) { .quick-links-demarches__list svg { margin: 0 1.2rem 0 0; min-width: 3.5rem; } } .quick-links-demarches__list svg:hover:focus, .quick-links-demarches__list svg:hover:hover, .quick-links-demarches__list svg:focus:focus, .quick-links-demarches__list svg:focus:hover { fill: #423845; } .quick-links-demarches__list span { color: #75617b; display: block; pointer-events: none; position: relative; z-index: 1; } @media screen and (max-width: 767px) { .quick-links-demarches__list span { text-align: left; } } @keyframes direction-aware-in-top { from { transform: translate3d(0, -100%, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes direction-aware-out-top { from { transform: translate(0, 0); } to { transform: translate(0, -100%); } } .-slide-in-top::after { animation-name: direction-aware-in-top; } .-slide-out-top::after { animation-name: direction-aware-out-top; } @keyframes direction-aware-in-right { from { transform: translate3d(100%, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes direction-aware-out-right { from { transform: translate(0, 0); } to { transform: translate(100%, 0); } } .-slide-in-right::after { animation-name: direction-aware-in-right; } .-slide-out-right::after { animation-name: direction-aware-out-right; } @keyframes direction-aware-in-bottom { from { transform: translate3d(0, 100%, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes direction-aware-out-bottom { from { transform: translate(0, 0); } to { transform: translate(0, 100%); } } .-slide-in-bottom::after { animation-name: direction-aware-in-bottom; } .-slide-out-bottom::after { animation-name: direction-aware-out-bottom; } @keyframes direction-aware-in-left { from { transform: translate3d(-100%, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes direction-aware-out-left { from { transform: translate(0, 0); } to { transform: translate(-100%, 0); } } .-slide-in-left::after { animation-name: direction-aware-in-left; } .-slide-out-left::after { animation-name: direction-aware-out-left; } .report-incident { background-color: #75617b; padding-bottom: 1.5rem; padding-top: 1.5rem; /** * TODO: Responsive style refactoring needed */ } @media screen and (min-width: 1280px) { .report-incident.container, .report-incident .container { padding-left: 3rem; padding-right: 3rem; } } .report-incident.-has-shadow { margin-bottom: 4rem; position: relative; } .report-incident.-has-shadow::before, .report-incident.-has-shadow::after { background-color: transparent; bottom: 2rem; box-shadow: 0 2rem 1.5rem 0 rgba(0, 0, 0, 0.5); content: ""; display: block; height: 1.5rem; position: absolute; width: calc(40% - 3rem); z-index: -1; } .report-incident.-has-shadow::before { left: 6rem; transform: rotate(-3deg) skewX(-60deg); } @media screen and (max-width: 1279px) { .report-incident.-has-shadow::before { left: 7rem; } } .report-incident.-has-shadow::after { right: 6rem; transform: rotate(3deg) skewX(60deg); } @media screen and (max-width: 1279px) { .report-incident.-has-shadow::after { right: 7rem; } } .report-incident.-has-shadow::before, .report-incident.-has-shadow::after { height: 2.5rem; } .report-incident.-has-shadow::before { transform: rotate(-1deg) skewX(-60deg); } .report-incident.-has-shadow::after { transform: rotate(1deg) skewX(60deg); visibility: visible; } @media screen and (min-width: 768px) { .report-incident__wrap { display: flex; } } .report-incident__title { color: #fff; font-size: 1.8rem; flex-shrink: 0; font-weight: 300; line-height: 3rem; position: relative; text-transform: uppercase; } .report-incident__title::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\e037"; } @media screen and (min-width: 768px) and (max-width: 1279px) { .report-incident__title { line-height: 1.2; padding-left: 4rem; } } .report-incident__title::before { color: #cae9a2; font-family: "icons"; font-size: 3rem; font-weight: 400; margin-right: 1rem; vertical-align: -0.25em; } @media screen and (min-width: 768px) and (max-width: 1279px) { .report-incident__title::before { left: 0; position: absolute; top: 50%; transform: translateY(-50%); } } @media screen and (min-width: 768px) and (max-width: 1279px) { .report-incident__title strong { display: block; } } .report-incident__form { border: solid rgba(255, 255, 255, 0.3); border-width: 1px 0 0; flex-grow: 1; margin: 0; padding: 2rem 0 1rem; } @media screen and (max-width: 767px) { .report-incident__form { text-align: center; } } @media screen and (min-width: 768px) { .report-incident__form { align-items: center; border-width: 0 0 0 1px; display: flex; margin-left: 4rem; padding-left: 3rem; } } .report-incident__form label { color: #fff; cursor: pointer; display: block; font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; font-weight: 700; margin-bottom: 0; text-transform: uppercase; white-space: nowrap; } .report-incident__form .form__field-wrapper { margin: 0; } @media screen and (min-width: 768px) { .report-incident__form .form__field-wrapper { align-items: center; display: flex; } } .report-incident__form select { background-color: #75617b; background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20320%22%3E%3Cpath%20d%3D%22M41%2C96.5h238c21.4%2C0%2C32.1%2C25.9%2C17%2C41l-119%2C119c-9.4%2C9.4-24.6%2C9.4-33.9%2C0L24%2C137.5C8.9%2C122.4%2C19.6%2C96.5%2C41%2C96.5z%22%2F%3E%3C%2Fsvg%3E"); color: #fff; font-family: "Barlow Condensed", sans-serif; font-style: 400; font-weight: 300; width: 100%; } @media screen and (max-width: 767px) { .report-incident__form select { margin: 1rem 0; } } @media screen and (min-width: 768px) { .report-incident__form select { margin: 0 2rem; } } .report-incident__form button { transition: all 400ms ease-in-out 0ms; color: #fff; white-space: nowrap; } .report-incident__form button::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f00c"; } .report-incident__form button::before { transition: color 400ms ease-in-out 0ms; color: #c9bacd; margin-right: 0.5rem; } .reviews { margin: 5.5rem 0 8rem; } @media screen and (max-width: 1279px) { .reviews { margin: 2.5rem 0 4.5rem; } } @media screen and (max-width: 767px) { .reviews { margin-bottom: 0; } } .reviews__wrapper { display: flex; margin: 0 -2.5rem; } @media screen and (max-width: 1279px) { .reviews__wrapper { margin: 0; } } @media screen and (max-width: 767px) { .reviews__wrapper { align-items: center; flex-direction: column; } } .reviews-item { flex-grow: 1; margin: 0 2.5rem; width: 33.3333%; } @media screen and (max-width: 767px) { .reviews-item { margin: 0 0 3.5rem; padding: 0 6.5rem; width: 100%; } } .reviews-item__wrapper { display: flex; } @media screen and (max-width: 1279px) { .reviews-item__wrapper { align-items: center; flex-direction: column; text-align: center; } } .reviews-item__picture { display: block; flex-shrink: 0; margin-right: 2rem; } @media screen and (max-width: 1279px) { .reviews-item__picture { margin-right: 0; } } .reviews-item__picture img { display: block; font-family: "object-fit: cover; object-position: center;"; object-fit: cover; height: auto; width: 100%; } .reviews-item__content { color: #000; font-family: "Barlow Condensed", sans-serif; } .reviews-item__quote { font-family: "Barlow", sans-serif; font-size: 1.8rem; font-style: italic; font-weight: 300; margin: 1rem 0 1.5rem; padding-top: 4.9rem; position: relative; } @media screen and (max-width: 1279px) { .reviews-item__quote { padding-top: 2rem; } } .reviews-item__quote::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f10d"; } .reviews-item__quote::before { left: 0; position: absolute; top: -2rem; color: #ff7753; font-size: 6rem; } @media screen and (max-width: 1279px) { .reviews-item__quote::before { left: 50%; top: -6rem; transform: translateX(-50%); } } .reviews-item__title { font-size: 1.6rem; font-weight: 700; margin: 1.5rem 0 0.5rem; padding-top: 1.5rem; position: relative; } .reviews-item__title::before { left: -4.5rem; position: absolute; top: 0; height: 0.1rem; width: 8.5rem; background-color: #ff7753; content: ""; } @media screen and (max-width: 1279px) { .reviews-item__title::before { left: 50%; transform: translateX(-50%); } } .reviews-item__title span { text-transform: uppercase; } .reviews-item__function { color: #777777; font-size: 1.3rem; font-style: italic; font-weight: 300; margin: 0.5rem 0 0; } .reviews.-has-bg { background-color: #f6f6f6; margin: 0; padding: 5rem 0 7rem; } @media screen and (max-width: 1279px) { .reviews.-has-bg { padding: 2.5rem 0 4.5rem; } } @media screen and (max-width: 767px) { .reviews.-has-bg { padding-bottom: 0; } } .reviews.-is-vertical > .container { position: relative; z-index: 1; } .reviews.-is-vertical .reviews__wrapper { margin: 0 -0.75rem; } @media screen and (max-width: 767px) { .reviews.-is-vertical .reviews__wrapper { margin: 0; } } .reviews.-is-vertical .reviews-item { background-color: #fff; margin: 0 0.75rem; padding: 3rem 3rem 4.5rem; width: calc(33.3333% - 6rem); position: relative; } .reviews.-is-vertical .reviews-item::before, .reviews.-is-vertical .reviews-item::after { background-color: transparent; bottom: 2rem; box-shadow: 0 2rem 1.5rem 0 rgba(0, 0, 0, 0.5); content: ""; display: block; height: 1.5rem; position: absolute; width: calc(40% - 3rem); z-index: -1; } .reviews.-is-vertical .reviews-item::before { left: 6rem; transform: rotate(-3deg) skewX(-60deg); } @media screen and (max-width: 1279px) { .reviews.-is-vertical .reviews-item::before { left: 7rem; } } .reviews.-is-vertical .reviews-item::after { right: 6rem; transform: rotate(3deg) skewX(60deg); } @media screen and (max-width: 1279px) { .reviews.-is-vertical .reviews-item::after { right: 7rem; } } @media screen and (max-width: 767px) { .reviews.-is-vertical .reviews-item { margin: 0 0 3.5rem; padding: 2rem 6.5rem; width: 100%; } } .reviews.-is-vertical .reviews-item__wrapper { flex-direction: column; } .reviews.-is-vertical .reviews-item__picture { margin-right: 0; } .reviews.-is-vertical .reviews-item__picture::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f10d"; } .reviews.-is-vertical .reviews-item__picture::before { left: 0; position: absolute; top: 50%; color: #ff7753; font-size: 6rem; height: 6.9rem; transform: translateY(-50%); z-index: 1; } .reviews.-is-vertical .reviews-item__title::before { content: none; } .reviews.-is-vertical .reviews-item__quote { padding-top: 2.5rem; } .reviews.-is-vertical .reviews-item__quote::before { content: none; } .reviews.-is-horizontal .reviews__wrapper { margin: 0 -1.5rem; } @media screen and (max-width: 767px) { .reviews.-is-horizontal .reviews__wrapper { margin: 0; } } .reviews.-is-horizontal .reviews-item { margin: 0 1.5rem; padding: 3rem; } @media screen and (max-width: 767px) { .reviews.-is-horizontal .reviews-item { margin: 0 0 3.5rem; padding: 2rem 6.5rem; width: 100%; } } .reviews.-is-horizontal .reviews-item__wrapper { flex-direction: row; } @media screen and (max-width: 1279px) { .reviews.-is-horizontal .reviews-item__wrapper { flex-direction: column; } } .reviews.-is-horizontal .reviews-item__picture { margin-right: 1.5rem; } @media screen and (max-width: 1279px) { .reviews.-is-horizontal .reviews-item__picture { margin-right: 0; } } .reviews.-is-horizontal .reviews-item__picture::before { bottom: 4.5rem; position: absolute; right: 0; transform: translateY(0); } .projects { margin: 5.5rem 0 2rem; } @media screen and (max-width: 1279px) { .projects { margin: 2.5rem 0 2rem; } } .projects__items { display: flex; margin: 0 -1rem; } @media screen and (max-width: 767px) { .projects__items { flex-direction: column; margin: 0; } } .projects__item { background-color: #c9bacd; flex-grow: 1; flex-shrink: 1; margin: 0 1rem; padding: 3.5rem 3.5rem 1.5rem; width: 33.3333%; } @media screen and (max-width: 1279px) { .projects__item { padding: 2rem 2rem 1.5rem; } } @media screen and (max-width: 767px) { .projects__item { margin: 0 0 1rem; width: 100%; } } .projects__item:nth-child(1) { background: linear-gradient(to bottom, #ff7753 0%, #ff5e33 100%); } .projects__item:nth-child(2) { background: linear-gradient(to bottom, #75617b 0%, #68566e 100%); } .projects__item:nth-child(3) { background: linear-gradient(to bottom, #ff7753 0%, #ff663e 100%); } .projects__info-wrapper { align-items: flex-start; border-bottom: 0.1rem solid rgba(255, 255, 255, 0.3); display: flex; margin-bottom: 1.5rem; padding-bottom: 2rem; } .projects__info-image { height: 4.2rem; width: auto; display: block; margin-right: 1rem; } @media screen and (max-width: 1279px) { .projects__info-image { width: 3.8rem; } } .projects__info-content { color: #fff; font-family: "Barlow", sans-serif; font-size: 1.8rem; } @media screen and (max-width: 1279px) { .projects__info-content { font-size: 1.6rem; padding-top: 1rem; } } .projects__info-title { font-weight: 700; margin: 0; text-transform: uppercase; } .projects__info-subtitle { font-weight: 300; margin: 0; } .projects__info-link { color: #fff; font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; font-weight: 700; text-transform: uppercase; } .projects__info-link:hover, .projects__info-link:focus { text-decoration: underline; } .projects__info-link::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f105"; } .projects__info-link::before { margin-right: 0.5rem; } .projects__focus { margin-top: 2rem; position: relative; } @media screen and (max-width: 767px) { .projects__focus { display: flex; flex-direction: column; margin-top: 0; } } .projects__focus-wrapper { height: 100%; width: 100%; } .projects__focus-image { height: 100%; width: 100%; display: block; position: relative; } .projects__focus-image img { height: auto; width: 100%; display: block; font-family: "object-fit: cover; object-position: center;"; object-fit: cover; } .projects__focus-info { bottom: 0; position: absolute; right: 3rem; background-color: rgba(246, 246, 246, 0.8); max-width: 31rem; } @media screen and (max-width: 1279px) { .projects__focus-info { right: 1.5rem; } } @media screen and (max-width: 767px) { .projects__focus-info { bottom: auto; left: auto; position: relative; right: auto; top: auto; background-color: #fff; max-width: 100%; } } .projects__focus-info__wrapper { font-family: "Barlow", sans-serif; padding: 8rem 3rem 3rem; } @media screen and (max-width: 1279px) { .projects__focus-info__wrapper { padding: 7rem 3rem 1rem; } } @media screen and (max-width: 767px) { .projects__focus-info__wrapper { padding: 5rem 2rem 1rem; } } .projects__focus-share { position: absolute; right: 0.9rem; top: 2.3rem; } @media screen and (max-width: 1279px) { .projects__focus-share { right: 1.8rem; } } @media screen and (max-width: 767px) { .projects__focus-share { right: 0; top: 1rem; } } .projects__focus .share-block.-transparent .share-block__button { border-color: #ff7753; padding: 0; } .projects__focus .share-block.-transparent .share-block__button[data-fa-icon]::before { color: #ff7753; } .projects__focus-category { left: -1.5rem; position: absolute; top: 3rem; background-color: #ff7753; color: #fff; font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; font-weight: 700; margin: 0; padding: 0.7rem 1.2rem; text-transform: uppercase; } @media screen and (max-width: 767px) { .projects__focus-category { left: 0; top: 1rem; } } .projects__focus-category::before { border-color: transparent #3f3f3f transparent transparent; border-style: solid; border-width: 0 15px 15px 0; bottom: -1.5rem; content: ""; height: 0; left: 0; position: absolute; width: 0; } @media screen and (max-width: 767px) { .projects__focus-category::before { content: none; } } .projects__focus-title { color: #000; font-size: 2.6rem; font-weight: 300; margin: 0; } @media screen and (max-width: 767px) { .projects__focus-title { font-size: 2rem; } } .projects__focus-teaser { color: #000; font-size: 1.6rem; font-weight: 300; margin-top: 1.5rem; } .projects__focus__control { position: absolute; top: 50%; background: none; border: 0; cursor: pointer; transform: translateY(-50%); z-index: 5; } @media screen and (max-width: 767px) { .projects__focus__control { top: 30%; transform: translateY(0); } } .projects__focus__control[data-fa-icon]::before { color: #f7f8fb; font-size: 3rem; } .projects__focus__control.-prev { left: 0; } @media screen and (max-width: 767px) { .projects__focus__control.-prev { left: 1rem; } } .projects__focus__control.-next { right: 0; } @media screen and (max-width: 767px) { .projects__focus__control.-next { right: 1rem; } } .projects.-is-vertical .projects__wrapper { display: flex; flex-direction: row-reverse; } @media screen and (max-width: 767px) { .projects.-is-vertical .projects__wrapper { flex-direction: column; } } .projects.-is-vertical .projects__items { flex-direction: column; flex-shrink: 0; margin: 0 0 0 1rem; width: 40rem; } @media screen and (max-width: 1279px) { .projects.-is-vertical .projects__items { width: 30rem; } } @media screen and (max-width: 767px) { .projects.-is-vertical .projects__items { margin: 0; width: 100%; } } .projects.-is-vertical .projects__item { margin: 0 0 1rem; width: 100%; } .projects.-is-vertical .projects__item:last-child { margin-bottom: 0; } @media screen and (max-width: 767px) { .projects.-is-vertical .projects__item:last-child { margin-bottom: 1rem; } } .projects.-is-vertical .projects__focus { margin-top: 0; min-height: 45.5rem; width: calc(100% - 40rem); } @media screen and (max-width: 1279px) { .projects.-is-vertical .projects__focus { width: calc(100% - 30rem); } } @media screen and (max-width: 767px) { .projects.-is-vertical .projects__focus { min-height: inherit; width: 100%; } } .projects.-is-vertical .projects__focus-image img { height: 100%; } .projects.-is-vertical .projects__focus-info { bottom: 0; left: 3rem; position: absolute; } @media screen and (max-width: 767px) { .projects.-is-vertical .projects__focus-info { bottom: auto; left: auto; position: relative; right: auto; top: auto; background-color: #fff; max-width: 100%; } } @media screen and (max-width: 767px) { .projects.-is-vertical .projects__focus-info__wrapper { padding: 5rem 2rem 1rem; } } .next-council { align-items: center; display: flex; margin: 2.5rem 0 5rem; } .next-council__wrapper { align-items: center; background-color: #f0f0f0; display: flex; justify-content: space-between; padding: 1rem 4rem; } @media screen and (max-width: 1279px) { .next-council__wrapper { padding: 1rem 2rem 2rem; } } @media screen and (max-width: 767px) { .next-council__wrapper { flex-direction: column; justify-content: center; padding: 1rem 2rem 3rem; } } .next-council__wrapper.-has-shadow { position: relative; } .next-council__wrapper.-has-shadow::before, .next-council__wrapper.-has-shadow::after { background-color: transparent; bottom: 2rem; box-shadow: 0 2rem 1.5rem 0 rgba(0, 0, 0, 0.5); content: ""; display: block; height: 1.5rem; position: absolute; width: calc(40% - 3rem); z-index: -1; } .next-council__wrapper.-has-shadow::before { left: 6rem; transform: rotate(-3deg) skewX(-60deg); } @media screen and (max-width: 1279px) { .next-council__wrapper.-has-shadow::before { left: 7rem; } } .next-council__wrapper.-has-shadow::after { right: 6rem; transform: rotate(3deg) skewX(60deg); } @media screen and (max-width: 1279px) { .next-council__wrapper.-has-shadow::after { right: 7rem; } } .next-council__title { color: #000; flex-shrink: 0; font-family: "Barlow Condensed", sans-serif; font-size: 1.8rem; font-weight: 700; margin: 0; padding: 1rem 3rem 1rem 4rem; position: relative; text-transform: uppercase; width: 22.5rem; } .next-council__title::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\e01f"; } @media screen and (max-width: 1279px) { .next-council__title { width: 29rem; } } @media screen and (max-width: 767px) { .next-council__title { padding: 1rem 0 2rem 4rem; width: auto; } } .next-council__title::before { left: 0; position: absolute; top: 1.1rem; color: #ff7753; font-family: "icons"; font-size: 3.7rem; font-weight: 300; margin-right: 1rem; } .next-council__content { align-items: center; border-left: 1px solid rgba(187, 196, 210, 0.2); border-right: 1px solid rgba(187, 196, 210, 0.2); display: flex; font-family: "Barlow", sans-serif; padding: 1rem 3rem; } @media screen and (max-width: 1279px) { .next-council__content { flex-grow: 1; justify-content: space-between; padding: 0 1.5rem; } } @media screen and (max-width: 767px) { .next-council__content { border-bottom: 1px solid rgba(187, 196, 210, 0.2); border-left: 0; border-right: 0; border-top: 1px solid rgba(187, 196, 210, 0.2); padding: 2rem 0; } } .next-council__date { font-size: 1.8rem; font-weight: 400; line-height: 2rem; margin: 0; } .next-council__place { display: block; font-size: 1.4rem; font-weight: 300; line-height: 1.6rem; margin: 0; } .next-council__agenda { flex-shrink: 0; margin-left: 4.5rem; } @media screen and (max-width: 1279px) { .next-council__agenda { margin-left: 3rem; } } .next-council__links { display: flex; flex-shrink: 0; padding-left: 2rem; } @media screen and (max-width: 1279px) { .next-council__links { padding-left: 1.5rem; } } @media screen and (max-width: 767px) { .next-council__links { padding: 2rem 0 0; } } .next-council__discussion { margin-right: 1rem; } @media screen and (max-width: 1279px) { .next-council__discussion { margin-right: 0; } } .next-council__discussion[data-fa-icon]::before { color: #c9bacd; } .ontheweb-block { padding: 5.5rem 0 3rem; } @media screen and (max-width: 1279px) { .ontheweb-block { margin: 2.5rem 0 3rem; } } @media screen and (max-width: 767px) { .ontheweb-block { margin-bottom: 0; } } .ontheweb-block__container { position: relative; } .ontheweb-block__container.-boxed { background-color: #fff; padding: 3rem 2rem 2.5rem; } .ontheweb-block__carousel { width: calc(100% - 3.2rem); } @media screen and (max-width: 767px) { .ontheweb-block__carousel { width: calc(100% - 4.4rem); } } .ontheweb-block__wrapper { display: flex; } .ontheweb-block__item { box-sizing: border-box; flex-grow: 1; width: 20%; } @media screen and (max-width: 1279px) { .ontheweb-block__item { width: 33.3333%; } } .ontheweb-block__link { display: flex; box-sizing: border-box; padding: 0 1.5rem; } .ontheweb-block__link:hover .ontheweb-block__text, .ontheweb-block__link:focus .ontheweb-block__text { opacity: 1; transform: scaleY(1); visibility: visible; } .ontheweb-block__link:hover .ontheweb-block__picture::before, .ontheweb-block__link:focus .ontheweb-block__picture::before { transition: all 250ms ease-in-out 0ms; background-color: rgba(202, 233, 162, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; } .ontheweb-block__image { display: block; flex-shrink: 0; position: relative; } .ontheweb-block__image::before { transition: all 250ms ease-in-out 0ms; background-color: #ff7753; bottom: 0; content: ""; height: 0.5rem; left: 0; position: absolute; width: 100%; } .ontheweb-block__image::after { border: 0.8rem solid transparent; border-top: 0.8rem solid #ff7753; bottom: -1.6rem; content: ""; left: 1.2rem; position: absolute; } .ontheweb-block__image img { display: block; height: auto; width: 100%; } .ontheweb-block__text { transition: all 250ms ease-in-out 0ms; background-color: #ff7753; bottom: 0; color: #fff; font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; font-weight: 400; left: 0; opacity: 0; padding: 0.5rem 0; position: absolute; text-align: center; transform: scaleY(0); transform-origin: bottom center; visibility: hidden; width: 100%; z-index: 2; } @media screen and (max-width: 1279px) { .ontheweb-block__text { font-size: 1.3rem; } } .ontheweb-block__title { color: #000; font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; font-weight: 300; margin: 2rem 0 0; text-transform: uppercase; } .ontheweb-block__title a { color: #000; } .ontheweb-block__title:hover a, .ontheweb-block__title:focus a { text-decoration: underline; } @media screen and (max-width: 1279px) { .ontheweb-block__title { font-size: 1.3rem; } } .ontheweb-block__control { position: absolute; top: 7rem; background: none; border: 0; cursor: pointer; overflow: hidden; padding: 0; transform: translateY(-50%); } .ontheweb-block__control[data-fa-icon]::before { color: #bbc4d2; font-size: 2.4rem; } .ontheweb-block__control.-prev { left: 0; } .ontheweb-block__control.-next { right: 0; } .ontheweb-block.-grey { background-color: #f7f8fb; } .ontheweb-block.-grey .ontheweb-block__carousel { width: calc(100% - 5.2rem); } .ontheweb-block.-grey .ontheweb-block__item { padding: 0 0.8rem; } .ontheweb-block.-grey .ontheweb-block__control { position: absolute; top: 10rem; } .ontheweb-block.-grey .ontheweb-block__control.-prev { left: 2rem; } .ontheweb-block.-grey .ontheweb-block__control.-next { right: 2rem; } .quicklinks-block { font-family: "Barlow Condensed", sans-serif; padding: 5.5rem 0 3rem; } @media screen and (max-width: 1279px) { .quicklinks-block { margin: 2.5rem 0 3rem; } } @media screen and (max-width: 767px) { .quicklinks-block { margin-bottom: 0; } } .quicklinks-block__container { position: relative; } .quicklinks-block__container.-boxed { background-color: #fff; padding: 3rem 2rem 2.5rem; } .quicklinks-block__carousel { width: calc(100% - 3.2rem); } @media screen and (max-width: 767px) { .quicklinks-block__carousel { width: calc(100% - 4.4rem); } } .quicklinks-block .quicklinks-block__item { margin-bottom: 2rem; text-align: center; width: 20%; } @media screen and (max-width: 1279px) { .quicklinks-block .quicklinks-block__item { width: 33.3333333333%; } } @media screen and (max-width: 767px) { .quicklinks-block .quicklinks-block__item { width: 100%; } } .quicklinks-block__link { color: #000; display: block; font-size: 1.8rem; font-weight: 400; margin: 0 3rem; } .quicklinks-block__link span { display: block; margin-top: 1rem; } .quicklinks-block__link:hover .quicklinks-block__svg-wrapper, .quicklinks-block__link:focus .quicklinks-block__svg-wrapper { box-shadow: 0.2rem 0.2rem 0.6rem 0 rgba(0, 0, 0, 0.29); } .quicklinks-block__link:hover .quicklinks-block__svg-wrapper::after, .quicklinks-block__link:focus .quicklinks-block__svg-wrapper::after { transform: scale(1, 1); } .quicklinks-block__link:hover .quicklinks-block__svg-wrapper svg, .quicklinks-block__link:focus .quicklinks-block__svg-wrapper svg { fill: #fff; } .quicklinks-block__svg { position: relative; } .quicklinks-block__svg::before { content: ""; display: block; padding-top: 100%; } .quicklinks-block__svg-wrapper { transition: box-shadow 250ms ease-in-out 0ms; bottom: 0; left: 0; position: absolute; right: 0; top: 0; background: #f7f8fb; border-radius: 50%; } .quicklinks-block__svg-wrapper::after { transition: transform 250ms ease-in-out 0ms; bottom: 0; left: 0; position: absolute; right: 0; top: 0; background: linear-gradient(to bottom, #ff7753 0%, #ff5e33 100%); border-radius: 50%; content: ""; display: block; transform: scale(0, 0); z-index: 0; } .quicklinks-block__svg-wrapper svg { transition: fill 250ms ease-in-out 0ms; bottom: inherit; left: 50%; position: absolute; right: inherit; top: 50%; fill: #c9bacd; height: 20%; transform: translate(-50%, -50%); width: 20%; z-index: 1; } .quicklinks-block__control { position: absolute; top: 50%; background: none; border: 0; cursor: pointer; overflow: hidden; padding: 0; transform: translateY(-50%); } .quicklinks-block__control[data-fa-icon]::before { color: #bbc4d2; font-size: 2.4rem; } .quicklinks-block__control.-prev { left: 0; } .quicklinks-block__control.-next { right: 0; } .menu-floating { bottom: auto; left: auto; position: fixed; right: 0; top: 30%; list-style: none; padding-left: 0; transform: translateX(100%) translateX(-6rem); z-index: 100; } @media screen and (max-width: 1279px) { .menu-floating { display: none; } } .menu-floating__item { background-color: rgba(201, 186, 205, 0.9); margin-bottom: 0.1rem; padding-right: 1rem; transform: translateX(0); transition: transform 0.4s ease; } .menu-floating__item:hover, .menu-floating__item:focus { background-color: #ff7753; transform: translateX(-100%) translateX(6rem); } .menu-floating__item:hover .menu-floating__link::after, .menu-floating__item:focus .menu-floating__link::after { content: ""; } .menu-floating__item:hover .menu-floating__icon, .menu-floating__item:focus .menu-floating__icon { background-color: #ff7753; } .menu-floating__link { align-items: center; color: #fff; display: flex; font-family: "Barlow", sans-serif; font-size: 1.4rem; font-weight: 300; overflow: hidden; position: relative; z-index: 7; } .menu-floating__link::after { height: 100%; width: 1rem; left: 4rem; position: absolute; top: 0; box-shadow: 1rem 0 1rem 0 rgba(0, 0, 0, 0.7); display: block; transform: rotate(4deg); } .menu-floating__icon { height: 6rem; width: 6rem; align-items: center; display: flex; justify-content: center; margin-right: 1rem; position: relative; z-index: 5; } .menu-floating__icon svg { height: 2.5rem; width: 2.5rem; fill: #fff; line-height: 6rem; } .job-block__item { font-family: "Barlow", sans-serif; margin-top: 5rem; } @media screen and (max-width: 767px) { .job-block__item { flex-direction: column; margin-top: 3.5rem; } } .job-block__category { color: #ff7753; font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; font-weight: 700; margin: 0 0 0.2rem; text-transform: uppercase; } .job-block__title { color: #000; font-size: 2rem; font-weight: 700; line-height: 1; margin: 0.2rem 0 1rem; } @media screen and (max-width: 767px) { .job-block__title { font-size: 1.6rem; } } .job-block__publication { color: #727272; font-size: 1.3rem; font-style: italic; font-weight: 300; margin: 0; } .job-block__publication.-large { color: #ff7753; font-size: 1.4rem; font-style: normal; font-weight: 400; line-height: 2rem; margin: 1rem 0 1.3rem; text-transform: uppercase; } @media screen and (max-width: 767px) { .job-block__publication.-large { font-size: 1.2rem; } } .job-block__publication.-large time { font-weight: 700; } .job-block__teaser { color: #000; font-size: 1.8rem; font-weight: 300; margin: 1.3rem 0 1rem; } @media screen and (max-width: 767px) { .job-block__teaser { font-size: 1.6rem; } } .job-single { align-items: center; display: flex; justify-content: space-between; margin-bottom: 2rem; } @media screen and (max-width: 767px) { .job-single { flex-direction: column; } } .job-single__listitems { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding-left: 0; width: 50%; } @media screen and (max-width: 767px) { .job-single__listitems { width: 100%; } } .job-single__apply { height: 4rem; width: 15rem; align-items: center; display: flex; flex-shrink: 0; justify-content: center; margin-top: 2rem; } @media screen and (max-width: 767px) { .job-single__apply { margin-top: 3rem; } } .interests { display: flex; } .interests.-no-image .interests__question, .interests.-no-image .interests__form { width: 100%; } .interests.-no-image .interests__question { margin-bottom: 2rem; } .interests__question { margin-right: 3.5rem; width: 25rem; } @media screen and (max-width: 767px) { .interests__question { margin-right: 0; width: 100%; } } .interests__question-img { display: block; } .interests__question-img img { display: block; max-width: 100%; height: auto; } .interests__question-caption { color: #000; font-family: "Barlow", sans-serif; font-size: 1.8rem; font-style: italic; font-weight: 300; margin: 1.5rem 0 0; } .interests__form { flex-grow: 1; margin: 0; width: calc(100% - 28.5rem); } @media screen and (max-width: 767px) { .interests__form { width: 100%; } } .interests__form .radio, .interests__form .checkbox { margin-top: 1rem; padding-left: 0; padding-right: 0; } .interests-results__title { color: #000; font-family: "Barlow", sans-serif; font-size: 1.8rem; font-weight: 700; margin-bottom: 1rem; margin-top: 0; text-transform: uppercase; } .interests-results__message { color: #000; font-family: "Barlow", sans-serif; font-size: 1.8rem; font-weight: 300; margin: 1rem 0; } .interests-results__chart-wrapper { display: flex; margin-top: 2rem; position: relative; } .interests-results__chart-canvas { background-color: #fff; height: 18rem; position: relative; width: 18rem; z-index: 0; } @media screen and (max-width: 767px) { .interests-results__chart-canvas { width: 100%; } } .interests-results__chart-canvas::after { border-radius: 50%; bottom: 1.5rem; box-shadow: 0 20rem 9.2rem 2.3rem rgba(0, 0, 0, 0.2); content: ""; height: 18rem; left: -0.6rem; position: absolute; transform: scaleY(0.1) scaleX(0.6) skew(6deg); transform-origin: center bottom; width: 18rem; z-index: -1; } @media screen and (max-width: 767px) { .interests-results__chart-canvas::after { left: calc(50% - 0.6rem); margin-left: -9rem; } } .interests-results__chart-data { padding-left: 3rem; width: calc(100% - 18rem); } @media screen and (max-width: 767px) { .interests-results__chart-data { margin-top: 2rem; padding-left: 0; width: 100%; } } .chart-data { padding: 0; } .chart-data__item { display: flex; color: #494949; font-family: "Barlow", sans-serif; font-size: 1.6rem; font-weight: 300; margin-bottom: 1.5rem; padding-left: 3rem; position: relative; } .chart-data__item strong { display: inline-block; font-weight: 700; margin-right: 0.5rem; min-width: 3.2rem; } .chart-data__item:last-child { margin-bottom: 0; } .chart-data__colorbox { height: 0.7rem; width: 2.5rem; display: block; left: 0; position: absolute; top: 0.5rem; } .chart-data__item:nth-child(1) .chart-data__colorbox { background-color: #890007; } .chart-data__item:nth-child(2) .chart-data__colorbox { background-color: #ca000a; } .chart-data__item:nth-child(3) .chart-data__colorbox { background-color: #e27076; } .chart-data__item:nth-child(4) .chart-data__colorbox { background-color: #eca0a4; } .interests-block { padding: 3.5rem 0 7rem; } .interests-block .links-group.-rect { margin-top: 3rem; } .interests-block.-grey { background-color: #f6f6f6; } .interests-block__wrapper { display: flex; margin: 0 -1.5rem; position: relative; z-index: 0; } @media screen and (max-width: 1279px) { .interests-block__wrapper { justify-content: center; } } .interests-block__wrapper.-has-separator { margin: 0; } .interests-block__wrapper.-has-separator .interests-block__vote, .interests-block__wrapper.-has-separator .interests-block__results { padding: 0.5rem 2.5rem 1.5rem; } @media screen and (max-width: 1279px) { .interests-block__wrapper.-has-separator .interests-block__vote, .interests-block__wrapper.-has-separator .interests-block__results { padding: 0; } } .interests-block__wrapper.-has-separator .interests-block__vote { position: relative; } .interests-block__wrapper.-has-separator .interests-block__vote::after { position: absolute; right: -1.5rem; top: 0; background-color: #cccccc; content: ""; display: block; height: 100%; width: 0.1rem; } @media screen and (max-width: 1279px) { .interests-block__wrapper.-has-separator .interests-block__vote { margin-bottom: 4rem; } .interests-block__wrapper.-has-separator .interests-block__vote::after { display: none; } } .interests-block__wrapper.-has-dynamic-content { margin: 0; } .interests-block__wrapper.-has-dynamic-content .interests-block__vote, .interests-block__wrapper.-has-dynamic-content .interests-block__results { margin: 0; width: 100%; } .interests-block__dynamic { background-color: #fff; padding: 3rem; width: 50%; } @media screen and (max-width: 1279px) { .interests-block__dynamic { order: 1; width: 100%; } } .interests-block__image { width: 50%; } .interests-block__image img { display: block; font-family: "object-fit: cover; object-position: center;"; height: 100%; object-fit: cover; width: 100%; } @media screen and (max-width: 1279px) { .interests-block__image { width: 100%; } } .interests-block__vote, .interests-block__results { transition: all 250ms ease-in-out 0ms; margin: 0 1.5rem; width: calc(50% - 3rem); } @media screen and (max-width: 1279px) { .interests-block__vote, .interests-block__results { margin-bottom: 2rem; max-width: 60rem; width: calc(100% - 3rem); } } .interests-block__vote.-is-hidden, .interests-block__results.-is-hidden { max-height: 0; overflow: hidden; } .interests-block__vote.-boxed, .interests-block__results.-boxed { background-color: #fff; padding: 3rem; } .interests-block__vote.-has-shadow, .interests-block__results.-has-shadow { position: relative; } .interests-block__vote.-has-shadow::before, .interests-block__vote.-has-shadow::after, .interests-block__results.-has-shadow::before, .interests-block__results.-has-shadow::after { background-color: transparent; bottom: 2rem; box-shadow: 0 2rem 1.5rem 0 rgba(0, 0, 0, 0.5); content: ""; display: block; height: 1.5rem; position: absolute; width: calc(40% - 3rem); z-index: -1; } .interests-block__vote.-has-shadow::before, .interests-block__results.-has-shadow::before { left: 6rem; transform: rotate(-3deg) skewX(-60deg); } @media screen and (max-width: 1279px) { .interests-block__vote.-has-shadow::before, .interests-block__results.-has-shadow::before { left: 7rem; } } .interests-block__vote.-has-shadow::after, .interests-block__results.-has-shadow::after { right: 6rem; transform: rotate(3deg) skewX(60deg); } @media screen and (max-width: 1279px) { .interests-block__vote.-has-shadow::after, .interests-block__results.-has-shadow::after { right: 7rem; } } .organigramme { margin: 9.5rem 0 8rem; } @media screen and (max-width: 1279px) { .organigramme { margin: 6.5rem 0 6rem; } } .organigramme__wrapper { display: flex; flex-wrap: wrap; } @media screen and (max-width: 767px) { .organigramme__wrapper { flex-direction: column; } } .organigramme__item { display: flex; width: 50%; } @media screen and (max-width: 767px) { .organigramme__item { margin-bottom: 3rem; width: 100%; } .organigramme__item:last-child { margin-bottom: 0; } } .organigramme__picture { display: block; flex-shrink: 0; margin-right: 2rem; } .organigramme__picture img { display: block; height: auto; max-width: 100%; width: auto; } .organigramme__position { color: #75617b; font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; font-weight: 400; margin: 0; text-transform: uppercase; } .organigramme__name { color: #ff7753; font-size: 1.4rem; font-weight: 700; margin: 0 0 1.5rem; text-transform: uppercase; } .organigramme__title { color: #ff7753; font-size: 1.4rem; font-weight: 700; margin: 1.5rem 0 1rem; text-transform: uppercase; } .organigramme__function { color: #6c7179; font-size: 1.3rem; font-weight: 300; margin: 0.5rem 0; } .organigramme__teaser { color: #6c7179; font-size: 1.6rem; font-weight: 300; margin: 1.5rem 0; } .organigramme__links { margin-top: 1.5rem; } .organigramme__link { margin-bottom: 1rem; min-height: 4rem; min-width: 4rem; vertical-align: top; } .organigramme__link[data-fa-icon]::before { font-size: 1.4rem; margin-right: 0.5rem; } .organigramme__link:not(:last-child) { overflow: hidden; text-indent: -9999px; white-space: nowrap; margin-right: 1rem; position: relative; } .organigramme__link:not(:last-child)::before, .organigramme__link:not(:last-child)::after { text-indent: 0; } .organigramme__link:not(:last-child)[data-fa-icon]::before { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .social-wall { margin: 7rem 0 2rem; } @media screen and (max-width: 1279px) { .social-wall { margin: 6.5rem 0 6rem; } } .social-wall__grid { display: flex; margin: 0 -1rem; padding: 0; } @media screen and (max-width: 1279px) { .social-wall__grid { padding: 0 4rem; } } @media screen and (max-width: 767px) { .social-wall__grid { padding: 0; } } .social-wall .tabs__panel { background: none; } .social-wall .tabs__list { border: 0; margin-bottom: 2rem; } .social-wall .tabs__trigger { overflow: hidden; text-indent: -9999px; white-space: nowrap; height: 3.5rem; width: 3.5rem; background: linear-gradient(to bottom, #f7f8fb 0%, #e2e5f0 100%); border-radius: 50%; color: #ff7753; margin-left: 0.5rem; } .social-wall .tabs__trigger::before, .social-wall .tabs__trigger::after { text-indent: 0; } .social-wall .tabs__trigger::before { border-radius: 50%; z-index: 0; } .social-wall .tabs__trigger::after { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: ""; font-family: "Font Awesome 5 Brands"; font-weight: 400; } .social-wall .tabs__trigger::after { color: currentColor; display: block; font-size: 1.6rem; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .social-wall .tabs__trigger.-facebook::after { content: "\f39e"; } .social-wall .tabs__trigger.-twitter::after { content: "\f099"; } .social-wall .tabs__trigger.-instagram::after { content: "\f16d"; } .social-wall .tabs__trigger.-youtube::after { content: "\f167"; } .social-wall .tabs__trigger.-tous::after { content: "Tous"; font-family: "Barlow Condensed", sans-serif; font-size: 1rem; text-transform: uppercase; } .social-wall .tabs__trigger:hover, .social-wall .tabs__trigger:active, .social-wall .tabs__trigger.-current { color: #fff; } @media screen and (min-width: 768px) { .social-wall.-tablet-two .social-card { width: 50%; } } @media screen and (min-width: 1280px) { .social-wall.-desktop-two .social-card { width: 50%; } } @media screen and (min-width: 768px) { .social-wall.-tablet-three .social-card { width: 33.3333333333%; } } @media screen and (min-width: 1280px) { .social-wall.-desktop-three .social-card { width: 33.3333333333%; } } @media screen and (min-width: 768px) { .social-wall.-tablet-four .social-card { width: 25%; } } @media screen and (min-width: 1280px) { .social-wall.-desktop-four .social-card { width: 25%; } } @media screen and (min-width: 768px) { .social-wall.-tablet-five .social-card { width: 20%; } } @media screen and (min-width: 1280px) { .social-wall.-desktop-five .social-card { width: 20%; } } .social-card { padding: 1rem; position: relative; width: 100%; } .social-card__link { height: 100%; } .social-card__link * { color: #bbc4d2; font-size: 1.3rem; } .social-card__image { display: block; overflow: hidden; width: 100%; } .social-card__image img { display: block; font-family: "object-fit: cover; object-position: center;"; height: 100%; object-fit: cover; width: 100%; } .social-card__wrapper { padding-top: 2rem; } .social-card__wrapper .hashtag { margin-top: -1em; } .social-card__reposted { margin-top: 0; } .social-card__reposted::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f079"; } .social-card__reposted::before { color: #00cc99; margin-right: 0.5rem; } .social-card__readmore { margin-top: -0.5em; } .social-card__header { margin-bottom: 1rem; } .social-card__header-logo { border: 1px solid rgba(187, 196, 210, 0.5); display: block; float: left; margin-right: 1rem; width: 4rem; } .social-card__header-title { font-size: 1.5rem; margin: 0 0 0.25em; } .social-card__footer { display: flex; font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; } .social-card__footer-type, .social-card__footer-posted-on { color: inherit; } .social-card.-youtube .social-card__image { position: relative; } .social-card.-youtube .social-card__image::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f04b"; } .social-card.-youtube .social-card__image::before { height: 4.5rem; width: 4.5rem; left: 50%; position: absolute; top: 50%; background-color: rgba(196, 48, 43, 0.75); border-radius: 50%; color: #fff; line-height: 4.5rem; margin-left: -2.25rem; margin-top: -2.25rem; padding: 0.1em 0 0 0.1em; text-align: center; z-index: 100; } .social-wall.-variation-1 .social-card { min-height: 28.5rem; } .social-wall.-variation-1 .social-card__link { border: 1px solid #bbc4d2; position: relative; } .social-wall.-variation-1 .social-card__wrapper { padding: 3rem 3rem 4rem; } .social-wall.-variation-1 .social-card__footer { padding: 1.8rem 3rem; bottom: 0; left: 0; position: absolute; right: 0; } .social-wall.-variation-1 .social-card__footer::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: ""; font-family: "Font Awesome 5 Brands"; font-weight: 400; } .social-wall.-variation-1 .social-card__footer::before { border-right: 1px solid #bbc4d2; display: block; margin-right: 0.5em; padding-right: 0.5em; } .social-wall.-variation-1 .social-card.-facebook .social-card__footer::before { color: #3b5998; content: "\f39e"; } .social-wall.-variation-1 .social-card.-twitter .social-card__footer::before { color: #00acee; content: "\f099"; } .social-wall.-variation-1 .social-card.-instagram .social-card__footer::before { color: #4c68d7; content: "\f16d"; } .social-wall.-variation-1 .social-card.-youtube .social-card__footer::before { color: #c4302b; content: "\f167"; } .social-wall.-variation-1 .social-card.-instagram .social-card__link { overflow: hidden; } .social-wall.-variation-1 .social-card.-instagram .social-card__link:hover .social-card__wrapper, .social-wall.-variation-1 .social-card.-instagram .social-card__link:focus .social-card__wrapper { opacity: 1; } .social-wall.-variation-1 .social-card.-instagram .social-card__image { bottom: 5rem; left: 0; position: absolute; right: 0; top: 0; } .social-wall.-variation-1 .social-card.-instagram .social-card__wrapper { background-color: rgba(0, 0, 0, 0.75); height: calc(100% - 5rem); opacity: 0; position: relative; z-index: 5; transition: all 400ms ease-in-out 0ms; } @media screen and (max-width: 1279px) { .social-wall.-variation-1 .social-card.-instagram .social-card__wrapper { opacity: 1; } } .social-wall.-variation-1 .social-card.-instagram .social-card__wrapper * { color: #fff; } .social-wall.-variation-1 .social-card.-twitter .social-card__image { display: none; } .social-wall.-variation-1 .social-card.-facebook .social-card__image, .social-wall.-variation-1 .social-card.-youtube .social-card__image { height: 10rem; } .social-wall.-variation-2 .tabs { margin: 0; } .social-wall.-variation-2 .tabs__list { justify-content: center; } .social-wall.-variation-2 .social-card__link::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: ""; font-family: "Font Awesome 5 Brands"; font-weight: 400; } .social-wall.-variation-2 .social-card__link::before { color: #fff; display: block; font-size: 1.6em; height: 2.5rem; line-height: 2.5rem; text-align: center; width: 100%; } .social-wall.-variation-2 .social-card__image { height: 18rem; } .social-wall.-variation-2 .social-card.-facebook .social-card__link::before { background-color: #3b5998; content: "\f39e"; } .social-wall.-variation-2 .social-card.-facebook .social-card__header-title, .social-wall.-variation-2 .social-card.-facebook .social-card__readmore, .social-wall.-variation-2 .social-card.-facebook .hashtag, .social-wall.-variation-2 .social-card.-facebook .social-card__footer { color: #3b5998; } .social-wall.-variation-2 .social-card.-twitter .social-card__link::before { background-color: #00acee; content: "\f099"; } .social-wall.-variation-2 .social-card.-twitter .social-card__header-title, .social-wall.-variation-2 .social-card.-twitter .social-card__readmore, .social-wall.-variation-2 .social-card.-twitter .hashtag, .social-wall.-variation-2 .social-card.-twitter .social-card__footer { color: #00acee; } .social-wall.-variation-2 .social-card.-instagram .social-card__link::before { background-color: #4c68d7; content: "\f16d"; } .social-wall.-variation-2 .social-card.-instagram .social-card__header-title, .social-wall.-variation-2 .social-card.-instagram .social-card__readmore, .social-wall.-variation-2 .social-card.-instagram .hashtag, .social-wall.-variation-2 .social-card.-instagram .social-card__footer { color: #4c68d7; } .social-wall.-variation-2 .social-card.-youtube .social-card__link::before { background-color: #c4302b; content: "\f167"; } .social-wall.-variation-2 .social-card.-youtube .social-card__header-title, .social-wall.-variation-2 .social-card.-youtube .social-card__readmore, .social-wall.-variation-2 .social-card.-youtube .hashtag, .social-wall.-variation-2 .social-card.-youtube .social-card__footer { color: #c4302b; } .my-city { margin: 7rem 0 2rem; } @media screen and (max-width: 1279px) { .my-city { margin: 6.5rem 0 6rem; } } @media screen and (max-width: 767px) { .my-city .container { padding: 0; } } .my-city__form { display: flex; } @media screen and (max-width: 1279px) { .my-city__form { margin-bottom: 2rem; } } @media screen and (max-width: 767px) { .my-city__form { display: block; } } .my-city__form .form { margin-bottom: 0; width: 50%; } @media screen and (max-width: 767px) { .my-city__form .form { width: 100%; } } .my-city__form .form label, .my-city__form .form legend { margin-bottom: 1.5rem; } .my-city__form legend { font-family: "Barlow", sans-serif; } .my-city__form img { display: block; width: 50%; } @media screen and (max-width: 767px) { .my-city__form img { width: 100%; } } .my-city__form input, .my-city__form select { background-color: #fff; } .my-city__info { background-color: #fff; display: flex; } @media screen and (max-width: 767px) { .my-city__info { display: block; } } .my-city__info .infos__wrap { margin: 0; } .my-city__info .infos__item a { text-decoration: none; } .my-city__info .infos__item a:hover, .my-city__info .infos__item a:focus { text-decoration: underline; } .my-city__info .infos__item:not(:last-child) { padding-bottom: 1.2rem; } .my-city__info .infos__item:not(:last-child)::after { background-color: rgba(0, 0, 0, 0.1); bottom: 0; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 30px; } .my-city__picture { display: block; width: 60%; } @media screen and (max-width: 767px) { .my-city__picture { width: 100%; } } .my-city__picture img { display: block; width: 100%; } .my-city__content { padding: 2rem; width: 40%; } @media screen and (max-width: 767px) { .my-city__content { width: 100%; } } .my-city__category { color: #ff7753; display: inline-block; font-size: 1.4rem; font-weight: 700; margin: 0; text-transform: uppercase; } .my-city__title { font-family: "Barlow", sans-serif; font-size: 1.8rem; } .my-city__title a { color: inherit; } .my-city__title a:hover, .my-city__title a:focus { text-decoration: underline; } .discover { font-family: "Barlow Condensed", sans-serif; height: 60rem; margin: 2rem 0 6rem; } @media screen and (max-width: 1279px) { .discover { height: 46rem; margin: 4.5rem 0; } } @media screen and (max-width: 767px) { .discover { height: auto; margin: 4.5rem 0 3rem; } } .discover__container { position: relative; height: 100%; } .discover__wrapper { height: 100%; position: relative; } .discover__title-main { bottom: 0; left: -0.5rem; position: absolute; color: #fff; font-size: 13rem; font-weight: 700; line-height: 70%; margin: 0; text-transform: uppercase; } @media screen and (max-width: 1279px) { .discover__title-main { font-size: 8rem; } } @media screen and (max-width: 767px) { .discover__title-main { font-size: 5rem; } } .discover__picture img { height: 100%; width: 100%; display: block; font-family: "object-fit: cover; object-position: center;"; object-fit: cover; } @media screen and (max-width: 767px) { .discover__picture img { height: auto; width: 100%; } } .discover__info { bottom: 19.5rem; position: absolute; right: 0; height: auto; width: 33.2rem; background-color: #fff; padding: 4rem; } @media screen and (max-width: 1279px) { .discover__info { bottom: 13rem; padding: 2.5rem; width: 24.6rem; } } @media screen and (max-width: 767px) { .discover__info { bottom: auto; left: auto; position: static; right: auto; top: auto; padding: 2.5rem 3rem; width: 100%; } } .discover__category { color: #ff7753; font-size: 1.5rem; font-weight: 700; margin: 0 0 1.5rem; text-transform: uppercase; } @media screen and (max-width: 1279px) { .discover__category { font-size: 1.4rem; margin-bottom: 0.5rem; } } .discover__title { color: #000; font-family: "Barlow", sans-serif; font-size: 2.6rem; font-weight: 300; line-height: 3rem; margin: 0; } @media screen and (max-width: 1279px) { .discover__title { font-size: 2rem; line-height: 2.2rem; } } @media screen and (max-width: 767px) { .discover__title { font-size: 1.8rem; line-height: 2.1rem; } } .menu-extranet { align-items: center; background-color: #000; display: flex; justify-content: flex-end; padding: 0.85rem 1rem; } .menu-extranet a { color: #dde1e8; display: block; font-family: "Barlow", sans-serif; font-size: 1.3rem; font-weight: 300; margin: 0; padding: 0 0.5rem; } .menu-extranet a:nth-child(2) { border-left: 1px solid #dde1e8; border-right: 1px solid #dde1e8; } .menu-extranet a:hover, .menu-extranet a:focus { text-decoration: underline; } .menu-extranet a svg { height: 2rem; width: 2rem; fill: #dde1e8; } .entiteImageFloatLeft { float: left; margin: 0.5rem 1rem 1rem 0; } .entiteImageFloatRight { float: right; margin: 0.5rem 0 1rem 1rem; } .breadcrumb.spFilDAriane { display: block; margin-bottom: 4rem; vertical-align: inherit; width: auto; } .breadcrumb.spFilDAriane p { font-size: 1.4rem; } .breadcrumb.spFilDAriane p a { text-decoration: none; } .breadcrumb.spFilDAriane p a:hover, .breadcrumb.spFilDAriane p a:focus { text-decoration: underline; } .service-table table thead th { background-color: #75617b; box-shadow: inset -20px 0 30px -15px rgba(0, 0, 0, 0.25); color: #fff; padding-left: 1.875em; padding-right: 1.875em; text-align: left; } @media screen and (min-width: 1280px) { .service-table table thead th { padding-left: 3.125em; padding-right: 3.125em; } } .service-table table thead th:first-child { text-align: left; } .spIntroduction p, .spDescription { color: #bbc4d2; font-size: 1.8em; margin: 0.6111111111em 0; } .spAttention, .spANoter, .spASavoir { background: #f7f8fb; margin: 2rem 0; overflow: hidden; padding: 1.5rem 1.5rem 1.5rem 4.5rem; position: relative; } .spAttention *[aria-hidden=true], .spANoter *[aria-hidden=true], .spASavoir *[aria-hidden=true] { display: none; } .spAttention::before, .spANoter::before, .spASavoir::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f0c6"; } .spAttention::before, .spANoter::before, .spASavoir::before { left: 1.5rem; position: absolute; top: 1.5rem; font-size: 1.6rem; } .spAttention p:first-of-type, .spANoter p:first-of-type, .spASavoir p:first-of-type { margin-top: 0; } .spAttention p:last-of-type, .spANoter p:last-of-type, .spASavoir p:last-of-type { margin-bottom: 0; } .spAttention { background: #ffe5e5; } .spAttention::before { content: "\f071"; } .spANoter { background: white; } .spANoter::before { content: "\f044"; } .spASavoir { background: #edfceb; } .spLienExterne, .spLienInterne { color: #ff7753; text-decoration: underline; } .spLienExterne:hover, .spLienExterne:focus, .spLienInterne:hover, .spLienInterne:focus { text-decoration: none; } .co-home-menu { display: flex; flex-wrap: wrap; font-size: 1rem; margin: 2rem 0 !important; text-align: center; } .co-home-menu.pro > * { flex: 1 1 33.33334%; } .co-home-menu > * { flex: 1 1 20%; } .co-home-menu > li { border: 0.1rem solid #dde1e8; font-size: 1rem; margin: 0 -1px -1px 0 !important; padding: 1.5rem; } .co-home-menu > li::before { content: none !important; display: none; } .co-home-menu > li h3 { color: #ff7753; font-size: 1.8rem; font-weight: 300; margin: 0 0 1rem; text-transform: uppercase; } .co-home-menu > li h3 a { color: #ff7753; text-decoration: none; } .co-home-menu > li h3 a:hover, .co-home-menu > li h3 a:focus { text-decoration: underline; } .co-home-menu .co-home-sousmenu > li { display: inline; padding: 0; } .co-home-menu .co-home-sousmenu > li::before { content: ""; display: none; } .co-home-menu .co-home-sousmenu > li a { color: #000; text-decoration: none; } .co-home-menu .co-home-sousmenu > li a:hover, .co-home-menu .co-home-sousmenu > li a:focus { text-decoration: underline; } .co-home-img { display: none; } .one-click-toggle { transition: all 250ms ease-in-out 0ms; height: 7.3rem; width: 7.3rem; display: flex; bottom: auto; left: auto; position: fixed; right: -0.3rem; top: 40%; background-color: #ff7652; border: 0; border-radius: 50%; color: #fff; cursor: pointer; font-family: "Barlow Condensed", sans-serif; font-size: 1.2rem; font-weight: 700; padding: 1rem; text-transform: uppercase; top: 41%; z-index: 50; } @media screen and (max-width: 767px) { .one-click-toggle { display: none; } } .one-click-toggle:hover, .one-click-toggle:focus { background-color: #ff592d; } .one-click-panel { transition: all 250ms ease-in-out 0ms; bottom: auto; left: auto; position: fixed; right: 0; top: 0; background-color: #423845; color: #fff; display: table; font-family: "Barlow Condensed", sans-serif; height: 100vh; overflow-x: hidden; overflow-y: auto; transform: translateX(100%); width: 32rem; z-index: 49; } @media screen and (max-width: 767px) { .one-click-panel { display: none; } } .one-click-panel.-is-open { transform: translateX(0); z-index: 60; } .one-click-panel__section { height: 100%; width: 100%; display: table-cell; vertical-align: middle; } .one-click-panel__section .news-block__item { flex-basis: auto; margin-top: 10rem; } .one-click-panel__section .news-block__title { color: #fff; } .one-click-panel__content { max-height: 100%; overflow-y: auto; padding: 4rem; } .one-click-panel__header { display: flex; padding-right: 4rem; position: relative; } .one-click-panel .one-click-panel__title { display: flex; font-size: 2.2rem; font-weight: 700; line-height: 3.5rem; margin-bottom: 2rem; margin-top: 0; text-transform: uppercase; } .one-click-panel .one-click-panel__title::before { color: #ff7753; font-size: 2rem; margin-right: 1rem; } .one-click-panel .one-click-panel__close { position: absolute; right: 0; top: 0; height: 3rem; width: 3rem; transition: all 250ms ease-in-out 0ms; background: #ff7753; border: 0; color: inherit; cursor: pointer; } .one-click-panel .one-click-panel__close::before { color: inherit; font-size: 1.6rem; margin-right: 0; } .one-click-panel .one-click-panel__close:hover:active, .one-click-panel .one-click-panel__close:focus:active { background-color: #ff7753; } .one-click-panel .one-click-panel__close:hover:hover, .one-click-panel .one-click-panel__close:focus:hover { background-color: #000; } .one-click-panel__list { list-style: none; margin: 0; padding: 0; } .one-click-panel__item { border-bottom: 1px solid #727272; display: block; margin-top: -0.1rem; } .one-click-panel .one-click-panel__link { transition: all 250ms ease-in-out 0ms; display: flex; border-top: 1px solid #727272; color: inherit; font-size: 1.8rem; font-weight: 300; padding: 1rem 1.5rem; } .one-click-panel .one-click-panel__link::before { color: #ff633a; font-size: 1.4rem; line-height: 2rem; margin-right: 0.7rem; } .one-click-panel .one-click-panel__link:hover, .one-click-panel .one-click-panel__link:focus { background-color: #ff7753; border-color: #ff7753; } .glossary-block__title { background-color: #ff7753; color: #fff; font-family: "Barlow", sans-serif; font-size: 2rem; font-weight: 700; margin: 0 0 2rem; padding: 0.85rem 1rem; } .glossary-item { border-bottom: 1px solid rgba(221, 225, 232, 0.3); font-family: "Barlow", sans-serif; margin-bottom: 3rem; padding-bottom: 3rem; } .glossary-item__category { color: #ff7753; font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; font-weight: 700; margin: 0 0 0.5rem; text-transform: uppercase; } .glossary-item__title { color: #000; font-size: 2rem; font-weight: 700; margin: 0 0 2rem; } .glossary-item__teaser { color: #000; font-size: 1.8rem; font-weight: 300; margin: 0; } .status { font-family: "Barlow Condensed", sans-serif; font-size: 1.2rem; font-weight: 300; line-height: 1.6rem; margin: 0 0 1.5rem; padding: 1rem; text-transform: uppercase; } .status::before { margin-right: 0.5rem; } .status.-new { background-color: #ff7753; color: #fff; } .status.-new::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f013"; } .status.-in-progress { background-color: #c9bacd; color: #fff; } .status.-in-progress::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f110"; } .status.-assign { background-color: #f7f8fb; color: #bbc4d2; } .status.-assign::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f00c"; } .deadline { border-bottom: 1px solid #c3c3c3; border-top: 1px solid #c3c3c3; color: #000; font-family: "Barlow", sans-serif; font-size: 1.6rem; font-weight: 700; margin: 1.5rem 0; padding: 1.4rem 0 1.1rem 2.6rem; position: relative; text-transform: uppercase; } @media screen and (max-width: 767px) { .deadline { font-size: 1.4rem; } } .deadline::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f017"; } .deadline::before { color: #ff7753; font-size: 1.8rem; left: 0; position: absolute; top: 1.1rem; } .deadline__time { font-family: "Barlow Condensed", sans-serif; font-weight: 300; } .read-speaker { color: #bbc4d2; flex-shrink: 0; font-size: 1.4rem; margin-left: 1rem; } .read-speaker:hover, .read-speaker:focus { text-decoration: underline; } .poll-block { font-family: "Barlow", sans-serif; } .poll-block__item { margin-top: 3rem; } .poll-block__category { color: #ff7753; font-size: 1.4rem; font-weight: 700; margin: 0 0 0.5rem; text-transform: uppercase; } .poll-block__title { color: #000; font-size: 1.8rem; font-weight: 700; margin: 0.5rem 0 1rem; } .poll-block__teaser { color: #bbc4d2; font-size: 1.3rem; font-weight: 400; margin: 0; } .poll-block__publication { color: #bbc4d2; font-size: 1.3rem; font-style: italic; font-weight: 300; } .poll-block .status { display: inline-block; } .poll-block .status.-assign::before { content: "\f00d"; } .poll-single { background-color: #f7f8fb; padding: 4rem 2rem; } .poll-single .interests-results__chart-canvas { background-color: transparent; } .my-features { display: flex; flex-direction: column; flex-shrink: 0; font-size: 1.5rem; margin: 0; width: 50rem; } @media screen and (max-width: 1279px) { .my-features { align-items: stretch; flex-direction: row; order: 3; width: 100%; } } @media screen and (max-width: 767px) { .my-features { flex-direction: column; margin-bottom: 3rem; order: 2; width: 100%; } } .my-features__allready { align-items: center; background-color: #ff7753; color: #fff; display: flex; height: calc(50% - 0.5rem); padding: 2rem 4rem 2rem 27rem; position: relative; } @media screen and (max-width: 1279px) { .my-features__allready { align-items: flex-start; height: auto; margin-top: 2rem; padding: 2.5rem 2.5rem 2.5rem 13rem; width: 50%; } } @media screen and (max-width: 767px) { .my-features__allready { align-items: flex-start; margin-top: 0; padding: 2.5rem 2.5rem 2.5rem 11rem; width: 100%; } } .my-features__allready:nth-child(1) { margin-bottom: 1rem; position: relative; } .my-features__allready:nth-child(1) .my-features__svg { bottom: -1.1rem; height: 19.1rem; left: 6rem; position: absolute; width: 16.8rem; } .my-features__allready:nth-child(1) .my-features__svg svg { display: block; fill: #fff; height: 100%; width: 100%; } .my-features__allready:nth-child(1):hover, .my-features__allready:nth-child(1):focus { background-color: #423845; } @media screen and (max-width: 1279px) { .my-features__allready:nth-child(1) { margin-bottom: 0; margin-right: 2rem; padding: 3rem 3.5rem; } .my-features__allready:nth-child(1) .my-features__svg { bottom: 0; height: 9.8rem; left: 50%; transform: translateX(-50%); width: 11.1rem; } } @media screen and (max-width: 1279px) and (max-width: 767px) { .my-features__allready:nth-child(1) .my-features__svg { bottom: -0.7rem; height: 10.8rem; left: 50%; position: absolute; transform: translateX(-50%); width: 9.5rem; } } @media screen and (max-width: 1279px) { .my-features__allready:nth-child(1) .my-features__text { text-align: center; } .my-features__allready:nth-child(1) .my-features__text span { display: inline-block; } } @media screen and (max-width: 1279px) and (max-width: 767px) { .my-features__allready:nth-child(1) .my-features__text { margin: 0 auto; text-align: center; } .my-features__allready:nth-child(1) .my-features__text .title { display: inline-block; } .my-features__allready:nth-child(1) .my-features__text .title span { display: inline-block; } } @media screen and (max-width: 767px) { .my-features__allready:nth-child(1) { margin-bottom: 1rem; margin-right: 0; padding: 3rem 3rem 11rem; } } .my-features__allready:nth-child(2) { align-items: center; background-color: #423845; display: flex; padding: 2rem 4.5rem; } @media screen and (max-width: 1279px) { .my-features__allready:nth-child(2) { flex-direction: column; padding: 3rem 3.5rem 2rem; } } @media screen and (max-width: 767px) { .my-features__allready:nth-child(2) { flex-direction: column; margin-top: 0; padding: 2rem; } } .my-features__allready:nth-child(2) .my-features__text { margin-right: 3rem; width: 53%; } @media screen and (max-width: 1279px) { .my-features__allready:nth-child(2) .my-features__text { margin-right: 0; text-align: center; width: 100%; } } @media screen and (max-width: 767px) { .my-features__allready:nth-child(2) .my-features__text { margin-right: 0; text-align: center; width: 100%; } } .my-features__allready:nth-child(2) .my-features__text .title:hover, .my-features__allready:nth-child(2) .my-features__text .title:focus { color: #ff7753; } @media screen and (max-width: 767px) { .my-features__allready:nth-child(2) .my-features__text .title { display: inline-block; } .my-features__allready:nth-child(2) .my-features__text .title span { display: inline-block; } } .my-features__allready:nth-child(2) .my-features__links { display: flex; flex-direction: column; width: 47%; } @media screen and (max-width: 1279px) { .my-features__allready:nth-child(2) .my-features__links { flex-direction: row; justify-content: center; width: 100%; } } @media screen and (max-width: 767px) { .my-features__allready:nth-child(2) .my-features__links { flex-direction: column; margin-bottom: 2rem; margin-top: 1rem; max-width: 70%; } } .my-features__allready:nth-child(2) .btn { color: #fff; display: block; margin: 0.7rem 0; text-align: center; } .my-features__allready:nth-child(2) .btn::before { color: #ff7753; margin-right: 0.7rem; } @media screen and (max-width: 1279px) { .my-features__allready:nth-child(2) .btn { margin: 1.5rem 0.5rem 0; padding-left: 1rem; padding-right: 1rem; } } @media screen and (max-width: 767px) { .my-features__allready:nth-child(2) .btn { font-size: 1.4rem; padding-left: 1rem; padding-right: 1rem; } } .my-features__allready .my-features__text .title { color: #fff; display: block; font-family: "Barlow", sans-serif; font-size: 2.5rem; font-weight: 300; line-height: 1; margin: 0 0 1rem; padding: 0; text-transform: uppercase; } .my-features__allready .my-features__text .title span { display: block; font-weight: 700; } @media screen and (max-width: 1279px) { .my-features__allready .my-features__text .title span { display: inline-block; } } @media screen and (max-width: 767px) { .my-features__allready .my-features__text .title { font-size: 2.2rem; } } .my-features__allready .my-features__text p { font-family: "Barlow Condensed", sans-serif; font-size: 1.7rem; font-weight: 300; margin: 0; } .location { margin-bottom: 2rem; margin-top: 6rem; position: relative; } @media screen and (max-width: 1279px) { .location { margin-top: 14rem; } } @media screen and (max-width: 767px) { .location { margin-bottom: 7rem; margin-top: 7rem; } } .location .title span { text-transform: uppercase; } .location .location__wrap { display: flex; justify-content: space-between; padding: 7rem 0 0; } @media screen and (max-width: 1279px) { .location .location__wrap { flex-wrap: wrap; padding: 0.5rem 0 0; } } @media screen and (max-width: 767px) { .location .location__wrap { flex-direction: column; padding: 0; } } .location__information { font-family: "Barlow", sans-serif; margin-right: 4rem; max-width: 34rem; } @media screen and (max-width: 1279px) { .location__information { width: 50%; } } @media screen and (max-width: 767px) { .location__information { margin-bottom: 3rem; width: 100%; } } .location__information-title { font-size: 2.7rem; font-weight: 300; margin-top: 0; text-transform: uppercase; } @media screen and (max-width: 1279px) { .location__information-title { color: #75617b; font-size: 2.3rem; font-weight: 700; margin-bottom: 1.5rem; } } @media screen and (max-width: 767px) { .location__information-title { font-size: 2rem; margin-bottom: 1.5rem; } } .location__information-descr { font-size: 1.6rem; font-weight: 300; margin-bottom: 0; margin-top: 0; } @media screen and (max-width: 1279px) { .location__information-descr { color: #423845; } } .location__information-descr b { font-weight: 700; } .location__information .filters__field { margin-bottom: 2rem; margin-top: 4rem; padding: 0; } @media screen and (max-width: 767px) { .location__information .filters__field { margin-top: 2.5rem; } } .location__information .filters__field label { overflow: hidden; text-indent: -9999px; white-space: nowrap; } .location__information .filters__field select { font-style: normal; } .location__information button { font-size: 1.7rem; height: 4.5rem; line-height: 0.9em; width: 13.3rem; } .location__information button::before { margin-left: -0.5rem; } .location__map { margin-top: -5.5rem; } @media screen and (max-width: 1279px) { .location__map { margin-top: 0; } } @media screen and (max-width: 767px) { .location__map { width: 100%; } } .location__map .tooltip-map { display: none; } .location__map.focus .tooltip-map { left: 50%; padding: 3px; top: 0; transform: translateX(-50%); } .location__map.focus .tooltip-map::before { border: 0; content: inherit; } .location__map .map-area__figure { margin: 0; position: relative; } @media screen and (max-width: 767px) { .location__map .map-area__figure { text-align: center; } } .location__map .map-area__figure img { display: block; height: auto; width: 100%; } @media screen and (min-width: 768px) and (max-width: 1279px) { .location__map .map-area__figure img { width: 34.5rem; } } .location__map svg { height: 46rem; position: relative; width: 46rem; z-index: 4; } @media screen and (max-width: 1279px) { .location__map svg { height: 34rem; width: 34rem; } } @media screen and (max-width: 767px) { .location__map svg { height: 25rem; width: 25rem; } } .location__map svg polygon { fill: rgba(76, 64, 79, 0.9); stroke: #fff; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 0.2rem; } .location__map svg polygon:hover, .location__map svg polygon:focus { cursor: pointer; fill: #ff7753; } .location__map .tooltip-map { background: #000; color: #fff; font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; font-weight: 300; min-width: 9rem; padding: 0.7rem 1.5rem; position: relative; text-align: center; text-transform: uppercase; z-index: 20; } .location__map .tooltip-map::before { border-color: #000 transparent transparent transparent; border-style: solid; border-width: 0.8rem 0.8rem 0 0; bottom: -0.8rem; content: ""; height: 0; left: 0; position: absolute; width: 0; } .location__list { margin-left: 6rem; } @media screen and (max-width: 1279px) { .location__list { align-items: flex-end; display: flex; margin-left: 0; margin-top: 4rem; width: 100%; } } @media screen and (max-width: 767px) { .location__list { align-items: flex-start; flex-direction: column; margin-top: 3rem; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .location__list-wrap { width: 60%; } } .location__list-title { font-size: 2.7rem; font-weight: 300; margin-bottom: 2rem; margin-top: 0; text-transform: uppercase; } @media screen and (max-width: 1279px) { .location__list-title { color: #75617b; font-size: 2.3rem; font-weight: 700; } } @media screen and (max-width: 767px) { .location__list-title { font-size: 2rem; } } @media screen and (max-width: 767px) { .location__list .list { align-items: flex-start; } } .location__list .list { margin: 0; } .location__list .list li { font-family: "Barlow", sans-serif; font-size: 1.8rem; line-height: 1; } .location__list .list li::before { color: #ff7753; } .location__list .list li:last-child { margin-bottom: 0; } .location__list figure { margin: 1.5rem 0; } @media screen and (max-width: 1279px) { .location__list figure { margin: 0 0 0 6rem; width: 40%; } } @media screen and (max-width: 767px) { .location__list figure { margin: 5rem 0 0; width: 100%; } } .location__list figure img { display: block; } .location-link { background-color: #ff7753; bottom: 0; color: #fff; display: block; font-size: 1.8rem; font-weight: 300; margin-top: 2rem; padding: 2rem 3rem 2rem 9rem; position: relative; left: 0; text-transform: uppercase; } @media screen and (max-width: 767px) { .location-link { font-size: 1.5rem; min-width: 32rem; padding: 2.5rem 6rem 2.5rem 8rem; } } .location-link::before { color: #fff; content: "\e029"; font-family: "icons"; font-size: 4rem; font-weight: 300; left: 4rem; padding: 2rem 1.5rem 2rem 0; position: absolute; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 1279px) { .location-link::before { padding: 0.8rem 2rem 0.8rem 0; } } @media screen and (max-width: 767px) { .location-link::before { left: 2rem; padding: 0.8rem 1rem 0.8rem 0; } } .location-link:hover, .location-link:focus { background-color: #ff3b07; } .useful-info { margin: 7rem 0 6rem; } @media screen and (max-width: 767px) { .useful-info { margin: 5rem 0 4rem; } } .useful-info__wrapper { background-color: rgba(201, 186, 205, 0.2); padding: 4rem; } @media screen and (max-width: 767px) { .useful-info__wrapper { padding: 2rem; } } .useful-info__wrapper .map { width: 50%; float: left; } @media screen and (max-width: 767px) { .useful-info__item { margin-bottom: 2rem; } } .useful-info__title { color: #da5c3e; font-family: "Barlow Condensed", sans-serif; font-size: 1.8rem; font-weight: 700; margin: 0 0 1.5rem; text-transform: uppercase; } .useful-info__columns { display: flex; } @media screen and (max-width: 767px) { .useful-info__columns { display: block; } } .useful-info__column { flex-grow: 1; flex-shrink: 0; width: 50%; margin-bottom: 15px; } @media screen and (max-width: 767px) { .useful-info__column { width: 100%; } } .useful-info__column:first-child { padding-right: 3.4rem; } @media screen and (max-width: 767px) { .useful-info__column:first-child { padding-bottom: 3rem; padding-right: 0; } } .useful-info__column:nth-child(2) { border-left: 0.1rem solid rgba(255, 119, 83, 0.3); padding-left: 4.5rem; } @media screen and (max-width: 767px) { .useful-info__column:nth-child(2) { border-left: 0; border-top: 0.1rem solid rgba(255, 119, 83, 0.3); padding-left: 0; padding-top: 3rem; } } .useful-info__column-title { color: #000; font-family: "Barlow Condensed", sans-serif; font-size: 1.5rem; font-weight: 600; margin: 0; text-transform: uppercase; } .useful-info__column p { color: #000; font-size: 1.5rem; font-weight: 300; margin: 1.5rem 0; } @media screen and (max-width: 479px) { .useful-info__column p { word-break: break-word; } } .useful-info__column p b { font-weight: 700; } .useful-info__column p:first-child { margin-top: 0; } .useful-info__column p:last-child { margin-bottom: 0; } .useful-info__column a { color: #000; text-decoration: underline; } .useful-info__column a:hover, .useful-info__column a:focus { text-decoration: none; } .multiselect-wrapper legend { flex-shrink: 0; } .multiselect { position: relative; } .multiselect__toggle { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ff7753%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20320%22%20width%3D%228%22%20height%3D%228%22%3E%3Cpath%20d%3D%22M41%2C96.5h238c21.4%2C0%2C32.1%2C25.9%2C17%2C41l-119%2C119c-9.4%2C9.4-24.6%2C9.4-33.9%2C0L24%2C137.5C8.9%2C122.4%2C19.6%2C96.5%2C41%2C96.5z%22%2F%3E%3C%2Fsvg%3E"); background-position: calc(100% - 0.75em) 50%; background-repeat: no-repeat; background-size: 8px; border: 0; border-radius: 0; cursor: pointer; font-family: "Barlow", sans-serif; font-size: 1.4rem; font-style: italic; padding: 0.8571428571em 2.2857142857em 0.8571428571em 0.7142857143em; text-align: left; width: 100%; } .multiselect__dropdown { left: 0; position: absolute; top: 100%; background-color: #fff; box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.3); max-height: 0; opacity: 0; overflow-y: auto; padding: 1.5rem 1rem; visibility: hidden; width: 100%; } .multiselect__tree { margin-bottom: 0; padding-left: 0; list-style-type: none; } .multiselect__tree label { font-style: italic; color: black !important; } .multiselect__tree label ~ ul, .multiselect__tree label ~ div { margin-left: 2rem; margin-top: 1rem; padding-left: 0; list-style-type: none; } .multiselect__tree label ~ ul:nth-of-type(1), .multiselect__tree label ~ div:nth-of-type(1) { margin-top: 1rem; } .multiselect__tree li { margin-bottom: 1rem; } .multiselect.-is-open .multiselect__toggle { box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.3); } .multiselect.-is-open .multiselect__dropdown { margin-bottom: 1.5rem; max-height: 30rem; opacity: 1; visibility: visible; } .ol-mouse-position { position: absolute; right: 8px; top: 8px; } .ol-scale-line { background: #95b9e6; background: rgba(0, 60, 136, 0.3); border-radius: 4px; bottom: 8px; left: 8px; padding: 2px; position: absolute; } .ol-scale-line-inner { border: 1px solid #eee; border-top: 0; color: #eee; font-size: 10px; margin: 1px; text-align: center; will-change: contents, width; } .ol-overlay-container { will-change: left, right, top, bottom; } .ol-unsupported { display: none; } .ol-viewport .ol-unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .ol-control { background-color: #eee; background-color: rgba(255, 255, 255, 0.4); border-radius: 4px; padding: 2px; position: absolute; } .ol-control:hover { background-color: rgba(255, 255, 255, 0.6); } .ol-zoom { left: 0.5em; top: 0.5em; } .ol-rotate { right: 0.5em; top: 0.5em; transition: opacity 0.25s linear, visibility 0s linear; } .ol-rotate.ol-hidden { opacity: 0; transition: opacity 0.25s linear, visibility 0s linear 0.25s; visibility: hidden; } .ol-zoom-extent { left: 0.5em; top: 4.643em; } .ol-full-screen { right: 0.5em; top: 0.5em; } @media print { .ol-control, .logo__text { display: none; } } .ol-control button { background-color: #7b98bc; background-color: rgba(0, 60, 136, 0.5); border: 0; border-radius: 2px; color: #fff; display: block; font-size: 1.14em; font-weight: 700; height: 1.375em; line-height: 0.4em; margin: 1px; padding: 0; text-align: center; text-decoration: none; width: 1.375em; } .ol-control button::-moz-focus-inner { border: 0; padding: 0; } .ol-zoom-extent button { line-height: 1.4em; } .ol-compass { display: block; font-size: 1.2em; font-weight: 400; will-change: transform; } .ol-touch .ol-control button { font-size: 1.5em; } .ol-touch .ol-zoom-extent { top: 5.5em; } .ol-control button:focus, .ol-control button:hover { background-color: #4c6079; background-color: rgba(0, 60, 136, 0.7); text-decoration: none; } .ol-zoom .ol-zoom-in { border-radius: 2px 2px 0 0; } .ol-zoom .ol-zoom-out { border-radius: 0 0 2px 2px; } .ol-attribution { bottom: 0.5em; max-width: calc(100% - 1.3em); right: 0.5em; text-align: right; } .ol-attribution ul { color: #000; font-size: 0.7rem; line-height: 1.375em; margin: 0; padding: 0 0.5em; text-shadow: 0 0 2px #fff; } .ol-attribution li { display: inline; line-height: inherit; list-style: none; } .ol-attribution li:not(:last-child):after { content: " "; } .ol-attribution img { max-height: 2em; max-width: inherit; } .ol-attribution button, .ol-attribution ul { display: inline-block; } .ol-attribution.ol-collapsed ul { display: none; } .ol-attribution.ol-logo-only ul { display: block; } .ol-attribution:not(.ol-collapsed) { background: rgba(255, 255, 255, 0.8); } .ol-attribution.ol-uncollapsible { border-radius: 4px 0 0; bottom: 0; height: 1.1em; line-height: 1em; right: 0; } .ol-attribution.ol-logo-only { background: 0 0; bottom: 0.4em; height: 1.1em; line-height: 1em; } .ol-attribution.ol-uncollapsible img { margin-top: -0.2em; max-height: 1.6em; } .ol-attribution.ol-logo-only button, .ol-attribution.ol-uncollapsible button { display: none; } .ol-zoomslider { background: #eee; background: rgba(255, 255, 255, 0.4); height: 200px; left: 0.5em; position: absolute; top: 4.5em; width: 24px; } .ol-zoomslider-thumb { background: #7b98bc; background: rgba(0, 60, 136, 0.5); border-radius: 2px; cursor: pointer; height: 10px; margin: 3px; position: absolute; width: 22px; } .ol-touch .ol-zoomslider { top: 5.5em; width: 2.052em; } .ol-touch .ol-zoomslider-thumb { width: 1.8em; } .ol-overviewmap { bottom: 0.5em; left: 0.5em; position: absolute; } .ol-overviewmap.ol-uncollapsible { border-radius: 0 4px 0 0; bottom: 0; left: 0; } .ol-overviewmap .ol-overviewmap-map, .ol-overviewmap button { display: inline-block; } .ol-overviewmap .ol-overviewmap-map { border: 1px solid #7b98bc; height: 150px; margin: 2px; width: 150px; } .ol-overviewmap:not(.ol-collapsed) button { bottom: 1px; left: 2px; position: absolute; } .ol-overviewmap.ol-collapsed .ol-overviewmap-map, .ol-overviewmap.ol-uncollapsible button { display: none; } .ol-overviewmap:not(.ol-collapsed) { background: rgba(255, 255, 255, 0.8); } .ol-overviewmap-box { border: 2px dotted rgba(0, 60, 136, 0.7); } .popup-label { background-color: #fff; border: 2px #444 solid; border-radius: 7px; box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0.75); color: #111; display: none; font: 12px/20px "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: bold; left: 50%; padding: 3px 6px; position: absolute; top: 10px; transform: translateX(-50%); white-space: nowrap; } .popup-label img { vertical-align: middle; } .popup-label.marker::before { border-color: transparent transparent #000; border-style: solid; border-width: 0 6px 12px; content: ""; height: 0; left: 50%; position: absolute; top: -14px; transform: translateX(-50%); width: 0; } .angular-openlayers-map:-moz-full-screen { height: 100%; } .angular-openlayers-map:-webkit-full-screen { height: 100%; } .angular-openlayers-map:full-screen { height: 100%; } .angular-openlayers-map:not(-moz-full-screen) { height: 400px; } .angular-openlayers-map:not(-webkit-full-screen) { height: 400px; } .angular-openlayers-map:not(full-screen) { height: 400px; } .ol-full-screen { position: absolute; top: 50%; } .localiser { margin: 3rem 0 9.5rem; } @media screen and (max-width: 767px) { .localiser { margin: 4rem 0 3.5rem; } } @media screen and (max-width: 767px) { .localiser .title-block { display: none; } } .localiser-toggle { position: relative; display: none; margin-bottom: 2rem; } .localiser-toggle::before, .localiser-toggle::after { background-color: transparent; bottom: 2rem; box-shadow: 0 2rem 1.5rem 0 rgba(0, 0, 0, 0.5); content: ""; display: block; height: 1.5rem; position: absolute; width: calc(40% - 3rem); z-index: -1; } .localiser-toggle::before { left: 6rem; transform: rotate(-3deg) skewX(-60deg); } @media screen and (max-width: 1279px) { .localiser-toggle::before { left: 7rem; } } .localiser-toggle::after { right: 6rem; transform: rotate(3deg) skewX(60deg); } @media screen and (max-width: 1279px) { .localiser-toggle::after { right: 7rem; } } @media screen and (max-width: 767px) { .localiser-toggle { display: block; } } .localiser-toggle__btn { transition: all 250ms ease-in-out 0ms; background: url("../Images/bg-localiser.png") no-repeat 50% 100%; background-size: cover; border: 0; color: #fff; cursor: pointer; font-size: 1.8rem; font-weight: 700; padding: 1.5rem 0; text-transform: uppercase; width: 100%; } .localiser-toggle__btn::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\e018"; } .localiser-toggle__btn::before { font-family: "icons"; font-size: 3.6rem; font-weight: 400; vertical-align: middle; } .localiser-toggle__btn:hover, .localiser-toggle__btn:focus { opacity: 0.9; } .map.-localiser { height: 35rem; } @media screen and (max-width: 767px) { .map.-localiser { display: none; flex-direction: column; height: auto; } body.tourism .map.-localiser { display: flex; } } .map.-localiser.-show-localiser { display: flex; } @media screen and (max-width: 767px) { .map.-localiser .map__wrapper, .map.-localiser .map__aside { width: 100%; } } .map-popup { height: 100%; overflow-x: hidden; overflow-y: auto; position: relative; } .map-popup__close { position: absolute; right: 0; top: 0; height: 3rem; width: 3rem; display: flex; transition: all 250ms ease-in-out 0ms; background-color: #ff7753; border: 0; color: #fff; cursor: pointer; font-size: 1.6rem; padding: 0; z-index: 9; } .map-popup__close[data-fa-icon], .map-popup__close::before { color: #fff !important; margin: 0 !important; } .map-popup__close:hover, .map-popup__close:focus { background-color: #75617b; } .popup-item-contacts { margin: 2.5rem 0; } .popup-item-contacts:first-child { margin-top: 0; } .popup-item-contacts:last-child { margin-bottom: 0; } .popup-item-contacts__info { padding: 2rem; } .popup-item-contacts__image { display: block; } .popup-item-contacts__image img { display: block; height: auto; width: 100%; } .popup-item-contacts__date { margin: 2rem 0; } .popup-item-contacts__date:first-child { margin-top: 0; } .popup-item-contacts__theme { color: #ff7753; display: block; font-family: "Barlow Condensed", sans-serif; font-size: 1.4rem; font-weight: 300; margin-bottom: 0.5rem; text-transform: uppercase; } .popup-item-contacts__title { color: #000; font-family: "Barlow Condensed", sans-serif; font-size: 2rem; font-weight: 700; margin-bottom: 2rem; margin-top: 0; } .popup-item-contacts__teaser { font-family: "Barlow Condensed", sans-serif; font-size: 1.5rem; font-weight: 300; margin: 1.5rem 0; } .popup-item-contacts__infoslist { margin: 2rem 0; } .popup-item-contacts__infoslist .infos, .popup-item-contacts__infoslist .infos__wrap, .popup-item-contacts__infoslist .infos__items { margin: 0; padding: 0; } .popup-item-contacts__infoslist .infos__item { margin: 1.5rem 0; } .popup-item-contacts__infoslist .infos__item:first-child { margin-top: 0; } .popup-item-contacts__infoslist .infos__item.-phone a, .popup-item-contacts__infoslist .infos__item.-address a, .popup-item-contacts__infoslist .infos__item.-route a { text-decoration: none; } .popup-item-contacts__infoslist .infos__item.-phone a:hover, .popup-item-contacts__infoslist .infos__item.-phone a:focus, .popup-item-contacts__infoslist .infos__item.-address a:hover, .popup-item-contacts__infoslist .infos__item.-address a:focus, .popup-item-contacts__infoslist .infos__item.-route a:hover, .popup-item-contacts__infoslist .infos__item.-route a:focus { text-decoration: underline; } .popup-item-contacts__infoslist .infos__item.-route a { text-transform: uppercase; } .popup-item-contacts__actions { margin-top: 2rem; } .popup-item-contacts__action-btn:not(:last-child) { margin-bottom: 1rem; } .map-page .stratis-menu-trigger { left: auto; right: 2rem; } .map { height: 100vh; overflow: hidden; width: 100%; display: flex; } .map__wrapper { flex-grow: 1; position: relative; width: calc(100% - 57rem); } .map__results { width: 31rem; } @media screen and (max-width: 1024px) { .map__results { display: none !important; } } .map__tools { position: absolute; right: 1rem; top: 1rem; } .map__aside { background-color: #f0f0f0; box-shadow: -0.3rem 0 0.5rem 0 rgba(0, 0, 0, 0.3); display: none; height: 100%; position: relative; width: 26rem; } .map.-show-popup .map__aside { display: block; } .map.-show-results .map__results { display: block; } .map.-large { height: calc(100vh - 8rem); width: 100%; } @media screen and (max-width: 1024px) { .map.-large { height: calc(100vh - 8rem); } .map.-large .angular-openlayers-map { height: calc(100vh - 8rem) !important; } } @media screen and (max-width: 767px) { .map.-large { height: calc(100vh - 6rem); } .map.-large .angular-openlayers-map { height: calc(100vh - 6rem) !important; } } @media screen and (max-width: 479px) { .map.-large { height: calc(100vh - 4.6rem); } .map.-large .angular-openlayers-map { height: calc(100vh - 4.6rem) !important; } } .map-template { position: relative; width: 100%; display: flex; } @media screen and (max-width: 1024px) { .map-template { flex-direction: column; } } .map-template__filter { background-color: #f7f8fb; flex-grow: 0; position: relative; width: 31rem; } @media screen and (max-width: 1024px) { .map-template__filter { width: auto; } } .map-template__filter .filters { margin-top: 0; width: 100%; } @media screen and (max-width: 1024px) { .map-template__filter .filters__btn { left: 4rem; position: absolute !important; top: 1.3rem; z-index: 300; } } @media screen and (max-width: 1024px) and (max-width: 1024px) { .map-template__filter .filters__btn .btn { height: 3.2rem !important; width: 3.2rem !important; } } @media screen and (max-width: 1024px) { .map-template__filter .filters__dropdown { left: 0; position: absolute !important; top: 0; transform: translateX(-100%); width: 100%; z-index: 300; } } .map-template__filter.-is-hidden { display: none; } .map-template__btn-close { display: none; background: none; border: 0; cursor: pointer; font-size: 1.2rem; padding: 0; } .map-template__btn-close[data-fa-icon]::before { color: #727272; } @media screen and (max-width: 1024px) { .map-template__btn-close { display: block; position: absolute; right: 1rem; top: 1.8rem; z-index: 400; } } @media screen and (max-width: 1024px) { .map-template .map-filter.-is-open .filters__dropdown { transform: translateX(0); transition: transform 300ms; } } .map-template__types { display: none; flex-grow: 0; width: 20rem; } @media screen and (max-width: 1024px) { .map-template__types { display: none; } } .map-template__map { flex-grow: 1; width: calc(100% - 51rem); } @media screen and (max-width: 1024px) { .map-template__map { width: 100%; } } .map-template__open { bottom: auto; left: 20rem; position: absolute; right: auto; top: 0; height: 4rem; width: 4rem; overflow: hidden; text-indent: -9999px; white-space: nowrap; transition: all 250ms ease-in-out 0ms; background-color: #ff7753; border: 0; cursor: pointer; display: none; z-index: 10; } .map-template__open::before { display: inline-block; font-family: "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 300; content: "\f0c9"; } .map-template__open::before, .map-template__open::after { text-indent: 0; } .map-template__open:hover, .map-template__open:focus { background-color: #ff7753; } .map-template__open::before { bottom: auto; left: 50%; position: absolute; right: auto; top: 50%; color: #fff; font-size: 1.4rem; transform: translate(-50%, -50%); } .map-heading { background-color: #f6f6f6; margin: 0; padding: 1.6rem 4.5rem 1.4rem 3rem; position: relative; } .map-heading.-dark { background-color: #e6e5e5; } .map-heading__title { color: #727272; font-size: 1.4rem; font-weight: 300; margin: 0; text-transform: uppercase; } .map-heading__close { position: absolute; right: 2rem; top: 50%; background: none; border: 0; color: #727272; cursor: pointer; font-size: 1.2rem; padding: 0; transform: translateY(-50%); } @media screen and (max-width: 1024px) { .map-heading__close { display: none; } } .map-heading__close::before { color: currentColor; margin: 0; } .map-types { display: flex; height: calc(100vh - 8rem); list-style: none; margin: 0; padding: 0; } .map-types__item { flex-basis: auto; flex-grow: 1; height: calc((100vh - 8rem) / 4); } .map-types__link { transition: all 250ms ease-in-out 0ms; display: flex; background-color: #ff7753; color: #fff; font-family: "Barlow Condensed", sans-serif; font-size: 1.8rem; font-weight: 300; height: 100%; padding: 1rem; text-transform: uppercase; width: 100%; } .map-types__link:hover, .map-types__link:focus { background-color: #ff592d; outline-offset: -0.2rem; } .map-search-results { display: none; } .map-search-results__list { height: calc(100vh - 12.6rem); list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 3rem 0; } .map-search-results__item:not(:first-child) { margin-top: -0.1rem; } .map-search-results__btn { transition: all 250ms ease-in-out 0ms; background: none; border: 0; cursor: pointer; padding: 1rem 3rem 1rem 6rem; position: relative; text-align: left; width: 100%; } .map-search-results__btn::before { position: absolute; right: 3rem; top: 0; background-color: #c5c5c5; content: ""; height: 0.1rem; width: calc(100% - 6.5rem); } .map-search-results__btn::after { bottom: 0; position: absolute; right: 3rem; background-color: #c5c5c5; content: ""; height: 0.1rem; width: calc(100% - 6.5rem); } .map-search-results__btn:focus { outline-offset: -0.2rem; } .map-search-results__btn:hover, .map-search-results__btn:focus { background-color: #c5c5c5; } .map-search-results__btn img { left: 3.8rem; position: absolute; top: 1rem; display: block; height: auto; width: 1.5rem; } .map-search-results__category { transition: all 250ms ease-in-out 0ms; color: #ff7753; display: block; font-family: "Barlow Condensed", sans-serif; font-size: 1.2rem; font-weight: 700; margin-bottom: 0.5rem; text-transform: uppercase; } .map-search-results__title { transition: all 250ms ease-in-out 0ms; font-family: "Barlow Condensed", sans-serif; font-size: 1.3rem; font-weight: 300; margin: 0; } @media screen and (max-width: 767px) { .is-open .filters__dropdown { max-width: 100%; position: static; } } .is-open .filters__dropdown { opacity: 1; transform: translateY(-1rem); transition: visibility 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.35s ease-in-out; visibility: visible; } /* PDF output */ .pdfOutput .print-banner { display: block; } .pdfOutput .cookies-block, .pdfOutput .events, .pdfOutput .filters, .pdfOutput .flash-info, .pdfOutput .footer__stratis, .pdfOutput .go-to-top, .pdfOutput .header, .pdfOutput .localiser, .pdfOutput .media-element, .pdfOutput .menu-cross, .pdfOutput .menu-extranet, .pdfOutput .menu-floating, .pdfOutput .more-info, .pdfOutput .news, .pdfOutput .newsletter, .pdfOutput .one-click-wrapper, .pdfOutput .organigramme, .pdfOutput .pager, .pdfOutput .publications-block, .pdfOutput .same-category, .pdfOutput .sidebar, .pdfOutput .site-infos__image, .pdfOutput .site-infos__links, .pdfOutput .social, .pdfOutput .social-networks, .pdfOutput .stratis-menu, .pdfOutput .telecharger, .pdfOutput .top-of-content, .pdfOutput .vote { display: none !important; } .pdfOutput .container { margin: 0; padding: 0; width: 100%; } .pdfOutput .container.-lg, .pdfOutput .container.-sm { max-width: inherit; } .pdfOutput .container.-page { padding: 0; } .pdfOutput .logo { margin-bottom: 30px; } .pdfOutput .logo__text { color: #000; } .pdfOutput .logo__text * { color: #000 !important; } .pdfOutput .click-roll__block { display: block !important; } .pdfOutput .footer { color: #000; margin: 0; } .pdfOutput .footer, .pdfOutput .footer * { background-color: inherit !important; } .pdfOutput .footer * { color: #000 !important; } .pdfOutput .gallery__list { display: block; text-align: center; } .pdfOutput .gallery__item { display: inline-block; vertical-align: middle; } .pdfOutput .gallery__item:after, .pdfOutput .gallery__item:before { display: none; } .pdfOutput .gallery__thumb { font-family: inherit; height: auto; max-width: 100%; object-fit: inherit; } .pdfOutput .site-wrapper, .pdfOutput .site-wrapper-out { display: block; min-height: inherit; } .pdfOutput .site-wrapper { overflow: inherit; } .masonry-list { margin: auto; left: 7px; } .masonry-item { width: 20%; margin-bottom: 20px; position: relative; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); } .masonry-item img { width: 100%; height: auto; vertical-align: top; }