@charset "UTF-8"; /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ *, *:before, *:after { box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } main { display: block; } ol, ul { list-style: none; } a { color: inherit; text-decoration: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } hr { border: none; } /* Reset `button` and button-style `input` default styles */ input[type=submit], input[type=reset], input[type=button], button { background: none; border: 0; color: inherit; /* cursor: default; */ font: inherit; line-height: normal; overflow: visible; padding: 0; -webkit-appearance: button; /* for input */ -webkit-user-select: none; /* for button */ -moz-user-select: none; -ms-user-select: none; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* Colors */ /* Sizes */ .tabs__header ul:before, .pager__list:before, .pager:before, .carousel-finance__button:before, .carousel-edito--push-right:before, .bloc-push:before, .panel-newsletter__next:before, .panel-newsletter__validation__col:before, .panel-newsletter__validation:before, .panel-newsletter__title:before, .panel-contact__row:before, .panel-solution__list__item:before, .panel-solution__head-link:before, .panel-product__content__related--row:before, .base-project .list-color:before, .bloc--icon:before, .list-icon__item:before, .box-grid-image:before, .box--why:before, .cover-case-study__bloc-sub__list:before, .cover--testimony:before, .cover-full--quick-access ul:before, .navigation__aside-links:before, .navigation__body:before, .navigation__head:before, .sticky-segment__segment:before, .sticky-segment__wrapper:before, .nav__filter:before, .header--inner:before, .row:before, .grid:before, .tabs__header ul:after, .pager__list:after, .pager:after, .carousel-finance__button:after, .carousel-edito--push-right:after, .bloc-push:after, .panel-newsletter__next:after, .panel-newsletter__validation__col:after, .panel-newsletter__validation:after, .panel-newsletter__title:after, .panel-contact__row:after, .panel-solution__list__item:after, .panel-solution__head-link:after, .panel-product__content__related--row:after, .base-project .list-color:after, .bloc--icon:after, .list-icon__item:after, .box-grid-image:after, .box--why:after, .cover-case-study__bloc-sub__list:after, .cover--testimony:after, .cover-full--quick-access ul:after, .navigation__aside-links:after, .navigation__body:after, .navigation__head:after, .sticky-segment__segment:after, .sticky-segment__wrapper:after, .nav__filter:after, .header--inner:after, .row:after, .grid:after { content: " "; display: table; width: 100%; } .tabs__header ul:after, .pager__list:after, .pager:after, .carousel-finance__button:after, .carousel-edito--push-right:after, .bloc-push:after, .panel-newsletter__next:after, .panel-newsletter__validation__col:after, .panel-newsletter__validation:after, .panel-newsletter__title:after, .panel-contact__row:after, .panel-solution__list__item:after, .panel-solution__head-link:after, .panel-product__content__related--row:after, .base-project .list-color:after, .bloc--icon:after, .list-icon__item:after, .box-grid-image:after, .box--why:after, .cover-case-study__bloc-sub__list:after, .cover--testimony:after, .cover-full--quick-access ul:after, .navigation__aside-links:after, .navigation__body:after, .navigation__head:after, .sticky-segment__segment:after, .sticky-segment__wrapper:after, .nav__filter:after, .header--inner:after, .row:after, .grid:after { clear: both; } .box-grid-image__item__title, .box-grid-image__item__category, .box--featured .box--features__item--infos, .cover-case-study__bloc-sub__list, .tooltip, .footer { -webkit-font-smoothing: antialiased; } /* === Box Shadow === */ .results-filters__sub, .header .search, .push-bottom-section--shadow, .cover-full--quick-access, .autocomplete-suggestions, .mobile-header .account, .header .account, .nav__filter__sub, .header--pays .header--submenu, .box-shadow { box-shadow: 0px 20px 26px -7px rgba(0, 0, 0, 0.2); } @font-face { font-family: "FuturaNewDemi-Reg"; src: url("../fonts/FuturaNewDemi-Reg.eot"); src: url("../fonts/FuturaNewDemi-Reg.woff2") format("woff2"), url("../fonts/FuturaNewDemi-Reg.woff") format("woff"), url("../fonts/FuturaNewDemi-Reg.ttf") format("truetype"), url("../fonts/FuturaNewDemi-Reg.svg#FuturaNewDemi-Reg") format("svg"), url("../fonts/FuturaNewDemi-Reg.eot?#iefix") format("embedded-opentype"); font-weight: 600; font-style: normal; } @font-face { font-family: "FuturaNewMedium-Reg"; src: url("../fonts/FuturaNewMedium-Reg.eot"); src: url("../fonts/FuturaNewMedium-Reg.woff2") format("woff2"), url("../fonts/FuturaNewMedium-Reg.woff") format("woff"), url("../fonts/FuturaNewMedium-Reg.ttf") format("truetype"), url("../fonts/FuturaNewMedium-Reg.svg#FuturaNewMedium-Reg") format("svg"), url("../fonts/FuturaNewMedium-Reg.eot?#iefix") format("embedded-opentype"); font-weight: 500; font-style: normal; } /* Extends */ .carousel__nav__item, .push-action__sup, .push-bottom-section__container .push-cat, .panel-comparator table h3, .keyfigure-item__sup, .keyfigure__sup, .cover-case-study__bloc-sub__list-item .label-category, .navigation__expends li a, .navigation__expends-trigger, .footer--links li a, .footer .copyright, .footer .icons--list, .header--pays .header--name .title, .search__results__title, .push-doc-finance__title, .push--email__text p, .bloc-push__item-infos p, .panel-dop__subtitle, .panel-solution__list__title, .panel-solution__head-link__title, .bloc-quote--author, .list-files__title, .list-news__title, .governance-list__item-name, .list-sector__title, .news-signature .signature-name, .news-signature, .box-grid-image__item__title, .box--contact__item-inner .contact-name, .box__item__title, .box--with-expend .box--expend__header button, .box--event-list .event-list__item .event-name, .box--news-related .news-title, .box--testimonial__item > a .box--testimonial__item-infos p, .box--introduction .box__text-only, .cover--bloc__content .author--quote, .rte h4, .teasing-1, .heading-4, .tools__item__title, .carousel__wrapper.carousel__small .carousel__caption .carousel__caption__title, .push-image-hightlight__title, .story-push--small-title, .story-push-full__title, .bloc-quote--text, .custom-select-red select, .box--highlight__title, .box__advert__title, .box--with-expend .box--aside-gate p, .cover-case-study__bloc-sub__list-item .label-title, .rte h3, .heading-3, .box--fullpage__title, .carousel__caption__title, .carousel-finance__title, .panel-dop__title, .governance-panel__name, .box--with-expend .box--expend__intro h2, .cover-results__text, .cover-homepage__title, .news-page--cover__title, .heading-2, .panel-contact__title, .cover--bloc__content .author--name, .cover--title-only h1, .heading-1 { font-family: "FuturaNewDemi-Reg", sans-serif; font-weight: 600; } .product__downloads__file__data, nav.topics a, .table tbody td, .table tbody th, .table th, .table td, .menu__link-store-address, .carousel__caption__text, .push-action__key, .keyfigure-item__number, .keyfigure__number, .custom-input label, .custom-checkbox__label.multiline .extra, .box--contact__item-inner .contact-job, .navigation__secondary li, .header--sub .custom-select, .language--list a, .actions__sticky-menu__details__item, .product__list__item__icon, .product__tag, .search__results__date, .search__results__category, .table-selection th, .carousel-finance__pagination, .push-doc-finance__date, .push-action__meta, .push-image-hightlight__tag, .push--email__text span, .bloc-push__item-infos span, .story-push-full__ontitle, .story-push-full__category, .panel-contact__field > label, .governance-panel__title, .keyfigure-item__legend, .keyfigure__legend, .bloc-quote--occupation, .bloc--aside_news-file, .bloc--aside_news-date, .bloc--aside__news-tag, .list-files__category, .list-files__date, .list-news__category, .list-news__date, .list-documents-news__file, .governance-list__item-title, .news-signature.news-signature-small .signature-name, .news-signature .signature-date, .box__tags--list a, .box__tags--title, .box--highlight__date, .box--highlight__tag, .box-grid-image__item__category, .box__item--pays .box__item__cover__tag, .box__item__info, .box--with-expend .box--expend__footnotes-title, .box--event-list .event-list__item .event-place, .box--news-related .news-date, .box--news-related .news-tag, .box--testimonial__item > a .box--testimonial__item-infos span, .cover-homepage__timestamp, .cover-homepage__tag, .news-page--cover__date, .news-page--cover__tag, .cover--bloc__content .author--location, .cover--bloc__content .author--occupation, .tags, .rte-array th, .rte-array tbody td div, .rte-array tbody th div, .rte-array tbody td, .rte-array tbody th, .header--sub__right li a, .header--pays .header--name .account-container > select.custom-select, .heading-5 { font-family: "FuturaNewMedium-Reg", sans-serif; font-weight: 500; } .actions__select, .breadcrumb__select, .search__submit, .table-selection .table-small tbody tr th, .table-small tbody tr th, .table tbody tr th, .table-responsive .legend, .tabs__header__title a, .store-link-map, .store-contact, .store-address, .store-descr, .menu__link-store-tel, .menu__link-store-name, .carousel-gallery .carousel-legend, .carousel-gallery__legend, .carousel-gallery__captions-counter, .carousel-captions li, .carousel-captions--counter span, .keyfigure-item__variation, .keyfigure__variation, .bloc-rte--figcaption p, .bloc--aside li a, .bloc--aside p, .tag, .button, input.button, .language-select, .custom-select, .box__tags--list li, .box--highlight__text, .box--with-expend .box--expend__footnotes-list-item, .box--introduction .box__text, .news-page--cover__media-caption, .cover--newsroom-contact__text, .cover-full--quick-access li a, .rte figure figcaption, .filter-mobile__title, .header-link-icon, body, .dealer-locator__infos, .quick-message, .message-box, .loader-container--text, .product__downloads__file__title, .product__stocks, .result-table table, .push-doc-finance__info, .panel-comparator table tbody, .panel-comparator table thead td:first-child a, .panel-contact__error-text, .panel-contact__field-error, .panel-contact__infos__text, .panel-solution__list__wrapper--sub .panel-solution__list__item, .js-async-form .async-error-msg, .async-like-form .async-error-msg, .packaging-rows .error-msg, .multiform__steps--small .multiform__steps__step, .form-group .message, .form-bordered .form-section .note, .form-bordered .form-group .description, .list-files__size, .list-characteristics__desc, .list-characteristics__title, .list-refs__item, .box-grid-image__item__text, .box--event-list .event-list__item .event-date, .box--video__title p, .rte-array--refs tbody td, .rte-array tbody th, .tooltip, .autocomplete-suggestions .autocomplete-suggestion, .text-current-small, .dealer-locator .dealer, .dealer-locator__popin .bt-close span, .quick-message__close, .actions__sticky-menu__trigger, .product__list__item__ref, .product__desc, .tools__item__desc, .search__tags-item, .search__tags-text, .results-filters__list-item, .search__reset-text, .search__input, .cookies__text, .modal-gallery__close, .modal__close, .box--fullpage__text, .store-name, .carousel-finance__resume, .carousel-edito .carousel-overlay-captions--counter span, .carousel-edito .carousel-overlay__legend, .push-image-hightlight__link, .panel-default__close span, .panel-comparator__buttons .action span, .panel-dop__list, .panel-dop__close span, .panel-contact__field > textarea, .panel-contact__field > select, .panel-contact__field > input:not([type=checkbox]), .panel-contact__infos__title, .panel-contact__close span, .panel-solution__list__item, .governance-panel__bio, .panel-product__content, .custom-input input:not([type=checkbox]), .custom-input textarea, .custom-checkbox [type=checkbox]:not(:checked) + label, .custom-checkbox [type=checkbox]:checked + label, .list-news__text, .list-dots li, .list-documents-news__title, .list-label, .list-icon__item, .list-actions__item, .box--with-expend .box--expend__content p, .box--with-expend .box--expend__inner p, .box--with-expend .box--expend__intro p, .box--news-related .news-text, .box--why p, .rte li, .rte p, .section-header__text, .navigation--panel .navigation-close, .navigation-close span, .sticky-segment__other__item, .sticky-segment__segment__item, .nav__filter__result p, .warning-message, .link, .text-current { font-family: "Arial", sans-serif; } /* Headings */ .panel-contact__title, .cover--bloc__content .author--name, .cover--title-only h1, .heading-1 { font-size: 4rem; line-height: 4rem; color: #000000; } @media (max-width: 1023px) { .panel-contact__title, .cover--bloc__content .author--name, .cover--title-only h1, .heading-1 { font-size: 2.75rem; line-height: 2.75rem; } } @media (max-width: 767px) { .panel-contact__title, .cover--bloc__content .author--name, .cover--title-only h1, .heading-1 { font-size: 2rem; line-height: 2rem; } } .box--fullpage__title, .carousel__caption__title, .carousel-finance__title, .panel-dop__title, .governance-panel__name, .box--with-expend .box--expend__intro h2, .cover-results__text, .cover-homepage__title, .news-page--cover__title, .heading-2 { font-size: 2.75rem; line-height: 3rem; color: #000000; } @media (max-width: 1023px) { .box--fullpage__title, .carousel__caption__title, .carousel-finance__title, .panel-dop__title, .governance-panel__name, .box--with-expend .box--expend__intro h2, .cover-results__text, .cover-homepage__title, .news-page--cover__title, .heading-2 { font-size: 1.75rem; line-height: 2rem; } } @media (max-width: 767px) { .box--fullpage__title, .carousel__caption__title, .carousel-finance__title, .panel-dop__title, .governance-panel__name, .box--with-expend .box--expend__intro h2, .cover-results__text, .cover-homepage__title, .news-page--cover__title, .heading-2 { font-size: 1.3rem; line-height: 1.6rem; } } .tools__item__title, .carousel__wrapper.carousel__small .carousel__caption .carousel__caption__title, .push-image-hightlight__title, .story-push--small-title, .story-push-full__title, .bloc-quote--text, .custom-select-red select, .box--highlight__title, .box__advert__title, .box--with-expend .box--aside-gate p, .cover-case-study__bloc-sub__list-item .label-title, .rte h3, .heading-3 { font-size: 1.7rem; line-height: 1.9rem; color: #000000; } @media (max-width: 1023px) { .tools__item__title, .carousel__wrapper.carousel__small .carousel__caption .carousel__caption__title, .push-image-hightlight__title, .story-push--small-title, .story-push-full__title, .bloc-quote--text, .custom-select-red select, .box--highlight__title, .box__advert__title, .box--with-expend .box--aside-gate p, .cover-case-study__bloc-sub__list-item .label-title, .rte h3, .heading-3 { font-size: 1.3rem; line-height: 1.6rem; } } @media (max-width: 767px) { .tools__item__title, .carousel__wrapper.carousel__small .carousel__caption .carousel__caption__title, .push-image-hightlight__title, .story-push--small-title, .story-push-full__title, .bloc-quote--text, .custom-select-red select, .box--highlight__title, .box__advert__title, .box--with-expend .box--aside-gate p, .cover-case-study__bloc-sub__list-item .label-title, .rte h3, .heading-3 { font-size: 1.1rem; line-height: 1.4rem; } } .search__results__title, .push-doc-finance__title, .push--email__text p, .bloc-push__item-infos p, .panel-dop__subtitle, .panel-solution__list__title, .panel-solution__head-link__title, .bloc-quote--author, .list-files__title, .list-news__title, .governance-list__item-name, .list-sector__title, .news-signature .signature-name, .news-signature, .box-grid-image__item__title, .box--contact__item-inner .contact-name, .box__item__title, .box--with-expend .box--expend__header button, .box--event-list .event-list__item .event-name, .box--news-related .news-title, .box--testimonial__item > a .box--testimonial__item-infos p, .box--introduction .box__text-only, .cover--bloc__content .author--quote, .rte h4, .teasing-1, .heading-4 { font-size: 1.15rem; line-height: 1.45rem; color: #000000; } @media (max-width: 1023px) { .search__results__title, .push-doc-finance__title, .push--email__text p, .bloc-push__item-infos p, .panel-dop__subtitle, .panel-solution__list__title, .panel-solution__head-link__title, .bloc-quote--author, .list-files__title, .list-news__title, .governance-list__item-name, .list-sector__title, .news-signature .signature-name, .news-signature, .box-grid-image__item__title, .box--contact__item-inner .contact-name, .box__item__title, .box--with-expend .box--expend__header button, .box--event-list .event-list__item .event-name, .box--news-related .news-title, .box--testimonial__item > a .box--testimonial__item-infos p, .box--introduction .box__text-only, .cover--bloc__content .author--quote, .rte h4, .teasing-1, .heading-4 { font-size: 1rem; line-height: 1.3rem; } } @media (max-width: 767px) { .search__results__title, .push-doc-finance__title, .push--email__text p, .bloc-push__item-infos p, .panel-dop__subtitle, .panel-solution__list__title, .panel-solution__head-link__title, .bloc-quote--author, .list-files__title, .list-news__title, .governance-list__item-name, .list-sector__title, .news-signature .signature-name, .news-signature, .box-grid-image__item__title, .box--contact__item-inner .contact-name, .box__item__title, .box--with-expend .box--expend__header button, .box--event-list .event-list__item .event-name, .box--news-related .news-title, .box--testimonial__item > a .box--testimonial__item-infos p, .box--introduction .box__text-only, .cover--bloc__content .author--quote, .rte h4, .teasing-1, .heading-4 { font-size: 0.9rem; line-height: 1.2rem; } } .actions__sticky-menu__details__item, .product__list__item__icon, .product__tag, .search__results__date, .search__results__category, .table-selection th, .carousel-finance__pagination, .push-doc-finance__date, .push-action__meta, .push-image-hightlight__tag, .push--email__text span, .bloc-push__item-infos span, .story-push-full__ontitle, .story-push-full__category, .panel-contact__field > label, .governance-panel__title, .keyfigure-item__legend, .keyfigure__legend, .bloc-quote--occupation, .bloc--aside_news-file, .bloc--aside_news-date, .bloc--aside__news-tag, .list-files__category, .list-files__date, .list-news__category, .list-news__date, .list-documents-news__file, .governance-list__item-title, .news-signature.news-signature-small .signature-name, .news-signature .signature-date, .box__tags--list a, .box__tags--title, .box--highlight__date, .box--highlight__tag, .box-grid-image__item__category, .box__item--pays .box__item__cover__tag, .box__item__info, .box--with-expend .box--expend__footnotes-title, .box--event-list .event-list__item .event-place, .box--news-related .news-date, .box--news-related .news-tag, .box--testimonial__item > a .box--testimonial__item-infos span, .cover-homepage__timestamp, .cover-homepage__tag, .news-page--cover__date, .news-page--cover__tag, .cover--bloc__content .author--location, .cover--bloc__content .author--occupation, .tags, .rte-array th, .rte-array tbody td div, .rte-array tbody th div, .rte-array tbody td, .rte-array tbody th, .header--sub__right li a, .header--sub .custom-select, .header--pays .header--name .account-container > select.custom-select, .heading-5 { font-size: 0.7rem; line-height: 1rem; letter-spacing: 0.075rem; color: #000000; text-transform: uppercase; } @media (max-width: 1023px) { .actions__sticky-menu__details__item, .product__list__item__icon, .product__tag, .search__results__date, .search__results__category, .table-selection th, .carousel-finance__pagination, .push-doc-finance__date, .push-action__meta, .push-image-hightlight__tag, .push--email__text span, .bloc-push__item-infos span, .story-push-full__ontitle, .story-push-full__category, .panel-contact__field > label, .governance-panel__title, .keyfigure-item__legend, .keyfigure__legend, .bloc-quote--occupation, .bloc--aside_news-file, .bloc--aside_news-date, .bloc--aside__news-tag, .list-files__category, .list-files__date, .list-news__category, .list-news__date, .list-documents-news__file, .governance-list__item-title, .news-signature.news-signature-small .signature-name, .news-signature .signature-date, .box__tags--list a, .box__tags--title, .box--highlight__date, .box--highlight__tag, .box-grid-image__item__category, .box__item--pays .box__item__cover__tag, .box__item__info, .box--with-expend .box--expend__footnotes-title, .box--event-list .event-list__item .event-place, .box--news-related .news-date, .box--news-related .news-tag, .box--testimonial__item > a .box--testimonial__item-infos span, .cover-homepage__timestamp, .cover-homepage__tag, .news-page--cover__date, .news-page--cover__tag, .cover--bloc__content .author--location, .cover--bloc__content .author--occupation, .tags, .rte-array th, .rte-array tbody td div, .rte-array tbody th div, .rte-array tbody td, .rte-array tbody th, .header--sub__right li a, .header--sub .custom-select, .header--pays .header--name .account-container > select.custom-select, .heading-5 { font-size: 0.7rem; line-height: 1rem; } } @media (max-width: 767px) { .actions__sticky-menu__details__item, .product__list__item__icon, .product__tag, .search__results__date, .search__results__category, .table-selection th, .carousel-finance__pagination, .push-doc-finance__date, .push-action__meta, .push-image-hightlight__tag, .push--email__text span, .bloc-push__item-infos span, .story-push-full__ontitle, .story-push-full__category, .panel-contact__field > label, .governance-panel__title, .keyfigure-item__legend, .keyfigure__legend, .bloc-quote--occupation, .bloc--aside_news-file, .bloc--aside_news-date, .bloc--aside__news-tag, .list-files__category, .list-files__date, .list-news__category, .list-news__date, .list-documents-news__file, .governance-list__item-title, .news-signature.news-signature-small .signature-name, .news-signature .signature-date, .box__tags--list a, .box__tags--title, .box--highlight__date, .box--highlight__tag, .box-grid-image__item__category, .box__item--pays .box__item__cover__tag, .box__item__info, .box--with-expend .box--expend__footnotes-title, .box--event-list .event-list__item .event-place, .box--news-related .news-date, .box--news-related .news-tag, .box--testimonial__item > a .box--testimonial__item-infos span, .cover-homepage__timestamp, .cover-homepage__tag, .news-page--cover__date, .news-page--cover__tag, .cover--bloc__content .author--location, .cover--bloc__content .author--occupation, .tags, .rte-array th, .rte-array tbody td div, .rte-array tbody th div, .rte-array tbody td, .rte-array tbody th, .header--sub__right li a, .header--sub .custom-select, .header--pays .header--name .account-container > select.custom-select, .heading-5 { font-size: 0.6rem; line-height: 0.9rem; } } .heading-2--headline { margin: 0 0 60px; } @media (max-width: 767px) { .heading-2--headline { margin: 0 0 30px; } } .heading-5--grey { opacity: 0.5; } .dealer-locator .dealer, .dealer-locator__popin .bt-close span, .quick-message__close, .actions__sticky-menu__trigger, .product__list__item__ref, .product__desc, .tools__item__desc, .search__tags-item, .search__tags-text, .results-filters__list-item, .search__reset-text, .search__input, .cookies__text, .modal-gallery__close, .modal__close, .box--fullpage__text, .store-name, .carousel-finance__resume, .carousel-edito .carousel-overlay-captions--counter span, .carousel-edito .carousel-overlay__legend, .push-image-hightlight__link, .panel-default__close span, .panel-comparator__buttons .action span, .panel-dop__list, .panel-dop__close span, .panel-contact__field > textarea, .panel-contact__field > select, .panel-contact__field > input:not([type=checkbox]), .panel-contact__infos__title, .panel-contact__close span, .panel-solution__list__item, .governance-panel__bio, .panel-product__content, .custom-select, .custom-input input:not([type=checkbox]), .custom-input textarea, .custom-checkbox [type=checkbox]:not(:checked) + label, .custom-checkbox [type=checkbox]:checked + label, .list-news__text, .list-dots li, .list-documents-news__title, .list-label, .list-icon__item, .list-actions__item, .box__tags--list li, .box--highlight__text, .box--with-expend .box--expend__content p, .box--with-expend .box--expend__inner p, .box--with-expend .box--expend__intro p, .box--news-related .news-text, .box--why p, .box--introduction .box__text, .rte li, .rte p, .section-header__text, .navigation--panel .navigation-close, .navigation-close span, .sticky-segment__other__item, .sticky-segment__segment__item, .nav__filter__result p, .warning-message, .link, .text-current { max-width: 100%; font-size: 0.95rem; line-height: 1.45rem; letter-spacing: 0.4px; color: #000000; } @media (max-width: 1023px) { .dealer-locator .dealer, .dealer-locator__popin .bt-close span, .quick-message__close, .actions__sticky-menu__trigger, .product__list__item__ref, .product__desc, .tools__item__desc, .search__tags-item, .search__tags-text, .results-filters__list-item, .search__reset-text, .search__input, .cookies__text, .modal-gallery__close, .modal__close, .box--fullpage__text, .store-name, .carousel-finance__resume, .carousel-edito .carousel-overlay-captions--counter span, .carousel-edito .carousel-overlay__legend, .push-image-hightlight__link, .panel-default__close span, .panel-comparator__buttons .action span, .panel-dop__list, .panel-dop__close span, .panel-contact__field > textarea, .panel-contact__field > select, .panel-contact__field > input:not([type=checkbox]), .panel-contact__infos__title, .panel-contact__close span, .panel-solution__list__item, .governance-panel__bio, .panel-product__content, .custom-select, .custom-input input:not([type=checkbox]), .custom-input textarea, .custom-checkbox [type=checkbox]:not(:checked) + label, .custom-checkbox [type=checkbox]:checked + label, .list-news__text, .list-dots li, .list-documents-news__title, .list-label, .list-icon__item, .list-actions__item, .box__tags--list li, .box--highlight__text, .box--with-expend .box--expend__content p, .box--with-expend .box--expend__inner p, .box--with-expend .box--expend__intro p, .box--news-related .news-text, .box--why p, .box--introduction .box__text, .rte li, .rte p, .section-header__text, .navigation--panel .navigation-close, .navigation-close span, .sticky-segment__other__item, .sticky-segment__segment__item, .nav__filter__result p, .warning-message, .link, .text-current { font-size: 0.8rem; line-height: 1.2rem; } } @media (max-width: 767px) { .dealer-locator .dealer, .dealer-locator__popin .bt-close span, .quick-message__close, .actions__sticky-menu__trigger, .product__list__item__ref, .product__desc, .tools__item__desc, .search__tags-item, .search__tags-text, .results-filters__list-item, .search__reset-text, .search__input, .cookies__text, .modal-gallery__close, .modal__close, .box--fullpage__text, .store-name, .carousel-finance__resume, .carousel-edito .carousel-overlay-captions--counter span, .carousel-edito .carousel-overlay__legend, .push-image-hightlight__link, .panel-default__close span, .panel-comparator__buttons .action span, .panel-dop__list, .panel-dop__close span, .panel-contact__field > textarea, .panel-contact__field > select, .panel-contact__field > input:not([type=checkbox]), .panel-contact__infos__title, .panel-contact__close span, .panel-solution__list__item, .governance-panel__bio, .panel-product__content, .custom-select, .custom-input input:not([type=checkbox]), .custom-input textarea, .custom-checkbox [type=checkbox]:not(:checked) + label, .custom-checkbox [type=checkbox]:checked + label, .list-news__text, .list-dots li, .list-documents-news__title, .list-label, .list-icon__item, .list-actions__item, .box__tags--list li, .box--highlight__text, .box--with-expend .box--expend__content p, .box--with-expend .box--expend__inner p, .box--with-expend .box--expend__intro p, .box--news-related .news-text, .box--why p, .box--introduction .box__text, .rte li, .rte p, .section-header__text, .navigation--panel .navigation-close, .navigation-close span, .sticky-segment__other__item, .sticky-segment__segment__item, .nav__filter__result p, .warning-message, .link, .text-current { font-size: 0.8rem; line-height: 1.2rem; } } .dealer-locator__infos, .quick-message, .message-box, .loader-container--text, .product__downloads__file__title, .product__stocks, .result-table table, .push-doc-finance__info, .panel-comparator table tbody, .panel-comparator table thead td:first-child a, .panel-contact__error-text, .panel-contact__field-error, .panel-contact__infos__text, .panel-solution__list__wrapper--sub .panel-solution__list__item, .js-async-form .async-error-msg, .async-like-form .async-error-msg, .packaging-rows .error-msg, .multiform__steps--small .multiform__steps__step, .form-group .message, .form-bordered .form-section .note, .form-bordered .form-group .description, .list-files__size, .list-characteristics__desc, .list-characteristics__title, .list-refs__item, .box-grid-image__item__text, .box--event-list .event-list__item .event-date, .box--video__title p, .rte-array--refs tbody td, .rte-array tbody th, .tooltip, .autocomplete-suggestions .autocomplete-suggestion, .text-current-small { font-size: 0.75rem; line-height: 1.1rem; letter-spacing: 0.4px; color: #000000; } .text-xsmall { font-size: 0.7rem; line-height: 120%; color: #A39E9E; } .link { color: #DB3331; transition: 0.2s cubic-bezier(0.19, 1, 0.22, 1); cursor: pointer; } .link__label { vertical-align: middle; } svg + .link__label { padding: 0 0 0 0.1rem; } .link.black { color: #000000; } .link.red { color: #DB3331; } .link.red:hover { color: #000000; } .link--grey { color: #A39E9E; } .link:hover { color: #DB3331; } .link--underline { text-decoration: underline; } .link--icons { color: #000000; } .link--icons.red { color: #DB3331; } .link--icons.red svg path { fill: #DB3331; } .link--icons.red svg polygon { fill: #DB3331; } .link--icons.red svg rect { fill: #DB3331; } .link--icons.red:hover { color: #FC3D3B; } .link--icons.red:hover svg path { fill: #FC3D3B; } .link--icons.red:hover svg polygon { fill: #FC3D3B; } .link--icons.red:hover svg rect { fill: #FC3D3B; } .link--icons .icon { height: 20px; width: 20px; } .link--icons:hover { color: #DB3331; } .link--icons:hover svg path { fill: #DB3331; } .link--icons:hover svg polygon { fill: #DB3331; } .link--icons .icon-close { position: relative; top: -1px; left: -1px; } .link--current-small { font-size: 0.75rem; } .link--small { font-size: 0.8rem; } .link--xsmall { font-size: 0.7rem; line-height: 120%; } .link.block { display: block; box-sizing: border-box; width: 100%; } .c-white { color: #ffffff; } .c-black { color: #000000; } .c-red { color: #DB3331; } .c-grey { color: #A39E9E; } .pl-05 { padding-top: 0.5em; } .pl-10 { padding-top: 1em; } .pl-15 { padding-top: 1.5em; } .pl-20 { padding-top: 2em; } .leader-10 { margin-top: 0.5rem; } .leader-20 { margin-top: 1rem; } .leader-25 { margin-top: 1.25rem; } .leader-30 { margin-top: 1.5rem; } .leader-40 { margin-top: 2rem; } .leader-50 { margin-top: 2.5rem; } .leader-60 { margin-top: 3rem; } .leader-70 { margin-top: 3.5rem; } .leader-100 { margin-top: 5rem; } .leader-120 { margin-top: 6rem; } .trailer-10 { margin-bottom: 0.5rem; } .trailer-20 { margin-bottom: 1rem; } .trailer-30 { margin-bottom: 1.5rem; } .trailer-40 { margin-bottom: 2rem; } .trailer-50 { margin-bottom: 2.5rem; } .trailer-60 { margin-bottom: 3rem; } .trailer-70 { margin-bottom: 3.5rem; } .trailer-80 { margin-bottom: 4rem; } .trailer-90 { margin-bottom: 4.5rem; } .trailer-100 { margin-bottom: 5rem; } .trailer-120 { margin-bottom: 6rem; } .center { display: block; margin: 0 auto; } .t-center { text-align: center; } .t-right { text-align: right; } .t-left { text-align: left; } .t-em { font-style: italic; } .t-strong { font-weight: bold; } .uppercase { text-transform: uppercase; } .inline-block { display: inline-block; vertical-align: middle; margin-right: 0.5em; } .flex-center { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .flex-center { display: inherit; } } .flex-v-center { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; } .flex-v-center:after, .flex-v-center:before { display: none; } @media (max-width: 1023px) { .flex-reverse-tablet { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .flex-reverse-tablet__order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-reverse-tablet__order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } } .left-right { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row; -ms-flex-flow: row; flex-flow: row; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .left-right.top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .left-right.bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .left-right .custom-select { width: auto; } .left-right > * { margin-top: 0; margin-bottom: 0; } .left-right.mobile { display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .left-right { display: block; } } .show-tablet { display: none !important; } @media (max-width: 1023px) { .show-tablet { display: block !important; } } .show-mobile { display: none !important; } @media (max-width: 767px) { .show-mobile { display: block !important; } } @media (max-width: 767px) { .hidden-mobile { display: none !important; } } @media (max-width: 1023px) { .hidden-tablet { display: none !important; } } .hidden, .is-hidden { display: none !important; } .children-hidden > * { display: none; } .children-hidden > .is-active { display: block; } .me-1 { margin-right: 0.5em !important; } .ms-1 { margin-left: 0.5em !important; } .mt-1 { margin-top: 0.5em !important; } .mb-1 { margin-bottom: 0.5em !important; } .me-2 { margin-right: 1em !important; } .ms-2 { margin-left: 1em !important; } .mt-2 { margin-top: 1em !important; } .mb-2 { margin-bottom: 1em !important; } .me-3 { margin-right: 1.5em !important; } .ms-3 { margin-left: 1.5em !important; } .mt-3 { margin-top: 1.5em !important; } .mb-3 { margin-bottom: 1.5em !important; } .me-4 { margin-right: 2em !important; } .ms-4 { margin-left: 2em !important; } .mt-4 { margin-top: 2em !important; } .mb-4 { margin-bottom: 2em !important; } .is-locked { overflow: hidden; } .js-view-more-content { display: none; } .js-view-more.bt-chevron .icon-chevron-right { width: 9px; height: 15px; transition: all 0.3s ease; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .js-view-more.bt-chevron.is-less .icon-chevron-right { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .nowrap { white-space: nowrap; } @media (max-width: 1023px) { .reset.tablet { padding: 0; margin: 0; } } .sr-only:not(:focus):not(:active) { clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } html { font-size: 20px; } body { position: relative; color: #000000; background-color: #F2F2F2; overflow-x: hidden; } .main { position: relative; overflow: hidden; background-color: #ffffff; } .main.overflow { overflow: visible; } ::-moz-selection { background-color: #FFE97E; } ::selection { background-color: #FFE97E; } @media (max-width: 1023px) { .main-wrapper { padding-top: 58px; } } .main { width: 1590px; max-width: 100%; margin: 0 auto; position: relative; } @media (max-width: 1589px) { .main { width: 1360px; } } @media (max-width: 1023px) { .main { width: 100%; } } .warning-message { color: #000000; display: block; } .grid { width: 1390px; max-width: 100%; margin: 0 auto; position: relative; } @media (max-width: 1589px) { .grid { width: 1160px; } } @media (max-width: 1159px) { .grid { width: 928px; } } @media (max-width: 1023px) { .grid { width: 696px; } } .grid--large { width: 100%; } .row { margin-left: -25px; margin-right: -25px; } @media (max-width: 1589px) { .row { margin-left: -20px; margin-right: -20px; } } @media (max-width: 1159px) { .row { margin-left: -16px; margin-right: -16px; } } @media (max-width: 1023px) { .row { margin-left: -12px; margin-right: -12px; } } @media (max-width: 767px) { .row { margin-left: -5px; margin-right: -5px; } } .row.no-gutter { margin-left: 0; margin-right: 0; } .row--bordered-top { position: relative; } .row--bordered-top:after { height: 1px; width: calc(100% - 50px); left: 1.25rem; background-color: rgba(0, 0, 0, 0.1); position: absolute; content: ""; bottom: 0; } @media (max-width: 1159px) { .row--bordered-top:after { width: calc(100% - 40px); left: 1rem; } } @media (max-width: 1023px) { .row--bordered-top:after { width: calc(100% - 32px); left: 0.8rem; } } @media (max-width: 767px) { .row--bordered-top:after { width: calc(100% - 10px); left: 0.25rem; } } .row--full-h { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: stretch; -ms-flex-pack: stretch; justify-content: stretch; height: 100%; } .row--full-h:after, .row--full-h:before { display: none; } .row--spacing + .row--spacing { margin-top: 3rem; } /* === Grid Desktop === */ [class*=cell-] { min-height: 1px; float: left; padding-left: 25px; padding-right: 25px; } @media (max-width: 1589px) { [class*=cell-] { padding-left: 20px; padding-right: 20px; } } @media (max-width: 1159px) { [class*=cell-] { padding-left: 16px; padding-right: 16px; } } @media (max-width: 1023px) { [class*=cell-] { padding-left: 12px; padding-right: 12px; } } @media (max-width: 767px) { [class*=cell-] { padding-left: 5px; padding-right: 5px; } } [class*=cell-].no-gutter { padding-left: 0; padding-right: 0; } .cell-1 { width: 8.3333333333%; } .cell-2 { width: 16.6666666667%; } .cell-3 { width: 25%; } .cell-4 { width: 33.3333333333%; } .cell-5 { width: 41.6666666667%; } .cell-6 { width: 50%; } .cell-7 { width: 58.3333333333%; } .cell-8 { width: 66.6666666667%; } .cell-9 { width: 75%; } .cell-10 { width: 83.3333333333%; } .cell-11 { width: 91.6666666667%; } .cell-12 { width: 100%; } .prepend-1 { margin-left: 8.3333333333%; } .prepend-2 { margin-left: 16.6666666667%; } .prepend-3 { margin-left: 25%; } .prepend-4 { margin-left: 33.3333333333%; } .prepend-5 { margin-left: 41.6666666667%; } .prepend-6 { margin-left: 50%; } .prepend-7 { margin-left: 58.3333333333%; } .prepend-8 { margin-left: 66.6666666667%; } .prepend-9 { margin-left: 75%; } .prepend-10 { margin-left: 83.3333333333%; } .prepend-11 { margin-left: 91.6666666667%; } .prepend-12 { margin-left: 100%; } .append-1 { margin-right: 8.3333333333%; } .append-2 { margin-right: 16.6666666667%; } .append-3 { margin-right: 25%; } .append-4 { margin-right: 33.3333333333%; } .append-5 { margin-right: 41.6666666667%; } .append-6 { margin-right: 50%; } .append-7 { margin-right: 58.3333333333%; } .append-8 { margin-right: 66.6666666667%; } .append-9 { margin-right: 75%; } .append-10 { margin-right: 83.3333333333%; } .append-11 { margin-right: 91.6666666667%; } .append-12 { margin-right: 100%; } /* === Grid Tablet === */ @media (max-width: 1023px) { [class*=cell-] { width: 100%; float: left; padding: 0 12px; } /* === Reset sizes for Desktop === */ .cell-1 { width: 100%; } .cell-2 { width: 100%; } .cell-3 { width: 100%; } .cell-4 { width: 100%; } .cell-5 { width: 100%; } .cell-6 { width: 100%; } .cell-7 { width: 100%; } .cell-8 { width: 100%; } .cell-9 { width: 100%; } .cell-10 { width: 100%; } .cell-11 { width: 100%; } .cell-12 { width: 100%; } .prepend-1 { margin-left: 0; } .prepend-2 { margin-left: 0; } .prepend-3 { margin-left: 0; } .prepend-4 { margin-left: 0; } .prepend-5 { margin-left: 0; } .prepend-6 { margin-left: 0; } .prepend-7 { margin-left: 0; } .prepend-8 { margin-left: 0; } .prepend-9 { margin-left: 0; } .prepend-10 { margin-left: 0; } .prepend-11 { margin-left: 0; } .prepend-12 { margin-left: 0; } .append-1 { margin-right: 0; } .append-2 { margin-right: 0; } .append-3 { margin-right: 0; } .append-4 { margin-right: 0; } .append-5 { margin-right: 0; } .append-6 { margin-right: 0; } .append-7 { margin-right: 0; } .append-8 { margin-right: 0; } .append-9 { margin-right: 0; } .append-10 { margin-right: 0; } .append-11 { margin-right: 0; } .append-12 { margin-right: 0; } /* === Sizes for Tablet === */ [class*=cell-t] { min-height: 1px; float: left; padding: 0 12px; } .cell-t-1 { width: 8.3333333333%; } .cell-t-2 { width: 16.6666666667%; } .cell-t-3 { width: 25%; } .cell-t-4 { width: 33.3333333333%; } .cell-t-5 { width: 41.6666666667%; } .cell-t-6 { width: 50%; } .cell-t-7 { width: 58.3333333333%; } .cell-t-8 { width: 66.6666666667%; } .cell-t-9 { width: 75%; } .cell-t-10 { width: 83.3333333333%; } .cell-t-11 { width: 91.6666666667%; } .cell-t-12 { width: 100%; } .prepend-t-1 { margin-left: 8.3333333333%; } .prepend-t-2 { margin-left: 16.6666666667%; } .prepend-t-3 { margin-left: 25%; } .prepend-t-4 { margin-left: 33.3333333333%; } .prepend-t-5 { margin-left: 41.6666666667%; } .prepend-t-6 { margin-left: 50%; } .prepend-t-7 { margin-left: 58.3333333333%; } .prepend-t-8 { margin-left: 66.6666666667%; } .prepend-t-9 { margin-left: 75%; } .prepend-t-10 { margin-left: 83.3333333333%; } .prepend-t-11 { margin-left: 91.6666666667%; } .prepend-t-12 { margin-left: 100%; } .append-t-1 { margin-right: 8.3333333333%; } .append-t-2 { margin-right: 16.6666666667%; } .append-t-3 { margin-right: 25%; } .append-t-4 { margin-right: 33.3333333333%; } .append-t-5 { margin-right: 41.6666666667%; } .append-t-6 { margin-right: 50%; } .append-t-7 { margin-right: 58.3333333333%; } .append-t-8 { margin-right: 66.6666666667%; } .append-t-9 { margin-right: 75%; } .append-t-10 { margin-right: 83.3333333333%; } .append-t-11 { margin-right: 91.6666666667%; } .append-t-12 { margin-right: 100%; } .grid.no-padding-tablet { padding: 0; } } /* === Grid Mobile === */ @media (max-width: 767px) { [class*=cell-] { width: 100%; float: left; padding: 0 5px; } [class*=cell-t-] { width: 100%; float: left; padding: 0 5px; } .row { margin-left: -5px; margin-right: -5px; } .grid { padding: 0 20px; } .grid.no-padding-mobile { padding: 0; } /* === Sizes for Mobile === */ [class*=cell-m] { min-height: 1px; float: left; padding: 0 5px; } .cell-m-1 { width: 8.3333333333%; } .cell-m-2 { width: 16.6666666667%; } .cell-m-3 { width: 25%; } .cell-m-4 { width: 33.3333333333%; } .cell-m-5 { width: 41.6666666667%; } .cell-m-6 { width: 50%; } .cell-m-7 { width: 58.3333333333%; } .cell-m-8 { width: 66.6666666667%; } .cell-m-9 { width: 75%; } .cell-m-10 { width: 83.3333333333%; } .cell-m-11 { width: 91.6666666667%; } .cell-m-12 { width: 100%; } .prepend-m-0 { margin-left: 0%; } .prepend-m-1 { margin-left: 8.3333333333%; } .prepend-m-2 { margin-left: 16.6666666667%; } .prepend-m-3 { margin-left: 25%; } .prepend-m-4 { margin-left: 33.3333333333%; } .prepend-m-5 { margin-left: 41.6666666667%; } .prepend-m-6 { margin-left: 50%; } .prepend-m-7 { margin-left: 58.3333333333%; } .prepend-m-8 { margin-left: 66.6666666667%; } .prepend-m-9 { margin-left: 75%; } .prepend-m-10 { margin-left: 83.3333333333%; } .prepend-m-11 { margin-left: 91.6666666667%; } .prepend-m-12 { margin-left: 100%; } .append-m-0 { margin-right: 0%; } .append-m-1 { margin-right: 8.3333333333%; } .append-m-2 { margin-right: 16.6666666667%; } .append-m-3 { margin-right: 25%; } .append-m-4 { margin-right: 33.3333333333%; } .append-m-5 { margin-right: 41.6666666667%; } .append-m-6 { margin-right: 50%; } .append-m-7 { margin-right: 58.3333333333%; } .append-m-8 { margin-right: 66.6666666667%; } .append-m-9 { margin-right: 75%; } .append-m-10 { margin-right: 83.3333333333%; } .append-m-11 { margin-right: 91.6666666667%; } .append-m-12 { margin-right: 100%; } } .dev-grid { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; pointer-events: none; } .dev-grid .grid { height: 100%; } .dev-grid .row { height: 100%; } .dev-grid [class*=cell-] { position: relative; height: 100%; } .dev-grid [class*=cell-]:before { content: ""; position: absolute; top: 0; left: 25px; right: 25px; display: block; height: 100%; background-color: rgba(219, 71, 69, 0.3); } @media (max-width: 1589px) { .dev-grid [class*=cell-]:before { background-color: rgba(108, 80, 118, 0.3); left: 20px; right: 20px; } } @media (max-width: 1159px) { .dev-grid [class*=cell-]:before { background-color: rgba(26, 160, 224, 0.3); left: 16px; right: 16px; } } @media (max-width: 1023px) { .dev-grid [class*=cell-]:before { background-color: rgba(91, 226, 167, 0.3); left: 12px; right: 12px; } } @media (max-width: 767px) { .dev-grid [class*=cell-]:before { background-color: rgba(26, 160, 224, 0.3); left: 5px; right: 5px; } } .dev-grid__button { position: fixed; z-index: 100; bottom: 25px; left: 25px; display: block; padding: 7px 12px; font-size: 14px; color: #ffffff; text-transform: uppercase; background-color: black; border: none; cursor: pointer; outline: none; } .dev-grid.is-hidden { display: none; } @media (max-width: 1023px) { .hidden-t { display: none; } } @media (max-width: 767px) { .hidden-m { display: none; } } .header { background-color: white; z-index: 20; position: relative; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); } .header--top { color: white; background-color: black; padding: 0.5em 0; } .header--top .links ul, .header--top .links li, .header--top .links .language-select__wrapper { display: inline-block; vertical-align: middle; } .header .language-select { color: white; background: transparent url("../images/icons/dropdown--grey.svg") no-repeat 100% center; } .header .menu-top a { display: block; color: white; padding: 0.25em 1em; } .header .menu-top:hover { color: #DB3331; } .header .menu-top.active { color: #DB3331; } .header .share-price { font-size: 0.8rem; } .header .share-price .site-name { font-weight: bold; text-transform: uppercase; display: inline-block; padding: 0.25em 0.5em 0.25em 0; border-right: 1px solid white; display: inline-block; vertical-align: middle; font-family: FuturaNewDemi-Reg, sans-serif; } .header .share-price .site-name:last-child { border-right: none; } .header .share-price a { margin: 0 0.5em; font-weight: bold; font-family: FuturaNewDemi-Reg, sans-serif; } .header .share-price--details { font-size: 0.7rem; } .header.header--pays .share-price .site-name { border-right: 1px solid black; } .header.header--pays .share-price .site-name:last-child { border-right: none; } .header--bottom { padding: 0.75em 0; background-color: white; position: relative; } .header--bottom.is-sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 20; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); } .header--bottom.is-sticky .brand svg { max-width: 86px; max-height: 35px; } @media (max-width: 767px) { .header--bottom.is-sticky { position: static; box-shadow: none; } } .header--bottom .main-subnav { padding: 1em 0; position: absolute; display: none; top: 50%; left: 0; right: 0; background-color: white; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); z-index: 20; } .header--bottom .main-subnav.active { display: block; -webkit-animation: 0.3s ease forwards submenuAppear; animation: 0.3s ease forwards submenuAppear; } .header--bottom .main-subnav.active .main-subnav--level { max-height: calc(100vh - 160px); overflow-y: auto; } .header--bottom .main-subnav .main-subnav--level-1 { border-right: 1px solid #E5E5E5; } .header .header--social-list { padding: 10px 20px; } .header .header--social-list li a { border: 2px solid #E5E5E5; } .header .header--social-list li svg { fill: #000000; } .header .header--social-list li svg path { fill: #000000; } .header .meta-links { padding: 0 20px; } .header .show-sticky { display: none; } .header .is-sticky .show-sticky { display: inline-block; } @media (max-width: 767px) { .header .is-sticky .show-sticky { display: none; } } @media (max-width: 1023px) { .header .is-sticky .show-sticky { display: none; } } @media (max-width: 1023px) { .header { position: fixed; z-index: 20; top: 0; left: 100%; width: 100%; height: 100%; overflow: auto; transition: left 0.3s ease; } .header.is-opened { left: 0%; } .header .left-right { display: block; } .header .header--container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column-reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse; } .header .header--container::before { display: block; content: ""; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .header .grid { padding: 0; } .header div.brand { padding: 10px 0 10px 20px; height: 58px; } .header div.brand svg { max-width: 94px; max-height: 38px; } .header .share-price { text-align: left; padding: 0.75em 20px; border-top: 1px solid #E5E5E5; } .header .share-price a { margin-left: 0; } .header .share-price .site-name { display: none; } .header .share-price span { display: inline-block; } .header .menu-top { font-family: "FuturaNewMedium-Reg", sans-serif; font-size: 0.8rem; } .header .menu-top a { display: block; padding: 0.75em 20px; color: #000000; } .header .header-link-icon .name { margin-left: 0.75em; display: inline-block; } .header .header--bottom { padding: 0; } .header .header--top { background: white; color: #000000; padding: 0; } .header .header--top .links ul { display: block; } .header .header--top .links li { border-top: 1px solid #E5E5E5; display: block; } .header .header--top .language--list { margin: 0; border-top: 1px solid #E5E5E5; padding: 5px 0; } .header .header--top .language--list li { border-top: 0; display: inline-block; border-left: 1px solid #A39E9E; } .header .header--top .language--list li:first-child { border-left: 0; } .header .header--top .language--list li a { display: block; padding: 5px 20px; } .header .header--top .language-select__wrapper { display: block; border-top: 1px solid #E5E5E5; padding: 5px 0; } .header .header--top .language-select__wrapper .language-select { padding-left: 20px; font-size: 0.8em; color: black; background: transparent url("../images/icons/dropdown.svg") no-repeat 100% center; } .header .main-subnav.active { padding: 0; box-shadow: none; position: static; -webkit-animation: none; animation: none; } .header .main-subnav .main-subnav--level-1 { z-index: 22; } .header .main-subnav .main-subnav--level-2 { z-index: 23; } .header .main-subnav .main-subnav--level { position: fixed; top: 0; left: 100%; width: 100%; bottom: 0; overflow: auto; padding: 0; background-color: white; transition: left 0.3s ease; } .header .main-subnav .main-subnav--level.active { left: 0%; } } .header--pays { /* === Submenu === */ } .header--pays .header--name .account-container { display: inline-block; margin-left: 0.4em; padding-left: 0.6em; border-left: 1px solid #555555; } .header--pays .header--name .account-container > select.custom-select { letter-spacing: 0; padding-left: 0; color: #A39E9E; } .header--pays .header--top { color: #000000; background-color: #F2F2F2; border-bottom: 1px solid #E5E5E5; padding-bottom: 0; } .header--pays .header--top > .grid { padding-bottom: 0.5em; } .header--pays .menu-top a { color: #000000; } .header--pays .header-link-icon.is-disabled { color: #A39E9E; } .header--pays .language--list li { border-color: #A39E9E; } .header--pays .language-select { color: #000000; background: transparent url("../images/icons/dropdown.svg") no-repeat 100% center; } .header--pays .header--submenu { position: absolute; margin-top: 0.75em; top: 100%; left: -100px; right: -100px; padding: 95px 0 40px; z-index: 10; border: none; transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); opacity: 0; } @media (max-width: 767px) { .header--pays .header--submenu { z-index: 21; position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; background-color: white; padding: 50px 20px 20px; margin: 0; } .header--pays .header--submenu::after { display: none; } } .header--pays .header--submenu::after { content: ""; background-color: #ffffff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .header--pays .header--submenu.active { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); opacity: 1; } .header--pays .header--submenu ul { display: block; } .header--pays .header--submenu ul li { display: block; height: auto; margin: 0; margin-bottom: 22px; } .header--pays .header--submenu ul li:last-child { margin-bottom: 0; } .header--pays .header--submenu ul li a { display: block; position: relative; padding-right: 45px; } .header--pays .header--submenu .header--submenu--list { border-right: 1px solid #E5E5E5; position: relative; } .header--pays .header--submenu .header--submenu--list li a::after { content: ""; display: block; background: url("../images/icons/chevron-right--red.svg") no-repeat right center; position: absolute; top: 0; left: 0; right: 20px; bottom: 0; z-index: 0; opacity: 0; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .header--pays .header--submenu .header--submenu--list li .header--submenu--list { border: 0; position: absolute; left: 100%; padding-left: calc(25px*2); top: 0; height: 100%; width: calc(100% + 25px*2); -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); opacity: 0; transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; } .header--pays .header--submenu .header--submenu--list li .header--submenu--list li a { padding-right: 0; } .header--pays .header--submenu .header--submenu--list li .header--submenu--list li a::after { display: none; } .header--pays .header--submenu .header--submenu--list li:hover .header--submenu--list { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); opacity: 1; } .header--pays .header--submenu .header--submenu--list li:hover a::after { opacity: 1; } .header--pays .header--submenu__small { box-shadow: none; left: auto; right: 0; padding: 85px 50px 35px; width: 100%; max-width: 437px; } .header--pays .header--submenu__small::after { border: 1px solid #E5E5E5; border-top: 0; } @media (max-width: 767px) { .header--pays .header--submenu__small { padding: 50px 20px 20px; max-width: none; } } .header--pays .header--submenu__login label { display: block; margin-bottom: 10px; } .header--pays .header--submenu__login input { margin-bottom: 10px; } .header--pays .header--submenu__login .button { margin-top: 20px; margin-bottom: 20px; } .header--pays .header--submenu__profile ul { margin: 20px 0; } .header--pays .header--submenu__profile ul li { margin-bottom: 10px; } .header--pays .header--submenu__profile .button { margin-top: 20px; } .header-link-icon { font-size: 0.8rem; } .header-link-icon .name { display: none; } .header-link-icon svg { vertical-align: middle; } .header-link-icon.js-search-trigger .icon--search { display: inline-block; } .header-link-icon.js-search-trigger .icon--close { display: none; } .header-link-icon.js-search-trigger.active .icon--search { display: none; } .header-link-icon.js-search-trigger.active .icon--close { display: inline-block; } .language--list { margin-left: 1em; } .language--list a { font-size: 0.8rem; display: block; text-transform: uppercase; font-weight: normal; padding: 0.25em 0.3em 0.25em 0.5em; } .language--list a:hover { text-decoration: underline; } .language--list a.active { font-weight: 700; text-decoration: underline; } .language--list li { display: inline-block; vertical-align: middle; border-left: 1px solid white; } .language--list li:first-child { border-left: 0; } .header--inner { padding: 40px 0 43px; background: #ffffff; position: relative; } /* === Sub header === */ .header--sub .custom-select { color: #A39E9E; margin: 0; padding-left: 0; width: auto; display: inline-block; margin-right: 2em; } .header--sub .custom-select option { font-family: sans-serif; color: #000000; } @media (max-width: 1023px) { .header--sub .custom-select { border: 0; padding: 0 0.5rem 0 0; background-position: center right; } } .header--sub .header--inner { padding: 18px 0 16px; border-bottom: 1px solid #E5E5E5; } .header--sub__left { float: left; position: relative; top: 3px; } @media (max-width: 1023px) { .header--sub__left { top: auto; } } .header--sub__right { float: right; } .header--sub__right li { display: inline-block; margin: 0 40px 0 0; vertical-align: bottom; } .header--sub__right li:last-child { margin: 0; } .header--sub__right li a { color: #A39E9E; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .header--sub__right li a:hover, .header--sub__right li a.active { color: #DB3331; } /* === Logo === */ .brand { margin: 0 50px 0 0; } .brand a { display: block; height: 100%; } .brand svg { display: block; width: 133px; height: 54px; max-width: 133px; max-height: 54px; } @media (max-width: 1023px) { .header--inner { padding: 22px 0px; } .header--pays .header--inner { padding: 8px 0px; } .header--sub .header--inner { padding: 8px 0 0; border-bottom: 0; } .header--pays .brand { margin-right: 30px; } } @media (max-width: 1023px) { .js-sticky-clone.sticky-main-menu { display: none; } .popin-close-btn { z-index: 21; position: absolute; top: 20px; right: 20px; cursor: pointer; } .popin-close-btn span { display: none; } .popin-close-btn svg { display: inline-block; vertical-align: middle; } .popin-close-btn:hover { color: #DB3331; } .popin-close-btn:hover svg { fill: #DB3331; } .mobile-header { position: fixed; top: 0; left: 0; right: 0; background: white; padding: 10px 0; z-index: 15; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); } .mobile-header .header-link-icon { margin-left: 1em; } .mobile-header .brand { margin-right: 10px; white-space: nowrap; } .mobile-header .brand a { display: inline-block; vertical-align: middle; } .mobile-header .brand .header--name { padding-left: 0.75em; vertical-align: middle; display: inline-block; } .header--inner { padding: 20px 0; } .header--pays .header--inner { padding: 8px 0px; } .header--pays .brand { margin-right: 20px; } .header--list { margin: 9px 0 0; } .header--list__right li { margin: 0 30px 0 0; } .header--list__right li .icon { margin: 0; } } @-webkit-keyframes submenuAppear { from { top: 50%; } to { top: 100%; } } @keyframes submenuAppear { from { top: 50%; } to { top: 100%; } } .footer { background: #000000; } .footer .icons--list { font-size: 0.8rem; } .footer .icons--list a { color: #ffffff; } .footer .icons--list a:hover { color: #DB3331; } .footer .icons--list a svg { vertical-align: middle; } .footer .icons--list a .name { margin-left: 0.75em; } .footer .icons--list li { display: inline-block; margin-left: 2em; } @media (max-width: 767px) { .footer .icons--list { text-align: center; } .footer .icons--list li { margin: 0.5em 1em; } } .footer .language--list a { color: #ffffff; } @media (max-width: 767px) { .footer .language--list { text-align: center; margin: 1em 0 0; } } .footer--container { position: relative; } .footer--container .link-to-top { display: block; position: absolute; top: -1em; right: 0; background-color: #DB3331; height: 2em; width: 2em; padding: 0.4em 0.6em 0.8em 0.6em; border-radius: 200px; color: white; text-align: center; } .footer--container .link-to-top svg { fill: white; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } @media (max-width: 767px) { .footer--container .link-to-top { right: 20px; } } .footer--top { padding: 60px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } /* === Footer - List Social Medias === */ .social-list { font-size: 0; display: inline-block; } .social-list li { display: inline-block; vertical-align: middle; margin: 0 10px 0 0; } .social-list li:last-child { margin: 0; } .social-list li a { width: 55px; height: 55px; border-radius: 50%; display: block; position: relative; border: 2px solid rgba(255, 255, 255, 0.2); transition: 0.2s cubic-bezier(0.19, 1, 0.22, 1); } .social-list li a:hover.fb-icon { background: #3C5D99; border-color: #3C5D99; } .social-list li a:hover.tw-icon { background: #36ABDF; border-color: #36ABDF; } .social-list li a:hover.lk-icon { background: #1B75B0; border-color: #1B75B0; } .social-list li a:hover.yt-icon { background: #DB3331; border-color: #DB3331; } .social-list li a:hover.insta-icon { background: #d12c74; border-color: #d12c74; } .social-list li svg { fill: #ffffff; vertical-align: middle; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .social-list li svg, .social-list li path { transition: 0.2s cubic-bezier(0.19, 1, 0.22, 1); } /* === Footer Bottom Part === */ .footer--bottom { padding: 30px 0 80px; } .footer .copyright { color: rgba(255, 255, 255, 0.5); font-size: 0.7rem; line-height: 1rem; letter-spacing: 2px; text-transform: uppercase; } .footer--links li { display: inline-block; margin: 0 40px 0 0; } .footer--links li:last-child { margin: 0; } .footer--links li a { position: relative; color: rgba(255, 255, 255, 0.5); font-size: 0.7rem; line-height: 1rem; letter-spacing: 2px; text-transform: uppercase; } .footer--links li a:hover { color: #ffffff; } /* === Footer Bottom Part - END === */ /* === Footer - Responsive === */ @media (max-width: 1159px) { .footer--top { padding: 50px 0 30px; } .footer--list li { margin: 0 25px 0 0; } .footer--list li a { font-size: 0.8rem; } .footer--social-list { text-align: center; } .footer--social-list li { line-height: 1.2rem; } .footer .copyright { font-size: 0.7rem; line-height: 0.9rem; letter-spacing: 1.3px; } .footer--links li a { font-size: 0.7rem; line-height: 0.9rem; letter-spacing: 1.3px; } } @media (max-width: 1023px) { .footer--bottom { padding: 30px 0 70px; } .footer--list { text-align: center; margin: 0 0 30px; } .footer--list li { margin: 0 47px 0 0; line-height: 1; } .footer--social-list { display: block; margin: 0 0 20px; } .footer--social-list li { margin: 0 10px 0 0; } .footer--links { text-align: center; } .footer .copyright { font-size: 0.6rem; line-height: 0.9rem; display: block; text-align: center; color: rgb(255, 255, 255); } .footer--links li { display: block; margin: 0 0 2px; transition: 0.2s cubic-bezier(0.19, 1, 0.22, 1); } .footer--links li a { color: #ffffff; } .footer--links li a { font-size: 0.6rem; line-height: 0.9rem; } } @media (max-width: 767px) { .footer--top { padding: 30px 0 30px; } .footer--list li { display: block; margin: 0 0 20px 0; } .footer--bottom { padding: 30px 0 40px; } } .tpl-business-section .story-push-full { margin-top: 6rem; } @media (max-width: 1023px) { .tpl-business-section .story-push-full { margin-top: 3.5rem; margin-bottom: 3.5rem; } } @media (max-width: 767px) { .tpl-business-section .story-push-full { margin-top: 2rem; margin-bottom: 2rem; } } .tpl-editorial .section:last-child { margin: 0 0 6rem 0; } @media (max-width: 1023px) { .tpl-editorial .section:last-child { margin: 0 0 3.5rem; } } @media (max-width: 767px) { .tpl-editorial .section:last-child { margin: 0 0 2rem; } } .nav { /* Nav filter */ } .nav__filter { display: inline-block; } .nav__filter__wrapper { padding: 40px 0; margin: 0 0 120px; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .nav__filter__wrapper--pays { margin-bottom: 1.5rem; } .nav__filter__wrapper--no-border-top { border-top: 0; } .nav__filter__wrapper .grid { position: static; } @media (max-width: 1023px) { .nav__filter__wrapper { padding: 1rem 0; margin: 0 0 1rem; padding: 0 0 1rem; } } .nav__filter__wrapper-inner { position: relative; padding: 0 0 1rem; } @media (max-width: 1023px) { .nav__filter__wrapper-inner { padding: 0; } } .nav__filter__wrapper-inner .grid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .nav__filter__wrapper--sticky { border: 0; z-index: 19; padding: 0; } .nav__filter__wrapper--sticky .sticky__content { background-color: #ffffff; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 40px 0; } @media (max-width: 1023px) { .nav__filter__wrapper--sticky .sticky__content { padding: 0 0 1rem; } } @media (max-width: 1023px) { .nav__filter { padding: 1rem 0; margin: 0; } } .nav__filter--left { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: 70%; } @media (max-width: 1023px) { .nav__filter--left { display: none; } } .nav__filter--right { text-align: right; width: 20%; } .nav__filter--right .nav__filter__item { padding-right: 0; } .nav__filter--right select { width: auto; min-width: 80px; display: inline-block; padding: 0 1rem 0 0; } @media (max-width: 1023px) { .nav__filter--right { display: none; } } .nav__filter--double { width: 30%; } .nav__filter--double select + select { margin-left: 1rem; } .nav__filter__item { float: left; padding: 0 2rem 0 0; margin: 0 0 0.5rem; } .nav__filter__item:first-child { padding-left: 0; } .nav__filter__item a.link { color: #000000; } .nav__filter__item a.link:hover { color: #DB3331; } .nav__filter__item a.link:hover .icon path { fill: #DB3331; } .nav__filter__item a.is-active { color: #DB3331; } .nav__filter__item .icon { position: relative; top: -2px; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .nav__filter__link { transition: all ease 0.3s; } .nav__filter__link.is-active { color: #DB3331; } .nav__filter__link:hover { color: #DB3331; } .nav__filter__sub { position: absolute; z-index: 9; top: 100%; left: 0; width: 100%; padding: 1.5rem 0; background-color: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.1); display: none; } @media (max-width: 1023px) { .nav__filter__sub { display: none; } } .nav__filter__sub--wrapper { width: 1390px; max-width: 100%; margin: 0 auto; } .nav__filter__sub--wrapper .navigation__expends { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .nav__filter__sub--wrapper .navigation__expends > * { width: 31%; margin-right: 1%; } .nav__filter__sub--wrapper .navigation__menu-item { border: 0; } .nav__filter__sub--wrapper.small-values .navigation__expends > * { width: 15%; margin-right: 1%; } @media (max-width: 1589px) { .nav__filter__sub--wrapper { width: 1160px; } } @media (max-width: 1159px) { .nav__filter__sub--wrapper { width: 928px; } } .nav__filter__sub--wrapper a { display: block; } .nav__filter__sub--wrapper a.link { color: #000000; line-height: 1.7rem; } .nav__filter__sub--wrapper a.link:hover { color: #DB3331; } .nav__filter__sub--wrapper a.is-active { color: #DB3331; } .nav__filter__result { border-top: solid 1px rgba(0, 0, 0, 0.1); padding-top: 1.5rem; } @media (max-width: 1023px) { .nav__filter__result { margin-top: 0; padding-top: 1rem; } } .nav__filter__result__item { display: inline-block; margin-left: 1.5rem; } .nav__filter__result__item:first-of-type { margin-left: 0; } .nav__filter__result__item__label { color: #A39E9E; display: inline-block; margin-right: 5px; } .nav__filter .is-open .nav__filter__sub { display: block; } .nav__filter .is-open .js-filter-dropdown { color: #DB3331; } .nav__filter .is-open .js-filter-dropdown .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .nav__filter .is-open .js-filter-dropdown .icon path { fill: #DB3331; } .filter-mobile { display: none; padding: 1rem 0; } @media (max-width: 1023px) { .filter-mobile { display: block; } } .filter-mobile__title { /* Filters: */ font-size: 0.8rem; line-height: 1.2rem; color: #000000; letter-spacing: 0.4px; } .filter-mobile .custom-select { margin-bottom: 0.5rem; } .filter-mobile__head { position: relative; cursor: pointer; } .filter-mobile__head .icon { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; } .filter-mobile__content { display: none; margin: 1rem 0; } .filter-mobile .custom-select--sub { display: none; } .filter-mobile .custom-select--sub.is-selected { display: block; } .filter-mobile.is-open .filter-mobile__content { display: block; } .filter-mobile.is-open .icon-plus { display: none; } .filter-mobile option:checked { color: #DB3331; } .main-subnav ul { padding: 0; margin: 0; list-style: none; } .main-subnav ul li { display: block; } .main-subnav ul li a { display: block; position: relative; color: #A39E9E; padding: 0.4em 2em 0.4em 0; line-height: 1.4; } .main-subnav ul li a:hover, .main-subnav ul li a.active { text-decoration: none; color: #DB3331; } .main-subnav ul li a.expand::after { content: ""; display: block; border-top: 2px solid #A39E9E; border-right: 2px solid #A39E9E; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); padding: 0; height: 10px; width: 10px; position: absolute; top: 50%; right: 0; } .main-subnav ul li a.expand:hover::after, .main-subnav ul li a.expand.active::after { border-color: #DB3331; } .main-subnav .main-subnav--nav { display: none; } @media (max-width: 1023px) { .main-subnav .main-subnav--nav { display: block; background-color: #F2F2F2; } .main-subnav .main-subnav--nav a { font-size: 0.8rem; display: block; font-family: "FuturaNewMedium-Reg", sans-serif; font-weight: bold; color: #DB3331; padding: 0.75em 20px 0.75em 2.5em; position: relative; } .main-subnav .main-subnav--nav a::after { content: ""; border-top: 2px solid #DB3331; border-right: 2px solid #DB3331; -webkit-transform: translateY(-50%) rotate(-135deg); -ms-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); padding: 0; height: 10px; width: 10px; position: absolute; top: 50%; left: 20px; } .main-subnav ul { font-size: 0.8rem; } .main-subnav ul li { border-top: 1px solid #E5E5E5; display: block; } .main-subnav ul li a { display: block; font-family: "FuturaNewMedium-Reg", sans-serif; font-weight: 500; color: #000000; padding: 0.75em 2em 0.75em 20px; } .main-subnav ul li a.expand::after { content: ""; border-top: 2px solid #000000; border-right: 2px solid #000000; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); padding: 0; height: 10px; width: 10px; position: absolute; top: 50%; right: 20px; } } .main-nav li { display: inline-block; margin-left: 1em; } .main-nav li a { font-family: "FuturaNewMedium-Reg", sans-serif; font-weight: 500; display: block; } .main-nav li a:hover, .main-nav li a.active, .main-nav li a.is-active { color: #DB3331; } .main-nav li ul { display: none; } @media (max-width: 1023px) { .main-nav { padding: 0; margin: 0; list-style: none; font-size: 0.8rem; } .main-nav li { border-top: 1px solid #E5E5E5; display: block; margin: 0; } .main-nav li a { display: block; position: relative; color: #000000; padding: 0.75em 2em 0.75em 20px; line-height: 1.4; } .main-nav li a:hover, .main-nav li a.active { text-decoration: none; color: #DB3331; } .main-nav li a.expand::after { content: ""; display: block; border-top: 2px solid #000000; border-right: 2px solid #000000; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); padding: 0; height: 10px; width: 10px; position: absolute; top: 50%; right: 20px; } .main-nav li a.expand:hover::after, .main-nav li a.expand.active::after { border-color: #DB3331; } } .sticky-segment { position: fixed; z-index: 10; background-color: #ffffff; max-width: 1590px; width: 1590px; border-bottom: solid 1px #E5E5E5; top: -70px; transition: all ease 0.5s; opacity: 0; } .sticky-segment.is-sticky { top: 0; opacity: 1; } .sticky-segment__wrapper { width: 1390px; margin: 0 auto; padding: 1rem 0; } .sticky-segment__segment { float: left; } .sticky-segment__segment__item { float: left; border-right: solid 1px #E5E5E5; padding: 0 0.75rem 0 0; margin: 0 0 0 1rem; } .sticky-segment__segment__item:last-child { border-right: none; } .sticky-segment__segment__item:first-child { margin: 0; } .sticky-segment__segment__item .link svg { position: relative; top: -1px; } .sticky-segment__segment__item .link--icons { padding-bottom: 26px; } .sticky-segment__segment__item:hover .link { color: #DB3331; } .sticky-segment__segment__item:hover svg path { fill: #DB3331; } .sticky-segment__segment__item:hover .sticky-segment__subnav { opacity: 1; visibility: visible; } .sticky-segment__subnav { position: absolute; top: 69px; background-color: #ffffff; width: 410px; padding: 2rem 2.5rem; border: solid 1px #E5E5E5; margin-left: -pxToRem(50px); opacity: 0; visibility: hidden; transition: all ease 0.3s; max-height: 400px; overflow-y: auto; } .sticky-segment__subnav a:hover { color: #DB3331; } .sticky-segment__subnav__item { display: block; margin-bottom: 15px; } .sticky-segment__subnav__item:last-child { margin-bottom: 0; } .sticky-segment__subnav--small { width: 190px; } .sticky-segment__other { float: right; } .sticky-segment__other__item { float: left; padding: 0 0.75rem 0 0; margin: 0 0 0 1rem; } .sticky-segment__other__item:last-child { border-right: none; } .sticky-segment__other__item:first-child { margin: 0; } .sticky-segment__other__item .link .icon-share { position: relative; top: -1px; } .sticky-segment__other__item .link .icon-menu { height: 14px; width: 16px; display: inline-block; margin-left: 0.25rem; position: relative; top: -1px; } .sticky-segment__other__item .link--icons { padding-bottom: 26px; } .sticky-segment__other__item:hover .link { color: #DB3331; } .sticky-segment__other__item:hover svg path { fill: #DB3331; } .sticky-segment__other__item:hover .sticky-segment__subnav { opacity: 1; visibility: visible; } @media (max-width: 1023px) { .sticky-segment { width: 100%; display: none; } } /* === Navigation - Full === */ .navigation-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: rgba(0, 0, 0, 0.4); z-index: 1; opacity: 0; visibility: hidden; pointer-events: none; cursor: pointer; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .navigation-overlay.is-opened { opacity: 1; visibility: visible; pointer-events: auto; } .navigation { position: fixed; top: 0; right: 0; bottom: 0; width: 1160px; max-width: 100%; background: #ffffff; z-index: 60; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; visibility: hidden; pointer-events: none; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .navigation.is-opened { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; visibility: visible; pointer-events: auto; } .navigation__inner { height: 100%; overflow-y: scroll; } /* === Upper Navigation Part === */ .navigation__head { text-align: right; padding: 41px 180px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } @media (max-width: 1159px) { .navigation__head { padding: 41px 48px; } } @media (max-width: 767px) { .navigation__head { padding: 17px 15px; } } .navigation--country .navigation__logo { padding-top: 8px; } @media (max-width: 1023px) { .navigation--country .navigation__logo img { width: 113px; height: 46px; } } @media (max-width: 767px) { .navigation--country .navigation__logo img { width: 94px; height: 38px; } } .navigation--country .navigation__head { text-align: left; padding: 0px 180px 10px; } @media (max-width: 1159px) { .navigation--country .navigation__head { padding: 0px 48px 10px; } } @media (max-width: 767px) { .navigation--country .navigation__head { padding: 0px 15px 10px; } } .navigation--country .navigation__menu { margin-bottom: 10px; } .navigation--country .navigation__aside a { text-align: right; display: block; padding: 7px 0; } @media (max-width: 1023px) { .navigation--country .navigation__aside a { text-align: left; } } .navigation__logo { float: left; opacity: 0; visibility: none; pointer-events: none; } @media (max-width: 1023px) { .navigation__logo { opacity: 1; visibility: visible; pointer-events: auto; } } .navigation__logo a svg { max-width: 145px; max-height: 59px; } .navigation-close { float: right; margin: 18px 0 0 0; cursor: pointer; } .navigation-close:hover, .navigation-close:focus { outline: none; } .navigation-close:hover span, .navigation-close:focus span { color: #DB3331; } .navigation-close:hover svg path, .navigation-close:focus svg path { fill: #DB3331; } .navigation-close span { letter-spacing: 0.25px; display: inline-block; vertical-align: middle; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .navigation-close svg { display: inline-block; vertical-align: middle; margin: 0 0 0 2px; } .navigation-close svg path { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } /* === Body Navigation Part === */ .navigation__body { padding: 120px 180px; } @media (max-width: 1159px) { .navigation__body { padding: 70px 128px; } } @media (max-width: 1023px) { .navigation__body { padding: 0 0 100px; } } /* === Left Menu === */ .navigation__menu { width: 360px; float: left; } @media (max-width: 1023px) { .navigation__menu { width: 100%; float: none; margin: 0 0 40px; } } .navigation__menu-item { padding: 0 0 20px; display: block; position: relative; } @media (max-width: 1023px) { .navigation__menu-item { padding: 20px 48px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } } @media (max-width: 767px) { .navigation__menu-item { padding: 10px 15px; } } .navigation__expends-trigger.is-opened { color: #DB3331; } @media (max-width: 1023px) { .navigation__expends-trigger.is-opened > i { -webkit-transform: rotateZ(-180deg); -ms-transform: rotate(-180deg); transform: rotateZ(-180deg); } .navigation__expends-trigger.is-opened > i svg path { fill: #DB3331; } } .navigation__expends-trigger.is-opened + .navigation__expends-container { opacity: 1; } .navigation__expends-trigger { display: block; font-size: 2.75rem; line-height: 3rem; color: #000000; transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1); } .navigation__expends-trigger i { display: none; width: 20px; height: 20px; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .navigation__expends-trigger i svg { display: block; } .navigation__expends-trigger:hover { color: #DB3331; } @media (max-width: 1023px) { .navigation__expends-trigger { position: relative; font-size: 1.75rem; line-height: 2rem; } .navigation__expends-trigger i { display: block; } } @media (max-width: 767px) { .navigation__expends-trigger { font-size: 1.3rem; line-height: 1.6rem; } } .navigation__expends-container { height: 0; overflow: hidden; opacity: 0; transition: height 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .navigation__expends-container--filters.is-opened { opacity: 1; } .navigation__expends-container--filters .navigation__expends > .navigation__menu-item--head { display: none; } .navigation__expends-container--filters .navigation__expends .navigation__menu-item { padding: 0; } .navigation__expends-container--filters .navigation__expends .navigation__menu-item:last-child { border-bottom: 0; } .navigation__expends-container--filters .navigation__expends .navigation__menu-item a.link { display: block; padding: 0.5rem 0; } .navigation__expends-container--filters .navigation__expends .navigation__menu-item .custom-checkbox__label { display: block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navigation__expends-container--filters .navigation__expends .navigation__menu-item .custom-checkbox__label svg { top: 50%; bottom: auto; margin: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .navigation__expends { padding: 20px 0; } .navigation__expends li a { font-size: 1.15rem; line-height: 2.15rem; color: #000000; transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1); } .navigation__expends li a:hover { color: #DB3331; } @media (max-width: 1023px) { .navigation__expends li a { font-size: 1rem; line-height: 2.5rem; } } @media (max-width: 767px) { .navigation__expends li a { font-size: 0.9rem; line-height: 1.95rem; } } .navigation__expends .navigation__menu-item a { padding-left: 74px; } @media (max-width: 767px) { .navigation__expends .navigation__menu-item a { padding-left: 40px; } } /* === Aside === */ .navigation__aside { width: 300px; float: right; text-align: right; } @media (max-width: 1023px) { .navigation__aside { width: 100%; float: none; padding: 0 48px; } } @media (max-width: 767px) { .navigation__aside { padding: 0 15px; } } .navigation__aside-links { margin: 0 0 160px; } @media (max-width: 1023px) { .navigation__aside-links { position: fixed; left: 0; right: 0; bottom: 0; margin: auto; z-index: 10; background: #DB3331; } } .navigation__aside-links a { margin: 0 0 15px auto; position: relative; } @media (max-width: 1023px) { .navigation__aside-links a { display: block; border: none; padding: 15px 11px; color: #ffffff; width: 50%; max-width: none; float: left; text-align: center; margin: 0; border-radius: 0; } .navigation__aside-links a svg { position: relative; top: initial; right: initial; bottom: initial; vertical-align: middle; margin: 0 0 0 10px; } .navigation__aside-links a svg path, .navigation__aside-links a svg polygon { fill: #ffffff; } .navigation__aside-links a:first-child:after { content: ""; width: 1px; height: 25px; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; background: #ffffff; } .navigation__aside-links a:hover { border: none; background: #FC3D3B; } } @media (max-width: 767px) { .navigation__aside-links a svg { display: none; } } .navigation__infos { text-align: right; } @media (max-width: 1023px) { .navigation__infos { text-align: left; } } .navigation__infos .button--icon.is-disabled, .navigation__infos .button--icon[disabled], .navigation__infos .button--icon[disabled=true] { color: black; opacity: 0.5; } .navigation__infos .header--list--icons--number::before { content: "("; } .navigation__infos .header--list--icons--number::after { content: ")"; } .navigation__infos .share-price { font-size: 0.75rem; line-height: 1.1rem; margin: 0 0 2rem; text-align: right; display: block; transition: 500ms cubic-bezier(0.19, 1, 0.22, 1); } @media (max-width: 1023px) { .navigation__infos .share-price { text-align: left; font-size: 0.65rem; line-height: 1rem; margin: 0 0 20px; } } .navigation__infos .share-price:hover { color: #DB3331; } .navigation__secondary { margin-bottom: 30px; } .navigation__secondary li { color: #555555; text-transform: uppercase; font-size: 0.6rem; line-height: 0.9rem; display: inline-block; margin: 0 0 0 22px; } .navigation__secondary li:first-child { margin: 0; } .navigation__socials li { display: inline-block; vertical-align: middle; margin: 0 10px 0 0; } .navigation__socials li:last-child { margin: 0; } .navigation__socials li a { width: 55px; height: 55px; border-radius: 50%; display: block; position: relative; border: 2px solid rgba(0, 0, 0, 0.2); transition: 0.2s cubic-bezier(0.19, 1, 0.22, 1); } .navigation__socials li a:hover svg path { fill: #ffffff; } .navigation__socials li a:hover.fb-icon { background: #3C5D99; border-color: #3C5D99; } .navigation__socials li a:hover.tw-icon { background: #36ABDF; border-color: #36ABDF; } .navigation__socials li a:hover.lk-icon { background: #1B75B0; border-color: #1B75B0; } .navigation__socials li a:hover.yt-icon { background: #DB3331; border-color: #DB3331; } .navigation__socials li a:hover.insta-icon { background: #d12c74; border-color: #d12c74; } @media (max-width: 1023px) { .navigation__socials li a { width: 50px; height: 50px; } } .navigation__socials li a svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .navigation__socials li a svg path { fill: #000000; } .toolbar + .nav__filter__wrapper { border-top: 0; } .navigation--panel .navigation__panel-content__section { padding: 30px 0; border-bottom: 1px solid #E5E5E5; } .navigation--panel .navigation__panel-content__section:last-child { border-bottom: 0; } .navigation--panel .navigation__panel-content__buttons { margin-top: 20px; } .navigation--panel .navigation__panel-content__buttons .button { margin-bottom: 15px; } .navigation--panel .navigation__panel-content__buttons .button:last-child { margin-bottom: 0; } .navigation--panel .navigation__menu-item a.navigation__back-trigger::before { background-image: url("../images/icons/arrow-left--red.svg"); } .marker-cluster-small { background-color: rgba(181, 226, 140, 0.6); } .marker-cluster-small div { background-color: rgba(110, 204, 57, 0.6); } .marker-cluster-medium { background-color: rgba(241, 211, 87, 0.6); } .marker-cluster-medium div { background-color: rgba(240, 194, 12, 0.6); } .marker-cluster-large { background-color: rgba(253, 156, 115, 0.6); } .marker-cluster-large div { background-color: rgba(241, 128, 23, 0.6); } /* IE 6-8 fallback colors */ .leaflet-oldie .marker-cluster-small { background-color: rgb(181, 226, 140); } .leaflet-oldie .marker-cluster-small div { background-color: rgb(110, 204, 57); } .leaflet-oldie .marker-cluster-medium { background-color: rgb(241, 211, 87); } .leaflet-oldie .marker-cluster-medium div { background-color: rgb(240, 194, 12); } .leaflet-oldie .marker-cluster-large { background-color: rgb(253, 156, 115); } .leaflet-oldie .marker-cluster-large div { background-color: rgb(241, 128, 23); } .marker-cluster { background-clip: padding-box; border-radius: 20px; } .marker-cluster div { width: 30px; height: 30px; margin-left: 5px; margin-top: 5px; text-align: center; border-radius: 15px; font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; } .marker-cluster span { line-height: 30px; } .accordion__wrapper { border-bottom: 1px solid #E5E5E5; } .accordion__wrapper .accordion__title { cursor: pointer; color: #000000; padding: 2rem 0 1.25rem; position: relative; transition: all ease 0.3s; } .accordion__wrapper .accordion__title i { width: 1rem; height: 1rem; position: absolute; top: 0.6rem; right: 0; bottom: 0; margin: auto; background: url("../images/icons/dropdown.svg") no-repeat right center; transition: all ease 0.3s; } .accordion__wrapper .accordion__title:hover { color: #DB3331; } .accordion__wrapper .accordion__title:hover i { background-image: url("../images/icons/dropdown--red.svg"); } .accordion__wrapper .accordion__content { display: none; padding: 0 0 2rem; } @media (max-width: 767px) { .accordion__wrapper .accordion__content { padding: 0 0 0.75rem; } } .accordion__wrapper .accordion__content--no-padding-bottom { padding-bottom: 0; } .accordion__wrapper--mobile { border-bottom: 0; } @media (max-width: 767px) { .accordion__wrapper--mobile { border-bottom: 1px solid #E5E5E5; padding: 0.75rem 0; } } @media (max-width: 767px) { .accordion__wrapper--mobile:first-child { border-top: 1px solid #E5E5E5; } } .accordion__wrapper--mobile > .accordion__title--desktop { display: block; cursor: default; padding-bottom: 0; } .accordion__wrapper--mobile > .accordion__title--desktop:hover { color: inherit; } @media (max-width: 767px) { .accordion__wrapper--mobile > .accordion__title--desktop { display: none; cursor: pointer; } } .accordion__wrapper--mobile > .accordion__title--mobile { display: none; padding: 0; } @media (max-width: 767px) { .accordion__wrapper--mobile > .accordion__title--mobile { display: block; } } .accordion__wrapper--mobile > .accordion__title--mobile i { background: none; top: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .accordion__wrapper--mobile > .accordion__title--mobile i span { width: 14px; height: 2px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: #000000; transition: all ease 0.3s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .accordion__wrapper--mobile > .accordion__title--mobile i span:first-child { -webkit-transform: scaleX(1) rotateZ(-90deg); -ms-transform: scaleX(1) rotate(-90deg); transform: scaleX(1) rotateZ(-90deg); } .accordion__wrapper--mobile > .accordion__title--mobile:hover i { background: none; -webkit-transform: none; -ms-transform: none; transform: none; } .accordion__wrapper--mobile > .accordion__title--mobile:hover i span { background: #DB3331; } .accordion__wrapper--mobile > .accordion__content { display: block; } @media (max-width: 767px) { .accordion__wrapper--mobile > .accordion__content { display: none; } } .accordion__wrapper--mobile.is-open > .accordion__title i { -webkit-transform: none; -ms-transform: none; transform: none; } .accordion__wrapper--mobile.is-open > .accordion__title i span:first-child { -webkit-transform: rotateZ(-90deg) scaleX(0); -ms-transform: rotate(-90deg) scaleX(0); transform: rotateZ(-90deg) scaleX(0); } @media (max-width: 767px) { .accordion__wrapper--desktop { border-bottom: 0; } } .accordion__wrapper--desktop > .accordion__title--desktop { display: block; } @media (max-width: 767px) { .accordion__wrapper--desktop > .accordion__title--desktop { display: none; } } .accordion__wrapper--desktop > .accordion__title--mobile { display: none; cursor: default; padding: 1rem 0; } .accordion__wrapper--desktop > .accordion__title--mobile:hover { color: inherit; } @media (max-width: 767px) { .accordion__wrapper--desktop > .accordion__title--mobile { display: block; } } @media (max-width: 767px) { .accordion__wrapper--desktop > .accordion__content { display: block; } } .accordion__wrapper.is-open > .accordion__title i { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .accordion__wrapper.is-open > .accordion__content { display: block; } @media (max-width: 767px) { .js-accordion-wrapper.is-closed-mobile .js-accordion-content { display: none; } } .mobile-header .account, .header .account { display: block; position: absolute; top: calc(100% + 1px); left: 0; right: 0; margin: auto; z-index: 100; transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); opacity: 0; border: none; padding: 2rem 0; } .mobile-header .account.is-open, .header .account.is-open { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); opacity: 1; } @media (max-width: 767px) { .mobile-header .account, .header .account { padding: 0.5rem 0; } } .account { background: #ffffff; padding: 0; border: 0; display: none; } .account .custom-select { display: inline-block; width: auto; vertical-align: middle; margin-right: 1.5em; padding-left: 0; letter-spacing: 0; } @media (max-width: 1023px) { .account .custom-select { display: block; width: 100%; margin: 0 0 1em; padding-left: 1em; } } @media (max-width: 767px) { .account { padding: 1rem 0; } } .js-account-trigger { display: inline-block; color: #A39E9E; padding: 0 1.5em 0 0; background: url("../images/icons/dropdown.svg") no-repeat 100% center; } .apps-list__app { padding-top: 75%; position: relative; text-align: center; margin-bottom: 1em; } .apps-list__app a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .apps-list__app svg { margin-bottom: 2em; max-width: 76px; max-height: 76px; } .apps-list a { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 1em; border: 1px solid #E5E5E5; } .apps-list a p { margin: 1em 0; line-height: 1.5; display: none; } .apps-list a:hover { border: 2px solid #DB3331; } .apps-list a:hover p { display: block; } .apps-list a:hover svg { fill: #DB3331; } @media (max-width: 767px) { .apps-list__app { padding-top: 0; } .apps-list__app a { padding-top: 2em; position: static; } .apps-list a p { display: block; } } .autocomplete-container { display: inline-block; position: relative; margin-bottom: 0.5em; } .autocomplete-container .loader { position: absolute; right: 10px; top: 1em; font-size: 0.35em; } .form-bordered .form-group .autocomplete-container input.js-autocomplete { margin-bottom: 0; } .autocomplete-suggestions { background-color: white; border: 1px solid #E5E5E5; overflow: auto; } .autocomplete-suggestions .autocomplete-suggestion { cursor: pointer; padding: 0.3em 0.5em; border-bottom: 1px solid #F2F2F2; } .autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected { background-color: #e5f6ff; } /* === Icons === */ .icon { display: inline-block; vertical-align: middle; } .icon--planet { width: 20px; height: 20px; } .icon--search { width: 17px; height: 17px; } .icon--menu { width: 16px; height: 14px; } .icon-sort-handle { cursor: move; } .icon svg, .icon path { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .icon-expand-on { height: 20px; width: 20px; } .icon-expand-plus { height: 20px; width: 20px; } .icon-arrow-link { height: 20px; width: 20px; } .icon-arrow-link-sub { height: 20px; width: 20px; } .icon-arrow-left { height: 20px; width: 20px; } .icon-contact { height: 20px; width: 20px; } .icon-plus { height: 20px; width: 20px; } .icon-download { height: 20px; width: 20px; } .icon-dropdown { height: 20px; width: 20px; } .icon-menu { height: 20px; width: 20px; } .icon-message { height: 20px; width: 20px; } .icon-share { height: 20px; width: 20px; } .icon-close { height: 20px; width: 20px; } .icon-less { height: 20px; width: 20px; } .icon-external { height: 12px; width: 12px; } .icon--small { width: 14px; height: 14px; } .calc-result .icon-error, .calc-result .icon-quantity-green, .calc-result .icon-quantity-orange, .calc-result .icon-quantity-red { width: 40px; height: 40px; } span.filetype { text-transform: uppercase; font-size: 0.8em; border: 2px solid #dfdfdf; display: inline-block; line-height: 1.8em; border-radius: 1em; width: 0 0.7em; height: 2em; text-align: center; } .icon-islate * { fill: #DB3331; } .tooltip { font-size: 0.7rem; text-transform: uppercase; padding: 0.25rem 0.75rem; background-color: #000000; color: #ffffff; display: inline-block; text-align: center; position: relative; transition: all 0.3s ease; } .tooltip__arrow { display: inline-block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #000000; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; padding: 0 !important; } .tooltip--medium { width: 230px; } .tooltip-pays { vertical-align: middle; position: relative; display: inline-block; } .tooltip-pays button { vertical-align: middle; position: relative; border: none; margin: 0; padding: 0; width: auto; overflow: visible; background: transparent; color: inherit; font: inherit; line-height: 1; line-height: normal; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; } .tooltip-pays button:hover + .content, .tooltip-pays button:focus + .content { display: block; } .tooltip-pays .content { display: none; position: absolute; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: 15px; max-width: 20em; width: 20em; padding: 0.7em 1em; background: white; border: 1px solid #E5E5E5; z-index: 100; line-height: 1.5; box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1); } .tooltip-pays .content:after { content: ""; position: absolute; background: white; width: 13px; height: 13px; left: 50%; top: 100%; border: 1px solid #E5E5E5; border-color: transparent #E5E5E5 #E5E5E5 transparent; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .tooltip-pays.bottom .content { bottom: auto; margin-bottom: 0; top: 100%; margin-top: 15px; } .tooltip-pays.bottom .content:after { top: auto; bottom: 100%; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; border-color: #E5E5E5 #E5E5E5 transparent transparent; -webkit-transform: translate(-25%, 50%) rotate(-45deg); -ms-transform: translate(-25%, 50%) rotate(-45deg); transform: translate(-25%, 50%) rotate(-45deg); } .tooltip-pays.right .content { left: 100%; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0 0 0 15px; } .tooltip-pays.right .content:after { left: 0; top: 50%; width: 9px; height: 9px; border-color: transparent transparent #E5E5E5 #E5E5E5; } .tooltip-pays.right .content.rte p { font-size: inherit; line-height: 1.45; } .tooltip-pays.left .content { left: auto; right: 100%; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0 15px 0 0; } .tooltip-pays.left .content:after { left: auto; right: -10px; top: 50%; width: 9px; height: 9px; border-color: transparent transparent #E5E5E5 #E5E5E5; -webkit-transform: translate(-50%, -50%) rotate(-135deg); -ms-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); } .tooltip-pays.left .content.rte p { font-size: inherit; line-height: 1.45; } .tooltip-pays .question-mark { border-radius: 40px; height: 1.4em; width: 1.4em; line-height: 1.4; vertical-align: middle; color: white; background-color: #DB3331; display: inline-block; } .tooltip-pays .question-mark:after { content: "?"; line-height: 1em; vertical-align: middle; } .tooltip-pays--tiny button { display: block; } .tooltip-pays--tiny .question-mark { height: 1.2em; width: 1.2em; font-size: 0.6em; line-height: 1; background-color: black; display: block; } .section { padding: 0 0 6rem; /* &:last-child { padding: 0; } */ } @media (max-width: 1023px) { .section { padding: 0 0 3.5rem; } } @media (max-width: 767px) { .section { padding: 0 0 2rem; } } .section--no-pad { padding: 0; } .section--no-pad-bot { padding-bottom: 0; } .section--pad-top { padding-top: 6rem; } .section--rte { padding: 0 0 3rem; } @media (max-width: 1023px) { .section--rte { padding: 0 0 3rem; } } @media (max-width: 767px) { .section--rte { padding: 0 0 2rem; } } .section--small { padding: 0 0 4.5rem; } .section--tiny { padding: 1.5rem 0; } .section--bordered-top { border-top: solid 1px rgba(0, 0, 0, 0.1); } .section--bg-dark { color: white; padding-top: 3rem; padding-bottom: 3rem; margin-bottom: 3rem; background-color: #2c3e54; } .section--bg-dark * { color: white; } @media (max-width: 1023px) { .section--bg-dark { padding: 2rem 0; } } .section > .section { padding: 0; } .section-header { margin: 0 0 3rem; } .section-header__text { margin: 1.3rem 0 0; } .section-header__link-right { position: relative; padding-right: 20%; } .section-header__link-right .link { position: absolute; bottom: 0; right: 0; } @media (max-width: 767px) { .section-header__link-right { padding-right: 0; } .section-header__link-right .link { position: static; } } @media (max-width: 1023px) { .section-header { margin: 0 0 1.5rem; } } @media (max-width: 767px) { .section-header { margin: 0 0 1rem; } } .section-header .link { display: inline-block; margin: 26px 0 0; } @media (max-width: 1023px) { .section-header .link { margin: 15px 0 0; color: #DB3331; } .section-header .link .icon path { fill: #DB3331; } } @media (max-width: 767px) { .section-header .link { margin: 10px 0 0; } } .rte h3 { margin: 0 0 1.5rem; } .rte h4 { margin: 0 0 1.5rem; } .rte p { margin: 0 0 1.5rem; } .rte p:last-child { margin: 0; } .rte b, .rte strong { font-weight: bold; } .rte em { font-style: italic; } .rte a:not(.button--flat) { color: #DB3331; transition: all ease 0.3s; } .rte a:not(.button--flat):hover { color: #FC3D3B; } .rte ul, .rte ol { margin: 0 0 1.5rem; } .rte ul:last-child, .rte ol:last-child { margin: 0; } .rte li { position: relative; padding: 0 0 0 2.5rem; } .rte li:before { content: ""; width: 25px; height: 2px; background: #000000; position: absolute; top: 16px; left: 0; } .rte figure { margin: 0 0 1.5rem; } @media (max-width: 1023px) { .rte figure { margin: 0 0 10px; } } .rte figure img { max-width: 100%; display: block; margin-bottom: 0.5rem; } .rte figure figcaption { font-size: 0.75rem; line-height: 1.1rem; color: #A39E9E; } @media (max-width: 1023px) { .rte figure figcaption { font-size: 0.65rem; line-height: 1rem; } } .rte figure:last-child { margin-bottom: 0; } .rte sub, .rte sup { vertical-align: super; font-size: smaller; line-height: 0.95rem; } .rte-array table { width: auto; min-width: 50%; box-sizing: border-box; text-align: left; margin: 0 auto 1.5rem; } .rte-array p + table { margin-top: 1.5rem; } .rte-array tbody { width: 100%; } .rte-array tbody td, .rte-array tbody th { max-width: 260px; padding: 1rem 1.25rem 1.5rem; color: #A39E9E; position: relative; } @media (max-width: 1023px) { .rte-array tbody td, .rte-array tbody th { display: block; width: 100%; padding: 1rem 0; max-width: 100%; } .rte-array tbody td:last-child, .rte-array tbody th:last-child { border: none; } } .rte-array tbody td div, .rte-array tbody th div { display: none; color: #000000; } @media (max-width: 1023px) { .rte-array tbody td div, .rte-array tbody th div { display: block; position: absolute; top: 0; left: 0; width: 40%; } } .rte-array tbody th { text-transform: initial; color: #000000; } .rte-array tbody tr td:first-child, .rte-array tbody tr th:first-child { padding-left: 0; } @media (max-width: 1023px) { .rte-array tbody tr td:first-child, .rte-array tbody tr th:first-child { padding-left: 40%; } } @media (max-width: 1023px) { .rte-array tbody tr td, .rte-array tbody tr th { position: relative; padding-left: 40%; padding-top: 0; } } .rte-array tbody td > p { font-size: 0.7rem; line-height: 1rem; letter-spacing: 0.075rem; color: #000000; text-transform: uppercase; } .rte-array thead { width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } @media (max-width: 1023px) { .rte-array thead { display: none; } } .rte-array thead th { text-align: center; } .rte-array thead tr th:first-child { padding-left: 0; } .rte-array tbody tr { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .rte-array tr { width: 100%; } .rte-array tr:last-child { border-bottom: none; } @media (max-width: 1023px) { .rte-array tr { display: block; padding: 0.75rem 0; } } .rte-array th { width: auto; max-width: 260px; padding: 0 25px 30px; color: #000000; } @media (max-width: 1023px) { .rte-array th { max-width: 100%; } } .rte-array .table-footnote { border: none; margin: 0 auto; } .rte-array .table-footnote td { color: #A39E9E; text-transform: none; font-size: 0.75rem; line-height: 1rem; padding: 0.5rem 0.5rem 0.5rem 0; } .rte-array--pays table { width: 100%; } .rte-array--dropdown table { margin: 2rem auto 0; } .rte-array--refs tbody td, .rte-array--refs tbody th { padding-top: 1rem; padding-bottom: 1rem; } .rte-array--refs tbody td { color: #000000; } .rte-array--refs tbody th { color: #A39E9E; } .rte-array--refs th { color: #A39E9E; padding-top: 0.75rem; padding-bottom: 0.75rem; } .tags { color: #A39E9E; } .tags a { color: #DB3331; transition: all ease 0.3s; } .tags a:hover { color: #FC3D3B; } .cover--pays { padding: 3.5rem 0; } @media (max-width: 767px) { .cover--pays { padding: 1rem 0; } } .cover--pays .cover__intro { max-width: 650px; margin-top: 20px; } .cover--pays .cover__titles { min-width: 50%; } .cover--pays .cover__titles .icon--cover { display: inline-block; vertical-align: middle; width: 60px; height: 60px; } .cover--pays .cover__titles .icon--cover > svg { fill: #DB3331; max-width: 60px; max-height: 60px; margin-right: 8px; } .cover--pays .cover__titles .icon--cover + h1, .cover--pays .cover__titles .icon--cover + h2 { display: inline-block; vertical-align: middle; } .cover--pays .cover__buttons a { margin-top: 10px; } @media (max-width: 1023px) { .cover--pays .cover__buttons a { display: block; text-align: center; width: 100%; } } .cover-full { margin-bottom: 6rem; position: relative; } @media (max-width: 1023px) { .cover-full { margin-bottom: 3.5rem; } } @media (max-width: 767px) { .cover-full { margin-bottom: 2rem; } } .cover-full__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } @media (max-width: 767px) { .cover-full__bg { display: none; } } .cover-full__bg--mobile { display: none; } @media (max-width: 767px) { .cover-full__bg--mobile { display: block; } } .cover-full__content { height: calc(100vh - 200px); margin: 0; padding: 0; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 1; } .cover-full__title { color: #ffffff; } .cover-full__button { margin-top: 2.5rem; } .cover-full__button .icon polygon { fill: #ffffff; } @media (max-width: 1023px) { .cover-full__container { height: 446px; } .cover-full--with-quicklinks { margin: 0; } } @media (max-width: 767px) { .cover-full .cover-full__button { display: block; } .cover-full__container { height: 397px; } } /* === Cover Career - Quick Accesses === */ .cover-full--quick-access { width: 360px; max-width: 100%; padding: 45px 50px; background: #ffffff; position: absolute; right: 101px; bottom: 0%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .cover-full--quick-access li { margin: 0 0 20px; } .cover-full--quick-access li:last-child { margin: 0; } .cover-full--quick-access li a { display: block; width: 100%; position: relative; padding: 0 20px 0 0; font-size: 0.95rem; line-height: 1.45rem; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .cover-full--quick-access li a:hover { color: #DB3331; } .cover-full--quick-access li a:hover svg { fill: #DB3331; } .cover-full--quick-access li a svg { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } @media (max-width: 1023px) { .cover-full--quick-access { width: auto; margin: 0 1.8rem 0.75rem; position: relative; left: initial; right: initial; padding: 30px 60px 10px 60px; -webkit-transform: translateY(-46px); -ms-transform: translateY(-46px); transform: translateY(-46px); } .cover-full--quick-access li { width: 50%; float: left; padding: 0 12px; } .cover-full--quick-access li:last-child { margin: 0 0 20px; } } @media (max-width: 767px) { .cover-full--quick-access { padding: 30px 25px 10px; margin: 0 1rem 0; } .cover-full--quick-access li { width: 100%; float: none; padding: 0; } .cover-full--quick-access li:last-child { margin: 0 0 20px; } } /* === Cover Title Only === */ .cover--title-only { padding: 70px 0; } .cover-links { padding: 3.5rem 0; } /* Cover sector */ .cover-sector__heading__picto svg { height: 120px; width: 120px; } .cover-sector__heading__container { height: 260px; } .cover-sector__heading__container [class*=cell-], .cover-sector__heading__container .grid, .cover-sector__heading__container .row { height: 100%; } .cover-sector__heading__container [class*=cell-] { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .cover-sector__heading__title .icon-arrow-left { position: relative; top: -1px; } .cover-sector__contact { border-top: solid 1px rgba(0, 0, 0, 0.1); } .cover-sector__contact__container { height: 110px; } @media (max-width: 1023px) { .cover-sector__contact__container { height: 80px; } } .cover-sector__contact__container [class*=cell-], .cover-sector__contact__container .grid, .cover-sector__contact__container .row { height: 100%; } .cover-sector__contact__container [class*=cell-] { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .cover-sector__contact__container .button { display: block; max-width: 100%; width: 100%; } .cover-sector__visual { overflow: hidden; height: 665px; } @media (max-width: 1023px) { .cover-sector__visual { height: 321px; } } @media (max-width: 767px) { .cover-sector__visual { height: inherit; } } .cover-sector__visual img { max-width: 100%; display: block; transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } @media (max-width: 767px) { .cover-sector__visual { display: none; } } .cover-sector__visual--mobile { display: none; } .cover-sector__visual--mobile img { width: 100%; } @media (max-width: 767px) { .cover-sector__visual--mobile { display: block; } } @media (max-width: 1023px) { .cover--title-only { padding: 40px 0; } .cover--title-only h1 br { display: none; } .cover-sector__heading { height: auto; padding: 4rem 0 2rem; text-align: center; position: relative; } } @media (max-width: 1023px) and (max-width: 1023px) { .cover-sector__heading { padding: 2rem 0 2rem; } } @media (max-width: 1023px) and (max-width: 767px) { .cover-sector__heading { padding: 1rem 0 1rem; } } @media (max-width: 1023px) { .cover-sector__heading__container { height: auto; } .cover-sector__heading__container [class*=cell-], .cover-sector__heading__container .grid, .cover-sector__heading__container .row { height: initial; } .cover-sector__heading__container [class*=cell-] { display: inherit; -webkit-align-items: inherit; -ms-flex-align: inherit; align-items: inherit; } } @media (max-width: 1023px) { .cover-sector__heading__picto svg { height: 80px; width: 80px; } } @media (max-width: 1023px) { .cover-sector__heading__title .link { position: absolute; top: -40px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } @media (max-width: 767px) { .cover-sector__heading__picto svg { height: 60px; width: 60px; } } @media (max-width: 767px) and (max-width: 767px) { .cover-sector__heading__picto svg { margin: auto; } } @media (max-width: 767px) { .cover-sector__contact { padding: 1rem 0; text-align: center; } .cover-sector__contact [class*=cell-], .cover-sector__contact .grid, .cover-sector__contact .row { height: initial; } .cover-sector__contact [class*=cell-] { display: inherit; -webkit-align-items: inherit; -ms-flex-align: inherit; align-items: inherit; } .cover-sector__contact .text-current { margin-bottom: 0.5rem; } .cover-sector__contact__container { height: auto; display: inherit; } .cover-sector__contact .button { display: block; max-width: 100%; } .cover-sector__contact .button--red { margin-bottom: 5px; } } /* === Cover Testimony === */ .cover--testimony { height: 869px; margin: 0 0 120px; } @media (max-width: 1023px) { .cover--testimony { height: 479px; } } .cover--bloc { width: 50%; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .cover--bloc:first-child { float: right; } .cover--bloc:last-child { float: left; } .cover--bloc__content { padding: 30px 132px; text-align: center; } .cover--bloc__content .author--location, .cover--bloc__content .author--occupation { color: #A39E9E; display: block; margin: 0 0 10px; } .cover--bloc__content .author--name { margin: 0 0 40px; } .cover--bloc__media { position: relative; width: 100%; height: 100%; overflow: hidden; } .cover--bloc__media img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 101%; min-height: 101%; } @media (max-width: 1023px) { .cover--testimony { margin: 0 0 70px; } .cover--bloc__content { padding: 0 36px; } .cover--bloc__content .author--location { margin: 0; } .cover--bloc__content .author--name { margin: 0 0 20px; } } @media (max-width: 767px) { .cover--testimony { height: auto; margin: 0 0 40px; } .cover--bloc { width: 100%; height: auto; padding: 0 20px; } .cover--bloc:first-child, .cover--bloc:last-child { float: none; } .cover--bloc__content { padding: 30px 0; } .cover--bloc__media { text-align: center; } .cover--bloc__media img { position: relative; top: inherit; left: inherit; -webkit-transform: none; -ms-transform: none; transform: none; min-width: auto; min-height: auto; max-width: 100%; max-height: 360px; } } .cover-case-study__heading { padding: 3.5rem 7.5rem 3.5rem 7.5rem; } .cover-case-study__category { margin-bottom: 0.5rem; } .cover-case-study__bloc-sub { position: relative; margin-top: 78px; } .cover-case-study__bloc-sub__cover img { max-width: 100%; display: block; } .cover-case-study__bloc-sub__infos { position: absolute; top: -78px; width: 100%; } .cover-case-study__bloc-sub__list { background-color: #FFE97E; max-width: 1260px; margin: 0 auto; text-align: center; padding: 2.5rem 0; } .cover-case-study__bloc-sub__list-item { width: 33.33%; float: left; } .cover-case-study__bloc-sub__list-item .label-category { font-size: 0.7rem; line-height: 0.65rem; color: #000000; margin-bottom: 0.25rem; letter-spacing: 2.5px; text-transform: uppercase; } @media (max-width: 1023px) { .cover-case-study__heading { padding: 2rem 6.25rem 2rem 6.25rem; } .cover-case-study__bloc-sub { margin-top: 106px; } .cover-case-study__bloc-sub__list { padding: 1.5rem 0; } .cover-case-study__bloc-sub__infos { top: -106px; } } @media (max-width: 767px) { .cover-case-study__heading { padding: 1.5rem 1.9rem 1.5rem 1.9rem; } .cover-case-study__bloc-sub { margin-top: 0; } .cover-case-study__bloc-sub__list { padding: 1.5rem 0; } .cover-case-study__bloc-sub__infos { top: inherit; position: relative; } .cover-case-study__bloc-sub__list-item { width: 100%; float: none; margin-bottom: 0.75rem; } .cover-case-study__bloc-sub__list-item:last-child { margin-bottom: 0; } } /* Cover event */ .cover-event__row { border-top: solid 1px rgba(0, 0, 0, 0.1); padding: 1.5rem 0 4rem 0; } @media (max-width: 1023px) { .cover-event__row { padding-bottom: 2rem; } } .cover-event__row:last-child { padding-bottom: 0; } @media (max-width: 1023px) { .cover-event__row .heading-4 { margin-bottom: 0.75rem; } } @media (max-width: 1023px) { .cover-event__row .add-calendar { margin-top: 1rem; } } /* === Cover Newsroom - Contact === */ .cover--newsroom-contact { padding: 26px 0; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; margin: 0 0 90px; } @media (max-width: 1023px) { .cover--newsroom-contact { margin: 0 0 70px; } } @media (max-width: 767px) { .cover--newsroom-contact { margin: 0 0 40px; text-align: center; } } .cover--newsroom-contact__text { font-size: 0.95rem; letter-spacing: 0.4px; line-height: 58px; } @media (max-width: 1023px) { .cover--newsroom-contact__text { line-height: 1.45rem; } } @media (max-width: 767px) { .cover--newsroom-contact__text { margin: 0 0 20px; } } .cover--newsroom-contact .button--block { max-width: 100%; } /* === News page cover === */ .news-page--cover { padding: 3rem 0 0 0; } .news-page--cover .news-signature { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .news-page--cover .news-signature img + .signature-meta { text-align: left; } .news--page--cover__content { margin: 0 0 3rem; text-align: center; } .news-page--cover__tag { color: #DB3331; margin: 0 0 20px; } .news-page--cover__title { color: #000000; margin: 0 0 20px; } .news-page--cover__date { color: #A39E9E; } .news-page--cover__media img { max-width: 100%; display: block; } .news-page--cover__media-caption { font-size: 0.75rem; line-height: 1.1rem; letter-spacing: 0.4px; color: #A39E9E; margin: 10px 0 0; } /* === Cover Homepage === */ .cover-homepage { height: 818px; background-size: cover; background-repeat: no-repeat; background-position: center center; margin: 0 0 4.5rem; position: relative; } @media (max-width: 1159px) { .cover-homepage { height: 765px; } } @media (max-width: 1023px) { .cover-homepage { height: 432px; } } @media (max-width: 767px) { .cover-homepage { height: 400px; } } .cover-homepage__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 0; } @media (max-width: 767px) { .cover-homepage__bg { display: none; } } .cover-homepage__bg--mobile { display: none; } @media (max-width: 767px) { .cover-homepage__bg--mobile { display: block; } } .cover-homepage__content { position: absolute; top: 50%; left: 0; right: 0; margin: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 1; } .cover-homepage__content--left { text-align: left; } .cover-homepage__tag { color: #ffffff; display: block; margin: 0 0 1rem; } .cover-homepage__title { color: #ffffff; } .cover-homepage__timestamp { color: #ffffff; display: block; margin: 1rem 0 0; } .cover-homepage:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: rgba(0, 0, 0, 0.15); } .cover-img-full { width: 1590px; max-width: 100%; } .cover-results { padding: 4rem 0 2rem; } @media (max-width: 767px) { .cover-results { padding: 2rem 0; } } .simple-dropdown { display: inline-block; position: relative; } .simple-dropdown__link { text-decoration: underline; cursor: pointer; } .simple-dropdown__button { display: inline-block; white-space: nowrap; overflow: hidden; text-indent: 2em; width: 2em; height: 2em; border-radius: 2em; background-color: black; position: relative; transition: background-color 0.3s ease; } .simple-dropdown__button:after { content: ""; position: absolute; top: 0.75em; right: 0.75em; bottom: 0.75em; left: 0.75em; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; border-right: 2px solid white; border-bottom: 2px solid white; -webkit-transform: translateY(-25%) rotate(45deg); -ms-transform: translateY(-25%) rotate(45deg); transform: translateY(-25%) rotate(45deg); } .simple-dropdown__button.active { background-color: #DB3331; } .simple-dropdown__button.active:after { -webkit-transform: translateY(25%) rotate(-135deg); -ms-transform: translateY(25%) rotate(-135deg); transform: translateY(25%) rotate(-135deg); } .simple-dropdown__button__plus:after { content: ""; position: absolute; top: 50%; bottom: auto; -webkit-transform: none; -ms-transform: none; transform: none; border: none; background: white; } .simple-dropdown__button__plus:before, .simple-dropdown__button__plus:after { content: ""; position: absolute; top: 0.5em; bottom: 0.5em; left: 50%; right: auto; width: 1px; background: white; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; -webkit-transform: none; -ms-transform: none; transform: none; } .simple-dropdown__button__plus:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .simple-dropdown__button__plus.active { background-color: #DB3331; } .simple-dropdown__button__plus.active:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .simple-dropdown .submenu { background: white; border: 1px solid #E5E5E5; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); padding: 0.6em 1.2em; line-height: 1.5; position: absolute; top: 120%; right: 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); opacity: 0; z-index: 50; font-size: 1rem; transition: opacity 0.3s ease; text-align: left; white-space: nowrap; } .simple-dropdown .submenu--left { right: auto; left: 0; } .simple-dropdown .submenu.active { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); opacity: 1; } .simple-dropdown__container { display: block; } .simple-dropdown__container .submenu { white-space: normal; left: 0; right: 0; } .simple-dropdown a:hover { color: #DB3331; } @media (max-width: 1023px) { .simple-dropdown__responsive .submenu { position: static; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); opacity: 1; background: transparent; border: 0; box-shadow: none; padding: 0; } .simple-dropdown__responsive .submenu ul { display: -webkit-flex; display: -ms-flexbox; display: flex; } .simple-dropdown__responsive .submenu a { font-size: 0.75rem; display: block; padding: 0.3em 0.6em; } .simple-dropdown__responsive .simple-dropdown__button { display: none; } } .box { position: relative; } .box--introduction .box__title { margin: 0 0 20px; } .box--introduction-video { margin: 0 0 60px; } .box--video__inner { overflow: hidden; position: relative; padding-bottom: 56.25%; height: 0; cursor: pointer; } .box--video__player { width: 100%; height: 100%; margin: 0 0 0.75rem; } .box--video__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .box--video__overlay img { max-width: 100%; } .box--video__overlay.is-invisible { opacity: 0; visibility: hidden; } .box--video__icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .box--video__title p { color: #A39E9E; margin-top: 0.5rem; } .box--video__legend { margin: 0; font-size: 0.75rem; line-height: 1.1rem; color: #A39E9E; } .box--video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .box--video .is-play .box--video__overlay { display: none; } .box--why { padding: 0 0 2rem; margin: 0 0 2rem; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .box--why .heading-3:not(.step-number) { margin: 0 0 1rem; } .box--why p { margin: 0 0 0.5rem; } .box--why:last-child { border: none; margin: 0; padding: 0; } .box--featured .box--featured__item.big { height: 700px; } .box--featured .box--featured__item.small { height: 350px; } .box--featured .box--featured__item a { display: block; height: 100%; position: relative; overflow: hidden; } .box--featured .box--featured__item a:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 1; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#cc000000",GradientType=0 ); } .box--featured .box--featured__item a:hover .box--featured__item--bg { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .box--featured .box--featured__item a:hover:after { opacity: 1; } .box--featured .box--featured__item--bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 0; transition: 1s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .box--featured .box--features__item--infos { position: absolute; left: 0; bottom: 0; right: 0; margin: auto; padding: 0 50px 50px; z-index: 2; } .box--featured .box--features__item--infos p, .box--featured .box--features__item--infos span { color: #ffffff; } .box--testimonial img { max-width: 100%; } .box--testimonial__item { box-sizing: border-box; padding-left: 20px; padding-right: 20px; text-align: center; } @media (max-width: 767px) { .box--testimonial__item { padding: 0; } } .box--testimonial__item > a { display: inline-block; height: 100%; position: relative; overflow: hidden; } .box--testimonial__item > a img { max-width: 100%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1); } .box--testimonial__item > a .box--testimonial__item-infos { width: 100%; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; text-align: left; padding: 0 60px 40px 35px; cursor: auto; } .box--testimonial__item > a .box--testimonial__item-infos p { margin: 0 0 5px; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .box--testimonial__item > a .box--testimonial__item-infos span { color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .box--testimonial__item > a:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .box--news-related .box--news__item { padding: 30px 0 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .box--news-related .box--news__item:hover .news-title { color: #DB3331; } .box--news-related .news-tag { display: block; color: #DB3331; margin: 0 0 10px; } .box--news-related .news-title { display: block; margin: 0 0 20px; transition: 0.2s cubic-bezier(0.19, 1, 0.22, 1); } @media (max-width: 767px) { .box--news-related .news-title { margin: 0 0 10px; } } .box--news-related .news-text { margin: 0 0 20px; } .box--news-related .news-date { display: block; color: #A39E9E; } .box--event-list .event-list__item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 30px 0; border-top: 1px solid #E5E5E5; } .box--event-list .event-list__item:last-child { border-bottom: 1px solid #E5E5E5; } .box--event-list .event-list__item .event-list__item-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .box--event-list .event-list__item .event-list__item-inner:first-child { width: 63%; } .box--event-list .event-list__item .event-list__item-inner:last-child { width: 37%; } .box--event-list .event-list__item .event-list__item-inner .event-name { width: 70%; } .box--event-list .event-list__item .event-list__item-inner .event-date { width: 30%; } .box--event-list .event-list__item .event-list__item-inner .event-place { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .box--event-list .event-list__item .event-list__item-inner [class*=event-] { padding-right: 15px; } .box--event-list .event-list__item .event-list__item-inner .button { white-space: nowrap; } .box--event-list .event-list__item .event-name { transition: 0.2s cubic-bezier(0.19, 1, 0.22, 1); } .box--event-list .event-list__item .event-name:hover { color: #DB3331; } .box--event-list .event-list__item .event-place { color: #A39E9E; } .box--event-list .event-list__item .event-date { color: #000000; } .box--event-list .event-list__item .link { font-size: 0.8rem; } .box--with-expend .box--expend__intro { padding: 0 0 3rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .box--with-expend .box--expend__intro h2 { margin: 0 0 20px; } .box--with-expend .box--expend { overflow: hidden; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .box--with-expend .box--expend.is-open .box--expend__content { display: block; } .box--with-expend .box--expend__media { margin-top: 1.5rem; } .box--with-expend .box--expend__media img { max-width: 100%; display: block; } .box--with-expend .box--expend__header { padding: 40px 50px 40px 0; position: relative; cursor: pointer; } .box--with-expend .box--expend__header:hover button { color: #DB3331; } .box--with-expend .box--expend__header:hover i span { background: #DB3331; } .box--with-expend .box--expend__header.is-open i span:first-child { -webkit-transform: rotateZ(-90deg) scaleX(0); -ms-transform: rotate(-90deg) scaleX(0); transform: rotateZ(-90deg) scaleX(0); } .box--with-expend .box--expend__header button { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); text-align: left; } .box--with-expend .box--expend__header button:focus { outline: none; } .box--with-expend .box--expend__header i { width: 20px; height: 20px; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; } .box--with-expend .box--expend__header i span { width: 14px; height: 2px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: #000000; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .box--with-expend .box--expend__header i span:first-child { -webkit-transform: scaleX(1) rotateZ(-90deg); -ms-transform: scaleX(1) rotate(-90deg); transform: scaleX(1) rotateZ(-90deg); } .box--with-expend .box--expend__header--dropdown { padding-bottom: 1.5rem; } .box--with-expend .box--expend__header--dropdown i { background: url("../images/icons/dropdown.svg") no-repeat right center; top: 0.6rem; transition: all ease 0.3s; } .box--with-expend .box--expend__header--dropdown:hover i { background-image: url("../images/icons/dropdown--red.svg"); } .box--with-expend .box--expend__header--dropdown.is-open i { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .box--with-expend .box--expend__content { display: none; padding: 0 0 40px; } .box--with-expend .box--expend__content p { margin-bottom: 20px; } .box--with-expend .box--expend__content--no-padding-bottom { padding-bottom: 0; } .box--with-expend .box--expend__footnotes { margin: 1.5rem 0 0; } .box--with-expend .box--expend__footnotes-title { display: block; color: #A39E9E; margin: 0 0 0.5rem; } .box--with-expend .box--expend__footnotes-list-item { display: block; font-size: 0.75rem; line-height: 1.1rem; color: #DB3331; padding: 0 0 0 20px; position: relative; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .box--with-expend .box--expend__footnotes-list-item:hover { color: #FC3D3B; } .box--with-expend .box--expend__footnotes-list-item svg { position: absolute; top: 6px; left: 0; } .box--with-expend .box--aside-gate { min-height: 330px; background-size: cover; background-repeat: no-repeat; background-position: center center; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 60px 0 0; } .box--with-expend .box--aside-gate p { margin: 0 0 30px; } .box__item__cover { margin-bottom: 0.25rem; } .box__item__cover > a { display: block; height: 100%; } .box__item__cover img { display: block; cursor: pointer; } .box__item__cover--full img { max-width: 100%; } .box__item__actions { margin-bottom: 0.25rem; text-align: right; } .box__item__actions .button--icon[disabled], .box__item__actions .button--icon[disabled=true]:hover { color: black; opacity: 0.5; } .box__item__actions .button--icon[disabled]:hover * { color: black; fill: black; } .box__item__actions .button--icon[disabled] .title, .box__item__actions .button--icon[disabled]:hover .title { display: none; } .box__item-container .box__item { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 0 0 30px; margin: 0 0 30px; } .box__item-container .box__item:last-child { margin: 0; } .box__item img { display: block; max-width: 100%; } .box__item__info { color: #A39E9E; } .box__item__title { margin-top: 0.5rem; cursor: pointer; transition: all ease 0.3s; } .box__item__title:hover { color: #DB3331; } .box__item__link { display: inline-block; margin-top: 1rem; } .box__item--pays { margin-bottom: 3rem; } @media (max-width: 767px) { .box__item--pays { margin-bottom: 1.5rem; } } .box__item--pays .box__item__cover { position: relative; border: 1px solid #E5E5E5; } .box__item--pays .box__item__cover:before { content: ""; display: block; float: left; padding-bottom: 100%; } .box__item--pays .box__item__cover:after { content: ""; display: table; clear: both; } @media (max-width: 767px) { .box__item--pays .box__item__cover { margin-bottom: 1rem; } } .box__item--pays .box__item__cover__link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .box__item--pays .box__item__cover__link img { width: 100%; height: 100%; } .box__item--pays .box__item__cover__tag { background-color: #DB3331; color: #ffffff; text-transform: uppercase; display: inline-block; padding: 5px 10px; position: absolute; bottom: 0; left: 0; } .box__item--pays .box__item__cover--no-border { border: 0; } @media (max-width: 767px) { .box__item--pays .box__item__title { margin-top: 0.25rem; } } @media (max-width: 767px) { .box__item--selectable { margin-bottom: 0.75rem; } } @media (max-width: 767px) { .box__item--selectable .box__item__cover { border: 0; border-top: 1px solid #E5E5E5; padding-top: 0.75rem; margin-bottom: 0.5rem; } .box__item--selectable .box__item__cover::before, .box__item--selectable .box__item__cover::after { display: none; } } @media (max-width: 767px) { .box__item--selectable .box__item__cover__link { display: none; } } .box__item--selectable .box__item__cover__rollover { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0.75rem; background-color: rgba(242, 242, 242, 0.5); opacity: 0; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } @media (max-width: 767px) { .box__item--selectable .box__item__cover__rollover { position: relative; top: auto; left: auto; bottom: auto; right: auto; padding: 0; background-color: transparent; opacity: 1; } } .box__item--selectable .box__item__cover__rollover__button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; } @media (max-width: 767px) { .box__item--selectable .box__item__cover__rollover__button { display: none; } } .box__item--selectable .box__item__cover__actions { position: absolute; top: 15px; left: 15px; right: 15px; z-index: 2; } @media (max-width: 767px) { .box__item--selectable .box__item__cover__actions { position: relative; top: auto; left: auto; right: auto; } } .box__item--selectable .box__item__cover__favorite { position: absolute; top: 0; right: 0; z-index: 2; opacity: 0; } .box__item--selectable .box__item__cover__favorite.is-selected { opacity: 1; } @media (max-width: 767px) { .box__item--selectable .box__item__cover__favorite { position: static; opacity: 1; } } .box__item--selectable .box__item__cover__form { position: relative; top: -4px; } @media (max-width: 767px) { .box__item--selectable .box__item__cover__form { top: auto; } } .box__item--selectable .box__item__cover__form .custom-checkbox [type=checkbox] + label { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); opacity: 0; } @media (max-width: 767px) { .box__item--selectable .box__item__cover__form .custom-checkbox [type=checkbox] + label { opacity: 1; } } .box__item--selectable .box__item__cover__form .custom-checkbox [type=checkbox] + label span { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .box__item--selectable .box__item__cover__form .custom-checkbox [type=checkbox]:checked + label { opacity: 1; } .box__item--selectable .box__item__cover__form .custom-checkbox [type=checkbox]:checked + label span { opacity: 0; } .box__item--selectable .box__item__cover:hover .box__item__cover__rollover { opacity: 1; } .box__item--selectable .box__item__cover:hover .box__item__cover__favorite { opacity: 1; } .box__item--selectable .box__item__cover:hover .box__item__cover__form .custom-checkbox [type=checkbox] + label { opacity: 1; } .box__item--selectable .box__item__cover:hover .box__item__cover__form .custom-checkbox [type=checkbox] + label span { opacity: 1; } @media (max-width: 767px) { .box__item--selectable .box__item__title svg { display: block; margin-top: 0.25rem; } } @media (max-width: 767px) { .box__item--family { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; border: 0; border-top: 1px solid #E5E5E5; padding-top: 0.75rem; } .box__item--family .box__item__cover { -webkit-order: 1; -ms-flex-order: 1; order: 1; border: 0; padding: 0.25rem 0 0; } .box__item--family .box__item__actions { text-align: left; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .box__item--family .box__item__actions .button--icon .title { padding: 0 0.5em 0 0; } } .box__advert { background-color: #FFE97E; height: 450px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .box__advert__container { text-align: center; } .box__advert__title { margin-bottom: 1.5rem; } .box--view-more p { margin-bottom: 0.5rem; } .box--view-more p:last-child { margin-bottom: 0; } .box--view-more__more { display: none; } .box--view-more .label-less { display: none; } .box--view-more .icon-less { display: none; } .box--view-more .is-less { display: inline-block; margin-top: 0.5rem; } .box--view-more .is-less .label-less { display: inline-block; } .box--view-more .is-less .icon-less { display: inline-block; } .box--view-more .is-less .label-more { display: none; } .box--view-more .is-less .icon-plus { display: none; } .box--view-more .link { margin-top: 0.5rem; display: inline-block; } .box--news { /* news item default */ } .box--news__item { /* modifier */ } .box--news__item--linkedin .news-tag.blue { color: #1B75B0; } .box--news__item--linkedin .news-tag svg { fill: #1B75B0; } .box--news__item--linkedin .news-text a { color: #1B75B0; background: linear-gradient(180deg, transparent 95%, #1B75B0 0) 50%/0 0% no-repeat; background-size: 100% 100%; text-decoration: none; padding-bottom: 3px; transition: all ease 0.3s; } .box--news__item--linkedin .news-text a:hover { background: none; } .box--news__item--twitter .news-tag.blue { color: #36ABDF; } .box--news__item--twitter .news-tag svg { fill: #36ABDF; } .box--news__item--twitter .news-text a { color: #36ABDF; background: linear-gradient(180deg, transparent 95%, #36ABDF 0) 50%/0 0% no-repeat; background-size: 100% 100%; text-decoration: none; padding-bottom: 3px; transition: all ease 0.3s; } .box--news__item--twitter .news-text a:hover { background: none; } .box--basic { display: block; padding: 1em; border: 1px solid #E5E5E5; margin-bottom: 0.5em; } .box--basic svg { margin-right: 10px; } .box--basic li { margin: 0.2em 0; line-height: 1.5; } a.box--basic { color: inherit; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #F2F2F2; } a.box--basic .text { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } a.box--basic .count { display: block; padding: 0.25em; width: 1.5em; text-align: center; height: 1.5em; border-radius: 100px; background-color: #DB3331; color: white; } .box--contact__item { padding: 25px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .box--contact__item:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); } .box--contact__item-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 62px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .box--contact__item-inner .contact-job { font-size: 0.7rem; line-height: 1rem; letter-spacing: 1.5px; text-transform: uppercase; color: #A39E9E; } @media (max-width: 1023px) { .box__title br { display: none; } .box--why { padding: 0 0 2rem; margin: 0 0 2rem; } .box--featured .box--featured__item.big { height: 524px; } .box--featured .box--featured__item.small { width: 50%; height: 260px; float: left; } .box--featured .box--features__item--infos { padding: 0 36px 36px; } .box--testimonial__item-infos { padding: 0 1.8rem 1.8rem; } .box--event-list .event-list__item { display: block; } .box--event-list .event-list__item .event-list__item-inner { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .box--event-list .event-list__item .event-list__item-inner:first-child { width: auto; } .box--event-list .event-list__item .event-list__item-inner:last-child { width: auto; } .box--event-list .event-list__item .event-list__item-inner [class*=event-] { width: auto; } .box--with-expend .box--expend__inner h2 { margin: 0 0 10px; } .box--with-expend .box--expend__header { padding: 20px 50px 20px 0; } .box--with-expend .box--expend__content { padding: 0 0 25px; } .box--with-expend .box--expend__content--no-padding-bottom { padding-bottom: 0; } .box--with-expend .box--expend__content p { margin: 0 0 10px; } .box--with-expend .box--aside-gate { min-height: 180px; margin: 70px auto 0; } .box__item__cover--full img { max-width: 100%; } .box__advert { background-color: #FFE97E; height: 365px; padding: 0.75rem; } .box__advert__title { margin-bottom: 1rem; } } @media (max-width: 767px) { .box--why { padding: 0 0 1rem; margin: 0 0 1rem; } .box--featured .box--featured__item.big { height: 280px; } .box--featured .box--featured__item.small { width: 100%; height: 280px; float: none; } .box--featured .box--features__item--infos { padding: 0 16px 16px; } .box--key-figure .box--key-figure__item { margin: 0 0 20px; } .box--key-figure [class*=cell-]:last-child .box--key-figure__item { margin: 0; } .box--event-list .event-list__item { padding: 20px 0; } .box--event-list .event-list__item .event-list__item-inner { display: block; } .box--event-list .event-list__item .event-list__item-inner [class*=event-] { display: block; margin: 0 0 5px; } .box--event-list .event-list__item .event-list__item-inner .button { margin-top: 10px; display: block; text-align: center; width: 100%; } .box--testimonial__item { width: 265px; overflow: hidden; position: relative; } .box--testimonial__item-infos { padding: 0 0.75rem 0.75rem; } .box--news-related .box--news__item { padding: 20px 0 0; margin: 0 0 15px; } .box--news-related [class*=cell-]:last-child .box--news__item { margin: 0; } .box--event-list .event-list__item .event-list__item-inner { float: none; } .box--event-list .event-list__item .event-list__item-inner:first-child, .box--event-list .event-list__item .event-list__item-inner:last-child { width: 100%; } .box--event-list .event-list__item .event-list__item-inner .event-date { margin: 0 0 20px; } .box__advert { background-color: #FFE97E; height: 200px; } .box__advert__container { width: 100%; } } .box-grid-image__big { width: 66.6666666667%; float: left; } .box-grid-image__small { width: 33.3333333333%; float: left; } .box-grid-image__triple .box-grid-image__item--small { width: 33.33%; float: left; } .box-grid-image--double .box-grid-image__big { width: 50%; } @media (max-width: 767px) { .box-grid-image--double .box-grid-image__big { width: 100%; } } .box-grid-image--full .box-grid-image__big { width: 100%; } .box-grid-image__item { position: relative; height: 620px; } .box-grid-image__item--small { height: 310px; } .box-grid-image__item__background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 0; transition: 1s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; z-index: 1; } .box-grid-image__item__info { position: absolute; left: 0; bottom: 0; right: 0; margin: auto; padding: 0 2.5rem 2.5rem; z-index: 2; } .box-grid-image__item__category { color: #ffffff; } .box-grid-image__item__title { color: #ffffff; } .box-grid-image__item__text { color: #ffffff; margin-top: 0.5em; max-width: 40em; } @media (max-width: 767px) { .box-grid-image__item__text { display: none; } } .box-grid-image__item a { display: block; height: 100%; position: relative; overflow: hidden; } .box-grid-image__item a:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 1; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#cc000000",GradientType=0 ); } .box-grid-image__item a:hover .box-grid-image__item__background { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .box-grid-image__item a:hover:after { opacity: 1; } .section--bg-dark .box-grid-image { margin-left: -20px; margin-right: -20px; } @media (max-width: 1023px) { .section--bg-dark .box-grid-image { margin-left: -10px; margin-right: -10px; } } .section--bg-dark .box-grid-image__big { padding-left: 20px; padding-right: 20px; } @media (max-width: 1023px) { .section--bg-dark .box-grid-image__big { padding-left: 10px; padding-right: 10px; } } .section--bg-dark .box-grid-image__small { padding-left: 20px; padding-left: 20px; } .section--bg-dark .box-grid-image__small .box-grid-image__item { padding-top: 20px; padding-bottom: 20px; } .section--bg-dark .box-grid-image__small .box-grid-image__item:first-child { padding-top: 0; } .section--bg-dark .box-grid-image__small .box-grid-image__item:last-child { padding-bottom: 0; } @media (max-width: 1023px) { .section--bg-dark .box-grid-image__small { padding-top: 20px; padding-left: 0; padding-right: 0; } .section--bg-dark .box-grid-image__small .box-grid-image__item { padding-left: 10px; padding-right: 10px; } .section--bg-dark .box-grid-image__small .box-grid-image__item:first-child { padding-bottom: 0; } .section--bg-dark .box-grid-image__small .box-grid-image__item:last-child { padding-top: 0; margin-top: 20px; } } .section--bg-dark .box-grid-image__triple .box-grid-image__item { margin-top: 40px; padding-left: 20px; padding-right: 20px; } @media (max-width: 1023px) { .section--bg-dark .box-grid-image__triple .box-grid-image__item { margin-top: 20px; padding-left: 10px; padding-right: 10px; } .section--bg-dark .box-grid-image__triple .box-grid-image__item:last-child { padding-right: 10px; } } @media (max-width: 1023px) { .box-grid-image__big { width: 100%; } .box-grid-image__small { width: 100%; } .box-grid-image__item { height: 560px; } .box-grid-image__item--small { height: 270px; width: 50%; float: left; } .box-grid-image__triple .box-grid-image__item--small { width: 50%; } } @media (max-width: 767px) { .box-grid-image__big { width: 100%; } .box-grid-image__small { width: 100%; } .box-grid-image__item { height: 220px; } .box-grid-image__item--small { height: 220px; width: 100%; float: inherit; } .box-grid-image__item__info { padding: 0 0.75rem 0.75rem 0.75rem; } .box-grid-image__triple .box-grid-image__item--small { width: 100%; } } /* === Box Highlight === */ .box--highlight__media img { max-width: 100%; display: block; margin: auto; } @media (max-width: 1023px) { .box--highlight__media { margin: 0 0 40px; } } @media (max-width: 767px) { .box--highlight__media { margin: 0 0 20px; } } .box--highlight__content { margin: 0 0 70px; } @media (max-width: 1023px) { .box--highlight__content { margin: 0; } } .box--highlight__tag { color: #DB3331; display: block; margin: 0 0 20px; } .box--highlight__title { color: #000000; margin: 0 0 20px; transition: all ease 0.3s; } .box--highlight__title:hover { color: #DB3331; } .box--highlight__text { margin: 0 0 20px; } .box--highlight__date { color: #A39E9E; display: block; } /* === Box tags === */ .box__tags--title { color: #A39E9E; display: inline-block; vertical-align: middle; } @media (max-width: 1023px) { .box__tags--title { display: block; margin: 0 0 10px; } } .box__tags--list { display: inline-block; vertical-align: top; } .box__tags--list li { line-height: 1; color: #A39E9E; display: inline-block; vertical-align: middle; } .box__tags--list a { color: #DB3331; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .box__tags--list a:hover { color: #FC3D3B; } .news-signature { margin: 40px 0 20px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } @media (max-width: 767px) { .news-signature { margin-top: 0; } } .news-signature img { margin-right: 1em; width: 60px; height: 60px; } @media (max-width: 1023px) { .news-signature img { width: 36px; height: 36px; } } .news-signature:before { content: ""; display: block; height: 60px; } @media (max-width: 1023px) { .news-signature:before { height: 36px; } } .news-signature .signature-name { display: block; line-height: 1.2; } .news-signature .signature-date { color: #A39E9E; display: block; } .news-signature.news-signature-small { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-top: 20px; } .news-signature.news-signature-small:before { height: 36px; } .news-signature.news-signature-small img { width: 36px; height: 36px; margin: 4px 14px 0 0; } .news-signature.news-signature-small .signature-name { margin-bottom: 4px; } .news-signature.news-signature-small .signature-meta { display: block; } .box--share .button--block { display: inline-block; margin: 0 0.1em 0.5em 0; } @media (max-width: 1023px) { .box--share .button--block { display: block; margin-bottom: 0.5rem; } } @media (max-width: 767px) { .box--share .button--block { max-width: none; } } .box--news-author__image img { max-width: 100%; height: auto; } @media (max-width: 1023px) { .box--news-author__image { width: 120px; box-sizing: content-box; margin-top: 5px; float: left; } } @media (max-width: 767px) { .box--news-author__image { width: 80px; margin-top: 4px; } } @media (max-width: 1023px) { .box--news-author .box--news-author__image + .box--news-author__info { margin-left: 150px; width: auto; float: none; } } @media (max-width: 767px) { .box--news-author .box--news-author__image + .box--news-author__info { margin-left: 100px; } } .box--categories .list-icon { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .box--categories .list-icon__item { float: none; border-bottom: 0; } .box--categories .list-icon__item a { border-bottom: solid 1px #E5E5E5; } .list-sector__container { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 140px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; border-top: solid 1px rgba(0, 0, 0, 0.1); } .list-sector__container:hover .list-sector__title { color: #DB3331; } .list-sector__container:hover .list-sector__icon svg path { fill: #DB3331; } .list-sector__title { float: left; margin-left: 2rem; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .list-sector__picto { float: left; } .list-sector__picto svg { height: 60px; width: 60px; } .list-sector__icon { position: absolute; right: 0; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } @media (max-width: 1023px) { .list-sector__container { min-height: 80px; height: auto; } .list-sector__picto svg { height: 36px; width: 36px; } } @media (max-width: 767px) { .list-sector__picto svg { height: 30px; width: 30px; } .list-sector__title { margin-left: 1rem; max-width: 180px; } } .list-actions { margin: 0.5rem 0 1.5rem 0; } .list-actions__item { border-top: 1px solid #E5E5E5; padding: 15px 0; } .list-actions__item:last-child { border-bottom: 1px solid #E5E5E5; } .list-actions__link { position: relative; display: block; } .list-actions__link svg { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .list-actions__count { color: #DB3331; } .list-actions__count::before { content: "("; } .list-actions__count::after { content: ")"; } .list-actions--grid { width: calc(100% + 100px); margin-left: -50px; } @media (max-width: 1023px) { .page-search-form + .list-actions { margin-top: 0; } .page-search-form + .list-actions > :first-child { border-top: 0; } .list-actions + .nav__filter__wrapper .nav__filter__result { border: 0; padding: 0 0 0.2em; } .nav__filter__result { border: 0; } } .list-icon { margin-top: 1.5rem; } .list-icon__item { border-bottom: solid 1px #E5E5E5; /* &:last-child { border-bottom: none; .list-icon__link { color: $nexans-red; svg path { fill: $nexans-red; } svg rect { fill: $nexans-red; } &:hover { color: $nexans-red; svg path { fill: $nexans-red; } svg rect { fill: $nexans-red; } } } } */ } .list-icon__item .icon { float: right; position: relative; bottom: -3px; } .list-icon__item .icon-less { float: right; } .list-icon--border-top .list-icon__item:first-child { border-top: solid 1px #E5E5E5; } @media (max-width: 1023px) { .list-icon--dropdown { margin-top: 0; } } @media (max-width: 1023px) { .list-icon--dropdown .list-icon__item:first-child .list-icon__link { padding-top: 0; } } .list-icon__link { display: block; padding: 0.75rem 0; } .list-icon__link:hover { color: #DB3331; } .list-icon__link:hover svg path { fill: #DB3331; } .list-icon .label-less { display: none; } .list-icon .icon-less { display: none; } .list-icon .is-less { display: block; } .list-icon .is-less .label-less { display: inline-block; } .list-icon .is-less .icon-less { display: inline-block; } .list-icon .is-less .label-more { display: none; } .list-icon .is-less .icon-plus { display: none; } .governance-list { position: relative; } .governance-list__inner { position: absolute; top: 0; left: 0; right: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1); } .governance-list__inner.active { opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; position: relative; top: initial; left: initial; right: initial; } .governance-list__item { display: block; padding: 0 0 4rem; margin: auto; width: 100%; } @media (max-width: 1023px) { .governance-list__item { padding: 0 0 2rem; } } @media (max-width: 767px) { .governance-list__item { height: auto !important; } } .governance-list__item a { display: block; height: 100%; } .governance-list__item a:hover .governance-list__media img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .governance-list__media { margin: 0 0 30px; position: relative; overflow: hidden; } .governance-list__media img { max-width: 100%; display: block; margin: auto; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: 1s cubic-bezier(0.19, 1, 0.22, 1); } .governance-list__item-name { color: #000000; margin: 0 0 5px; display: block; } .governance-list__item-title { color: #A39E9E; display: block; } /* list label */ .list-label__item__label { color: #A39E9E; } .list-label__leftright .list-label__item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .list-label__table { display: table; } .list-label__table .list-label__item { display: table-row; } .list-label__table .list-label__item > * { padding-right: 1em; display: table-cell; } /* list standards */ .list-standards { margin: 1rem 0 1.5rem; } .list-standards__item { padding: 1rem 0; border-bottom: solid 1px rgba(0, 0, 0, 0.1); } .list-standards__item:first-child { border-top: solid 1px rgba(0, 0, 0, 0.1); } .list-standards__item .heading-5 { color: #A39E9E; } /* list refs */ .list-refs { margin: 1rem 0; } .list-refs__item { color: #A39E9E; } /* list characteristics */ .list-characteristics__row { padding: 1rem 0; border-top: solid 1px rgba(0, 0, 0, 0.1); } @media (max-width: 767px) { .list-characteristics__row { padding: 0.75rem 0; } } @media (max-width: 767px) { .list-characteristics__row:last-child { border-bottom: solid 1px rgba(0, 0, 0, 0.1); } } .list-characteristics__title { font-weight: bold; color: #555555; } @media (max-width: 767px) { .list-characteristics__title { color: #000000; font-size: 0.65rem; line-height: 1rem; font-weight: initial; } } .list-characteristics__desc { color: #555555; } @media (max-width: 767px) { .list-characteristics__desc { color: #000000; font-size: 0.65rem; line-height: 1rem; } } /* list documents */ .list-documents__item { padding: 1.5rem 0; border-bottom: solid 1px rgba(0, 0, 0, 0.1); } .list-documents__item .heading-5 { color: #A39E9E; margin-bottom: 0.25rem; } .list-documents__item .text-current { margin-bottom: 0.5rem; } .list-documents li:first-child { padding-top: 0; } .list-documents-news__row { padding: 1.5rem 0; border-bottom: solid 1px rgba(0, 0, 0, 0.1); } .list-documents-news__file { color: #A39E9E; } @media (max-width: 767px) { .list-documents-news__title { display: block; margin-top: 0.5rem; } } @media (max-width: 767px) { .list-documents-news__link { display: block; margin-top: 0.5rem; } } .list-documents-news--pays .list-documents-news__row:first-child { border-top: solid 1px rgba(0, 0, 0, 0.1); } @media (max-width: 767px) { .list-documents-news--pays .list-documents-news__row { padding: 0.75rem 0; } } .list-documents-news--pays .list-documents-news__file { display: block; } .list-documents-news--pays .list-documents-news__link { float: right; } @media (max-width: 767px) { .list-documents-news--pays .list-documents-news__link { float: none; margin-top: 0.25rem; } } /* List dots */ .list-dots li::before { content: "• "; } .list-default { padding-left: 1em; } .list-default li { list-style-type: disc; } /* list links */ .list-links li { white-space: nowrap; padding-left: 1.5em; position: relative; } .list-links li::before { content: ""; display: block; position: absolute; left: 0; top: 0.2em; width: 1em; height: 1em; background-size: 100% 100%; margin-right: 0.4em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-arrow-link' viewBox='0 0 20 20'%3E%3Cpath fill='%23db3331' d='M14.579038,9 L3,9 L3,11 L14.5995296,11 L11.31266,14.2936188 L12.7283233,15.7063812 L18.4127653,10.0102669 L12.7078316,4.29361882 L11.2921684,5.70638118 C11.9909798,6.40662755 12.1037863,6.5196657 14.579038,9 Z'/%3E%3C/svg%3E"); } @media (max-width: 1023px) { .list-links li { white-space: normal; } } /* List news */ .list-news__item { padding: 2rem 0; position: relative; border-bottom: solid 1px #E5E5E5; } .list-news__item:first-child { padding-top: 0; } @media (max-width: 1023px) { .list-news__item .news-signature { margin-top: 0; } } .list-news__date { color: #A39E9E; } @media (max-width: 1023px) { .list-news__date { display: inline-block; margin-left: 0.5rem; margin-bottom: 0.5rem; } } .list-news__category { color: #DB3331; } @media (max-width: 1023px) { .list-news__category { display: inline-block; margin-bottom: 0.5rem; } } .list-news__title { margin: 0 0 1rem; transition: all ease 0.3s; } .list-news__title:hover { color: #DB3331; } @media (max-width: 767px) { .list-news__text { display: none; } } .list-news__visual img { display: block; max-width: 100%; } @media (max-width: 767px) { .list-news__visual img { width: 100%; margin-top: 1rem; } } @media (max-width: 1023px) { .list-news__visual { position: relative; top: -20px; } } @media (max-width: 767px) { .list-news__visual { top: initial; } } /* List files */ .list-files__item { padding: 2rem 0; position: relative; border-bottom: solid 1px #E5E5E5; } .list-files__item:first-child { padding-top: 0; } @media (max-width: 1023px) { .list-files__item:first-child { padding-top: 2rem; } } .list-files__date { color: #A39E9E; } @media (max-width: 1023px) { .list-files__date { display: inline-block; margin-left: 0.5rem; margin-bottom: 0.5rem; } } .list-files__category { color: #DB3331; } @media (max-width: 1023px) { .list-files__category { display: inline-block; margin-bottom: 0.5rem; } } .list-files__title { transition: all ease 0.3s; } .list-files__title:hover { color: #DB3331; } .list-files__size { color: #A39E9E; text-transform: uppercase; margin-top: 0.25rem; font-size: 0.7rem; } @media (max-width: 767px) { .list-files .t-right { text-align: left; margin-top: 0.5rem; } } .downloads-list__item { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #E5E5E5; } .downloads-list__item:last-child { border: 0; } .custom-select { display: block; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 16px 30px; border-radius: 50px; background: url("../images/icons/dropdown.svg") no-repeat calc(100% - 30px) center, #ffffff; font-size: 0.95rem; line-height: 1.45rem; border: 2px solid #E5E5E5; } .custom-select:focus { outline: none; } .custom-select:disabled { color: #A39E9E; background-color: #F2F2F2; } .custom-select__inline { font-size: inherit; display: inline-block; width: auto; padding: 10px 50px 10px 25px; } .language-select { display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 5px 20px 5px 8px; background: url("../images/icons/dropdown.svg") no-repeat 100% center, #ffffff; font-size: 0.75em; line-height: 1.2; border: 0; } .custom-checkbox:hover label { color: #DB3331; } .custom-checkbox:hover label svg path:not(.check-icon) { fill-opacity: 1 !important; } .custom-checkbox .check-icon { transition: none; } .custom-checkbox [type=checkbox]:not(:checked) + label, .custom-checkbox [type=checkbox]:checked + label { position: relative; padding-left: 1.5rem; cursor: pointer; transition: none; } .custom-checkbox [type=checkbox]:not(:checked), .custom-checkbox [type=checkbox]:checked { position: absolute; top: 0; left: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; z-index: -99; display: none; } .custom-checkbox [type=checkbox]:not(:checked) + label svg, .custom-checkbox [type=checkbox]:checked + label svg { width: 20px; height: 20px; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; transition: none; } .custom-checkbox [type=checkbox]:not(:checked) + label svg path:not(.check-icon), .custom-checkbox [type=checkbox]:checked + label svg path:not(.check-icon) { transition: none; fill-opacity: 0.4; } .custom-checkbox [type=checkbox]:not(:checked) + label .check-icon { opacity: 0; } .custom-checkbox [type=checkbox]:checked + label svg path:not(.check-icon) { fill-opacity: 1; } .custom-checkbox [type=checkbox]:checked + label .check-icon { opacity: 1; } .custom-checkbox [type=checkbox]:disabled:not(:checked) + label, .custom-checkbox [type=checkbox]:disabled:checked + label { cursor: default; opacity: 0.2; } .custom-checkbox { position: relative; } .custom-checkbox__label__text--small { font-size: 0.75rem; } .custom-checkbox__label.multiline { display: block; } .custom-checkbox__label.multiline .extra { display: block; font-size: 0.6rem; line-height: 100%; letter-spacing: 0.075rem; color: #A39E9E; text-transform: uppercase; } .custom-checkbox__input--small svg { width: 16px; height: 16px; } .custom-checkbox--small .custom-checkbox__label { padding-left: 1.2rem !important; } .custom-checkbox--small .custom-checkbox__label svg { width: 16px; height: 16px; } .custom-checkbox--small .custom-checkbox__label span { font-size: 0.75rem; vertical-align: bottom; } .custom-checkbox--hidden-label .custom-checkbox__label__text { opacity: 0; transition: none; } .custom-checkbox--hidden-label:hover .custom-checkbox__label__text { opacity: 1; } @media (max-width: 767px) { .custom-checkbox--hidden-label:hover .custom-checkbox__label__text { display: none; } } .custom-checkbox--filter [type=checkbox]:not(:checked) + label svg, .custom-checkbox--filter [type=checkbox]:checked + label svg { margin-top: 4px; } .custom-checkbox--filter .custom-checkbox__label { vertical-align: top; display: inline-block; } .custom-checkbox--filter .custom-checkbox__label span { display: inline-block; } .custom-checkbox--small [type=checkbox]:not(:checked) + label svg, .custom-checkbox--small [type=checkbox]:checked + label svg, .custom-checkbox [type=checkbox].custom-checkbox__input--small:not(:checked) + label svg, .custom-checkbox [type=checkbox].custom-checkbox__input--small:checked + label svg { width: 16px; height: 16px; } @media (max-width: 767px) { .custom-checkbox--hidden-label [type=checkbox]:not(:checked) + label svg, .custom-checkbox--hidden-label [type=checkbox]:checked + label svg { width: 16px; height: 16px; } } .custom-input label { font-size: 0.7rem; color: #000000; letter-spacing: 0.075rem; line-height: 1rem; } .custom-input label.default { font: inherit; display: block; font-size: 0.7rem; font-weight: normal; margin-bottom: 0.6em; letter-spacing: 0; line-height: inherit; } .custom-input textarea { display: block; max-width: 100%; min-width: 100%; min-height: 270px; border: 1px solid #A39E9E; border-radius: 4px; padding: 0.75rem 1.5rem; } .custom-input input:not([type=checkbox]) { color: #000000; display: block; width: 100%; padding: 0.75rem 1rem; border: 1px solid #A39E9E; border-radius: 4px; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .custom-input input:not([type=checkbox]):hover { border-color: #000000; } .custom-input--upper { text-transform: uppercase; } .custom-input--full { width: 100%; float: none; } .custom-radios__element { display: inline-block; overflow: hidden; position: relative; margin-right: 0.5em; vertical-align: middle; cursor: pointer; } .custom-radios__element input { position: absolute; right: 105%; } .custom-radios label { display: block; cursor: pointer; line-height: 1.5; } .custom-radios label:before { content: ""; display: inline-block; width: 0.8em; height: 0.8em; border: 3px solid white; box-shadow: 0px 0px 0px 1px rgb(163, 158, 158); border-radius: 2em; margin: 0 0.3em 2px 2px; vertical-align: middle; } .custom-radios input:checked + label:before { background-color: #DB3331; } .custom-radios__inline { display: inline-block; } @media (max-width: 1023px) { .custom-radios__inline { display: block; } } .custom-quantity input::-webkit-outer-spin-button, .custom-quantity input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .custom-quantity input[type=number] { -moz-appearance: textfield; } .custom-quantity input { width: 4em; } .custom-quantity button { cursor: pointer; } .custom-quantity button:hover path, .custom-quantity button:hover rect { fill: #DB3331; } .form-bordered .custom-select { border: 1px solid #A39E9E; padding: 0.4em 0.5em; border-radius: 4px; font: inherit; min-height: 2em; line-height: inherit; } .form-bordered .custom-select__inline { line-height: 1.22; padding-right: 25px; } .form-bordered .form-group > label, .form-bordered .form-group .label { display: block; font-size: 0.7rem; font-weight: normal; margin-bottom: 0.6em; } .form-bordered .form-group input:not([type=checkbox]) { padding: 0.4em 0.5em; font: inherit; border: 1px solid #A39E9E; border-radius: 4px; box-sizing: border-box; margin-bottom: 0.5em; } .form-bordered .form-group input[type=date] { width: 10em; } .form-bordered .form-group.error input, .form-bordered .form-group.error textarea, .form-bordered .form-group.error select, .form-bordered .form-group.error .message, .form-bordered .form-group.has-error input, .form-bordered .form-group.has-error textarea, .form-bordered .form-group.has-error select, .form-bordered .form-group.has-error .message { border-color: #FC3D3B; color: #FC3D3B; } .form-bordered .form-group .description { max-width: 870px; } .form-bordered .form-group .description strong { font-weight: bold; } .form-bordered input + .custom-checkbox { margin-left: 1em; } .form-bordered .custom-checkbox { display: inline-block; } .form-bordered .custom-checkbox label.custom-checkbox__label { font-size: 0.7rem; } .form-bordered .full-w { width: 100%; } .form-bordered .buttons-l-r { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .form-bordered .buttons-l-r > * { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .form-bordered .buttons-l-r > :not(:first-child) { margin-left: 1em; } .form-bordered .form-section { margin-top: 2em; padding: 2em 0 0.5em; border-top: 1px solid #E5E5E5; } .form-bordered .form-section .note { margin: 1em 0; } .form-bordered textarea { font: inherit; max-width: 100%; width: 28em; min-height: 8em; border: 1px solid #A39E9E; border-radius: 4px; padding: 0.75rem 1.5rem; } .form-bordered textarea.small { min-height: 5em; } .form-bordered.form-bordered-small .form-group { margin: 0.3em 0; } @media (max-width: 1023px) { .form-bordered .custom-checkbox { display: block; margin-left: 0; } .form-bordered input + .custom-checkbox { margin-left: 0; } } .form-group { margin: 1em 0; } .form-group.error input, .form-group.error textarea, .form-group.error select, .form-group.error .message, .form-group.has-error input, .form-group.has-error textarea, .form-group.has-error select, .form-group.has-error .message { border-color: #DB3331; color: #DB3331; } .form-group--inline { margin: 0 0.3em 0 0; display: inline-block; } .form-group .message { margin: 0 0 0.5em; } .form-group .message__error { color: #DB3331; } .form-group.is-required label::after { content: "*"; } .page-search-form { border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; padding: 1em 0; } .page-search-form .grid { display: table; } .page-search-form .grid > * { display: table-cell; vertical-align: middle; } .page-search-form .actions { width: 0; padding-left: 1em; } .page-search-form [type=text] { font: inherit; border: 0; padding: 1em 0; width: 100%; } @media (max-width: 767px) { .page-search-form { padding: 0.25em 0; } .page-search-form button .text { display: none; } .page-search-form button.button { border: 0; padding: 10px; } } .multiform__steps { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .multiform__steps:before { content: ""; position: absolute; z-index: 0; height: 1px; left: 0; right: 0; top: 50%; background-color: #E5E5E5; } .multiform__steps__step { position: relative; z-index: 1; padding: 0 1em; background: white; } .multiform__steps__step:first-child { padding-left: 0; } .multiform__steps__step:last-child { padding-right: 0; } .multiform__steps__step .number { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 200px; width: 3em; height: 3em; margin-right: 0.5em; border: 1px solid #E5E5E5; color: #DB3331; text-align: center; } .multiform__steps__step.is-active .number { color: white; border-color: #DB3331; background-color: #DB3331; } @media (max-width: 1023px) { .multiform__steps { display: block; } .multiform__steps:before { display: none; } .multiform__steps__step { padding: 0; margin: 0 0.5em 0.25em 0; display: inline-block; white-space: nowrap; } .multiform__steps__step .number { width: 2em; height: 2em; } } .multiform__actions { margin-top: 1em; } .multiform__page { display: none; } .multiform__page.is-active { display: block; } .packaging-rows .bt-remove { margin-top: 3em; } .packaging-rows .row:first-child:last-child .bt-remove { display: none; } .packaging-rows .bt-add { display: inline-block; margin-top: 1em; font-size: 0.75rem; margin-right: 1em; } .packaging-rows .bt-add .plus { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 1.5em; height: 1.5em; vertical-align: middle; background: black; color: white; border-radius: 200px; font-size: 0.95rem; margin-right: 0.5em; } .packaging-rows .form-group { margin-bottom: 0.1em; } .packaging-rows .error-msg { display: none; color: #DB3331; } .packaging-rows .row.error .error-msg { display: block; } .packaging-rows .row.error input, .packaging-rows .row.error select { border-color: #DB3331; } .js-async-form, .async-like-form { position: relative; } .js-async-form .form-overlay, .async-like-form .form-overlay { display: none; z-index: 1; position: absolute; background-color: rgba(255, 255, 255, 0.7); top: 0; left: 0; right: 0; bottom: 0; } .js-async-form.loading .form-overlay, .async-like-form.loading .form-overlay { display: block; } .js-async-form .async-error-msg, .async-like-form .async-error-msg { color: #FC3D3B; } input:disabled { color: #A39E9E; background-color: #F2F2F2; } .form-required { color: #DB3331; margin-left: 0.25em; } .js-image-input img { width: auto; height: 80px; } .js-image-input .img-preview { display: none; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .js-image-input.preview .img-preview { display: -webkit-flex; display: -ms-flexbox; display: flex; } .js-image-input.preview input { display: none; } .button, input.button { display: inline-block; padding: 12px 30px 15px; border-radius: 50px; font-size: 0.95rem; line-height: 1.45rem; position: relative; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); border: solid 2px #E5E5E5; cursor: pointer; vertical-align: middle; /* modifier */ } .button:hover, input.button:hover { border: solid 2px #000000; } .button__text, input.button__text { display: inline-block; vertical-align: middle; } .button.is-selected, .button--red, input.button.is-selected, input.button--red { color: #DB3331; } .button.is-selected svg path, .button--red svg path, input.button.is-selected svg path, input.button--red svg path { fill: #DB3331; } .button.is-selected svg polygon, .button--red svg polygon, input.button.is-selected svg polygon, input.button--red svg polygon { fill: #DB3331; } .button.is-selected svg rect, .button--red svg rect, input.button.is-selected svg rect, input.button--red svg rect { fill: #DB3331; } .button--red:hover, input.button--red:hover { border: solid 2px #DB3331; } .button--icon .title, input.button--icon .title { position: absolute; pointer-events: none; white-space: nowrap; bottom: 70%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); transition: all 0.2s ease; opacity: 0; } .button--icon:hover .title, .button--icon:focus .title, input.button--icon:hover .title, input.button--icon:focus .title { bottom: 100%; opacity: 1; } .button--icon.button--icon-topright .title, input.button--icon.button--icon-topright .title { left: auto; right: -6px; -webkit-transform: none; -ms-transform: none; transform: none; padding: 3px 6px; background: white; } .button--icon.button--icon-topright:hover .title, .button--icon.button--icon-topright:focus .title, input.button--icon.button--icon-topright:hover .title, input.button--icon.button--icon-topright:focus .title { bottom: 110%; } .button--icon.button--icon-left .title, input.button--icon.button--icon-left .title { bottom: auto; left: auto; top: 50%; right: 70%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0.3em 5px; background: white; } .button--icon.button--icon-left:hover .title, .button--icon.button--icon-left:focus .title, input.button--icon.button--icon-left:hover .title, input.button--icon.button--icon-left:focus .title { right: 100%; bottom: auto; } @media (max-width: 767px) { .button--icon .title, input.button--icon .title { position: static; opacity: 1; } } .button--icon-white svg path, input.button--icon-white svg path { fill: #ffffff; } .button--block, input.button--block { display: block; max-width: 310px; } @media (max-width: 767px) { .button--block-m, input.button--block-m { display: block; } } .button--full, input.button--full { display: block; width: 100%; } .button--flat, input.button--flat { background: #DB3331; color: #ffffff; border: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .button--flat svg, input.button--flat svg { fill: #ffffff; } .button--flat:hover, input.button--flat:hover { background: #FC3D3B; border: none; } .button--flat.is-disable, input.button--flat.is-disable { background-color: #F2F2F2; color: rgba(0, 0, 0, 0.3); pointer-events: none; } .button--yellow, input.button--yellow { background: #FFE97E; color: #000000; border-color: #FFE97E; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .button--yellow svg, input.button--yellow svg { fill: #000000; } .button--yellow:hover, input.button--yellow:hover { background: #FFE151; border-color: #FFE151; } .button--icons, input.button--icons { padding: 12px 60px 15px 30px; text-align: left; } .button--icons svg, input.button--icons svg { width: 20px; height: 20px; position: absolute; top: 0; right: 30px; bottom: 0; margin: auto; } .button--icons.is-disable, input.button--icons.is-disable { background-color: #F2F2F2; border-color: #F2F2F2; color: #A39E9E; pointer-events: none; } .button--icons.is-disable svg *, input.button--icons.is-disable svg * { fill: #A39E9E; } .button--icons-pays, input.button--icons-pays { padding-right: 120px; } .button--small, input.button--small { padding: 8px 22px 10px; font-size: 0.75rem; line-height: 110%; } .button--small.button--icons, input.button--small.button--icons { padding-right: 50px; } .button--small.button--icons svg, input.button--small.button--icons svg { right: 22px; } .button--small.button--icons .icon--small, input.button--small.button--icons .icon--small { width: 14px; height: 14px; } .button--expand .icon-expand-on, input.button--expand .icon-expand-on { display: none; } .button--expand.is-open .icon-expand-on, input.button--expand.is-open .icon-expand-on { display: inline-block; } .button--expand.is-open .icon-expand-plus, input.button--expand.is-open .icon-expand-plus { display: none; } .button--center, input.button--center { text-align: center; } .button--center .button__text, input.button--center .button__text { margin-right: 0; } .button--a-center, input.button--a-center { margin-left: auto; margin-right: auto; } .button--dropdown, input.button--dropdown { padding: 0; } .button--dropdown .button__select, input.button--dropdown .button__select { background: url(../images/icons/dropdown--white.svg) no-repeat right 30px center; border: 0; color: #ffffff; cursor: pointer; font-size: 0.95rem; line-height: 1.45rem; padding: 12px 60px 15px 30px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .button--selectable, input.button--selectable { display: inline-block; border: 0; padding: 0; height: auto; width: auto; line-height: 0; } .button--selectable:hover, input.button--selectable:hover { border: 0; } @media (max-width: 767px) { .button--selectable svg, input.button--selectable svg { width: 16px; height: 16px; } } .button--selectable.is-selected svg *, input.button--selectable.is-selected svg * { fill: #DB3331; stroke: #DB3331; } .button.is-disabled, .button--disabled, input.button.is-disabled, input.button--disabled { opacity: 0.2; } .button__wrapper .button { margin-right: 0.25rem; } @media (max-width: 767px) { .button__wrapper .button { margin-right: 0.1rem; } } .button__wrapper .button:last-child { margin-right: 0; } @media (max-width: 767px) { .button__wrapper .button:last-child { margin-right: 0; } } /* === Button - Responsive === */ @media (max-width: 1023px) { .button { font-size: 0.8rem; line-height: 1.2rem; padding: 14px 25px 12px 25px; } .button--icons { padding: 14px 60px 12px 25px; } .button--icons svg { right: 25px; } .button--small { padding: 8px 15px 10px; } .button--small.button--icons { padding-right: 40px; font-size: 0.75rem; line-height: 110%; } .button--small.button--icons svg { right: 15px; width: 15px; height: 15px; } .button--dropdown { padding: 0; } .button--dropdown .button__select { padding: 14px 60px 12px 25px; background-position: right 25px center; } .button--block { max-width: 216px; } .button--selectable { padding: 0; } } @media (max-width: 767px) { .button { font-size: 0.8rem; line-height: 1.2rem; min-width: auto; } .button--icons { padding: 14px 60px 12px 25px; } .button--small { padding: 8px 15px 10px; font-size: 0.65rem; line-height: 110%; } .button--small.button--icons { padding-right: 38px; } .button--dropdown { padding: 0; } .button--block { max-width: 216px; } .button--selectable { padding: 0; } } .custom-select { display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #000000; background: none; border: none; padding: 0 1.25rem 0; background: url(../images/icons/dropdown.svg) no-repeat right center; border-radius: inherit; cursor: pointer; } @media (max-width: 1023px) { .custom-select { width: 100%; border: solid 2px #E5E5E5; border-radius: 40px; padding: 10px 25px; font-size: 0.8rem; } } .custom-select--bordered { width: auto; border: solid 2px #E5E5E5; border-radius: 50px; padding: 0.5rem 2.25rem 0.5rem 1.25rem; background-position: calc(100% - 15px) center; font-size: 0.8rem; } .custom-select--bordered.active { border-color: #DB3331; color: #DB3331; background: url(../images/icons/dropdown--red.svg) no-repeat calc(100% - 15px) center; } .custom-select--no-border { background: url(../images/icons/dropdown.svg) no-repeat right center; border: 0; padding: 0 1.25rem 0; } .custom-select--medium-grey { background-image: url(../images/icons/dropdown--grey.svg); color: #A39E9E; } select::-ms-expand { display: none; } .custom-select-red select { -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #000000; background: none; border: none; outline: none; color: #DB3331; position: relative; cursor: pointer; } .tag { font-size: 0.95rem; border: solid 2px #E5E5E5; border-radius: 40px; display: inline-block; padding: 0.4rem 2rem 0.4rem 1rem; color: #DB3331; position: relative; transition: all ease 0.3s; } .tag .icon { position: absolute; height: 16px; width: 16px; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .tag:hover { border: solid 2px #DB3331; } /* === Bloc Aside === */ .bloc--aside { padding: 20px 0 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } @media (max-width: 1023px) { .bloc--aside { margin: 30px 0 0; } } .bloc--aside p { font-size: 0.75rem; line-height: 1.1rem; color: #000000; margin: 0 0 6px; } .bloc--aside li a { display: block; font-size: 0.75rem; line-height: 1.1rem; color: #DB3331; padding: 0 0 0 20px; position: relative; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .bloc--aside li a:hover { color: #FC3D3B; } .bloc--aside li a svg { position: absolute; top: 6px; left: 0; } .bloc--aside__news-snippet { margin: 20px 0 0; } .bloc--aside__news-tag { color: #DB3331; margin: 0 0 5px; } .bloc--aside .bloc--aside__news-content { margin: 0 0 15px; } .bloc--aside_news-date { color: #A39E9E; } .bloc--aside_news-file { color: #A39E9E; margin-bottom: 0.25rem; display: inline-block; } /* === Bloc Quote === */ .bloc-quote { padding: 40px 0 0; border-top: 1px solid rgba(0, 0, 0, 0.1); text-align: center; } .bloc-quote--text { margin: 0 0 30px; } .bloc-quote--author { margin: 0 0 6px; } .bloc-quote--occupation { color: #A39E9E; } @media (max-width: 1023px) { .bloc-quote--text { margin: 0 0 20px; } .bloc-quote--author { margin: 0; } } @media (max-width: 767px) { .bloc-quote--text { margin: 0 0 10px; } } /* === Figure & Figcaption === */ .bloc-rte--figure { margin: 0 0 20px; } @media (max-width: 1023px) { .bloc-rte--figure { margin: 0 0 10px; } } .bloc-rte--figure img { max-width: 100%; } .bloc-rte--figcaption p { font-size: 0.75rem; line-height: 1.1rem; color: rgba(0, 0, 0, 0.5); } @media (max-width: 1023px) { .bloc-rte--figcaption p { font-size: 0.65rem; line-height: 1rem; } } .bloc--anchors { padding: 40px 0; margin: 0 0 120px; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } @media (max-width: 1023px) { .bloc--anchors { padding: 20px 0; margin: 0 0 70px; } } @media (max-width: 767px) { .bloc--anchors { border: none; padding: 0; margin: 0 0 40px; } } .bloc--anchors--pays { position: relative; padding: 0; margin: 0 0 3rem; border: 0; padding: 0; } .bloc--anchors--pays.small { margin: 0 0 1em; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .bloc--anchors--pays.small .bloc--anchors__item { padding: 0.5rem 0; } .bloc--anchors--pays.is-sticky { z-index: 50; } .bloc--anchors--pays.is-sticky a.bloc--anchors__item { padding: 1rem 0; } @media (max-width: 1023px) { .bloc--anchors--pays { padding: 0; margin: 0 0 30px; } } @media (max-width: 767px) { .bloc--anchors--pays { padding: 0; margin: 0 0 20px; } } .bloc--anchors--pays .bloc--anchors__content { background-color: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 0; } .bloc--anchors--pays .bloc--anchors__item { display: block; position: relative; padding: 2rem 0; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .bloc--anchors--pays .bloc--anchors__item::after { content: ""; display: block; height: 3px; background-color: #DB3331; position: absolute; bottom: -1px; left: -12px; right: -12px; opacity: 0; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .bloc--anchors--pays .bloc--anchors__item.is-active, .bloc--anchors--pays .bloc--anchors__item.is-sticky-current { color: #000000; } .bloc--anchors--pays .bloc--anchors__item.is-active::after, .bloc--anchors--pays .bloc--anchors__item.is-sticky-current::after { opacity: 1; } @media (max-width: 1023px) { .bloc--anchors--pays .bloc--anchors__item { padding: 1rem 0; } } .bloc--anchors--pays .bloc--anchors__buttons { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .anchor { overflow: hidden; height: 0; } .bloc--icon > svg { float: left; } .bloc--icon > :last-child { margin-left: 60px; } .bloc--anchors-list { font-size: 0; } @media (max-width: 767px) { .bloc--anchors-list { display: none; } .bloc--anchors-list.keep-mobile { display: block; } } .bloc--anchors-list li { display: inline-block; margin: 0 54px 0 0; } .bloc--anchors-list li:last-child { margin: 0; } .bloc--anchors-select { display: none; } @media (max-width: 767px) { .bloc--anchors-select { display: block; } } hr.sep { height: 1px; background-color: #E5E5E5; margin: 1em 0; } /* Template UI.html */ .base-project { /* code */ } .base-project .section { padding: 3rem 0; border-bottom: solid 1px rgba(0, 0, 0, 0.3); } .base-project .article { padding: 2rem 0; } .base-project aside { position: fixed; left: 0; top: 0; } .base-project .list-color__item { float: left; margin-right: 2rem; } .base-project .list-color__name { margin-bottom: 10px; } .base-project .list-color__color { height: 100px; width: 100px; margin-bottom: 0.5rem; } .base-project .list-color__color--black { background-color: #000000; } .base-project .list-color__color--white { background-color: #ffffff; border: solid 1px rgba(0, 0, 0, 0.3); } .base-project .list-color__color--bold-grey { background-color: #555555; } .base-project .list-color__color--medium-grey { background-color: #A39E9E; } .base-project .list-color__color--book-grey { background-color: #E5E5E5; } .base-project .list-color__color--light-grey { background-color: #F2F2F2; } .base-project .list-color__color--nexans { background-color: #DB3331; } .base-project .list-color__color--bright-red { background-color: #FC3D3B; } .base-project .list-color__color--yellow { background-color: #FFE97E; } .base-project pre { color: #ffffff; font-family: Courier New, Courier, monospace; font-size: 0.6rem; padding: 10px 5px; background: #DB3331; margin: 20px 0; } .keyfigure__item { position: relative; padding: 1rem 0 0; border-top: 1px solid rgba(0, 0, 0, 0.1); z-index: 1; } .keyfigure__number { font-size: 5rem; line-height: 4rem; letter-spacing: -0.25rem; display: block; margin: 0 0 0.75rem; } @media (max-width: 1023px) { .keyfigure__number { font-size: 4rem; line-height: 3rem; letter-spacing: -0.3rem; margin: 0 0 1.5rem; } } @media (max-width: 767px) { .keyfigure__number { font-size: 1.75rem; line-height: 1; letter-spacing: -0.1rem; margin: 0 0 0.25rem; } } .keyfigure__sup { font-size: 1.75rem; line-height: 1.75rem; letter-spacing: -0.1rem; display: inline-block; vertical-align: top; margin: -0.35rem 0 0 0; } @media (max-width: 1023px) { .keyfigure__sup { font-size: 0.75rem; } } .keyfigure__legend { color: #A39E9E; } @media (max-width: 767px) { .keyfigure__legend { margin-bottom: 1rem; } } .keyfigure__variation { color: #000; font-size: 0.95rem; line-height: 1.45rem; margin-top: 1rem; } @media (max-width: 1023px) { .keyfigure__variation { margin-bottom: 1rem; margin-top: 0; } } @media (max-width: 1023px) { .keyfigure--four { margin: 0 0 2rem; } } .keyfigure--four .keyfigure__number { font-size: 4rem; } @media (max-width: 767px) { .keyfigure--four .keyfigure__number { font-size: 1.75rem; line-height: 1; letter-spacing: -2px; margin: 0 0 0.25rem; } } .keyfigure-item { margin-top: 5rem; padding-top: 1rem; position: relative; border-top: solid 1px rgba(0, 0, 0, 0.1); } @media (max-width: 767px) { .keyfigure-item { margin-top: 2rem; } } .keyfigure-item__number { color: #000000; font-size: 5rem; line-height: 4rem; display: inline-block; margin-bottom: 0.75rem; } @media (max-width: 1023px) { .keyfigure-item__number { font-size: 1.75rem; line-height: 1.75rem; } } .keyfigure-item__sup { color: #000000; font-size: 1.75rem; line-height: 1.75rem; display: inline-block; position: absolute; } @media (max-width: 1023px) { .keyfigure-item__sup { font-size: 1rem; line-height: 1rem; } } .keyfigure-item__legend { color: #A39E9E; margin-bottom: 1rem; } .keyfigure-item__variation { font-size: 0.95rem; line-height: 1.45rem; color: #000000; } .keyfigure-item--no-border { border-top: none; padding-top: 0; margin-top: 0; } @media (max-width: 767px) { .keyfigure-item--no-border { margin-bottom: 1rem; } } .keyfigure-item__variation.positive, .keyfigure__variation.positive { color: #0FB60F; } .keyfigure-item__variation.negative, .keyfigure__variation.negative { color: #DB3331; } /* Panel - product page */ .panel-product { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; visibility: hidden; transition: opacity 0.4s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, opacity 0.4s ease; transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease; } .panel-product__close { position: absolute; top: 2rem; right: 2rem; z-index: 40; } .panel-product__close svg { position: relative; top: -2px; } @media (max-width: 767px) { .panel-product__close { top: 1rem; right: 1rem; } } .panel-product__container { position: fixed; top: 0; right: 0; bottom: 0; margin: auto; width: 1160px; max-width: 100%; outline: 0; display: block; overflow: hidden; z-index: 100; } .panel-product__inner { position: fixed; top: 0; right: 0; bottom: 0; margin: auto; width: 1160px; max-width: 100%; z-index: 12; overflow-y: auto; transition: -webkit-transform ease 0.3s; transition: transform ease 0.3s; transition: transform ease 0.3s, -webkit-transform ease 0.3s; } .panel-product__header { height: 570px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 10rem; width: 100%; z-index: 5; position: relative; background-color: #F2F2F2; } .panel-product__header__cover { position: absolute; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .panel-product__header__cover-mobile { display: none; } .panel-product__header__middle { width: 28rem; z-index: 2; } .panel-product__header .button__text { margin-right: 1rem; } .panel-product__content { padding: 6rem 15rem 6rem 10rem; background-color: #ffffff; z-index: 5; position: relative; } .panel-product__content__info { margin-bottom: 5rem; } .panel-product__content__related--row { width: 100%; margin-top: 3rem; } .panel-product__content__related--cell { width: calc(50% - 40px); float: left; margin-right: 40px; } .panel-product__content__related--cell:last-child { margin-right: 0; } .panel-product.is-open { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; visibility: visible; } /* Panel - Governance */ .governance-panel-container { position: fixed; top: 0; right: 0; bottom: 0; margin: auto; z-index: 52; width: 1160px; max-width: 100%; opacity: 0; visibility: hidden; pointer-events: none; transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1); } .governance-panel-container.active { opacity: 1; visibility: visible; pointer-events: auto; } .governance-panel-container.active .governance-panel { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .governance-panel { width: 1160px; max-width: 100%; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; background: #ffffff; z-index: 2; overflow-y: auto; transition: 0.4s 0.2s cubic-bezier(0.19, 1, 0.22, 1); opacity: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); overflow-y: auto; } .governance-panel::-webkit-scrollbar { width: 10px; } .governance-panel::-webkit-scrollbar-thumb { background-color: #A39E9E; outline: 1px solid rgba(0, 0, 0, 0.2); } .governance-panel__close { position: absolute; top: 44px; right: 40px; cursor: pointer; } .governance-panel__close:hover { outline: none; } .governance-panel__close:hover span { color: #DB3331; } .governance-panel__close:hover svg path { fill: #DB3331; } .governance-panel__close:focus { outline: none; } @media (max-width: 1023px) { .governance-panel__close { top: 20px; right: 20px; } } .governance-panel__close span { display: inline-block; vertical-align: middle; font-size: 0.95rem; line-height: 1.45rem; transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1); } @media (max-width: 1023px) { .governance-panel__close span { display: none; } } .governance-panel__close svg { display: inline-block; vertical-align: middle; margin: 0 0 0 5px; } .governance-panel__close svg path { transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1); } .governance-panel__header { background-size: cover; background-repeat: no-repeat; background-position: center center; height: 570px; } @media (max-width: 1023px) { .governance-panel__header { height: 320px; } } .governance-panel__content { padding: 120px 200px; } @media (max-width: 1023px) { .governance-panel__content { padding: 70px 95px; } } @media (max-width: 767px) { .governance-panel__content { padding: 40px 15px; } } .governance-panel__name { color: #000000; margin: 0 0 10px; } .governance-panel__title { color: #A39E9E; margin: 0 0 60px; } @media (max-width: 1023px) { .governance-panel__title { margin: 0 0 30px; } } @media (max-width: 767px) { .governance-panel__title { margin: 0 0 20px; } } @media (max-width: 1023px) { .panel-product__inner { max-width: 100%; width: 100%; padding: 0; } .panel-product__header { padding-left: 4.75rem; height: 435px; } .panel-product__header img { max-width: 100%; } .panel-product__header__middle { width: 23rem; } .panel-product__content { padding: 3.5rem 4.75rem 3.5rem 4.75rem; } .panel-product__content__info { margin-bottom: 3.5rem; } .panel-product__content__related--cell { width: 215px; } } @media (max-width: 767px) { .panel-product__header { height: auto; padding: 0; display: block; position: initial; background-color: #ffffff; } .panel-product__header__middle { width: 100%; padding: 2rem 0.75rem 0 0.75rem; } .panel-product__header__cover-mobile { background-color: #ffffff; } .panel-product__header__cover-mobile img { width: 100%; display: block; } .panel-product__header__cover { display: none; } .panel-product__header__cover-mobile { display: block; } .panel-product__content { padding: 2rem 0.75rem 3.5rem 0.75rem; margin: 0; } .panel-product__content__close { top: 0.75rem; right: 0.75rem; } .panel-product__content__info { margin-bottom: 2rem; } .panel-product__content__related--cell { width: calc(50% - 10px); margin-right: 10px; } } /* panel - solutions */ .panel-solution { position: fixed; top: 0; right: 0; bottom: 0; height: 100vh; width: 1100px; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); transition: opacity 0.4s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, opacity 0.4s ease; transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease; max-width: 100%; outline: 0; display: block; z-index: 61; overflow-y: auto; background: #ffffff; } .panel-solution__container { height: 100vh; width: 1100px; } @media (max-width: 1023px) { .panel-solution__container { width: 100%; } } .panel-solution__inner { min-height: 100vh; padding-left: 220px; width: 1100px; max-width: 100%; z-index: 12; transition: -webkit-transform ease 0.3s; transition: transform ease 0.3s; transition: transform ease 0.3s, -webkit-transform ease 0.3s; background: #ffffff; padding: 120px 140px; } @media (max-width: 1023px) { .panel-solution__inner { padding: 6rem 3.5rem 6rem 3.5rem; } } @media (max-width: 767px) { .panel-solution__inner { padding: 3rem 1rem 3rem 1rem; } } .panel-solution__header { margin-bottom: 3rem; } .panel-solution__close { position: absolute; top: 2.5rem; right: 2.5rem; } .panel-solution__close svg { position: relative; top: -2px; } @media (max-width: 767px) { .panel-solution__close { top: 20px; right: 20px; } } .panel-solution__head-link { border-top: solid 1px #E5E5E5; border-bottom: solid 1px #E5E5E5; padding: 1rem 0 3rem; margin-bottom: 2rem; } .panel-solution__head-link__title { float: left; padding-top: 0.75rem; } @media (max-width: 767px) { .panel-solution__head-link__title { float: none; display: block; } } .panel-solution__head-link__button { float: right; width: 360px; text-align: center; } @media (max-width: 1023px) { .panel-solution__head-link__button { width: 260px; padding: 0.75rem 0; } } @media (max-width: 767px) { .panel-solution__head-link__button { float: none; display: block; width: 100%; margin-top: 1rem; } } .panel-solution__list__title { margin-bottom: 0.5rem; } .panel-solution__list__wrapper { width: 50%; position: relative; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } @media (max-width: 767px) { .panel-solution__list__wrapper { width: 100%; } } .panel-solution__list__wrapper--sub { position: absolute; left: 100%; top: 0; width: 100%; visibility: hidden; display: none; opacity: 0; padding: 0; padding-bottom: 140px; transition: all ease 0.3s; } .panel-solution__list__wrapper--sub .panel-solution__list__item { margin-left: 2rem; position: relative; padding: 0; } .panel-solution__list__wrapper--sub .panel-solution__list__item:hover .panel-solution__list__tooltip { opacity: 1; } @media (max-width: 767px) { .panel-solution__list__wrapper--sub .panel-solution__list__item { margin-left: 0; } } .panel-solution__list__wrapper--sub a { display: block; padding: 1rem 0; } .panel-solution__list__wrapper--sub span { display: block; padding: 0.5rem 0; } .panel-solution__list__wrapper--sub a:hover .icon-arrow-link-sub path, .panel-solution__list__wrapper--sub span:hover .icon-arrow-link-sub path { fill: #DB3331; } @media (max-width: 767px) { .panel-solution__list__wrapper.is-translate { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); transition: all ease 0.3s; padding: 0 1rem; } } .panel-solution__list__item { padding: 1rem 0; border-bottom: solid 1px #E5E5E5; transition: all ease 0.3s; cursor: pointer; } .panel-solution__list__item .icon-arrow-link, .panel-solution__list__item .icon-arrow-link-sub { float: right; } .panel-solution__list__item:hover { color: #DB3331; } .panel-solution__list__item:hover .icon-arrow-link path { fill: #DB3331; } .panel-solution__list__item.is-open .panel-solution__list__wrapper--sub { opacity: 1; visibility: visible; display: block; } .panel-solution__list__item.is-open > a { color: #DB3331; } .panel-solution__list__item.is-open .icon-arrow-link path { fill: #DB3331; } .panel-solution__list__item--back { padding-left: 40px !important; display: none; } @media (max-width: 767px) { .panel-solution__list__item--back { display: block; } } .panel-solution__list__item--back svg { -webkit-transform: rotateZ(-180deg); -ms-transform: rotate(-180deg); transform: rotateZ(-180deg); right: initial; left: 0; position: absolute; top: 50%; margin-top: -8px; } .panel-solution__list__tooltip { position: absolute; top: -90%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; pointer-events: none; } .panel-solution.is-open { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: rgba(0, 0, 0, 0.4); opacity: 0; visibility: hidden; cursor: pointer; z-index: 50; transition: opacity 0.3s ease, visibility 0s 0.3s; } .overlay.active { visibility: visible; opacity: 1; transition: opacity 0.3s; } /* panel - contact */ .panel-contact { width: 1100px; max-width: 100%; background: #ffffff; box-shadow: -10px 0 24px rgba(0, 0, 0, 0.1); position: fixed; top: 0; right: 0; bottom: 0; padding: 6rem 10rem 6rem 7rem; overflow-y: auto; z-index: 51; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; transition: opacity 0.4s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, opacity 0.4s ease; transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease; } .panel-contact.active { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } @media (max-width: 1023px) { .panel-contact { padding: 6rem 3.5rem 6rem 3.5rem; } } @media (max-width: 767px) { .panel-contact { padding: 3rem 1rem 3rem 1rem; } } .panel-contact__close { position: absolute; top: 50px; right: 50px; cursor: pointer; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .panel-contact__close span { color: inherit; display: inline-block; vertical-align: middle; } .panel-contact__close svg { display: inline-block; vertical-align: middle; } .panel-contact__close:hover { color: #DB3331; } @media (max-width: 767px) { .panel-contact__close { top: 20px; right: 20px; } .panel-contact__close span { display: none; } } .panel-contact__title { margin: 0 0 4rem; } .panel-contact__form { margin: 0 0 1.5rem; } .panel-contact__checkbox-list { margin: 0 0 3rem; } .panel-contact__checkbox-list .custom-checkbox { display: inline-block; margin: 0 0.25rem 0 0; } @media (max-width: 767px) { .panel-contact__checkbox-list .custom-checkbox { display: block; margin: 0 0 0.5rem 0; } } .panel-contact__infos { display: block; } .panel-contact__infos.border--bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 0 0 0.5rem; margin: 0 0 1.5rem; } .panel-contact__infos.border--top { border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 1rem 0 0; } .panel-contact__infos__title { margin: 0 0 0.5rem; } .panel-contact__infos__text { color: #A39E9E; } .panel-contact__row { margin: 0 -1rem 0 -1rem; } .panel-contact__field { width: 50%; padding: 0 1rem; margin: 0 0 1.5rem; float: left; } @media (max-width: 767px) { .panel-contact__field { width: 100%; float: none; } } .panel-contact__field > label { display: block; margin: 0 0 0.75rem; } .panel-contact__field > input:not([type=checkbox]) { color: #000000; display: block; width: 100%; padding: 0.75rem 1rem; border: 1px solid #A39E9E; border-radius: 4px; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .panel-contact__field > input:not([type=checkbox]):hover { border-color: #000000; } .panel-contact__field > select { color: #000000; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 100%; padding: 0.75rem 1rem; border: 1px solid #A39E9E; border-radius: 4px; background: url("../images/icons/dropdown--grey.svg") no-repeat center right 15px, #ffffff; } .panel-contact__field > textarea { display: block; max-width: 100%; min-width: 100%; min-height: 270px; border: 1px solid #A39E9E; border-radius: 4px; padding: 0.75rem 1.5rem; } .panel-contact__field--full { width: 100%; float: none; } .panel-contact__field-error { color: #DB3331; display: none; } .panel-contact__field.warning input { border-color: #DB3331; } .panel-contact__field.warning .panel-contact__field-error { display: block; } .panel-contact__submit { display: block; width: 260px; max-width: 100%; text-align: center; padding: 0.75rem 0; border-radius: 50px; background: #DB3331; color: #ffffff; margin: 0 0 0 auto; cursor: pointer; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .panel-contact__submit.disabled { background: #F2F2F2; color: rgba(0, 0, 0, 0.4); cursor: default; } .panel-contact__submit.disabled:hover { background: #F2F2F2; } .panel-contact__submit:hover { background: #FC3D3B; } @media (max-width: 767px) { .panel-contact__submit { margin: 0 auto; } } .panel-contact__error { background: #DB3331; padding: 1rem 1.5rem 1rem 3.8rem; margin: 0 0 1.5rem; position: relative; border-radius: 4px; display: none; } .panel-contact__error-warning { position: absolute; top: 0; left: 30px; bottom: 0; margin: auto; } .panel-contact__error-text { color: #ffffff; } .panel-contact input.is-required, .panel-contact textarea.is-required, .panel-contact select.is-required { border-color: #DB3331; } .panel-contact__validation { display: none; } .panel-contact__info-success { display: none; } .panel-contact__info-error { display: none; } .panel-contact .message-return--valide { color: #0DB50D; } .panel-contact .message-return--error { color: #FC3D3B; } /* panel panel-contact__errorpanel-contact__error- solutions */ .panel-newsletter { position: fixed; top: 0; right: 0; bottom: 0; height: 100vh; width: 1100px; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); transition: opacity 0.4s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, opacity 0.4s ease; transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease; max-width: 100%; outline: 0; display: block; z-index: 61; } .panel-newsletter__container { height: 100vh; max-width: 1100px; overflow: scroll; position: relative; } .panel-newsletter__part--1.is-disable { display: none; } .panel-newsletter__part--2 { display: none; } .panel-newsletter__part--2.is-disable { display: none; } .panel-newsletter__part--3 { display: none; } .panel-newsletter__part--3.is-disable { display: none; } .panel-newsletter__inner { min-height: 100vh; padding-left: 220px; width: 1100px; max-width: 100%; z-index: 12; transition: -webkit-transform ease 0.3s; transition: transform ease 0.3s; transition: transform ease 0.3s, -webkit-transform ease 0.3s; background: #ffffff; overflow: scroll; padding: 120px 140px; } @media (max-width: 1023px) { .panel-newsletter__inner { padding: 6rem 3.5rem 6rem 3.5rem; } } @media (max-width: 767px) { .panel-newsletter__inner { padding: 3rem 1rem 3rem 1rem; } } .panel-newsletter__header { margin-bottom: 3rem; } .panel-newsletter__header .heading-1 { margin-bottom: 0.5rem; } .panel-newsletter__close { position: absolute; top: 2.5rem; right: 2.5rem; } .panel-newsletter__close svg { position: relative; top: -2px; } @media (max-width: 767px) { .panel-newsletter__close { top: 1rem; right: 1rem; } } .panel-newsletter__section { margin-bottom: 3rem; } .panel-newsletter__section--main .custom-checkbox { margin: 0.25rem 2rem 0.25rem 0; } @media (max-width: 767px) { .panel-newsletter__section--main .custom-checkbox { display: block; } } .panel-newsletter__title { margin-bottom: 1rem; border-top: solid 1px rgba(0, 0, 0, 0.1); padding-top: 0.5rem; } .panel-newsletter__title .heading-5 { float: left; color: #A39E9E; } .panel-newsletter__title .link { float: right; line-height: 1rem; font-size: 0.7rem; text-transform: uppercase; cursor: pointer; } .panel-newsletter__title .link.is-disable { color: #A39E9E; cursor: default; pointer-events: none; } .panel-newsletter__list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } @media (max-width: 767px) { .panel-newsletter__list { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .panel-newsletter__list-item { margin: 0.25rem 0.25rem; } .panel-newsletter.is-open { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .panel-newsletter__tag-wrapper { margin: 0 -10px 60px -10px; } .panel-newsletter__tag-wrapper .tag { margin-left: 10px; margin-bottom: 10px; } .panel-newsletter__validation { margin-top: 60px; } .panel-newsletter__validation__col { width: 50%; float: left; } .panel-newsletter__validation__col:first-child { float: left; padding-right: 20px; } .panel-newsletter__validation__col:last-child { float: right; padding-left: 20px; } .panel-newsletter__validation__col .button { width: 100%; text-align: center; } .panel-newsletter__next .button { width: 50%; float: right; text-align: center; } .panel-newsletter .message-return--valide { color: #0DB50D; } .panel-newsletter .message-return--error { color: #FC3D3B; } .panel-newsletter__btn-close { min-width: 360px; max-width: 360px; text-align: center; } .panel-newsletter__success { display: none; } .panel-newsletter__error { display: none; } /* panel - dop */ .panel-dop { width: 1100px; max-width: 100%; background: #ffffff; box-shadow: -10px 0 24px rgba(0, 0, 0, 0.1); position: fixed; top: 0; right: 0; bottom: 0; padding: 6rem 10rem 6rem 7rem; overflow-y: auto; z-index: 51; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; transition: opacity 0.4s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, opacity 0.4s ease; transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease; } .panel-dop.active { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } @media (max-width: 1023px) { .panel-dop { padding: 6rem 3.5rem 6rem 3.5rem; } } @media (max-width: 767px) { .panel-dop { padding: 3rem 1rem 3rem 1rem; } } .panel-dop__close { position: absolute; top: 50px; right: 50px; cursor: pointer; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .panel-dop__close span { color: inherit; display: inline-block; vertical-align: middle; } .panel-dop__close svg { display: inline-block; vertical-align: middle; } .panel-dop__close:hover { color: #DB3331; } @media (max-width: 767px) { .panel-dop__close { top: 20px; right: 20px; } .panel-dop__close span { display: none; } } .panel-dop__title { margin: 0 0 3rem; } .panel-dop__subtitle { margin: 4rem 0 1rem; } .panel-dop__title + .panel-dop__subtitle { margin-top: 3rem; } .panel-dop__list { max-width: 28rem; margin: 0 0 2.5rem; } .panel-comparator { max-width: 100%; background: #ffffff; box-shadow: -10px 0 24px rgba(0, 0, 0, 0.1); position: fixed; top: 0; right: 0; bottom: 0; padding: 6rem 0 2rem 2rem; overflow-y: auto; z-index: 62; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; transition: opacity 0.4s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, opacity 0.4s ease; transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease; } .panel-comparator__container { height: 100vh; max-width: 2400px; overflow: scroll; position: relative; } .panel-comparator__inner { overflow: auto; } .panel-comparator__inner.highlighted tr.same td:not(.title) { color: #A39E9E; } .panel-comparator__header { margin-bottom: 3rem; } .panel-comparator__header .heading-1 { margin-bottom: 0.5rem; } .panel-comparator__buttons { position: absolute; top: 2.5rem; right: 2.5rem; } .panel-comparator__buttons svg { position: relative; top: -2px; } @media (max-width: 767px) { .panel-comparator__buttons { top: 1rem; right: 1rem; } } .panel-comparator__buttons .action { display: inline-block; white-space: nowrap; } .panel-comparator__buttons .action span { color: inherit; display: inline-block; vertical-align: middle; margin-right: 0.3em; } .panel-comparator__buttons .action svg { display: inline-block; vertical-align: middle; } .panel-comparator__buttons .action:hover { color: #DB3331; } .panel-comparator__buttons .action:hover svg { fill: #DB3331; } .panel-comparator__btn-close { min-width: 360px; max-width: 360px; text-align: center; } .panel-comparator.is-open { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .panel-comparator table { display: block; margin-bottom: 40px; } .panel-comparator table tbody, .panel-comparator table thead, .panel-comparator table tr { display: block; } .panel-comparator table tr { white-space: nowrap; } .panel-comparator table .actions { text-align: right; padding-bottom: 0.5em; margin: 0; } .panel-comparator table .actions svg { vertical-align: middle; margin-left: 0.5em; } .panel-comparator table .js-remove { cursor: pointer; } .panel-comparator table td { display: inline-block; white-space: normal; width: 300px; padding: 14px 18px; } .panel-comparator table img { display: block; max-width: 100%; border: 1px solid #E5E5E5; } .panel-comparator table h3 { margin-top: 0.75em; font-size: 0.9rem; line-height: 1.4; text-transform: uppercase; } .panel-comparator table thead td { vertical-align: top; } .panel-comparator table thead td:first-child { vertical-align: bottom; } .panel-comparator table thead td:first-child a { text-decoration: underline; } .panel-comparator table tbody td { border-top: 1px solid #E5E5E5; } .panel-comparator table tbody td.title { background: #F2F2F2; } @media (max-width: 1023px) { .panel-comparator .bt-print { display: none; } .panel-comparator table thead td:first-child { display: block; width: auto; } .panel-comparator table tbody td { border: none; } .panel-comparator table tbody td.title { display: block; width: auto; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; } } @media (max-width: 767px) { .panel-comparator table td { width: 220px; } } .panel-default { width: 1100px; max-width: 100%; background: #ffffff; box-shadow: -10px 0 24px rgba(0, 0, 0, 0.1); position: fixed; top: 0; right: 0; bottom: 0; padding: 6rem 10rem 6rem 7rem; overflow-y: auto; z-index: 61; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; transition: opacity 0.4s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, opacity 0.4s ease; transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease; } .panel-default__small { width: 800px; } .panel-default__wide { padding: 6rem 2rem 2rem 2rem; } @media (max-width: 1023px) { .panel-default__wide { padding: 6rem 2rem 2rem 2rem; } } @media (max-width: 767px) { .panel-default__wide { padding: 3rem 1rem 2rem 1rem; } } .panel-default.active { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } @media (max-width: 1023px) { .panel-default { padding: 6rem 3.5rem 6rem 3.5rem; } } @media (max-width: 767px) { .panel-default { padding: 3rem 1rem 3rem 1rem; } } .panel-default__close { position: absolute; top: 50px; right: 50px; cursor: pointer; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .panel-default__close span { color: inherit; display: inline-block; vertical-align: middle; } .panel-default__close svg { display: inline-block; vertical-align: middle; } .panel-default__close:hover { color: #DB3331; } @media (max-width: 767px) { .panel-default__close { top: 20px; right: 20px; } .panel-default__close span { display: none; } } .panel-group-pdf .form-bordered textarea { min-height: 5em; } .panel-group-pdf .custom-checkbox { display: block; } .panel-group-pdf .group:last-child { margin-bottom: 1.5em; } .panel-group-pdf .group-children { margin-left: 2em; margin-bottom: 1.5em; } .panel-inventory-detail form { position: relative; } .panel-inventory-detail form .loader-container { z-index: 20; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: rgba(255, 255, 255, 0.5); -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; } .panel-inventory-detail .custom-checkbox label.custom-checkbox__label { font-size: inherit; } .panel-stock .table-selection tbody tr { cursor: pointer; } .panel-stock .table-selection tbody tr:hover { color: #DB3331; } .story-push-full { margin-bottom: 6rem; } .story-push-full p { margin-top: 1em; color: white; } @media (max-width: 767px) { .story-push-full--pays { margin-bottom: 2.5rem; } } .story-push-full--pays .story-push-full__container { overflow: hidden; } .story-push-full.light .story-push-full__container { background-image: url("../images/backgrounds/push_story_1300x300_light.jpg"); } .story-push-full.light .story-push-full__category { color: #DB3331; } .story-push-full.light .story-push-full__title { color: #000000; } .story-push-full.light p { color: #000000; } .story-push-full__container { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; height: 300px; background-image: url("../images/backgrounds/push_story_1300x300.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 0 1.5rem; } .story-push-full__infos { position: relative; z-index: 2; max-width: 33.5rem; } .story-push-full__cover { max-width: 100%; display: block; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; } .story-push-full__button { margin-top: 2rem; } .story-push-full__category { color: rgba(255, 255, 255, 0.5); } .story-push-full__ontitle { letter-spacing: 0.15rem; color: #ffffff; opacity: 0.5; margin-bottom: 10px; } .story-push-full__title { color: #ffffff; } .story-push-full__bg { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .story-push-full:hover .story-push-full__bg { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } @media (max-width: 767px) { .story-push-full__container { padding: 0 1.25rem; } .story-push-full__button { display: block; max-width: 100%; width: 100%; } } .story-push--small { width: 100%; height: 330px; background: #A39E9E; display: table; text-align: center; margin: 120px 0 0; } .story-push--small-title { color: #ffffff; margin: 0 0 30px; } .story-push--small-content { display: table-cell; vertical-align: middle; height: 100%; } .story-push--small-content .button { margin: auto; } /* === Bloc Push - Double / triple === */ .bloc-push { overflow: hidden; } .bloc-push--double .bloc-push__item { width: 50%; } .bloc-push--triple .bloc-push__item { width: 33.3333333333%; width: 33.333333%; } .bloc-push__item { height: 356px; float: left; position: relative; overflow: hidden; } .bloc-push__item:hover .bloc-push__item-bg { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .bloc-push__item .bloc-push__item-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .bloc-push__item a { display: block; height: 100%; position: relative; } .bloc-push__item a:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#cc000000",GradientType=0 ); } .bloc-push__item--tall { height: 730px; } .bloc-push__item-infos { position: absolute; left: 0; right: 0; bottom: 0; margin: auto; padding: 0 40px 40px; z-index: 2; } .bloc-push__item-infos p { color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bloc-push__item-infos span { color: #ffffff; display: block; margin: 10px 0 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 1023px) { .bloc-push__item-infos span { margin: 5px 0 0; } } @media (max-width: 1159px) { .bloc-push__item--tall { height: 633px; } } @media (max-width: 1023px) { .bloc-push__item { height: 200px; } .bloc-push__item--tall { height: 364px; } .bloc-push__item-infos { padding: 0 36px 15px; } } @media (max-width: 767px) { .bloc-push--triple .bloc-push__item, .bloc-push--double .bloc-push__item { width: 100%; float: none; height: 260px; } .bloc-push--triple .bloc-push__item--tall, .bloc-push--double .bloc-push__item--tall { height: 440px; } .bloc-push__item-infos { padding: 0 15px 15px; } } .push-bottom-section { text-align: center; } .push-bottom-section__container .push-title { margin: 0 0 5px; color: #A39E9E; } .push-bottom-section__container .push-cat { font-size: 4rem; line-height: 4rem; color: #000000; display: block; margin: 0 0 40px; } .push-bottom-section__container .push-link { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .push-bottom-section__container .push-link:hover { color: #DB3331; } .push-bottom-section__container a.button { max-width: 360px; margin: auto; } .push-bottom-section--shadow { width: 100%; position: relative; } .push-bottom-section svg { height: 120px; width: 120px; margin: 0 0 20px; } @media (max-width: 1023px) { .push-bottom-section .push-cat { font-size: 2.75rem; line-height: 2.75rem; margin: 0 0 30px; } .push-bottom-section .picto { height: 80px; width: 80px; margin-bottom: 0.75rem; } } @media (max-width: 767px) { .push-bottom-section { text-align: center; } .push-bottom-section .push-cat { font-size: 2rem; line-height: 2rem; margin: 0 0 20px; } .push-bottom-section .picto { height: 60px; width: 60px; } .push-bottom-section .button { margin-top: 1rem; } } .push__quickaccess { position: fixed; bottom: 40px; right: 40px; opacity: 0; pointer-events: none; transition: all ease 0.4s; z-index: 50; } @media (max-width: 767px) { .push__quickaccess { display: none; } } .push__quickaccess.is-active { opacity: 1; pointer-events: auto; } .push__quickaccess .button { display: block; position: relative; width: 50px; height: 50px; margin: 0 0 10px auto; border-radius: 2.66667rem; overflow: hidden; color: #ffffff; padding: 0; transition: width ease 0.4s; } .push__quickaccess .button svg { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .push__quickaccess .button:hover { width: 200px; } .push__quickaccess .button:hover .button__text { display: block; } .push__quickaccess .button:hover svg { display: none; } .push__quickaccess .button--red { margin-bottom: 10px; background-color: #ffffff; color: #DB3331; text-align: center; padding: 10px 0; } .push__quickaccess .button--flat { text-align: center; padding: 10px 0; } .push__quickaccess .button--flat svg { margin-top: -1px; } .push__quickaccess .button__text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 200px; display: none; } .push-yellow .row { background-color: #FFE97E; margin: 0; } .push-yellow--push-right .push-yellow__image-wrapper { float: right; } .push-yellow--push-right .push-yellow__image-wrapper img { display: block; } .push-yellow--push-left .push-yellow__image-wrapper { float: left; } .push-yellow--push-left .push-yellow__image-wrapper img { display: block; } .push-yellow--center { display: table; } .push-yellow .middle { height: 820px; display: table-cell; vertical-align: middle; } .push-yellow .middle a { display: inline-block; } .push-yellow .middle p > a { display: inline; text-decoration: underline; } .push-yellow .middle p a:hover { color: #DB3331; } .push-yellow.grey .row { background-color: #E5E5E5; } @media (max-width: 767px) { .push-yellow.grey .middle { background-color: #E5E5E5; } } @media (max-width: 1023px) { .push-yellow .middle { height: 520px; } .push-yellow--push-right img, .push-yellow--push-left img { height: 520px; } } @media (max-width: 767px) { .push-yellow .row { background-color: #FFE97E; background: initial; margin-left: -5px; margin-right: -5px; } .push-yellow .middle { height: initial; display: block; padding: 1.75rem 1.25rem 2rem; background-color: #FFE97E; } .push-yellow--push-right .push-yellow__image-wrapper, .push-yellow--push-left .push-yellow__image-wrapper { float: none; } .push-yellow--push-right img, .push-yellow--push-left img { width: 100%; height: initial; } } .push-yellow-quote--push-right { position: relative; z-index: 3; } .push-yellow-quote__image-wrapper { width: 100%; height: 700px; overflow: hidden; position: relative; } .push-yellow-quote__image-wrapper img { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .push-yellow-quote--center { display: table; } .push-yellow-quote--center:before { position: absolute; content: ""; height: 100%; width: 100%; left: 100%; background-color: #FFE97E; } .push-yellow-quote--center:after { position: absolute; content: ""; height: 100%; width: 100%; right: 0; z-index: 2; background-color: #FFE97E; } .push-yellow-quote--yellow { background-color: #FFE97E; } .push-yellow-quote--grey { background-color: #E5E5E5; } .push-yellow-quote--grey .push-yellow-quote--center:after, .push-yellow-quote--grey .push-yellow-quote--center:before, .push-yellow-quote--grey .middle { background-color: #E5E5E5; } .push-yellow-quote--grey .heading-5 { color: #DB3331; } @media (max-width: 767px) { .push-yellow-quote--grey { background: none; } } .push-yellow-quote .middle { height: 667px; display: table-cell; vertical-align: middle; text-align: center; z-index: 3; position: relative; } .push-yellow-quote .middle .heading-3 { line-height: 40px; } .push-yellow-quote .middle .heading-4 { margin-top: 3rem; margin-bottom: 0.5rem; } .push-yellow-quote .middle a { display: inline-block; } @media (max-width: 1023px) { .push-yellow-quote__image-wrapper { height: 400px; } .push-yellow-quote .middle { height: 400px; text-align: center; } .push-yellow-quote .middle .heading-3 { line-height: 32px; } .push-yellow-quote .middle .heading-4 { margin-top: 1rem; } } @media (max-width: 767px) { .push-yellow-quote__image-wrapper { height: initial; width: 100%; } .push-yellow-quote__image-wrapper img { position: initial; -webkit-transform: initial; -ms-transform: initial; transform: initial; width: 100%; display: block; } .push-yellow-quote--yellow { background: none; } .push-yellow-quote--center { display: initial; } .push-yellow-quote--center:before { display: none; } .push-yellow-quote--center:after { display: none; } .push-yellow-quote .middle { height: initial; display: block; padding: 1.75rem 1.25rem 2rem; background-color: #FFE97E; } .push-yellow-quote .middle .heading-3 { line-height: 32px; } .push-yellow-quote .middle .heading-4 { margin-top: 1rem; } } /* === Push Alerts Email === */ .push--email { padding: 51px 0; border-top: 1px solid #E5E5E5; } @media (max-width: 767px) { .push--email .button { max-width: 100%; } } @media (max-width: 767px) { .push--email__text { text-align: center; margin: 0 0 20px; } } .push--email__text p { color: #000000; margin: 0 0 10px; } .push--email__text span { color: #A39E9E; } .push-image-hightlight { height: 470px; position: relative; overflow: hidden; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .push-image-hightlight__info { text-align: center; z-index: 2; width: 100%; } .push-image-hightlight__tag { display: block; text-transform: uppercase; color: #ffffff; margin-bottom: 0.5rem; } .push-image-hightlight__title { color: #ffffff; display: block; margin-bottom: 0.5rem; } .push-image-hightlight__link { color: #ffffff; display: block; } .push-image-hightlight__cover { height: 470px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transition: 0.8s ease; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; z-index: 1; } .push-image-hightlight__cover:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .push-action { height: 100%; text-align: center; border: 1px solid rgba(0, 0, 0, 0.1); padding: 2.5rem; min-height: 23.5rem; position: relative; } @media (max-width: 767px) { .push-action { min-height: auto; padding: 1.5rem; margin-top: 2rem; } } .push-action__meta { color: #A39E9E; } .push-action__key { font-size: 4rem; line-height: 3rem; letter-spacing: -0.3rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; left: 0; } @media (max-width: 767px) { .push-action__key { font-size: 1.75rem; line-height: 1; letter-spacing: -0.1rem; position: relative; top: initial; -webkit-transform: initial; -ms-transform: initial; transform: initial; padding: 1.5rem 0; } } .push-action__sup { font-size: 1.75rem; line-height: 1.75rem; letter-spacing: -0.1rem; display: inline-block; vertical-align: top; margin: -0.35rem 0 0 0; } @media (max-width: 767px) { .push-action__sup { font-size: 0.75rem; } } .push-action .button { position: absolute; bottom: 50px; width: calc(100% - 100px); left: 50px; } @media (max-width: 767px) { .push-action .button { position: relative; bottom: initial; width: 100%; left: initial; } } .push-doc-container { position: relative; } .push-doc-container .push-doc-finance { position: absolute; top: 0; left: 0; right: 0; margin: auto; -webkit-transform: translateY(12px); -ms-transform: translateY(12px); transform: translateY(12px); opacity: 0; visibility: hidden; transition: 800ms cubic-bezier(0.19, 1, 0.22, 1); } .push-doc-container .push-doc-finance.active { position: relative; top: inherit; left: inherit; right: inherit; opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .push-doc-finance .heading-3 { display: inline-block; margin-bottom: 3rem; } @media (max-width: 1023px) { .push-doc-finance .heading-3 { margin-bottom: 2rem; } } .push-doc-finance .custom-select-red { margin-left: 0.25rem; display: inline-block; position: relative; } .push-doc-finance .custom-select-red:after { content: ""; background-color: #DB3331; height: 0.1rem; width: 100%; position: absolute; bottom: 0; left: 0; } .push-doc-finance .custom-select-red .icon { position: absolute; left: calc(100% + 5px); top: 0.5rem; } @media (max-width: 1023px) { .push-doc-finance .custom-select-red .icon { top: 0.25rem; } } .push-doc-finance__item { padding: 2rem 0; border-top: solid 1px rgba(0, 0, 0, 0.1); } @media (max-width: 1023px) { .push-doc-finance__item { padding: 1rem 0; } } .push-doc-finance__date { line-height: 1.65rem; color: #A39E9E; } .push-doc-finance__info { line-height: 1.65rem; } @media (max-width: 1023px) { .push-doc-finance__info { margin-top: 0.5rem; } } .push-doc-finance__link { line-height: 1.65rem; color: #DB3331; } .push-doc-finance__link:hover { color: #FC3D3B; } .push-doc-finance__link svg { position: relative; } .push-doc-finance__link svg polygon, .push-doc-finance__link svg path { fill: #DB3331; } .push-doc-finance__link svg.add-to-icon { top: 3px; } .push-doc-finance__link--download svg { position: relative; bottom: -3px; } .push-doc-finance__doc-item { position: relative; padding-left: 3rem; transition: all ease 0.3s; } .push-doc-finance__doc-item .icon-files, .push-doc-finance__doc-item .filetype { position: absolute; bottom: 0.25rem; left: 0; } .push-doc-finance__doc-item svg { transition: all ease 0.3s; } .push-doc-finance__doc-item:hover { color: #DB3331; } .push-doc-finance__doc-item:hover svg polygon, .push-doc-finance__doc-item:hover svg path { fill: #DB3331; } @media (max-width: 1023px) { .push-doc-finance .t-right { margin-top: 0.5rem; } } @media (max-width: 767px) { .push-doc-finance .t-right { text-align: left; } } .carousel--container { position: relative; margin: 0 0 4.5rem; } @media (max-width: 1023px) { .carousel--container { margin: 0 0 3.5rem; } } @media (max-width: 767px) { .carousel--container { margin: 0 0 2rem; } } .carousel { margin: 0 0 20px; } .carousel-slider { max-height: 600px; overflow: hidden; } .carousel-wrapper { font-size: 0; white-space: nowrap; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .carousel-slide { max-width: 100%; display: inline-block; text-align: center; } .carousel-slide img { max-width: 100%; } /* === Captions === */ .carousel-captions { position: relative; padding: 0 0 0 56px; } .carousel-captions--counter { position: absolute; top: 0; left: 0; } .carousel-captions--counter span { font-size: 0.75rem; line-height: 1.1rem; color: rgba(0, 0, 0, 0.5); } .carousel-captions li { font-size: 0.75rem; line-height: 1.1rem; color: rgba(0, 0, 0, 0.5); } /* === Navigation === */ .carousel-arrow { width: 60px; height: 60px; border: 2px solid rgba(0, 0, 0, 0.1); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; cursor: pointer; z-index: 10; transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1); } .carousel-arrow:focus { outline: none; } .carousel-arrow:hover { border-color: #DB3331; } .carousel-arrow.is-fade { cursor: initial; } .carousel-arrow.is-fade svg { fill: rgba(0, 0, 0, 0.1); } .carousel-arrow.is-fade:hover { border-color: rgba(0, 0, 0, 0.1); } .carousel-arrow--prev { left: 0px; } .carousel-arrow--prev svg { -webkit-transform: rotateZ(-180deg); -ms-transform: rotate(-180deg); transform: rotateZ(-180deg); } .carousel-arrow--next { right: 0px; } .carousel-arrow svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; fill: #DB3331; } @media (max-width: 1023px) { .carousel-arrow { width: 36px; height: 36px; } } @media (max-width: 767px) { .carousel-arrow { display: none; } } /* carousel edito */ .carousel-edito { /* === Captions === */ /* === Navigation === */ } .carousel-edito--push-right { margin-bottom: 6rem; width: 660px; height: 784px; float: right; overflow: hidden; position: relative; } @media (max-width: 1023px) { .carousel-edito--push-right { height: 375px; } } @media (max-width: 767px) { .carousel-edito--push-right { float: none; height: auto; width: 100%; margin-bottom: 2rem; } } .carousel-edito--push-right img { cursor: url("../images/icons/cursor_gallery.svg"), pointer; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 767px) { .carousel-edito--push-right img { position: relative; top: inherit; left: inherit; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; } } .carousel-edito--split { margin-bottom: 6rem; } .carousel-edito--split img { display: block; max-width: 100%; cursor: url("../images/icons/cursor_gallery.svg"), pointer; } .carousel-edito--full img { display: block; max-width: 100%; cursor: url("../images/icons/cursor_gallery.svg"), pointer; } .carousel-edito--center { height: 784px; display: table; } .carousel-edito--center .middle { vertical-align: middle; display: table-cell; } @media (max-width: 1023px) { .carousel-edito--center { height: 375px; } } @media (max-width: 767px) { .carousel-edito--center { height: initial; margin-bottom: 2rem; } } .carousel-edito__overlay { height: 100vh; width: 100vw; position: fixed; top: 0; left: 0; z-index: 100; background-color: #000000; display: none; visibility: hidden; } .carousel-edito__overlay.is-open { display: block; visibility: visible; } .carousel-edito .carousel-overlay--container { position: relative; height: 100vh; } .carousel-edito .carousel-overlay .grid { width: 80%; } @media (max-width: 1023px) { .carousel-edito .carousel-overlay .grid { width: 70%; } } @media (max-width: 767px) { .carousel-edito .carousel-overlay .grid { width: 100%; } } .carousel-edito .carousel-overlay__wrapper { font-size: 0; white-space: nowrap; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); height: calc(100vh - 130px); } .carousel-edito .carousel-overlay__item { width: 100%; max-width: 100vw; height: 100%; display: inline-block; text-align: center; position: relative; } .carousel-edito .carousel-overlay__item img { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); max-width: 100%; max-height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .carousel-edito .carousel-overlay__close { position: fixed; top: 1rem; right: 1rem; } .carousel-edito .carousel-overlay__close .link--icons { color: #ffffff; } .carousel-edito .carousel-overlay__close svg { position: relative; top: -2px; } .carousel-edito .carousel-overlay__close svg path { fill: #ffffff; } .carousel-edito .carousel-overlay .carousel-overlay-arrow--prev { left: 3rem; } .carousel-edito .carousel-overlay .carousel-overlay-arrow--next { right: 3rem; } .carousel-edito .carousel-overlay__legend { color: #ffffff; width: 100%; text-align: center; position: absolute; bottom: 20px; } @media (max-width: 767px) { .carousel-edito .carousel-overlay__legend { padding: 0 0.75rem; } } .carousel-edito .carousel-overlay-slider { overflow: hidden; } .carousel-edito .carousel-overlay-captions { display: block; width: 100%; padding: 1rem 0 0.75rem; text-align: center; } .carousel-edito .carousel-overlay-captions--counter span { color: #ffffff; } .carousel-edito .carousel-overlay-arrow { width: 60px; height: 60px; border: 2px solid rgba(255, 255, 255, 0.3); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; cursor: pointer; z-index: 10; } @media (max-width: 1023px) { .carousel-edito .carousel-overlay-arrow { width: 36px; height: 36px; } } @media (max-width: 767px) { .carousel-edito .carousel-overlay-arrow { display: none; } } .carousel-edito .carousel-overlay-arrow:focus { outline: none; } .carousel-edito .carousel-overlay-arrow.is-fade svg { fill: rgba(255, 255, 255, 0.3); } .carousel-edito .carousel-overlay-arrow--prev { left: 0px; } .carousel-edito .carousel-overlay-arrow--prev svg { -webkit-transform: rotateZ(-180deg); -ms-transform: rotate(-180deg); transform: rotateZ(-180deg); } .carousel-edito .carousel-overlay-arrow--next { right: 0px; } .carousel-edito .carousel-overlay-arrow svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; fill: #ffffff; } .bloc-gallery__title { margin-bottom: 3rem; } @media (max-width: 1023px) { .bloc-gallery__title { margin-bottom: 1.5rem; } } @media (max-width: 767px) { .bloc-gallery__title { margin-bottom: 1rem; } } .bloc-gallery__grid { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; page-break-after: avoid-column; -webkit-column-break-after: avoid-column; break-after: avoid-column; } @media (max-width: 767px) { .bloc-gallery__grid { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .bloc-gallery__grid__item img { display: block; width: 100%; margin-bottom: 5px; } .bloc-gallery__grid__item a { position: relative; display: block; } .bloc-gallery__grid__item a:before { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s ease; } .bloc-gallery__grid__item a:hover:before { opacity: 1; } .carousel-gallery { height: 100%; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .carousel-gallery__arrow { width: 60px; height: 60px; position: absolute; top: 0; bottom: 0; z-index: 40; margin: auto; border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 60px; cursor: pointer; transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1); outline: none; } .carousel-gallery__arrow--prev { left: 40px; } .carousel-gallery__arrow--prev svg { -webkit-transform: rotateZ(-180deg); -ms-transform: rotate(-180deg); transform: rotateZ(-180deg); } @media (max-width: 1023px) { .carousel-gallery__arrow--prev { left: 10px; } } @media (max-width: 767px) { .carousel-gallery__arrow--prev { left: 5px; } } .carousel-gallery__arrow--next { right: 40px; } @media (max-width: 1023px) { .carousel-gallery__arrow--next { right: 10px; } } @media (max-width: 767px) { .carousel-gallery__arrow--next { right: 5px; } } .carousel-gallery__arrow:hover { border-color: #DB3331; } .carousel-gallery__arrow.is-fade { cursor: initial; } .carousel-gallery__arrow.is-fade svg path { fill: rgba(0, 0, 0, 0.1); } .carousel-gallery__arrow.is-fade:hover { border-color: rgba(0, 0, 0, 0.1); } .carousel-gallery__arrow svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .carousel-gallery__arrow svg path { fill: #DB3331; } @media (max-width: 767px) { .carousel-gallery__arrow { width: 30px; height: 30px; border-radius: 30px; } .carousel-gallery__arrow svg { width: 12px; height: 12px; } } .carousel-gallery__captions { position: absolute; top: 40px; left: 0; right: 0; margin: auto; text-align: center; } .carousel-gallery__captions-counter { font-size: 0.75rem; line-height: 1.1rem; color: rgba(0, 0, 0, 0.5); } @media (max-width: 767px) { .carousel-gallery__captions { top: 20px; } } .carousel-gallery__legend { font-size: 0.75rem; line-height: 1.1rem; color: #000000; width: 700px; max-width: 100%; position: absolute; left: 0; right: 0; bottom: 40px; margin: auto; text-align: center; } @media (max-width: 767px) { .carousel-gallery__legend { bottom: 20px; } } .carousel-gallery__inner { width: 100%; height: 75vh; } @media (max-width: 767px) { .carousel-gallery__inner { height: 65vh; } } .carousel-gallery__wrapper { width: 100%; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1); } .carousel-gallery__slide { width: 100%; height: 100%; padding: 0 4rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .carousel-gallery__slide { padding: 0 2rem; } } .carousel-gallery__media { display: block; max-width: 100%; max-height: 100%; } .carousel-gallery .carousel-slide { width: 100%; position: relative; padding: 0 12%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .carousel-gallery .carousel-arrow--prev { left: 40px; } @media (max-width: 1023px) { .carousel-gallery .carousel-arrow--prev { left: 20px; } } @media (max-width: 767px) { .carousel-gallery .carousel-arrow--prev { display: block; } } .carousel-gallery .carousel-arrow--next { right: 40px; } @media (max-width: 1023px) { .carousel-gallery .carousel-arrow--next { right: 20px; } } @media (max-width: 767px) { .carousel-gallery .carousel-arrow--next { display: block; } } .carousel-gallery .carousel-legend { position: absolute; bottom: 40px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: 700px; text-align: center; line-height: 22px; font-size: 0.75rem; line-height: 1.1rem; color: #000; } .carousel-gallery .carousel-captions--counter { top: 40px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .carousel-gallery .carousel-captions--counter span { color: #000; } @media (max-width: 767px) { .carousel-gallery .carousel-captions--counter { top: 10px; } } .carousel-finance__wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; transition: all ease 0.3s; } @media (max-width: 1023px) { .carousel-finance__wrapper { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } } .carousel-finance__item-wrapper { float: left; width: 50%; border: solid 1px #E5E5E5; height: 750px; border-right: transparent; overflow: hidden; } @media (max-width: 1023px) { .carousel-finance__item-wrapper { -ms-flex-order: 2; -webkit-order: 2; order: 2; float: none; height: auto; width: auto; border: solid 1px #E5E5E5; padding: 0; } } .carousel-finance__item-list { transition: all ease 0.3s; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 9999px; } @media (max-width: 1023px) { .carousel-finance__item-list { padding-bottom: 140px; position: relative; } } .carousel-finance__item { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 695px; padding: 5rem 6rem 0 5rem; } @media (max-width: 1159px) { .carousel-finance__item { padding: 3.5rem 2.5rem; max-width: 464px; } } @media (max-width: 1023px) { .carousel-finance__item { width: 100%; max-width: 695px; padding-bottom: 0; } } @media (max-width: 767px) { .carousel-finance__item { padding: 20px; } } .carousel-finance__resume { margin-top: 1rem; } .carousel-finance__button { margin-top: 1.5rem; min-width: 290px; } .carousel-finance__button .icon { float: right; position: relative; top: 2px; } @media (max-width: 767px) { .carousel-finance__button .icon { margin-left: 10px; } } @media (max-width: 1023px) { .carousel-finance__button { margin-top: 1.5rem; min-width: 290px; position: absolute; bottom: 55px; } } @media (max-width: 767px) { .carousel-finance__button { min-width: initial; margin-top: 0; bottom: 90px; } } .carousel-finance__cover-list { width: 50%; float: left; height: 750px; -ms-flex-order: 2; -webkit-order: 2; order: 2; position: relative; } @media (max-width: 1023px) { .carousel-finance__cover-list { -webkit-order: 1; -ms-flex-order: 1; order: 1; float: none; width: 100%; height: 400px; overflow: hidden; } } @media (max-width: 767px) { .carousel-finance__cover-list { height: auto; } } .carousel-finance__cover-item { position: absolute; width: 100%; z-index: 1; opacity: 0; transition: opacity ease 0.6s; } .carousel-finance__cover-item.is-active { opacity: 1; z-index: 2; height: auto; } @media (max-width: 767px) { .carousel-finance__cover-item { position: relative; height: 0; } } .carousel-finance__cover { position: relative; overflow: hidden; height: 750px; max-width: 695px; } @media (max-width: 767px) { .carousel-finance__cover { width: 100%; height: auto; } } .carousel-finance__cover img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 767px) { .carousel-finance__cover img { max-width: 100%; position: relative; top: inherit; left: inherit; -webkit-transform: none; -ms-transform: none; transform: none; } } .carousel-finance__pagination { color: #A39E9E; position: absolute; left: 5rem; bottom: 4.5rem; z-index: 40; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1159px) { .carousel-finance__pagination { left: 50px; } } @media (max-width: 1023px) { .carousel-finance__pagination { left: inherit; right: 40px; bottom: 55px; } } @media (max-width: 767px) { .carousel-finance__pagination { left: 0; right: 0; bottom: 10px; margin: auto; text-align: center; } } .carousel-finance__pagination .counter { display: inline-block; margin: 0 0.75rem; } @media (max-width: 767px) { .carousel-finance__pagination .counter { display: none; } } .carousel-finance__pagination .current { display: inline-block; color: #000000; } @media (max-width: 767px) { .carousel-finance__pagination .pager__round:first-child { margin: 0 0.75rem 0 0; } } .carousel-finance__pagination .is-fade { pointer-events: none; cursor: default; } .carousel-finance__pagination .is-fade svg path { fill: rgba(0, 0, 0, 0.3); } /* Slider */ .slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 50px; width: 50px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 45%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: 1px solid white; transition: border 0.6s; border-radius: 50%; outline: none; z-index: 1; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; vertical-align: middle; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 25px; } [dir=rtl] .slick-prev { left: auto; right: 25px; } .slick-prev:before { content: "←"; } [dir=rtl] .slick-prev:before { content: "→"; } .slick-next { right: 25px; } [dir=rtl] .slick-next { left: 25px; right: auto; } .slick-next:before { content: "→"; } [dir=rtl] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: 1em; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 1px solid transparent; border-radius: 50px; background: rgba(0, 0, 0, 0.3); display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { background-color: rgba(255, 255, 255, 0.4); } .slick-dots li button:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50px; border: 1px solid white; } .slick-dots li.slick-active button { border: 1px solid white; } .slick-dots li.slick-active button:before { background-color: white; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @-webkit-keyframes zoomScale { from { -webkit-transform: scale(1.2) rotate(0.02deg); transform: scale(1.2) rotate(0.02deg); } to { -webkit-transform: scale(1) rotate(0.02deg); transform: scale(1) rotate(0.02deg); } } @keyframes zoomScale { from { -webkit-transform: scale(1.2) rotate(0.02deg); transform: scale(1.2) rotate(0.02deg); } to { -webkit-transform: scale(1) rotate(0.02deg); transform: scale(1) rotate(0.02deg); } } @-webkit-keyframes raiseIn { from { -webkit-transform: translate(-50%, -45%); transform: translate(-50%, -45%); } to { -webkit-transform: translateY(-50%, -50%); transform: translateY(-50%, -50%); } } @keyframes raiseIn { from { -webkit-transform: translate(-50%, -45%); transform: translate(-50%, -45%); } to { -webkit-transform: translateY(-50%, -50%); transform: translateY(-50%, -50%); } } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .carousel__container { position: relative; } .carousel__item { overflow-x: hidden; /* CSI - avoid that the next slide overlays the current slide (c.f. carousel__visual with max-width 140%) */ overflow-y: hidden; /* CSI - improve aspect ration by allowing the image to be taller than the carousel__item (c.f. carousel__visual changed max-height from 840px to 140%) */ } .carousel__overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.67; z-index: 1; background-image: linear-gradient(to top, #000000, rgba(0, 0, 0, 0) 100%); } .carousel__wrapper { padding: 0; margin: 0; } .carousel__wrapper .slick-slide, .carousel__wrapper .carousel__figure { height: calc(100vh - 135px); max-height: 840px; min-height: 480px; } .carousel__wrapper.carousel__small .slick-slide, .carousel__wrapper.carousel__small .carousel__figure { height: calc(75vh - 132px); min-height: 350px; max-height: 640px; } .carousel__wrapper.carousel__small .carousel__visual { max-height: 200%; } .carousel__wrapper.carousel__small .carousel__caption .carousel__caption__title { color: inherit; } .carousel__figure { margin: 0; position: relative; height: 100vh; max-height: 840px; } .carousel__visual { min-height: 100%; min-width: 100%; max-width: 140%; max-height: 140%; /* was 840px; */ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .carousel__zoomscale { height: 100%; width: 100%; -webkit-animation: 16s forwards zoomScale; animation: 16s forwards zoomScale; } .carousel__caption { position: absolute; z-index: 2; left: 50%; top: 45%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50%; text-align: center; opacity: 0; -webkit-animation: 1s 0.8s forwards fadeIn, 1s 0.8s forwards raiseIn; animation: 1s 0.8s forwards fadeIn, 1s 0.8s forwards raiseIn; } .carousel__caption a { color: white; text-decoration: none; outline: none; } .carousel__caption__title { color: inherit; line-height: 3rem; } .carousel__caption__text { font-size: 1.1rem; font-weight: normal; line-height: 1.4; margin-top: 0.75em; color: inherit; } .carousel__caption__readmore { display: -webkit-flex; display: -ms-flexbox; display: flex; min-width: 150px; padding: 15px 25px; margin: auto; margin-top: 30px; border: none; border-radius: 30px; background-color: #DB3332; color: white; font-size: 1.1rem; font-family: FuturaNewDemi-Reg, sans-serif; cursor: pointer; } .carousel__caption__readmore .icon { margin-left: 25px; transition: margin-left 0.6s; margin-top: 4px; } .carousel__caption__readmore .icon path { fill: white; } .carousel__caption__readmore:hover { background-color: #FD3C3C; } .carousel__caption__readmore:hover .icon { margin-left: 10px; transition: margin-left 0.6s; } .carousel__nav { position: absolute; bottom: 0; z-index: 2; width: 100%; margin: 0; padding: 0 5%; display: -webkit-flex; display: -ms-flexbox; display: flex; opacity: 0; overflow: hidden; -webkit-animation: 1.6s 1s forwards fadeIn; animation: 1.6s 1s forwards fadeIn; } .carousel__nav .slick-list { width: 100%; padding: 0 !important; overflow: visible; } .carousel__nav .slick-track { margin: 0; } .carousel__nav__item { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100px; padding-top: 0.5rem; margin-bottom: 1rem; margin-right: 25px; border-top: 1px solid rgba(150, 150, 150, 0.8); overflow: hidden; transition: color 0.6s; color: rgba(150, 150, 150, 0.8); text-align: left; cursor: pointer; outline: none; } .carousel__nav__item:hover .carousel__nav__title { color: #FD3C3C; transition: color 0.6s; } .carousel__nav__title { margin: 10px 0; text-align: left; font-size: 1.25rem; } .carousel__nav .slick-current { color: white; font-weight: bold; border-top-color: white; } .products-preview__drag-fallback .slick-dots, .box--testimonial .slick-dots { bottom: -1.5em; } .products-preview__drag-fallback .slick-dots li button, .box--testimonial .slick-dots li button { background: transparent; } .products-preview__drag-fallback .slick-dots li button::before, .box--testimonial .slick-dots li button::before { border: 1px solid #555555; } .products-preview__drag-fallback .slick-dots li.slick-active button, .box--testimonial .slick-dots li.slick-active button { border: 1px solid #555555; } .products-preview__drag-fallback .slick-dots li.slick-active button::before, .box--testimonial .slick-dots li.slick-active button::before { background-color: #555555; } .products-preview__drag-fallback .slick-next, .products-preview__drag-fallback .slick-prev, .box--testimonial .slick-next, .box--testimonial .slick-prev { border: 1px solid #555555; } .products-preview__drag-fallback .slick-next::before, .products-preview__drag-fallback .slick-prev::before, .box--testimonial .slick-next::before, .box--testimonial .slick-prev::before { color: #555555; } .products-preview__drag-fallback .slick-next.slick-disabled, .products-preview__drag-fallback .slick-prev.slick-disabled, .box--testimonial .slick-next.slick-disabled, .box--testimonial .slick-prev.slick-disabled { cursor: default; border-color: #A39E9E; } .products-preview__drag-fallback .slick-next.slick-disabled::before, .products-preview__drag-fallback .slick-prev.slick-disabled::before, .box--testimonial .slick-next.slick-disabled::before, .box--testimonial .slick-prev.slick-disabled::before { color: #A39E9E; opacity: 1; } .products-preview__drag-fallback .slick-prev, .box--testimonial .slick-prev { left: auto; right: 100%; } .products-preview__drag-fallback .slick-next, .box--testimonial .slick-next { left: 100%; right: auto; } @media (max-width: 1299px) { .products-preview__drag-fallback .slick-next, .products-preview__drag-fallback .slick-prev, .box--testimonial .slick-next, .box--testimonial .slick-prev { border: 1px solid white; box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.3); } .products-preview__drag-fallback .slick-next:hover, .products-preview__drag-fallback .slick-next:active, .products-preview__drag-fallback .slick-next:focus, .products-preview__drag-fallback .slick-prev:hover, .products-preview__drag-fallback .slick-prev:active, .products-preview__drag-fallback .slick-prev:focus, .box--testimonial .slick-next:hover, .box--testimonial .slick-next:active, .box--testimonial .slick-next:focus, .box--testimonial .slick-prev:hover, .box--testimonial .slick-prev:active, .box--testimonial .slick-prev:focus { background-color: black; } .products-preview__drag-fallback .slick-next::before, .products-preview__drag-fallback .slick-prev::before, .box--testimonial .slick-next::before, .box--testimonial .slick-prev::before { color: white; } .products-preview__drag-fallback .slick-next.slick-disabled, .products-preview__drag-fallback .slick-prev.slick-disabled, .box--testimonial .slick-next.slick-disabled, .box--testimonial .slick-prev.slick-disabled { opacity: 0.3; cursor: default; border-color: white; } .products-preview__drag-fallback .slick-next.slick-disabled::before, .products-preview__drag-fallback .slick-prev.slick-disabled::before, .box--testimonial .slick-next.slick-disabled::before, .box--testimonial .slick-prev.slick-disabled::before { color: white; } .products-preview__drag-fallback .slick-prev, .box--testimonial .slick-prev { left: 30px; right: auto; } .products-preview__drag-fallback .slick-next, .box--testimonial .slick-next { left: auto; right: 30px; } } @media (max-width: 850px) { .carousel__nav { display: none; } .carousel__figure { overflow: hidden; } .carousel__visual { max-width: none; max-height: 100%; } .carousel__caption { top: 50%; width: 80%; } .carousel__caption__title { font-size: 2rem; line-height: 2.15rem; } .carousel__caption__readmore { width: 35%; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 550px) { .carousel__caption { width: 90%; text-align: left; } .carousel__caption__readmore { width: 100%; } } .map-container { position: relative; min-height: 720px; } .map-sidebar { box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); background: #ffffff; position: absolute; top: 0; left: 0; bottom: 0; width: 340px; max-width: 100%; max-height: 720px; overflow-y: auto; z-index: 10; } @media (max-width: 1023px) { .map-sidebar { position: relative; top: initial; left: initial; bottom: initial; width: 100%; height: 460px; box-shadow: -10px 0 20px 0 rgba(0, 0, 0, 0.1); } } @media (max-width: 767px) { .map-sidebar { height: auto; box-shadow: none; } } .level--menu { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1); position: absolute; visibility: hidden; margin: auto; top: 0; left: 0; right: 0; opacity: 0; } .level--menu.active { position: relative; visibility: visible; top: initial; left: initial; right: initial; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .level--menu li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .level--menu__header { background: #DB3331; color: #ffffff; } .level--menu__header:hover { background-color: #FC3D3B; } .level--menu__header, .menu__link { padding: 20px 50px 20px 30px; font-size: 0.95rem; line-height: 1.45rem; transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1); position: relative; letter-spacing: 0.4px; display: block; cursor: pointer; } .level--menu__header--reversed, .menu__link--reversed { padding: 20px 30px 20px 60px; } .level--menu__header--small, .menu__link--small { font-size: 0.75rem; line-height: 1.1rem; } .level--menu__header + .menu__link, .menu__link + .menu__link { padding-top: 0px; } .js-menu-back { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .menu__link:hover { color: #DB3331; } .menu__link:hover svg path { fill: #DB3331; } .menu--item__count { display: inline-block; } .level--menu__header svg, .menu__link svg { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; position: absolute; margin: auto; right: 30px; top: 0; bottom: 0; } .level--menu__header svg path, .menu__link svg path { transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1); } .menu__link--reversed svg { -webkit-transform: rotateZ(-180deg); -ms-transform: rotate(-180deg); transform: rotateZ(-180deg); right: initial; left: 30px; } .menu__link--full:hover .menu__link-store-name { text-decoration: underline; } .menu__link-store-name { font-size: 0.75rem; line-height: 1.1rem; letter-spacing: 0.4px; color: #000000; display: block; margin: 0 0 5px; } .menu__link-store-address { font-size: 0.7rem; line-height: 1rem; letter-spacing: 1.5px; color: #A39E9E; display: block; margin: 0 0 10px; text-transform: uppercase; } .menu__link-store-tel { font-size: 0.75rem; line-height: 1.1rem; letter-spacing: 0.4px; color: #DB3331; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .menu__link-store-tel:hover { color: #FC3D3B; } .level--menu .menu__store-item { padding: 30px; border-bottom: none; } .menu__store-item div { padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .menu__store-item div:last-child { padding: 0; margin: 0; border: none; } .store-name { margin: 0 0 10px; } .store-descr { color: #A39E9E; font-size: 0.75rem; line-height: 1.1rem; letter-spacing: 0.4px; } .store-address { font-size: 0.7rem; line-height: 1rem; letter-spacing: 1.5px; color: #A39E9E; text-transform: uppercase; } .store-contact { display: block; font-size: 0.75rem; line-height: 1.1rem; letter-spacing: 0.4px; color: #DB3331; } .store-link-map { display: block; font-size: 0.75rem; line-height: 1.1rem; letter-spacing: 0.4px; color: #DB3331; position: relative; padding: 0 25px 0 0; } .store-link-map svg { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; } .map { display: block; width: calc(100% - 340px); min-height: 720px; margin-left: 340px; } @media (max-width: 1023px) { .map { width: 100%; min-height: auto; height: 468px; margin: 0; } } @media (max-width: 767px) { .map { display: none; } } .oo-infowindow__bg div:nth-child(1), .oo-infowindow__bg div:nth-child(2), .oo-infowindow__bg div:nth-child(3) { display: none !important; position: absolute !important; z-index: -99 !important; opacity: 0 !important; } .oo-infowindow__bg div:nth-child(4) { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important; border-radius: 2px !important; } .box--fullpage { position: relative; overflow: hidden; } @media (max-width: 1023px) { .box--fullpage { height: auto; } } .box--fullpage-slide { width: 100%; margin: auto; height: 100vh; display: -webkit-flex; display: -ms-flexbox; display: flex; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .box--fullpage-slide.active .box--fullpage-item__media-cover { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .box--fullpage-slide.active .box--fullpage-item__inner { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .box--fullpage-slide:nth-child(odd) .box--fullpage-item__content { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .box--fullpage-slide:nth-child(odd) .box--fullpage-item__media { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .box--fullpage-slide:nth-child(odd) .box--fullpage-item__media-cover { -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; } .box--fullpage-slide:nth-child(even) .box--fullpage-item__content { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .box--fullpage-slide:nth-child(even) .box--fullpage-item__media { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .box--fullpage-slide:nth-child(even) .box--fullpage-item__media-cover { -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } @media (max-width: 1023px) { .box--fullpage-slide { opacity: 1; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .box--fullpage-slide:nth-child(odd) .box--fullpage-item__content, .box--fullpage-slide:nth-child(even) .box--fullpage-item__content { -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .box--fullpage-slide:nth-child(odd) .box--fullpage-item__media, .box--fullpage-slide:nth-child(even) .box--fullpage-item__media { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .box--fullpage-slide:nth-child(odd) .box--fullpage-item__media-cover, .box--fullpage-slide:nth-child(even) .box--fullpage-item__media-cover { display: none; } .box--fullpage-slide:nth-child(odd) .box--fullpage-item__inner, .box--fullpage-slide:nth-child(even) .box--fullpage-item__inner { -webkit-transform: none; -ms-transform: none; transform: none; height: auto; opacity: 1; padding: 1rem 0; } } .box--fullpage-item { max-width: 100%; height: 100%; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; width: 50%; } @media (max-width: 1023px) { .box--fullpage-item { -webkit-flex-grow: inherit; -ms-flex-positive: inherit; flex-grow: inherit; } } .box--fullpage-item.box--fullpage-item__content { padding: 6rem 0 0; } .box--fullpage-item__inner { height: 100%; padding-left: 5rem; padding-bottom: 6rem; display: block; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; transition: -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1); } @media (max-width: 1023px) { .box--fullpage-item.box--fullpage-item__media { width: 100%; -webkit-order: 1; -ms-flex-order: 1; order: 1; height: calc(100vh - 300px); } .box--fullpage-item.box--fullpage-item__content { -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 696px; margin: auto; height: auto; padding: 0; } } @media (max-width: 767px) { .box--fullpage-item.box--fullpage-item__media { height: 60vh; } .box--fullpage-item.box--fullpage-item__content { padding: 0 20px; height: 40vh; } } @media (max-width: 767px) and (max-width: 767px) { .box--fullpage-item.box--fullpage-item__content { height: auto; } } .box--fullpage-item__media-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-size: cover; background-position: center center; background-repeat: no-repeat; } .box--fullpage-item__media-cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; margin: auto; background: #ffffff; transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1); } .box--fullpage-item__inner { width: 100%; } .box--fullpage__title { margin: 0 0 30px; max-width: 100%; } .box--fullpage__text { max-width: 100%; margin: 1rem 0 2rem; } .pager { text-align: center; margin: 0 auto; } .pager__round { height: 60px; width: 60px; border: 2px solid #E5E5E5; border-radius: 50%; display: inline-block; vertical-align: middle; position: relative; transition: all ease 0.3s; cursor: pointer; } .pager__round:hover { border-color: #DB3331; } .pager__round:hover svg path { fill: #DB3331; } @media (max-width: 767px) { .pager__round { width: 30px; height: 30px; } .pager__round svg { width: 16px; height: 16px; } } .pager__round .icon { position: absolute; top: 50%; left: 0; right: 0; margin: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: all ease 0.3s; } .pager__round--left .icon { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: translateY(-50%) rotateZ(-180deg); -ms-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotateZ(-180deg); } .pager__list { display: inline-block; vertical-align: middle; padding: 1rem 0; margin: 0 1rem; } .pager__list-item { float: left; margin: 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 0.95rem; transition: all ease 0.3s; } .pager__list-item a:hover { color: #DB3331; } .pager__list-item a.is-active { color: #DB3331; pointer-events: none; } /* expand sector */ .head-sector__picto svg { width: 130px; height: 130px; } .head-sector__container { border-top: solid 1px rgba(0, 0, 0, 0.1); padding-top: 2rem; margin-bottom: 4rem; } @media (max-width: 1023px) { .head-sector__container { margin-bottom: 2rem; } } .head-sector__container__title { margin: 0 0 3rem; } @media (max-width: 1023px) { .head-sector__container__title { margin: 0 0 2rem; } } @media (max-width: 767px) { .head-sector__container__title { margin: 0 0 1.5rem; } } .head-sector__container--smaller { padding-top: 1.5rem; margin-bottom: 1.5rem; } .head-sector__container--smaller .head-sector__picto svg { width: 80px; height: 80px; } .head-sector__container div.list-sector > div.row { -webkit-align-items: start; -ms-flex-align: start; align-items: start; } .head-sector__button-toggle { margin-top: 10px; } .head-sector .list-sector { display: none; } .head-sector .list-sector { margin-top: 2rem; } @media (max-width: 767px) { .head-sector .list-sector { margin-top: 1rem; } } .head-sector--centered { padding-bottom: 4.5rem; } @media (max-width: 1023px) { .head-sector--centered { padding: 0 0 2rem; } } @media (max-width: 767px) { .head-sector--centered { padding: 0 0 0.5rem; } } .head-sector--centered .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1023px) { .head-sector__picto svg { width: 80px; height: 80px; } } @media (max-width: 767px) { .head-sector__container { border: none; position: relative; } .head-sector__container:before { content: ""; width: auto; display: block; position: absolute; top: 0; left: 20px; right: 20px; margin: auto; height: 1px; background: rgba(0, 0, 0, 0.1); } .head-sector__picto { text-align: center; } .head-sector__picto svg { display: inline-block; } .head-sector__title { text-align: center; margin-bottom: 1rem; } .head-sector .button--block { max-width: 100%; } } .modal { background: rgba(255, 255, 255, 0.7); z-index: 500; width: 100%; height: 100%; overflow: auto; position: fixed; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0s 0.3s; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .modal--modal { max-width: 800px; border: 1px solid #E5E5E5; padding: 50px 20px 20px; background: white; position: relative; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); } .modal--large .modal--modal { padding: 70px 40px 40px; } .modal--big .modal--modal .modal--content { max-height: calc(100vh - 130px); box-sizing: border-box; overflow: auto; } .modal__close { position: absolute; right: 1rem; top: 1rem; transition: all ease 0.3s; z-index: 10; } .modal__close .icon-close { position: relative; top: -1px; } .modal__close .icon-close path { transition: all ease 0.3s; } .modal__close:hover { color: #DB3331; } .modal__close:hover .icon path { fill: #DB3331; } @media (max-width: 767px) { .modal__close { top: 0.5rem; right: 0.5rem; } } .modal.is-open { visibility: visible; opacity: 1; transition: opacity 0.3s; } .modal-gallery { background: #ffffff; z-index: 500; width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0; bottom: 0; left: 0; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0s 0.3s; } .modal-gallery__close { position: absolute; right: 2rem; top: 2rem; transition: all ease 0.3s; z-index: 10; } .modal-gallery__close .icon-close { position: relative; top: -1px; } .modal-gallery__close .icon-close path { transition: all ease 0.3s; } .modal-gallery__close:hover { color: #DB3331; } .modal-gallery__close:hover .icon path { fill: #DB3331; } @media (max-width: 767px) { .modal-gallery__close { top: 0.5rem; right: 0.5rem; } } .modal-gallery.is-open { visibility: visible; opacity: 1; transition: opacity 0.3s; } .tabs { border: solid 1px #E5E5E5; } .tabs__header__title { float: left; width: 33.33%; border-left: solid 1px #E5E5E5; border-bottom: solid 1px #E5E5E5; } @media (max-width: 767px) { .tabs__header__title { text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 4.5rem; } } .tabs__header__title a { display: block; padding: 1rem 0 1rem 2rem; color: #A39E9E; line-height: 1.7rem; letter-spacing: 0.02rem; transition: all ease 0.3s; font-size: 0.95rem; } @media (max-width: 767px) { .tabs__header__title a { padding: 0.5rem; line-height: 1.25rem; } } .tabs__header__title a:hover { color: #DB3331; } .tabs__header__title:first-child { border-left: none; } .tabs__header__title.is-active { border-bottom: none; } .tabs__header__title.is-active a { color: #DB3331; } .tabs__content__item { padding: 4rem 5rem; display: none; } @media (max-width: 767px) { .tabs__content__item { padding: 2rem 1.5rem; } } .tabs__content__item.is-active { display: block; } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive .legend { font-size: 0.7rem; line-height: 1rem; color: #A39E9E; } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .table th { text-align: inherit; } .table th, .table td { font-size: 0.7rem; line-height: 1rem; padding: 0.75rem; vertical-align: top; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 0.5rem 1rem 1.5rem 1rem; } .table tr.no-borders td, .table tr.no-borders th { border: 0; } .table thead th { vertical-align: bottom; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-top: none; color: #000000; } .table tbody td, .table tbody th { font-size: 0.7rem; line-height: 1rem; padding: 0.5rem 1rem 1.5rem 1rem; color: #A39E9E; } @media (max-width: 1023px) { .table tbody td, .table tbody th { min-width: 5rem; } } .table tbody tr th { color: #000000; min-width: 9.5rem; padding-left: 0; } .table--width-auto { width: auto; } .table .small-cell { padding: 0.25rem 1rem 0.25rem 1rem; } .table-selection { width: 100%; font-size: 0.8rem; line-height: 1.4; border-collapse: collapse; margin: 1em 0 4em; } .table-selection td, .table-selection th { text-align: left; padding: 0.7em 1em; vertical-align: middle; border-bottom: 1px solid #E5E5E5; } .table-selection td > a, .table-selection td .content > a, .table-selection td > .link, .table-selection th > a, .table-selection th .content > a, .table-selection th > .link { cursor: pointer; text-decoration: underline; color: #000000; } .table-selection td > a:hover, .table-selection td .content > a:hover, .table-selection td > .link:hover, .table-selection th > a:hover, .table-selection th .content > a:hover, .table-selection th > .link:hover { color: #DB3331; } .table-selection.align-top td, .table-selection.align-top th { vertical-align: top; } .table-selection.large td, .table-selection.large th { padding: 1.3em 1em; } .table-selection .align-top { vertical-align: top; } .table-selection .t-right { text-align: right; } @media (max-width: 1023px) { .table-selection .t-right { text-align: left; } } .table-selection tr.no-borders td, .table-selection tr.no-borders th { border: 0; } .table-selection th { color: #A39E9E; } .table-selection .custom-checkbox label.custom-checkbox__label { font-size: inherit; } .table-selection tbody tr:nth-child(even) { background: #F2F2F2; } .table-selection__no-stripes tbody tr:nth-child(even) { background: transparent; } .table-selection .custom-select { font-size: 1em; display: inline-block; width: auto; padding: 10px 50px 10px 25px; } .table-selection .tableselect-sort button { background: url("../images/icons/dropdown.svg") no-repeat right center; cursor: pointer; font-size: inherit; text-transform: inherit; padding-right: 1.6em; letter-spacing: inherit; text-align: left; } .table-selection .tableselect-sort button.is-active { color: #DB3331; } .table-selection .tableselect-sort button.desc { background: url("../images/icons/dropdown_inverse.svg") no-repeat right center; } .table-selection th .tableselect-sort-select { padding: 0px 18px 0px 0px; color: #A39E9E; line-height: 1; } .table-selection th .tableselect-sort-select option { color: #A39E9E; padding-inline: 3px 0; } .table-selection .tableselect-action.button--disabled { opacity: 0.2; } .table-selection tr.filtered { display: none; } .table-selection .b-grey { background: #F2F2F2; } .table-selection .table-small, .table-small { width: 100%; max-width: 100%; margin-bottom: 0.75em; background-color: transparent; } .table-selection .table-small th, .table-small th { text-align: inherit; } .table-selection .table-small th, .table-selection .table-small td, .table-small th, .table-small td { font-size: 0.8rem; line-height: 1.5; vertical-align: top; border-top: 1px solid #E5E5E5; padding: 0.4em 0.9em; } .table-selection .table-small th:first-child, .table-selection .table-small td:first-child, .table-small th:first-child, .table-small td:first-child { padding-left: 0; } .table-selection .table-small th:last-child, .table-selection .table-small td:last-child, .table-small th:last-child, .table-small td:last-child { padding-right: 0; } .table-selection .table-small p, .table-small p { margin: 1em 0; } .table-selection .table-small p:first-child, .table-small p:first-child { margin-top: 0; } .table-selection .table-small p:last-child, .table-small p:last-child { margin-bottom: 0; } .table-selection .table-small thead th, .table-small thead th { vertical-align: bottom; border-bottom: 1px solid #A39E9E; border-top: none; color: #000000; } @media (max-width: 1023px) { .table-selection .table-small tbody td, .table-selection .table-small tbody th, .table-small tbody td, .table-small tbody th { min-width: 5rem; } } .table-selection .table-small tbody tr th, .table-small tbody tr th { color: #000000; font-weight: bold; min-width: 9.5rem; } .table-selection .table-small tbody tr.small th, .table-small tbody tr.small th { min-width: 0; } .table-selection .table-small .t-right, .table-small .t-right { text-align: right; } .table-selection .table-small.table--width-auto, .table-small.table--width-auto { width: auto; } .table-list__header { border: 0; } .table-list__header td:first-child { padding-left: 0; } .table-list__header td:last-child { padding-left: 0; } .table-list__header td > .text-current a { cursor: pointer; text-decoration: underline; } .table-list__header td > .text-current a:hover { color: #DB3331; } .table-list__single { border: 0; } .table-list__single.table-list td { padding-top: 0; padding-bottom: 0; border: 0; } .table-list__single td:first-child { padding-left: 0; } .table-list__single td:last-child { padding-left: 0; } @media (max-width: 767px) { .table-list { display: block; } .table-list tbody { display: block; } .table-list tr { display: table; width: 100%; margin: 0.5em 0; border-top: 1px solid #E5E5E5; } .table-list tr.no-borders { border: 0; } .table-list td, .table-list th { display: table-row; border: 0; } .table-list td > *, .table-list th > * { display: table-cell; padding-left: 0.75em; } .table-list td > *:first-child, .table-list th > *:first-child { padding-left: 0; } .table-list tbody td, .table-list tbody th, .table-list td, .table-list th { padding: 0.5em 0; } .table-list .small-cell { padding: 0.5em 0; } } @media (max-width: 1023px) { .responsive-table { /* .hidden-tablet { display: none; }*/ } .responsive-table table, .responsive-table tr, .responsive-table td, .responsive-table th, .responsive-table tbody { display: block; } .responsive-table td, .responsive-table th { border: 0; padding: 0.25em 1em; } .responsive-table tr { padding: 0.5em 0; border-bottom: 1px solid #E5E5E5; } .responsive-table .m-title > .title { color: #A39E9E; display: inline-block; width: 48%; vertical-align: top; } .responsive-table .m-title > .content { display: inline-block; width: 48%; vertical-align: top; margin-left: 4%; } } .result-table { margin-bottom: 1rem; } .result-table table { width: 100%; max-width: 100%; background-color: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .result-table th, .result-table td { text-align: left; vertical-align: top; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 0.75em 1em; } .result-table th { color: #A39E9E; } .result-table tr.no-borders td, .result-table tr.no-borders th { border: 0; } .result-table tr.grey td, .result-table tr.grey th { background-color: #F2F2F2; } .result-table tr.p-none td, .result-table tr.p-none th { padding-top: 0; padding-bottom: 0; } .result-table tr.p-top td, .result-table tr.p-top th { padding-bottom: 0; } .result-table tr.p-bottom td, .result-table tr.p-bottom th { padding-top: 0; } .result-table strong { font-weight: bold; } .result-table--highlighted { border: 2px solid #DB3331; border-radius: 5px; } .result-table--highlighted table > :first-child tr:first-child > :first-child { border-top-left-radius: 4px; } .result-table--highlighted table > :first-child tr:first-child > :last-child { border-top-right-radius: 4px; } .result-table--highlighted table > :last-child tr:last-child > :first-child { border-bottom-left-radius: 4px; } .result-table--highlighted table > :last-child tr:last-child > :last-child { border-bottom-right-radius: 4px; } .result-table .align-center { vertical-align: middle; } table.table-width-auto, .table-auto-width, .table-selection .table-auto-width { width: auto; } .cookies { box-shadow: 0px -5px 26px -7px rgba(0, 0, 0, 0.2); position: fixed; left: 0; bottom: 0; right: 0; margin: auto; background: #ffffff; z-index: 101; padding: 20px 0; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .cookies__inner { position: relative; } .cookies__text { color: #A39E9E; } .cookies__text a { display: block; } .cookies__text a:hover { text-decoration: underline; } .cookies__btn { padding: 12px 20px 14px; font-size: 0.8rem; margin-bottom: 8px; } @media (max-width: 767px) { .cookies__btn-cont { margin-top: 10px; } } .cookies.is-hidden { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; visibility: hidden; } .header .search { position: absolute; top: calc(100% + 1px); left: 0; right: 0; margin: auto; z-index: 10; transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); opacity: 0; border: none; } .header .search.is-open { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); opacity: 1; } @media (max-width: 767px) { .header .search { position: fixed; background-color: white; z-index: 21; top: 0; left: 0; right: 0; bottom: 0; display: none; padding: 4em 20px 20px; } .header .search.is-open { display: block; } .header .search [class*=cell-m] { width: auto; float: none; } } .header .search--pays { padding: 2rem 0; } @media (max-width: 767px) { .header .search--pays { padding: 0.5rem 0; } } .search { background: #ffffff; padding: 2rem 0; border-bottom: 1px solid #E5E5E5; } @media (max-width: 767px) { .search { padding: 1rem 0; } } .search--pays { padding: 0; border: 0; } .search--pays .search__submit { background-color: transparent; padding-left: 2.75rem; padding-right: 2.75rem; margin-right: 3px; } @media (max-width: 767px) { .search--pays .search__submit { padding-left: 0; padding-right: 0; background: transparent; border: transparent; margin-right: 0; } .search--pays .search__submit:disabled, .search--pays .search__submit [disabled] { background-color: transparent; } } .search--inline .search__submit { display: inline-block; } .search__input { width: 100%; display: block; border: none; outline: none; margin: 0.8rem 0 0 0; } .search__input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #A39E9E; } .search__input::-moz-placeholder { /* Firefox 19+ */ color: #A39E9E; } .search__input:-ms-input-placeholder { /* IE 10+ */ color: #A39E9E; } .search__input:-moz-placeholder { /* Firefox 18- */ color: #A39E9E; } @media (max-width: 1023px) { .search__input { margin: 0.9rem 0 0; } } @media (max-width: 767px) { .search__input { padding: 12px 30px 15px; border-radius: 50px; border: solid 2px #A39E9E; } } .search__reset { width: 100%; margin: 0.8rem 0 0; text-align: right; cursor: pointer; outline: none; } @media (max-width: 1023px) { .search__reset { margin: 0.9rem 0 0; } } @media (max-width: 767px) { .search__reset { margin: 0.65rem 0 10px; text-align: center; padding: 12px 30px 15px; border-radius: 50px; line-height: 1.45rem; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); border: solid 2px #F2F2F2; cursor: pointer; } } .search__reset-text { display: inline-block; vertical-align: middle; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .search__reset svg { display: inline-block; vertical-align: middle; } .search__reset svg path { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .search__reset:hover .search__reset-text { color: #DB3331; } .search__reset:hover path { fill: #DB3331; } .search__submit { font-size: 0.95rem; line-height: 1.45rem; letter-spacing: 0.4px; background: none; color: #DB3331; border: 2px solid #F2F2F2; cursor: pointer; display: block; border-radius: 50px; padding: 0.75rem 1.5rem; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .search__submit:hover { border-color: #FC3D3B; color: #FC3D3B; } .search__submit:disabled, .search__submit [disabled] { color: #A39E9E; background: #F2F2F2; cursor: auto; } .search__submit:disabled:hover, .search__submit [disabled]:hover { color: #A39E9E; border-color: #F2F2F2; } .search__submit-text { display: block; } .search__submit-icon { display: none; margin: auto; } @media (max-width: 767px) { .search__submit { box-sizing: border-box; width: 100%; } } .results-filter-container { margin: 0 0 4rem; } .results-filters { position: relative; } .results-filters__main { padding: 1.9rem 0; border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; } @media (max-width: 1023px) { .results-filters__main { padding: 1.9rem 0 1.4rem; } } .results-filters__sub { background: #ffffff; position: absolute; top: 100%; left: 0; right: 0; margin: auto; z-index: 20; padding: 1.9rem 0; display: none; } .results-filters__sub.active { display: block; } @media (max-width: 1023px) { .results-filters__sub { padding: 1.9rem 0 1.4rem; } } .results-filters__close { width: 20px; height: 20px; position: absolute; top: 20px; right: 20px; cursor: pointer; outline: none; } .results-filters__close svg path { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .results-filters__close:hover svg path { fill: #DB3331; } @media (max-width: 767px) { .results-filters__close { top: 10px; } } .results-filters__form { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .results-filters__subselect { display: none; } .results-filters__subselect.active { display: block; } .results-filters__list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .results-filters__list-item { margin: 0 1.5rem 0 0; cursor: pointer; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .results-filters__list-item svg { display: inline-block; vertical-align: middle; } .results-filters__list-item span { color: #A39E9E; } .results-filters__list-item:last-child { margin: 0; } .results-filters__list-item:hover { color: #DB3331; } .results-filters__list-item.active { color: #DB3331; } @media (max-width: 1023px) { .results-filters__list-item { margin: 0 1.5rem 0.5rem 0; } .results-filters__list-item:last-child { margin: 0 0 0.5rem 0; } } .results-filters__form .custom-select--bordered { margin: 0 1.5rem 0 0; } .results-filters__form .custom-select--bordered:last-child { margin: 0; } @media (max-width: 1023px) { .results-filters__form .custom-select--bordered { margin: 0 1.5rem 0.5rem 0; } .results-filters__form .custom-select--bordered:last-child { margin: 0 0 0.5rem 0; } } @media (max-width: 767px) { .results-filters__form .custom-select--bordered { width: 100%; margin: 0 0 1rem; } } .search__results { margin: 0 0 3rem; } @media (max-width: 767px) { .search__results .t-right { text-align: left; } } .search__results__item { padding: 0 0 2rem; margin: 0 0 2rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .search__results__item:last-child { margin: 0; } .search__results__category { color: #DB3331; } @media (max-width: 767px) { .search__results__category { display: inline-block; margin: 0 0 0.5rem; } } .search__results__date { color: #A39E9E; } @media (max-width: 767px) { .search__results__date { display: inline-block; margin: 0 0 0.5rem 0.5rem; } } @media (max-width: 767px) { .search__results__title { margin: 0 0 0.5rem; } } .search__tags { padding: 1.9rem 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .search__tags.inactive { display: none; } .search__tags-text { margin: 0 0.25rem 0 0; } .search__tags-item { color: #DB3331; margin: 0 0.5rem 0 0; } .search__tags-item svg { display: inline-block; vertical-align: middle; margin: -0.1rem 0 0; } .search__tags-item svg path { fill: #DB3331; } @media (max-width: 1023px) { .filters-subnav { text-align: left; position: fixed; top: 0; left: 100%; transition: left 0.2s ease; right: 0; bottom: 0; padding: 20px; background: white; z-index: 60; overflow: auto; box-sizing: border-box; width: 100%; } .filters-subnav.is-opened { left: 0%; } .filters-subnav .button { display: block; margin-bottom: 0.5em; width: 100%; } } .toolbar { border-bottom: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; padding-top: 1.25rem; padding-bottom: 1.25rem; } @media (max-width: 767px) { .toolbar { padding-top: 0.5rem; padding-bottom: 0.5rem; } } @media (max-width: 767px) { .toolbar__button { display: block; margin-bottom: 10px; width: 100%; } .toolbar__button:last-child { margin-bottom: 0; } } @media (max-width: 767px) { .toolbar .search__submit:disabled, .toolbar .search__submit [disabled], .toolbar .search__submit [disabled]:disabled, .toolbar .search__submit [disabled] [disabled] { background-color: transparent; border-color: transparent; } } .tools--mb { margin-bottom: 5rem; } @media (max-width: 767px) { .tools--mb { margin-bottom: 2.5rem; } } .tools .section-header { margin-bottom: 3rem; } @media (max-width: 767px) { .tools .section-header { margin-bottom: 1rem; } } .tools__item { position: relative; border: 1px solid #E5E5E5; padding: 3rem 2.5rem 5.25rem; text-align: center; margin-bottom: 1rem; } @media (max-width: 767px) { .tools__item { padding: 1rem 1.25rem 5.25rem; } } .tools__item__icon { display: inline-block; margin-bottom: 0.5rem; } @media (max-width: 767px) { .tools__item__icon { max-height: 2.5rem; width: auto; margin-bottom: 1rem; } } .tools__item__title { margin-bottom: 0.75rem; } @media (max-width: 767px) { .tools__item__title { margin-bottom: 1rem; } } .tools__item__desc { margin-bottom: 2.75rem; } @media (max-width: 767px) { .tools__item__desc { margin-bottom: 1rem; } } .tools__item__button { position: absolute; width: calc(100% - 100px); bottom: 2.25rem; } @media (max-width: 767px) { .tools__item__button { width: calc(100% - 50px); bottom: 1rem; } } .tools__item--horizontal { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: start; -ms-flex-align: start; align-items: start; text-align: left; padding: 3rem 2.25rem 3.25rem; margin-bottom: 0; } @media (max-width: 1159px) { .tools__item--horizontal { padding: 1.75rem 1.5rem 1.5rem; } } @media (max-width: 1023px) { .tools__item--horizontal { display: block; text-align: center; margin-bottom: 0; } } @media (max-width: 767px) { .tools__item--horizontal { padding: 1rem 1.5rem 1.25rem; } } .tools__item--horizontal .tools__item__icon { width: 110px; height: auto; margin-right: 2rem; } @media (max-width: 1159px) { .tools__item--horizontal .tools__item__icon { width: 80px; margin-right: 1rem; } } @media (max-width: 1023px) { .tools__item--horizontal .tools__item__icon { width: auto; margin: 0 auto 0.5rem; } } @media (max-width: 767px) { .tools__item--horizontal .tools__item__title { margin-bottom: 0.75rem; } } .tools__item--horizontal .tools__item__desc { margin-bottom: 0; } @media (max-width: 767px) { .tools__item--horizontal .tools__item__desc { margin-bottom: 0; } } nav.topics { list-style: none; margin: 1em 0; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin-left: -1.5%; margin-right: -1.5%; } nav.topics a { min-height: 4.52em; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 22%; color: white; padding: 1em; margin: 0 1.5% 1.8em 1.5%; box-sizing: border-box; text-align: center; background: #588ca7; font-weight: normal; font-size: 1.15rem; line-height: 1.45rem; background: linear-gradient(to bottom, #c5e7f6 0%, #588ca7 50%, #224e67 100%); background-size: 1px 200%; background-position: 50% 0%; transition: background-position 0.5s ease; vertical-align: center; position: relative; } nav.topics a:hover { background-position: 50% 100%; } @media (max-width: 1159px) { nav.topics a { width: 30.333%; margin-bottom: 1.4em; } } @media (max-width: 1023px) { nav.topics a { margin-bottom: 1em; } } @media (max-width: 767px) { nav.topics a { width: 47%; margin-bottom: 0.5em; } } @media (max-width: 480px) { nav.topics { display: block; margin: 1em 0; } nav.topics a { min-height: 0; width: auto; display: block; margin-bottom: 0.5em; } } .products-preview { padding-top: 3.5rem; padding-bottom: 3rem; } @media (max-width: 767px) { .products-preview { padding-top: 2.5rem; padding-bottom: 2.5rem; } } .products-preview__more-content { display: none; } .products-preview__push-wrapper { border-top: 1px solid #E5E5E5; padding: 3rem 0; margin: 4rem 0 0; } @media (max-width: 767px) { .products-preview__push-wrapper { padding: 1.5rem 0; margin: 2.5rem 0 0; } } .products-preview__push-wrapper .products-preview { padding: 0 0 1.5rem; } @media (max-width: 767px) { .products-preview__push-wrapper .products-preview { padding: 0; } } .products-preview__drag-fallback { margin-left: -20px; margin-right: -20px; } .products-preview__drag-fallback__item { padding: 0 20px; } .products-preview__drag-fallback__item .box__item { margin-bottom: 0; } .products-preview__drag { position: relative; transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); will-change: transform; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .products-preview__drag__item { width: 310px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; padding: 0 25px 0; box-sizing: content-box; } @media (max-width: 1589px) { .products-preview__drag__item { width: 260px; padding: 0 20px 0; } } @media (max-width: 1159px) { .products-preview__drag__item { width: 208px; padding: 0 16px 0; } } @media (max-width: 1023px) { .products-preview__drag__item { width: 156px; padding: 0 12px 0; } } @media (max-width: 767px) { .products-preview__drag__item { width: 180px; padding: 0 5px 0; } } .products-preview__drag__plus { padding: 0 25px 0; } @media (max-width: 1589px) { .products-preview__drag__plus { padding: 0 20px 0; } } @media (max-width: 1159px) { .products-preview__drag__plus { padding: 0 16px 0; } } @media (max-width: 1023px) { .products-preview__drag__plus { padding: 0 12px 0; } } @media (max-width: 767px) { .products-preview__drag__plus { padding: 0 5px 0; } } .products-preview__drag__plus span { position: relative; display: block; background-color: #555555; border-radius: 50%; text-align: center; margin-top: 150%; width: 70px; } .products-preview__drag__plus span:before { content: ""; display: block; float: left; padding-bottom: 100%; } .products-preview__drag__plus span:after { content: ""; display: table; clear: both; } @media (max-width: 1589px) { .products-preview__drag__plus span { width: 60px; margin-top: 175%; } } @media (max-width: 1159px) { .products-preview__drag__plus span { width: 48px; } } @media (max-width: 1023px) { .products-preview__drag__plus span { width: 36px; margin-top: 175%; background-color: #000000; } } @media (max-width: 767px) { .products-preview__drag__plus span { width: 40px; margin-top: 200%; } } .products-preview__drag__plus svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 1023px) { .products-preview__drag__plus svg { width: 14px; height: 14px; } } .products-preview--light { background-color: #eaeaea; } .products-preview--slider { position: relative; transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); will-change: transform; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; cursor: url("../images/drag-cursor.png"), move !important; } .products-preview--padding-sm { padding-top: 3rem; padding-bottom: 1.5rem; } .product { margin: 2.5rem 0 0; } @media (max-width: 1023px) { .product { margin: 0.5rem 0 0; } } .product__gallery__image-wrapper { border: 1px solid #E5E5E5; position: relative; overflow: hidden; cursor: crosshair; width: 100%; } .product__gallery__image-wrapper:before { content: ""; display: block; float: left; padding-bottom: 100%; } .product__gallery__image-wrapper:after { content: ""; display: table; clear: both; } @media (max-width: 1023px) { .product__gallery__image-wrapper { margin: 0 0 1.5rem; } } @media (max-width: 767px) { .product__gallery__image-wrapper { cursor: default; } } @media (max-width: 767px) { .product__gallery__image-wrapper .zoomImg { display: none !important; } } .product__gallery__image { display: block; width: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all ease 0.3s; } .product__gallery__image.is-active { opacity: 1; height: auto; } .product__gallery__thumbnail { background-color: #E5E5E5; margin: 0 0 0.75rem; } .product__gallery__thumbnail a { display: block; } .product__gallery__thumbnail img { display: block; width: 100%; height: auto; opacity: 0.5; border: 1px solid #ffffff; transition: all ease 0.3s; } .product__gallery__thumbnail:hover img, .product__gallery__thumbnail.is-active img { opacity: 1; border-color: #E5E5E5; } .product__gallery__nav { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: 2px solid #E5E5E5; border-radius: 50%; height: 2rem; width: 2rem; z-index: 2; cursor: pointer; transition: all ease 0.3s; display: none; } @media (max-width: 767px) { .product__gallery__nav { display: block; } } .product__gallery__nav:hover { border-color: #DB3331; } .product__gallery__nav svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .product__gallery__nav.is-disabled { opacity: 0; visibility: hidden; } .product__gallery__nav--prev { left: 1rem; } .product__gallery__nav--prev svg { -webkit-transform: translate(-50%, -50%) rotate(180deg); -ms-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } .product__gallery__nav--next { right: 1rem; } .product__tag { background-color: #E5E5E5; color: #555555; display: inline-block; padding: 5px 10px; position: absolute; bottom: 0; left: 0; } .product__title { margin: 0 0 1rem; } @media (max-width: 1023px) { .product__title { margin: 0 0 0.5rem; } } .product__price { margin: 0 0 0.5rem; } .product__stocks { margin: 0 0 1.5rem; } @media (max-width: 1023px) { .product__stocks { margin: 0 0 1rem; } } .product__shop-buttons { margin: 0 0 2rem; } @media (max-width: 1023px) { .product__shop-buttons { margin: 0 0 1rem; } } .product__shop-button-wrapper { margin: 0 0 0.5rem; } .product__shop-button-wrapper:last-child { margin-bottom: 0; } .product__desc { margin: 0 0 1rem; } .product__downloads { margin: 0.5rem 0 3rem; } @media (max-width: 767px) { .product__downloads { margin: 0.5rem 0; } } .product__downloads__file { margin: 0 0 0.75rem; } .product__downloads__file:last-child { padding-bottom: 0; } .product__downloads__file__link { display: -webkit-flex; display: -ms-flexbox; display: flex; } .product__downloads__file__icon { margin: 0 1rem 0 0; } .product__downloads__file__title { display: block; line-height: 100%; } .product__downloads__file__data { font-size: 0.6rem; line-height: 100%; letter-spacing: 0.075rem; color: #A39E9E; text-transform: uppercase; } .product__desc + .product__downloads { margin-top: 1.5rem; } .product__list { margin: 0 0 1.5rem; } @media (max-width: 767px) { .product__list { margin: 0; } } .product__list__item { border-bottom: 1px solid #E5E5E5; padding: 1rem 0 3rem; position: relative; } @media (max-width: 767px) { .product__list__item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column-reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse; padding: 0.75rem 0 1.5rem; } } .product__list__item:last-child { border-bottom: 1px solid #E5E5E5; } .product__list__item__actions { position: absolute; top: 1rem; right: 0; z-index: 1; } .product__list__item__actions .button { margin-left: 1em; } .product__list__item__actions .button--icon .title { top: 70%; right: -5px; -webkit-transform: none; -ms-transform: none; transform: none; } .product__list__item__actions .button--icon:hover .title, .product__list__item__actions .button--icon:focus .title { top: 100%; right: -5px; } @media (max-width: 767px) { .product__list__item__actions { position: static; text-align: left; margin: 0.5rem 0 0.5rem; } .product__list__item__actions .button--icon .title { opacity: 1; position: static; } .product__list__item__actions .button { padding: 4px 0; margin: 0 1em 0 0; } } .product__list__item__title { margin: 0 0 0.5rem; } @media (max-width: 767px) { .product__list__item__title { margin: 0 0 1rem; } } .product__list__item__icons { margin: 0.25rem 0 0 0.25rem; } @media (max-width: 767px) { .product__list__item__icons { display: block; margin: 0.25rem 0 0; } } .product__list__item__icon { color: #DB3331; display: inline-block; vertical-align: baseline; margin-right: 2px; } .product__list__item__icon:last-child { margin-left: 0; } .product__list__item__ref { margin: 0 0 1.5rem; } @media (max-width: 767px) { .product__list__item__ref { margin: 0 0 0.25rem; } } .product__list__item__downloads { margin-bottom: 0; } @media (max-width: 1023px) { .product__list__item__downloads { display: none; } } .product__list__item__price { margin: 0 0 0.75rem; } @media (max-width: 767px) { .product__list__item__price { margin: 0.75rem 0 0.75rem; } } .product__list__item__stocks { margin: 0.75rem 0 1.75rem; } @media (max-width: 767px) { .product__list__item__stocks { margin: 0.75rem 0 1rem; } } .product__list__item__price-wrapper { position: relative; height: 100%; } .product__list__item__cart-button { position: absolute; bottom: 0; left: 0; right: 0; } @media (max-width: 1023px) { .product__list__item__cart-button { position: relative; bottom: auto; left: auto; right: auto; } } .product__actions { margin: 1.5rem 0 3rem; } @media (max-width: 1023px) { .product__actions { display: none; } } @media (max-width: 1159px) { .product__actions .button { display: inline-block; margin-bottom: 10px; } } .product__infos__subtitle { margin: 1.5rem 0 1rem; } @media (max-width: 767px) { .product__infos__subtitle { margin: 1rem 0; } } .product__infos--no-mb { margin-bottom: 0; } .breadcrumb { padding-top: 1rem; margin-bottom: 1rem; } .breadcrumb__list__item { color: #A39E9E; display: inline-block; font-size: 0.75rem; line-height: 1.1rem; } .breadcrumb__list__item a { vertical-align: middle; } .breadcrumb__list__item::after { content: ""; display: inline-block; border-top: 1px solid #A39E9E; border-right: 1px solid #A39E9E; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); padding: 0; margin: 0 0.5em; height: 6px; width: 6px; vertical-align: middle; } .breadcrumb__list__item:last-child { color: #000000; } .breadcrumb__list__item:last-child::after { display: none; } .breadcrumb__list__item:last-child .breadcrumb__select { color: #000000; background-image: url("../images/icons/chevron-down.svg"); } .breadcrumb__select { -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #A39E9E; background: none; border: none; font-size: 0.75rem; line-height: 1.1rem; padding: 0 0.75rem 0 0; margin: 0; background: url("../images/icons/chevron-down--grey.svg") no-repeat right center; vertical-align: middle; } @media (max-width: 767px) { .breadcrumb + .cover { padding-top: 0.5rem; } } @media (min-width: 767px) { .breadcrumb + .cover { padding-top: 0; } } .actions { margin-bottom: 1.5rem; } @media (max-width: 767px) { .actions { margin-bottom: 1rem; } } .actions__filters__item { color: #A39E9E; display: inline-block; font-size: 0.75rem; line-height: 1.1rem; padding-right: 1rem; margin-top: 0.5rem; } @media (max-width: 767px) { .actions__filters__item { font-size: 0.65rem; line-height: 1rem; padding-right: 0; margin-top: 0; } } .actions__filters__item::after { content: "-"; margin: 0 0 0 0.25rem; display: none; } @media (max-width: 767px) { .actions__filters__item::after { display: inline-block; } } .actions__filters__item:last-child { padding-right: 0; } .actions__filters__item:last-child::after { display: none; } @media (max-width: 767px) { .actions__filters__item:last-child::after { display: none; } } .actions__select { -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #000000; background: none; border: none; font-size: 0.75rem; line-height: 1.1rem; padding: 0 1rem 0 0; margin: 0; background: url("../images/icons/dropdown.svg") no-repeat right center; } @media (max-width: 767px) { .actions__select { font-size: 0.65rem; line-height: 1rem; } } .actions__buttons { text-align: right; } .actions__sticky-menu { position: fixed; bottom: 0; left: 0; right: 0; background-color: #ffffff; padding: 1.25rem 0; z-index: 45; opacity: 0; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } @media (max-width: 767px) { .actions__sticky-menu { padding: 1rem 0; } } .actions__sticky-menu.is-visible { opacity: 1; } .actions__sticky-menu::before { content: ""; position: absolute; top: -10px; height: 10px; left: 0; right: 0; background-image: linear-gradient(rgba(0, 0, 0, 0), black); opacity: 0.05; } .actions__sticky-menu__trigger { cursor: pointer; } @media (max-width: 767px) { .actions__sticky-menu__trigger { font-size: 0.65rem; line-height: 1rem; } } .actions__sticky-menu__trigger svg { position: relative; top: 4px; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .actions__sticky-menu__trigger.is-open svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .actions__sticky-menu__details { padding-top: 30px; display: none; } .actions__sticky-menu__details__item { line-height: 250%; margin-right: 1.5rem; } .actions__sticky-menu__details__item:last-child { margin-right: 0; } .actions__sticky-menu__details__item svg { cursor: pointer; position: relative; top: -2px; display: inline-block; margin-left: 0.5rem; } .actions__sticky-menu__details__item svg * { transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .actions__sticky-menu__details__item svg:hover * { fill: #DB3331; } @media (max-width: 767px) { .actions__sticky-menu .actions__buttons { margin-top: 0.5rem; text-align: left; } } .actions--nav { margin: 0; height: 6.6rem; } @media (max-width: 767px) { .actions--nav { height: 5.75rem; } } @media (max-width: 1023px) { .actions--nav .actions__buttons { margin-top: 0.5rem; } } .button .actions__select { font-size: inherit; } .truncate__button { display: none; margin: 1.5rem 0; text-align: center; } .truncate.is-truncated .truncate__content { max-height: 12rem; position: relative; overflow: hidden; } @media (min-width: 1023px) { .truncate.is-truncated .truncate__content { max-height: initial; } } .truncate.is-truncated .truncate__content::after { content: ""; height: 2.5rem; position: absolute; bottom: 0; left: 0; right: 0; background-image: linear-gradient(rgba(255, 255, 255, 0), white); } @media (min-width: 1023px) { .truncate.is-truncated .truncate__content::after { display: none; } } .truncate.is-truncated .truncate__button { display: block; } @media (min-width: 1023px) { .truncate.is-truncated .truncate__button { display: none; } } .truncate.is-open .truncate__content { max-height: initial; } .truncate.is-open .truncate__content::after { display: none; } .truncate.is-open .truncate__button { display: none; } .sticky__content { width: 1590px; max-width: 100%; margin: 0 auto; position: relative; } @media (max-width: 1589px) { .sticky__content { width: 1360px; } } @media (max-width: 1023px) { .sticky__content { width: 100%; } } .sticky.is-sticky { position: fixed; top: 0; left: 0; right: 0; } .loader, .loader:after { border-radius: 50%; width: 4em; height: 4em; } .loader.inline { display: inline-block; vertical-align: middle; } .loader { display: block; font-size: 1em; position: relative; border-top: 0.6em solid rgba(219, 51, 49, 0.2); border-right: 0.6em solid rgba(219, 51, 49, 0.2); border-bottom: 0.6em solid rgba(219, 51, 49, 0.2); border-left: 0.6em solid #DB3331; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation: loader_spinner 1.6s infinite linear; animation: loader_spinner 1.6s infinite linear; } .loader.small { font-size: 0.7em; } .loader.tiny { font-size: 0.4em; } .loader.micro { font-size: 0.3em; } .loader-container .loader { margin: 0 auto; } .loader-container--text { color: #A39E9E; margin-top: 0.35em; text-align: center; } .loader-container--centered { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loader-container--overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: rgba(255, 255, 255, 0.5); -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; } @-webkit-keyframes loader_spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader_spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .message-box { padding: 0.8em 1.5em; margin: 1em 0; border-radius: 2px; } .message-box--warning { border: 1px solid #ffef5b; background-color: #fffdef; color: #b6a400; } .message-box--error { border: 1px solid #fed8d8; background-color: #fff5f5; color: #FC3D3B; } .message-box--info { border: 1px solid #bde7ff; background-color: #eef9ff; color: #0072B2; } .img-responsive { max-width: 100%; height: auto; } .img-bordered { max-width: 100%; border: 1px solid #E5E5E5; } .sortable-chosen, table tbody tr.sortable-chosen, .table-selection tbody tr.sortable-chosen { background-color: #e5f6ff; } .sortable-ghost, table tbody tr.sortable-ghost, .table-selection tbody tr.sortable-ghost { background-color: #ffee9e; } .easycalc-container { min-height: 15em; position: relative; line-height: 1.3; } .easycalc-container .loader-container { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255, 255, 255, 0.7); z-index: 1; } .easycalc-container #family-image { padding-top: 100%; border: 1px solid #E5E5E5; position: relative; } .easycalc-container #family-image img { position: absolute; top: 50%; left: 50%; max-width: 90%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 90%; } @media (max-width: 1023px) { .easycalc-container #family-image { padding: 10px; margin-bottom: 1em; display: inline-block; } .easycalc-container #family-image img { -webkit-transform: none; -ms-transform: none; transform: none; width: auto; position: static; } } .easycalc-container #eco-form .form-element, .easycalc-container #eco-form .fieldset { display: inline-block; vertical-align: top; margin-right: 1em; } .easycalc-container .easycalc-bottom { margin: 1em auto; text-align: center; border-top: 1px solid #E5E5E5; padding: 0.5em 0; } .form-formatter-common .input input:not([type=checkbox]) { background: transparent url(../images/remove.svg) no-repeat; background-position: right 10px top 50%; background-size: auto 50%; padding-right: 30px; box-sizing: border-box; max-width: 100%; } .form-formatter-common .input input:not([type=checkbox]):placeholder-shown { background: none; } .form-formatter-common input::-webkit-outer-spin-button, .form-formatter-common input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .form-formatter-common input[type=number] { -moz-appearance: textfield; } .form-formatter-common .value { margin: 0.5em 0; color: #A39E9E; } .form-formatter-common.disabled input { display: none; } .form-formatter-common.error .input input:not([type=checkbox]) { border: 1px solid #DB3331; } #email1-element input, #email2-element input, #email3-element input { width: 20em; } .form-formatter-checkbox.disabled label { color: #A39E9E; } .form-formatter-iteratorSelect .custom-select { width: auto; } .form-formatter-submit { display: inline-block; margin-right: 1em; } .form-element.required > label:after, .form-element.required > .label:after { content: " *"; color: #DB3331; } .form-element .img-bordered { padding: 10px; } .form-element .custom-select { padding-right: 1.4em; } .form-formatter-hidden .value { margin: 0.5em 0; color: #A39E9E; } #family-element.form-element .list-actions__item { overflow: hidden; position: relative; padding: 0; } #family-element.form-element .list-actions__link { padding: 0.75em 1.5em 0.75em 0; } #family-element.form-element .list-actions__link svg { right: 10px; } #family-element.form-element input { position: absolute; right: 105%; } #family-element.form-element label { cursor: pointer; } #family-element.form-element input:checked + label { padding-left: 1em; background: #fcf0f0; } #hotColdTitle-element h3 { font-size: 0.875em; } .easycalc-page-results .table { margin: 1em 0; } .easycalc-page-results .table tbody th, .easycalc-page-results .table tbody td { padding-bottom: 0.5rem; } .price-table .navigator { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #000000; text-transform: uppercase; max-width: 20em; margin: 1em auto; padding: 5px; border-radius: 100px; background-color: #F2F2F2; } .price-table .navigator .button { background-color: white; } @media (max-width: 767px) { .price-table .navigator { max-width: none; } } .quick-message { position: fixed; top: 100px; left: 50%; max-width: 500px; padding: 25px 35px; background-color: white; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); border: 1px solid #A39E9E; z-index: 200; } .quick-message.quick-message--error { border: 1px solid #fed8d8; background-color: #fff5f5; color: #FC3D3B; } .quick-message.quick-message--warning { border: 1px solid #ffef5b; background-color: #fffdef; color: #b6a400; } .quick-message__close { position: absolute; right: 7px; top: 0px; transition: all ease 0.3s; z-index: 10; cursor: pointer; } .quick-message__close .icon-close { width: 15px; height: 15px; } .quick-message__close .icon-close path { transition: all ease 0.3s; } .quick-message__close:hover { color: #DB3331; } .quick-message__close:hover .icon path { fill: #DB3331; } @media (max-width: 767px) { .quick-message { top: 20px; left: 5px; right: 5px; -webkit-transform: none; -ms-transform: none; transform: none; } } .warranties-datatable-users .custom-select.custom-select__table { padding: 0 30px 0 0; border: 0; } .construc-type-group.left-right > * { width: 48%; } .warranty-precreate .loader-container { z-index: 1; } .warranty-create { margin-bottom: 2em; } @media (max-width: 1159px) { .warranty-create > * { width: 100%; } .warranty-create > :first-child { margin-bottom: 1em; } } .warranty-tabs { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .warranty-tabs .link-group { display: block; padding: 0.5em 1em; border-bottom: 1px solid #E5E5E5; background-color: #eaeaea; color: #A39E9E; } .warranty-tabs .link-group.is-active { background-color: white; color: #000000; } .warranty-tabs .link-group .check-partial { fill: transparent; } .warranty-tabs .link-group .check-icon-bg { fill: white; stroke: #E5E5E5; stroke-width: 1px; } .warranty-tabs .link-group.partial .check-icon-bg { fill: #A39E9E; stroke-width: 0; } .warranty-tabs .link-group.partial .check-icon { fill: transparent; } .warranty-tabs .link-group.partial .check-partial { fill: white; } .warranty-tabs .link-group.complete .check-icon-bg { fill: #0DB50D; stroke-width: 0; } .warranty-tabs .warranty-tabs--links { border: 1px solid #E5E5E5; width: 25%; } .warranty-tabs .warranty-tabs--links a { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .warranty-tabs .warranty-tabs--content { margin-bottom: 1em; width: 75%; } .warranty-tabs .warranty-tabs--content .warranty-tabs--group { border: 1px solid #E5E5E5; padding: 1.5em; margin-left: -1px; } .warranty-tabs .warranty-buttons { padding: 0 1.5em; } .warranty-tabs input[type=file] { width: 100%; } .warranty-tabs .form-group-checkbox { margin: 0.25em 0; } @media (max-width: 1023px) { .warranty-tabs { display: block; } .warranty-tabs .warranty-tabs--links { display: none; } .warranty-tabs .warranty-tabs--content { width: auto; } .warranty-tabs .warranty-tabs--content .warranty-tabs--group { margin-left: 0; } .warranty-tabs .link-group { border: 1px solid #E5E5E5; border-bottom: 0; position: relative; padding-right: 3em; font-size: 0.75rem; line-height: 1.1rem; letter-spacing: 0.4px; } .warranty-tabs .link-group svg { vertical-align: middle; } .warranty-tabs .link-group .icon-chevron-right { position: absolute; right: 0.75em; top: 50%; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } .warranty-tabs .link-group.is-active .icon-chevron-right { -webkit-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } } .panel-warranty-select-cable .input-container { position: relative; margin-bottom: 0.75em; } .panel-warranty-select-cable .input-container input { margin: 0; } .panel-warranty-select-cable .input-container .loader { position: absolute; right: 7px; top: 10px; } .panel-warranty-select-cable td { vertical-align: middle; } .dealer-locator { position: relative; } .dealer-locator .loader-container { z-index: 500; } .dealer-locator .filter-group .children .children { margin-left: 1em; } .dealer-locator__map_container { position: relative; z-index: 10; } .dealer-locator__map { height: 400px; } .dealer-locator__messages { position: absolute; bottom: 10px; left: 10px; max-width: 400px; z-index: 500; } .dealer-locator__buttons { position: absolute; top: 10px; right: 10px; z-index: 500; } .dealer-locator__buttons .button { background: white; } .dealer-locator__infos { background-color: #eaeaea; padding: 3px 6px; } .dealer-locator__popin { z-index: 1050; position: absolute; top: 20px; left: 60px; bottom: 20px; background: white; border-radius: 10px; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4); padding: 40px 20px 20px; width: 360px; } .dealer-locator__popin .bt-close { position: absolute; top: 20px; right: 20px; cursor: pointer; transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .dealer-locator__popin .bt-close span { color: inherit; display: inline-block; vertical-align: middle; } .dealer-locator__popin .bt-close svg { display: inline-block; vertical-align: middle; } .dealer-locator__popin .bt-close:hover { color: #DB3331; } .dealer-locator__popin .dealer .buttons { display: none; } @media (max-width: 767px) { .dealer-locator__popin { top: 10px; left: 10px; bottom: 10px; right: 10px; width: auto; } .dealer-locator__popin .dealer-locator__popin-content .dealer .line .buttons { display: none; } } .dealer-locator .dealer { margin-top: 1em; } .dealer-locator .dealer .line { position: relative; padding-left: 30px; } .dealer-locator .dealer .line > svg { position: absolute; top: 0.3em; left: 0; } .dealer-locator .dealer .line .buttons { position: absolute; top: 0; right: 0; text-align: right; } @media (max-width: 767px) { .dealer-locator .dealer .line .buttons { margin-top: 0.25em; display: block; position: relative; top: auto; right: auto; text-align: left; } } .dealer-locator .dealer + .dealer { padding-top: 1em; border-top: 1px solid #E5E5E5; } .dealer-locator .group-marker { border: 2px solid #DB3331; color: #DB3331; background-color: white; text-align: center; padding-top: 4px; font-size: 0.8em; width: 32px; height: 32px; border-radius: 64px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-weight: bold; } /* required styles */ .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ .leaflet-tile::-moz-selection { background: transparent; } .leaflet-tile::selection { background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container .leaflet-overlay-pane svg { max-width: none !important; max-height: none !important; } .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; width: auto; padding: 0; } .leaflet-container img.leaflet-tile { /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */ mix-blend-mode: plus-lighter; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { -webkit-filter: inherit; filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; box-sizing: border-box; z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-popup { opacity: 0; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } svg.leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: grabbing; } /* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } /* visual tweaks */ .leaflet-container { background: #ddd; outline-offset: 1px; } .leaflet-container a { color: #0078A8; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255, 255, 255, 0.5); } /* general typography */ .leaflet-container { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-size: 0.75rem; line-height: 1.5; } /* general toolbar styles */ .leaflet-bar { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); border-radius: 4px; } .leaflet-bar a { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover, .leaflet-bar a:focus { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px "Lucida Console", Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(images/layers.png); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(images/layers-2x.png); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; font-size: 13px; font-size: 1.08333em; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* Default icon URLs */ .leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */ background-image: url(images/marker-icon.png); } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.8); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; line-height: 1.4; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus { text-decoration: underline; } .leaflet-attribution-flag { display: inline !important; vertical-align: baseline !important; width: 1em; height: 0.6669em; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; white-space: nowrap; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px #fff; } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0, 0, 0, 0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 24px 13px 20px; line-height: 1.3; font-size: 13px; font-size: 1.08333em; min-height: 1px; } .leaflet-popup-content p { margin: 17px 0; margin: 1.3em 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-top: -1px; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; pointer-events: auto; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; border: none; text-align: center; width: 24px; height: 24px; font: 16px/24px Tahoma, Verdana, sans-serif; color: #757575; text-decoration: none; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus { color: #585858; } .leaflet-popup-scrolled { overflow: auto; } .leaflet-oldie .leaflet-popup-content-wrapper { -ms-zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .leaflet-tooltip.leaflet-interactive { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } /* Directions */ .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } /* Printing */ @media print { /* Prevent printers from removing background-images of controls. */ .leaflet-control { -webkit-print-color-adjust: exact; print-color-adjust: exact; } .qr-scanner { position: relative; } .qr-scanner .bt-close { position: absolute; top: 10px; right: 10px; padding: 5px; cursor: pointer; } .qr-scanner .bt-close svg { display: block; } .qr-scanner .video-container { position: absolute; top: 45px; left: 15px; right: 15px; bottom: 15px; } .qr-scanner video { width: 100%; height: 100%; background-color: black; } .qr-scanner canvas { position: absolute; visibility: hidden; } .qr-scanner__scanner { position: fixed; top: 50%; left: 5px; right: 5px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 60; } .qr-scanner__inside { position: relative; padding: 45px 15px 15px; max-width: 400px; box-sizing: border-box; margin: 0 auto; background-color: white; } .qr-scanner__inside::after { content: ""; display: block; padding-top: 100%; }