@import url(https://p.typekit.net/p.css?s=1&k=sag3cwr&ht=tk&f=1981.1983.1984.8542.8544.15543.21706.21707.24537.24539.24543.24545.24547&a=7310240&app=typekit&e=css);/*! * Weather Icons 1.3 * Updated November 30th, 2014 * Weather themed icons for Bootstrap * ------------------------------------------------------------------------------ * Maintained at http://erikflowers.github.io/weather-icons * http://twitter.com/Erik_UX * * License * ------------------------------------------------------------------------------ * - Fpmt licensed under SIL OFL 1.1 - * http://scripts.sil.org/OFL * - CSS and LESS are licensed under MIT License - * http://opensource.org/licenses/mit-license.html * - Documentation licensed under CC BY 3.0 - * http://creativecommons.org/licenses/by/3.0/ * - Inspired by and works great as a companion with Font Awesome * "Font Awesome by Dave Gandy - http://fontawesome.io" * * Weather Icons Bootstrap Package Author - Erik Flowers - erik@helloerik.com * ------------------------------------------------------------------------------ * Email: erik@helloerik.com * Twitter: http://twitter.com/Erik_UX */@font-face{font-family:weathericons;src:url(../fonts/vendor/weather-icons/weathericons-regular-webfont.eot?e7ef2b448d27cf5312a73ceb3e7841c4);src:url(../fonts/vendor/weather-icons/weathericons-regular-webfont.eot?e7ef2b448d27cf5312a73ceb3e7841c4?#iefix) format('embedded-opentype'),url(../fonts/vendor/weather-icons/weathericons-regular-webfont.woff?f5b0d0d9cb02e551003132e079435312) format('woff'),url(../fonts/vendor/weather-icons/weathericons-regular-webfont.ttf?2ca3df0981116e195ebc62dd1dcc8b9b) format('truetype'),url(../fonts/vendor/weather-icons/weathericons-regular-webfont.svg?b2233bc1525939550405c87cffede242#weathericons-regular-webfontRg) format('svg');font-weight:400;font-style:normal}.wi{display:inline-block;font-family:weathericons;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wi-day-cloudy-gusts:before{content:"\F000"}.wi-day-cloudy-windy:before{content:"\F001"}.wi-day-cloudy:before{content:"\F002"}.wi-day-fog:before{content:"\F003"}.wi-day-hail:before{content:"\F004"}.wi-day-lightning:before{content:"\F005"}.wi-day-rain-mix:before{content:"\F006"}.wi-day-rain-wind:before{content:"\F007"}.wi-day-rain:before{content:"\F008"}.wi-day-showers:before{content:"\F009"}.wi-day-snow:before{content:"\F00A"}.wi-day-sprinkle:before{content:"\F00B"}.wi-day-sunny-overcast:before{content:"\F00C"}.wi-day-sunny:before{content:"\F00D"}.wi-day-storm-showers:before{content:"\F00E"}.wi-day-thunderstorm:before{content:"\F010"}.wi-cloudy-gusts:before{content:"\F011"}.wi-cloudy-windy:before{content:"\F012"}.wi-cloudy:before{content:"\F013"}.wi-fog:before{content:"\F014"}.wi-hail:before{content:"\F015"}.wi-lightning:before{content:"\F016"}.wi-rain-mix:before{content:"\F017"}.wi-rain-wind:before{content:"\F018"}.wi-rain:before{content:"\F019"}.wi-showers:before{content:"\F01A"}.wi-snow:before{content:"\F01B"}.wi-sprinkle:before{content:"\F01C"}.wi-storm-showers:before{content:"\F01D"}.wi-thunderstorm:before{content:"\F01E"}.wi-windy:before{content:"\F021"}.wi-night-alt-cloudy-gusts:before{content:"\F022"}.wi-night-alt-cloudy-windy:before{content:"\F023"}.wi-night-alt-hail:before{content:"\F024"}.wi-night-alt-lightning:before{content:"\F025"}.wi-night-alt-rain-mix:before{content:"\F026"}.wi-night-alt-rain-wind:before{content:"\F027"}.wi-night-alt-rain:before{content:"\F028"}.wi-night-alt-showers:before{content:"\F029"}.wi-night-alt-snow:before{content:"\F02A"}.wi-night-alt-sprinkle:before{content:"\F02B"}.wi-night-alt-storm-showers:before{content:"\F02C"}.wi-night-alt-thunderstorm:before{content:"\F02D"}.wi-night-clear:before{content:"\F02E"}.wi-night-cloudy-gusts:before{content:"\F02F"}.wi-night-cloudy-windy:before{content:"\F030"}.wi-night-cloudy:before{content:"\F031"}.wi-night-hail:before{content:"\F032"}.wi-night-lightning:before{content:"\F033"}.wi-night-rain-mix:before{content:"\F034"}.wi-night-rain-wind:before{content:"\F035"}.wi-night-rain:before{content:"\F036"}.wi-night-showers:before{content:"\F037"}.wi-night-snow:before{content:"\F038"}.wi-night-sprinkle:before{content:"\F039"}.wi-night-storm-showers:before{content:"\F03A"}.wi-night-thunderstorm:before{content:"\F03B"}.wi-celsius:before{content:"\F03C"}.wi-cloud-down:before{content:"\F03D"}.wi-cloud-refresh:before{content:"\F03E"}.wi-cloud-up:before{content:"\F040"}.wi-cloud:before{content:"\F041"}.wi-degrees:before{content:"\F042"}.wi-down-left:before{content:"\F043"}.wi-down:before{content:"\F044"}.wi-fahrenheit:before{content:"\F045"}.wi-horizon-alt:before{content:"\F046"}.wi-horizon:before{content:"\F047"}.wi-left:before{content:"\F048"}.wi-lightning:before{content:"\F016"}.wi-night-fog:before{content:"\F04A"}.wi-refresh-alt:before{content:"\F04B"}.wi-refresh:before{content:"\F04C"}.wi-right:before{content:"\F04D"}.wi-sprinkles:before{content:"\F04E"}.wi-strong-wind:before{content:"\F050"}.wi-sunrise:before{content:"\F051"}.wi-sunset:before{content:"\F052"}.wi-thermometer-exterior:before{content:"\F053"}.wi-thermometer-internal:before{content:"\F054"}.wi-thermometer:before{content:"\F055"}.wi-tornado:before{content:"\F056"}.wi-up-right:before{content:"\F057"}.wi-up:before{content:"\F058"}.wi-wind-west:before{content:"\F059"}.wi-wind-south-west:before{content:"\F05A"}.wi-wind-south-east:before{content:"\F05B"}.wi-wind-south:before{content:"\F05C"}.wi-wind-north-west:before{content:"\F05D"}.wi-wind-north-east:before{content:"\F05E"}.wi-wind-north:before{content:"\F060"}.wi-wind-east:before{content:"\F061"}.wi-smoke:before{content:"\F062"}.wi-dust:before{content:"\F063"}.wi-snow-wind:before{content:"\F064"}.wi-day-snow-wind:before{content:"\F065"}.wi-night-snow-wind:before{content:"\F066"}.wi-night-alt-snow-wind:before{content:"\F067"}.wi-day-sleet-storm:before{content:"\F068"}.wi-night-sleet-storm:before{content:"\F069"}.wi-night-alt-sleet-storm:before{content:"\F06A"}.wi-day-snow-thunderstorm:before{content:"\F06B"}.wi-night-snow-thunderstorm:before{content:"\F06C"}.wi-night-alt-snow-thunderstorm:before{content:"\F06D"}.wi-solar-eclipse:before{content:"\F06E"}.wi-lunar-eclipse:before{content:"\F070"}.wi-meteor:before{content:"\F071"}.wi-hot:before{content:"\F072"}.wi-hurricane:before{content:"\F073"}.wi-smog:before{content:"\F074"}.wi-alien:before{content:"\F075"}.wi-snowflake-cold:before{content:"\F076"}.wi-stars:before{content:"\F077"}.wi-night-partly-cloudy:before{content:"\F083"}.wi-umbrella:before{content:"\F084"}.wi-day-windy:before{content:"\F085"}.wi-night-alt-cloudy:before{content:"\F086"}.wi-up-left:before{content:"\F087"}.wi-down-right:before{content:"\F088"}.wi-time-12:before{content:"\F089"}.wi-time-1:before{content:"\F08A"}.wi-time-2:before{content:"\F08B"}.wi-time-3:before{content:"\F08C"}.wi-time-4:before{content:"\F08D"}.wi-time-5:before{content:"\F08E"}.wi-time-6:before{content:"\F08F"}.wi-time-7:before{content:"\F090"}.wi-time-8:before{content:"\F091"}.wi-time-9:before{content:"\F092"}.wi-time-10:before{content:"\F093"}.wi-time-11:before{content:"\F094"}.wi-day-sleet:before{content:"\F0B2"}.wi-night-sleet:before{content:"\F0B3"}.wi-night-alt-sleet:before{content:"\F0B4"}.wi-sleet:before{content:"\F0B5"}.wi-day-haze:before{content:"\F0B6"}.wi-beafort-0:before{content:"\F0B7"}.wi-beafort-1:before{content:"\F0B8"}.wi-beafort-2:before{content:"\F0B9"}.wi-beafort-3:before{content:"\F0BA"}.wi-beafort-4:before{content:"\F0BB"}.wi-beafort-5:before{content:"\F0BC"}.wi-beafort-6:before{content:"\F0BD"}.wi-beafort-7:before{content:"\F0BE"}.wi-beafort-8:before{content:"\F0BF"}.wi-beafort-9:before{content:"\F0C0"}.wi-beafort-10:before{content:"\F0C1"}.wi-beafort-11:before{content:"\F0C2"}.wi-beafort-12:before{content:"\F0C3"}.wi-wind-default:before{content:"\F0B1"}wi-wind-default._0-deg{-webkit-transform:rotate(0deg);transform:rotate(0deg)}wi-wind-default._15-deg{-webkit-transform:rotate(15deg);transform:rotate(15deg)}wi-wind-default._30-deg{-webkit-transform:rotate(30deg);transform:rotate(30deg)}wi-wind-default._45-deg{-webkit-transform:rotate(45deg);transform:rotate(45deg)}wi-wind-default._60-deg{-webkit-transform:rotate(60deg);transform:rotate(60deg)}wi-wind-default._75-deg{-webkit-transform:rotate(75deg);transform:rotate(75deg)}wi-wind-default._90-deg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}wi-wind-default._105-deg{-webkit-transform:rotate(105deg);transform:rotate(105deg)}wi-wind-default._120-deg{-webkit-transform:rotate(120deg);transform:rotate(120deg)}wi-wind-default._135-deg{-webkit-transform:rotate(135deg);transform:rotate(135deg)}wi-wind-default._150-deg{-webkit-transform:rotate(150deg);transform:rotate(150deg)}wi-wind-default._165-deg{-webkit-transform:rotate(165deg);transform:rotate(165deg)}wi-wind-default._180-deg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}wi-wind-default._195-deg{-webkit-transform:rotate(195deg);transform:rotate(195deg)}wi-wind-default._210-deg{-webkit-transform:rotate(210deg);transform:rotate(210deg)}wi-wind-default._225-deg{-webkit-transform:rotate(225deg);transform:rotate(225deg)}wi-wind-default._240-deg{-webkit-transform:rotate(240deg);transform:rotate(240deg)}wi-wind-default._255-deg{-webkit-transform:rotate(255deg);transform:rotate(255deg)}wi-wind-default._270-deg{-webkit-transform:rotate(270deg);transform:rotate(270deg)}wi-wind-default._285-deg{-webkit-transform:rotate(295deg);transform:rotate(295deg)}wi-wind-default._300-deg{-webkit-transform:rotate(300deg);transform:rotate(300deg)}wi-wind-default._315-deg{-webkit-transform:rotate(315deg);transform:rotate(315deg)}wi-wind-default._330-deg{-webkit-transform:rotate(330deg);transform:rotate(330deg)}wi-wind-default._345-deg{-webkit-transform:rotate(345deg);transform:rotate(345deg)}.wi-moon-new:before{content:"\F095"}.wi-moon-waxing-cresent-1:before{content:"\F096"}.wi-moon-waxing-cresent-2:before{content:"\F097"}.wi-moon-waxing-cresent-3:before{content:"\F098"}.wi-moon-waxing-cresent-4:before{content:"\F099"}.wi-moon-waxing-cresent-5:before{content:"\F09A"}.wi-moon-waxing-cresent-6:before{content:"\F09B"}.wi-moon-first-quarter:before{content:"\F09C"}.wi-moon-waxing-gibbous-1:before{content:"\F09D"}.wi-moon-waxing-gibbous-2:before{content:"\F09E"}.wi-moon-waxing-gibbous-3:before{content:"\F09F"}.wi-moon-waxing-gibbous-4:before{content:"\F0A0"}.wi-moon-waxing-gibbous-5:before{content:"\F0A1"}.wi-moon-waxing-gibbous-6:before{content:"\F0A2"}.wi-moon-full:before{content:"\F0A3"}.wi-moon-waning-gibbous-1:before{content:"\F0A4"}.wi-moon-waning-gibbous-2:before{content:"\F0A5"}.wi-moon-waning-gibbous-3:before{content:"\F0A6"}.wi-moon-waning-gibbous-4:before{content:"\F0A7"}.wi-moon-waning-gibbous-5:before{content:"\F0A8"}.wi-moon-waning-gibbous-6:before{content:"\F0A9"}.wi-moon-3rd-quarter:before{content:"\F0AA"}.wi-moon-waning-crescent-1:before{content:"\F0AB"}.wi-moon-waning-crescent-2:before{content:"\F0AC"}.wi-moon-waning-crescent-3:before{content:"\F0AD"}.wi-moon-waning-crescent-4:before{content:"\F0AE"}.wi-moon-waning-crescent-5:before{content:"\F0AF"}.wi-moon-waning-crescent-6:before{content:"\F0B0"}.awesomplete [hidden] { display: none; } .awesomplete .visually-hidden { position: absolute; clip: rect(0, 0, 0, 0); } .awesomplete { display: inline-block; position: relative; } .awesomplete > input { display: block; } .awesomplete > ul { position: absolute; left: 0; z-index: 1; min-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; padding: 0; margin: 0; background: #fff; } .awesomplete > ul:empty { display: none; } .awesomplete > ul { border-radius: .3em; margin: .2em 0 0; background: hsla(0,0%,100%,.9); background: -webkit-gradient(linear, left top, right bottom, from(white), to(hsla(0,0%,100%,.8))); background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8)); border: 1px solid rgba(0,0,0,.3); -webkit-box-shadow: .05em .2em .6em rgba(0,0,0,.2); box-shadow: .05em .2em .6em rgba(0,0,0,.2); text-shadow: none; } @supports (transform: scale(0)) { .awesomplete > ul { -webkit-transition: .3s cubic-bezier(.4,.2,.5,1.4); transition: .3s cubic-bezier(.4,.2,.5,1.4); -webkit-transform-origin: 1.43em -.43em; transform-origin: 1.43em -.43em; } .awesomplete > ul[hidden], .awesomplete > ul:empty { opacity: 0; -webkit-transform: scale(0); transform: scale(0); display: block; -webkit-transition-timing-function: ease; transition-timing-function: ease; } } /* Pointer */ .awesomplete > ul:before { content: ""; position: absolute; top: -.43em; left: 1em; width: 0; height: 0; padding: .4em; background: white; border: inherit; border-right: 0; border-bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .awesomplete > ul > li { position: relative; padding: .2em .5em; cursor: pointer; } .awesomplete > ul > li:hover { background: hsl(200, 40%, 80%); color: black; } .awesomplete > ul > li[aria-selected="true"] { background: hsl(205, 40%, 40%); color: white; } .awesomplete mark { background: hsl(65, 100%, 50%); } .awesomplete li:hover mark { background: hsl(68, 100%, 41%); } .awesomplete li[aria-selected="true"] mark { background: hsl(86, 100%, 21%); color: inherit; } @charset "UTF-8"; /* WordPlate */ /* banners */ /* fonctionnent dans un ::before */ /* animations */ /* Fonts sizes */ /* Visibility */ /*! * Bootstrap v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #FF1622; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #FFF; --gray: #6c757d; --gray-dark: #343a40; --primary: #FF1622; --secondary: #6c757d; --success: #c3d394; --info: #17a2b8; --warning: #ff7f7f; --danger: #FF1622; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #FFF; } [tabindex="-1"]:focus { outline: 0 !important; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #FF1622; text-decoration: none; background-color: transparent; } a:hover { color: #c9000a; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type=date], input[type=time], input[type=datetime-local], input[type=month] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .top-ten .friterie.item_1 h3, .quizz h1, .h3, .custom-cms .main-content-right h1, .custom-cms .main-content-right h2, .custom-cms .main-content-right h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 2.5rem; } h2, .h2, .top-ten .friterie.item_1 h3, .quizz h1 { font-size: 2rem; } h3, .h3, .custom-cms .main-content-right h1, .custom-cms .main-content-right h2, .custom-cms .main-content-right h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014\A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #FFF; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #FFF; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .custom-cms .banner-image.content, .custom-cms .content-block.content { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .custom-cms .banner-image.content, .custom-cms .content-block.content { max-width: 540px; } } @media (min-width: 768px) { .container, .custom-cms .banner-image.content, .custom-cms .content-block.content { max-width: 740px; } } @media (min-width: 992px) { .container, .custom-cms .banner-image.content, .custom-cms .content-block.content { max-width: 980px; } } @media (min-width: 1200px) { .container, .custom-cms .banner-image.content, .custom-cms .content-block.content { max-width: 1240px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .top-ten .friterie.item_1, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12, .top-ten .friterie.item_1 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } .btn, .action-page .action-form form input[type=button], .custom-cms .content-block.photomood-background ul li a, .custom-cms .content-block.photopro-background ul li a, .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-clean ul li a, .custom-cms .main-content-right a, .custom-cms .main-content-right a:hover, .freesample input[type=submit], .single-post-box .content ul li a, .contact-page .contact-form form input[type=submit], .contact-page .text-content a { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn, .action-page .action-form form input[type=button], .custom-cms .content-block.photomood-background ul li a, .custom-cms .content-block.photopro-background ul li a, .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-clean ul li a, .custom-cms .main-content-right a, .custom-cms .main-content-right a:hover, .freesample input[type=submit], .single-post-box .content ul li a, .contact-page .contact-form form input[type=submit], .contact-page .text-content a { -webkit-transition: none; transition: none; } } .btn:hover, .action-page .action-form form input[type=button]:hover, .custom-cms .content-block.photomood-background ul li a:hover, .custom-cms .content-block.photopro-background ul li a:hover, .custom-cms .content-block.red-background-bruit ul li a:hover, .custom-cms .content-block.red-background-clean ul li a:hover, .custom-cms .main-content-right a:hover, .freesample input[type=submit]:hover, .single-post-box .content ul li a:hover, .contact-page .contact-form form input[type=submit]:hover, .contact-page .text-content a:hover { color: #212529; text-decoration: none; } .btn:focus, .action-page .action-form form input[type=button]:focus, .custom-cms .content-block.photomood-background ul li a:focus, .custom-cms .content-block.photopro-background ul li a:focus, .custom-cms .content-block.red-background-bruit ul li a:focus, .custom-cms .content-block.red-background-clean ul li a:focus, .custom-cms .main-content-right a:focus, .freesample input[type=submit]:focus, .single-post-box .content ul li a:focus, .contact-page .contact-form form input[type=submit]:focus, .contact-page .text-content a:focus, .btn.focus, .action-page .action-form form input.focus[type=button], .custom-cms .content-block.photomood-background ul li a.focus, .custom-cms .content-block.photopro-background ul li a.focus, .custom-cms .content-block.red-background-bruit ul li a.focus, .custom-cms .content-block.red-background-clean ul li a.focus, .custom-cms .main-content-right a.focus, .freesample input.focus[type=submit], .single-post-box .content ul li a.focus, .contact-page .contact-form form input.focus[type=submit], .contact-page .text-content a.focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .btn.disabled, .action-page .action-form form input.disabled[type=button], .custom-cms .content-block.photomood-background ul li a.disabled, .custom-cms .content-block.photopro-background ul li a.disabled, .custom-cms .content-block.red-background-bruit ul li a.disabled, .custom-cms .content-block.red-background-clean ul li a.disabled, .custom-cms .main-content-right a.disabled, .freesample input.disabled[type=submit], .single-post-box .content ul li a.disabled, .contact-page .contact-form form input.disabled[type=submit], .contact-page .text-content a.disabled, .btn:disabled, .action-page .action-form form input[type=button]:disabled, .custom-cms .content-block.photomood-background ul li a:disabled, .custom-cms .content-block.photopro-background ul li a:disabled, .custom-cms .content-block.red-background-bruit ul li a:disabled, .custom-cms .content-block.red-background-clean ul li a:disabled, .custom-cms .main-content-right a:disabled, .freesample input[type=submit]:disabled, .single-post-box .content ul li a:disabled, .contact-page .contact-form form input[type=submit]:disabled, .contact-page .text-content a:disabled { opacity: 0.65; } a.btn.disabled, .custom-cms .content-block.photomood-background ul li a.disabled, .custom-cms .content-block.photopro-background ul li a.disabled, .custom-cms .content-block.red-background-bruit ul li a.disabled, .custom-cms .content-block.red-background-clean ul li a.disabled, .custom-cms .main-content-right a.disabled, .single-post-box .content ul li a.disabled, .contact-page .text-content a.disabled, fieldset:disabled a.btn, fieldset:disabled .custom-cms .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background ul li fieldset:disabled a, fieldset:disabled .custom-cms .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background ul li fieldset:disabled a, fieldset:disabled .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li fieldset:disabled a, fieldset:disabled .custom-cms .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li fieldset:disabled a, fieldset:disabled .custom-cms .main-content-right a, .custom-cms .main-content-right fieldset:disabled a, fieldset:disabled .single-post-box .content ul li a, .single-post-box .content ul li fieldset:disabled a, fieldset:disabled .contact-page .text-content a, .contact-page .text-content fieldset:disabled a { pointer-events: none; } .btn-primary, .action-page .action-form form input[type=button], .custom-cms .content-block.photomood-background ul li a, .custom-cms .content-block.photopro-background ul li a, .freesample input[type=submit], .single-post-box .content ul li a, .contact-page .contact-form form input[type=submit], .contact-page .text-content a { color: #FFF; background-color: #FF1622; border-color: #FF1622; } .btn-primary:hover, .action-page .action-form form input[type=button]:hover, .custom-cms .content-block.photomood-background ul li a:hover, .custom-cms .content-block.photopro-background ul li a:hover, .freesample input[type=submit]:hover, .single-post-box .content ul li a:hover, .contact-page .contact-form form input[type=submit]:hover, .contact-page .text-content a:hover { color: #FFF; background-color: #ef000c; border-color: #e2000c; } .btn-primary:focus, .action-page .action-form form input[type=button]:focus, .custom-cms .content-block.photomood-background ul li a:focus, .custom-cms .content-block.photopro-background ul li a:focus, .freesample input[type=submit]:focus, .single-post-box .content ul li a:focus, .contact-page .contact-form form input[type=submit]:focus, .contact-page .text-content a:focus, .btn-primary.focus, .action-page .action-form form input.focus[type=button], .custom-cms .content-block.photomood-background ul li a.focus, .custom-cms .content-block.photopro-background ul li a.focus, .freesample input.focus[type=submit], .single-post-box .content ul li a.focus, .contact-page .contact-form form input.focus[type=submit], .contact-page .text-content a.focus { -webkit-box-shadow: 0 0 0 0 rgba(255, 57, 67, 0.5); box-shadow: 0 0 0 0 rgba(255, 57, 67, 0.5); } .btn-primary.disabled, .action-page .action-form form input.disabled[type=button], .custom-cms .content-block.photomood-background ul li a.disabled, .custom-cms .content-block.photopro-background ul li a.disabled, .freesample input.disabled[type=submit], .single-post-box .content ul li a.disabled, .contact-page .contact-form form input.disabled[type=submit], .contact-page .text-content a.disabled, .btn-primary:disabled, .action-page .action-form form input[type=button]:disabled, .custom-cms .content-block.photomood-background ul li a:disabled, .custom-cms .content-block.photopro-background ul li a:disabled, .freesample input[type=submit]:disabled, .single-post-box .content ul li a:disabled, .contact-page .contact-form form input[type=submit]:disabled, .contact-page .text-content a:disabled { color: #FFF; background-color: #FF1622; border-color: #FF1622; } .btn-primary:not(:disabled):not(.disabled):active, .action-page .action-form form input[type=button]:not(:disabled):not(.disabled):active, .custom-cms .content-block.photomood-background ul li a:not(:disabled):not(.disabled):active, .custom-cms .content-block.photopro-background ul li a:not(:disabled):not(.disabled):active, .freesample input[type=submit]:not(:disabled):not(.disabled):active, .single-post-box .content ul li a:not(:disabled):not(.disabled):active, .contact-page .contact-form form input[type=submit]:not(:disabled):not(.disabled):active, .contact-page .text-content a:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .action-page .action-form form input[type=button]:not(:disabled):not(.disabled).active, .custom-cms .content-block.photomood-background ul li a:not(:disabled):not(.disabled).active, .custom-cms .content-block.photopro-background ul li a:not(:disabled):not(.disabled).active, .freesample input[type=submit]:not(:disabled):not(.disabled).active, .single-post-box .content ul li a:not(:disabled):not(.disabled).active, .contact-page .contact-form form input[type=submit]:not(:disabled):not(.disabled).active, .contact-page .text-content a:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .action-page .action-form form .show > input.dropdown-toggle[type=button], .custom-cms .content-block.photomood-background ul li .show > a.dropdown-toggle, .custom-cms .content-block.photopro-background ul li .show > a.dropdown-toggle, .freesample .show > input.dropdown-toggle[type=submit], .single-post-box .content ul li .show > a.dropdown-toggle, .contact-page .contact-form form .show > input.dropdown-toggle[type=submit], .contact-page .text-content .show > a.dropdown-toggle { color: #FFF; background-color: #e2000c; border-color: #d5000b; } .btn-primary:not(:disabled):not(.disabled):active:focus, .action-page .action-form form input[type=button]:not(:disabled):not(.disabled):active:focus, .custom-cms .content-block.photomood-background ul li a:not(:disabled):not(.disabled):active:focus, .custom-cms .content-block.photopro-background ul li a:not(:disabled):not(.disabled):active:focus, .freesample input[type=submit]:not(:disabled):not(.disabled):active:focus, .single-post-box .content ul li a:not(:disabled):not(.disabled):active:focus, .contact-page .contact-form form input[type=submit]:not(:disabled):not(.disabled):active:focus, .contact-page .text-content a:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .action-page .action-form form input[type=button]:not(:disabled):not(.disabled).active:focus, .custom-cms .content-block.photomood-background ul li a:not(:disabled):not(.disabled).active:focus, .custom-cms .content-block.photopro-background ul li a:not(:disabled):not(.disabled).active:focus, .freesample input[type=submit]:not(:disabled):not(.disabled).active:focus, .single-post-box .content ul li a:not(:disabled):not(.disabled).active:focus, .contact-page .contact-form form input[type=submit]:not(:disabled):not(.disabled).active:focus, .contact-page .text-content a:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus, .action-page .action-form form .show > input.dropdown-toggle[type=button]:focus, .custom-cms .content-block.photomood-background ul li .show > a.dropdown-toggle:focus, .custom-cms .content-block.photopro-background ul li .show > a.dropdown-toggle:focus, .freesample .show > input.dropdown-toggle[type=submit]:focus, .single-post-box .content ul li .show > a.dropdown-toggle:focus, .contact-page .contact-form form .show > input.dropdown-toggle[type=submit]:focus, .contact-page .text-content .show > a.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(255, 57, 67, 0.5); box-shadow: 0 0 0 0 rgba(255, 57, 67, 0.5); } .btn-secondary { color: #FFF; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #FFF; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { -webkit-box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5); box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #FFF; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #FFF; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5); box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5); } .btn-success { color: #212529; background-color: #c3d394; border-color: #c3d394; } .btn-success:hover { color: #212529; background-color: #b4c879; border-color: #afc470; } .btn-success:focus, .btn-success.focus { -webkit-box-shadow: 0 0 0 0 rgba(171, 185, 132, 0.5); box-shadow: 0 0 0 0 rgba(171, 185, 132, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #212529; background-color: #c3d394; border-color: #c3d394; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #212529; background-color: #afc470; border-color: #aac067; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(171, 185, 132, 0.5); box-shadow: 0 0 0 0 rgba(171, 185, 132, 0.5); } .btn-info { color: #FFF; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #FFF; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { -webkit-box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5); box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #FFF; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #FFF; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5); box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #ff7f7f; border-color: #ff7f7f; } .btn-warning:hover { color: #FFF; background-color: #ff5959; border-color: #ff4c4c; } .btn-warning:focus, .btn-warning.focus { -webkit-box-shadow: 0 0 0 0 rgba(222, 114, 114, 0.5); box-shadow: 0 0 0 0 rgba(222, 114, 114, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ff7f7f; border-color: #ff7f7f; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #FFF; background-color: #ff4c4c; border-color: #ff3f3f; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(222, 114, 114, 0.5); box-shadow: 0 0 0 0 rgba(222, 114, 114, 0.5); } .btn-danger { color: #FFF; background-color: #FF1622; border-color: #FF1622; } .btn-danger:hover { color: #FFF; background-color: #ef000c; border-color: #e2000c; } .btn-danger:focus, .btn-danger.focus { -webkit-box-shadow: 0 0 0 0 rgba(255, 57, 67, 0.5); box-shadow: 0 0 0 0 rgba(255, 57, 67, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #FFF; background-color: #FF1622; border-color: #FF1622; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #FFF; background-color: #e2000c; border-color: #d5000b; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(255, 57, 67, 0.5); box-shadow: 0 0 0 0 rgba(255, 57, 67, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { -webkit-box-shadow: 0 0 0 0 rgba(216, 217, 219, 0.5); box-shadow: 0 0 0 0 rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(216, 217, 219, 0.5); box-shadow: 0 0 0 0 rgba(216, 217, 219, 0.5); } .btn-dark { color: #FFF; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #FFF; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { -webkit-box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5); box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #FFF; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #FFF; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5); box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5); } .btn-outline-primary { color: #FF1622; border-color: #FF1622; } .btn-outline-primary:hover { color: #FFF; background-color: #FF1622; border-color: #FF1622; } .btn-outline-primary:focus, .btn-outline-primary.focus { -webkit-box-shadow: 0 0 0 0 rgba(255, 22, 34, 0.5); box-shadow: 0 0 0 0 rgba(255, 22, 34, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #FF1622; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #FFF; background-color: #FF1622; border-color: #FF1622; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(255, 22, 34, 0.5); box-shadow: 0 0 0 0 rgba(255, 22, 34, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #FFF; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { -webkit-box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5); box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #FFF; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5); box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #c3d394; border-color: #c3d394; } .btn-outline-success:hover { color: #212529; background-color: #c3d394; border-color: #c3d394; } .btn-outline-success:focus, .btn-outline-success.focus { -webkit-box-shadow: 0 0 0 0 rgba(195, 211, 148, 0.5); box-shadow: 0 0 0 0 rgba(195, 211, 148, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #c3d394; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #212529; background-color: #c3d394; border-color: #c3d394; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(195, 211, 148, 0.5); box-shadow: 0 0 0 0 rgba(195, 211, 148, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #FFF; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { -webkit-box-shadow: 0 0 0 0 rgba(23, 162, 184, 0.5); box-shadow: 0 0 0 0 rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #FFF; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(23, 162, 184, 0.5); box-shadow: 0 0 0 0 rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ff7f7f; border-color: #ff7f7f; } .btn-outline-warning:hover { color: #212529; background-color: #ff7f7f; border-color: #ff7f7f; } .btn-outline-warning:focus, .btn-outline-warning.focus { -webkit-box-shadow: 0 0 0 0 rgba(255, 127, 127, 0.5); box-shadow: 0 0 0 0 rgba(255, 127, 127, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ff7f7f; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ff7f7f; border-color: #ff7f7f; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(255, 127, 127, 0.5); box-shadow: 0 0 0 0 rgba(255, 127, 127, 0.5); } .btn-outline-danger { color: #FF1622; border-color: #FF1622; } .btn-outline-danger:hover { color: #FFF; background-color: #FF1622; border-color: #FF1622; } .btn-outline-danger:focus, .btn-outline-danger.focus { -webkit-box-shadow: 0 0 0 0 rgba(255, 22, 34, 0.5); box-shadow: 0 0 0 0 rgba(255, 22, 34, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #FF1622; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #FFF; background-color: #FF1622; border-color: #FF1622; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(255, 22, 34, 0.5); box-shadow: 0 0 0 0 rgba(255, 22, 34, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { -webkit-box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5); box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5); box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #FFF; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { -webkit-box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #FFF; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #FF1622; text-decoration: none; } .btn-link:hover { color: #c9000a; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; -webkit-box-shadow: none; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .fade { -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { -webkit-transition: none; transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { -webkit-transition: none; transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #FFF; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #FFF; text-decoration: none; background-color: #FF1622; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .navbar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .custom-cms .navbar > .banner-image.content, .custom-cms .navbar > .content-block.content, .navbar > .container-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .custom-cms .navbar-expand-sm > .banner-image.content, .custom-cms .navbar-expand-sm > .content-block.content, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .custom-cms .navbar-expand-sm > .banner-image.content, .custom-cms .navbar-expand-sm > .content-block.content, .navbar-expand-sm > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .custom-cms .navbar-expand-md > .banner-image.content, .custom-cms .navbar-expand-md > .content-block.content, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .custom-cms .navbar-expand-md > .banner-image.content, .custom-cms .navbar-expand-md > .content-block.content, .navbar-expand-md > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .custom-cms .navbar-expand-lg > .banner-image.content, .custom-cms .navbar-expand-lg > .content-block.content, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .custom-cms .navbar-expand-lg > .banner-image.content, .custom-cms .navbar-expand-lg > .content-block.content, .navbar-expand-lg > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .custom-cms .navbar-expand-xl > .banner-image.content, .custom-cms .navbar-expand-xl > .content-block.content, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .custom-cms .navbar-expand-xl > .banner-image.content, .custom-cms .navbar-expand-xl > .content-block.content, .navbar-expand-xl > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand > .container, .custom-cms .navbar-expand > .banner-image.content, .custom-cms .navbar-expand > .content-block.content, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .custom-cms .navbar-expand > .banner-image.content, .custom-cms .navbar-expand > .content-block.content, .navbar-expand > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #FFF; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #FFF; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #FFF; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #FFF; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #FFF; } .card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #FFF; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion > .card { overflow: hidden; } .accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card .card-header { margin-bottom: -1px; } .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { -webkit-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; transform: none; } .modal-dialog-scrollable { display: -webkit-box; display: -ms-flexbox; display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { -ms-flex-negative: 0; flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #FFF; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .modal-footer > :not(:first-child) { margin-left: 0.25rem; } .modal-footer > :not(:last-child) { margin-right: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #FF1622 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #e2000c !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #c3d394 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #afc470 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ff7f7f !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #ff4c4c !important; } .bg-danger { background-color: #FF1622 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #e2000c !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #FFF !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #FF1622 !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #c3d394 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ff7f7f !important; } .border-danger { border-color: #FF1622 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #FFF !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.8571428571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { -webkit-box-shadow: none !important; box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #FFF !important; } .text-primary { color: #FF1622 !important; } a.text-primary:hover, a.text-primary:focus { color: #c9000a !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #c3d394 !important; } a.text-success:hover, a.text-success:focus { color: #a5bd5e !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ff7f7f !important; } a.text-warning:hover, a.text-warning:focus { color: #ff3333 !important; } .text-danger { color: #FF1622 !important; } a.text-danger:hover, a.text-danger:focus { color: #c9000a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container, .custom-cms .banner-image.content, .custom-cms .content-block.content { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #FFF !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } @font-face { font-family: "museo"; font-display: auto; src: local("museo"), local("museo"), url("https://use.typekit.net/af/f7c91f/000000000000000000011b23/27/l?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/f7c91f/000000000000000000011b23/27/d?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/f7c91f/000000000000000000011b23/27/a?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n3&v=3") format("opentype"); font-style: normal; font-weight: 300; } @font-face { font-family: "museo"; font-display: auto; src: local("museo"), url("https://use.typekit.net/af/8a79e7/000000000000000000011b24/27/l?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/8a79e7/000000000000000000011b24/27/d?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/8a79e7/000000000000000000011b24/27/a?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n7&v=3") format("opentype"); font-style: normal; font-weight: 700; } @font-face { font-family: "museo"; font-display: auto; src: local("museo"), url("https://use.typekit.net/af/02218c/000000000000000000011b27/27/l?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/02218c/000000000000000000011b27/27/d?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/02218c/000000000000000000011b27/27/a?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n9&v=3") format("opentype"); font-style: normal; font-weight: 900; } @font-face { font-family: "museo"; font-display: auto; src: local("museo"), url("https://use.typekit.net/af/9797cd/00000000000000000000ebe4/27/l?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/9797cd/00000000000000000000ebe4/27/d?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/9797cd/00000000000000000000ebe4/27/a?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=i3&v=3") format("opentype"); font-style: italic; font-weight: 300; } @font-face { font-family: "museo"; font-display: auto; src: local("museo"), url("https://use.typekit.net/af/beaa6e/00000000000000000000ebe6/27/l?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/beaa6e/00000000000000000000ebe6/27/d?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/beaa6e/00000000000000000000ebe6/27/a?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=i7&v=3") format("opentype"); font-style: italic; font-weight: 700; } @font-face { font-family: "bree-serif"; font-display: auto; src: local("bree-serif"), url("https://use.typekit.net/af/92614f/000000000000000000014419/27/l?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/92614f/000000000000000000014419/27/d?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/92614f/000000000000000000014419/27/a?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n4&v=3") format("opentype"); font-style: normal; font-weight: 400; } @font-face { font-family: "bree-serif"; font-display: auto; src: local("bree-serif"), url("https://use.typekit.net/af/31d37f/00000000000000000001441b/27/l?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/31d37f/00000000000000000001441b/27/d?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/31d37f/00000000000000000001441b/27/a?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n7&v=3") format("opentype"); font-style: normal; font-weight: 700; } @font-face { font-family: "bree-serif"; font-display: auto; src: local("bree-serif"), url("https://use.typekit.net/af/4dd2ad/00000000000000000001441c/27/l?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n8&v=3") format("woff2"), url("https://use.typekit.net/af/4dd2ad/00000000000000000001441c/27/d?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n8&v=3") format("woff"), url("https://use.typekit.net/af/4dd2ad/00000000000000000001441c/27/a?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n8&v=3") format("opentype"); font-style: normal; font-weight: 800; } @font-face { font-family: "sofia-pro"; font-display: auto; src: local("sofia-pro"), url("https://use.typekit.net/af/0c5f71/00000000000000003b9b1aa0/27/l?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/0c5f71/00000000000000003b9b1aa0/27/d?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/0c5f71/00000000000000003b9b1aa0/27/a?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n9&v=3") format("opentype"); font-style: normal; font-weight: 900; } @font-face { font-family: "sofia-pro"; font-display: auto; src: local("sofia-pro"), url("https://use.typekit.net/af/30420e/00000000000000003b9b1a9e/27/l?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/30420e/00000000000000003b9b1a9e/27/d?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/30420e/00000000000000003b9b1a9e/27/a?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n7&v=3") format("opentype"); font-style: normal; font-weight: 700; } @font-face { font-family: "sofia-pro"; font-display: auto; src: local("sofia-pro"), url("https://use.typekit.net/af/572508/00000000000000003b9b1a96/27/l?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/572508/00000000000000003b9b1a96/27/d?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/572508/00000000000000003b9b1a96/27/a?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n3&v=3") format("opentype"); font-style: normal; font-weight: 300; } @font-face { font-family: "sofia-pro"; font-display: auto; src: local("sofia-pro"), url("https://use.typekit.net/af/b4d13d/00000000000000003b9b1a9a/27/l?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/b4d13d/00000000000000003b9b1a9a/27/d?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/b4d13d/00000000000000003b9b1a9a/27/a?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n5&v=3") format("opentype"); font-style: normal; font-weight: 500; } @font-face { font-family: "sofia-pro"; font-display: auto; src: local("sofia-pro"), url("https://use.typekit.net/af/5855b2/00000000000000003b9b1a98/27/l?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/5855b2/00000000000000003b9b1a98/27/d?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/5855b2/00000000000000003b9b1a98/27/a?primer=d3768896832d680a05f23c9f7cf5a9dbd233369410d320ace4f46f9839ed1600&fvd=n4&v=3") format("opentype"); font-style: normal; font-weight: 400; } .support--testimonials__text blockquote, .support--why__banner-text .text-wrapper .separation, .pro--choice__list li a span.title, .pro--choice__icons li p, .pro--choice__icons li .title, .pro--choice__icons li .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .pro--choice__icons li h1, .pro--choice__icons li .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part .pro--choice__icons li h2, .pro--choice__icons li .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part .pro--choice__icons li h3, .pro--choice__icons li .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part .pro--choice__icons li h4, .pro--choice__icons li .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part .pro--choice__icons li h5, .pro--hero__choices li .btn-choice, .quizz__choice, .quizz__choices small.or, .test-cta::before, .nav--mobile .nav-secondary li a, .nav--mobile a { font-family: "bree-serif", Times; font-weight: 400; } .test-cta a, .nav-menus #menu-nav-primary a, .nav-menus #menu-nav-primary-nl a { font-family: "bree-serif", Times; font-weight: 600; } .custom-cms .content-block .gallery .gallery-item figcaption, .step-list span, .btn-language, h1, .h1, h2, .h2, .top-ten .friterie.item_1 h3, .quizz h1, h3, .h3, .custom-cms .main-content-right h1, .custom-cms .main-content-right h2, .custom-cms .main-content-right h3, h4, .h4, h5, .h5 { font-family: "bree-serif", Times; font-weight: 700; } .vignette__first .white-background small { font-family: "museo", Arial; font-weight: 500; } .top-ten .friterie a, .top-ten .friterie p, .top-ten .friterie h3, .search-div input#submit, .search-div .search-field, .slider-history ul.nav-filters span, .filters-pro select.custom-select, .quizz h2, .labelled, footer .h4, nav.nav-filters ul li a, nav.nav-filters a.btn.load, nav.nav-filters .custom-cms .content-block.photomood-background ul li a.load, .custom-cms .content-block.photomood-background ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.photopro-background ul li a.load, .custom-cms .content-block.photopro-background ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.red-background-bruit ul li a.load, .custom-cms .content-block.red-background-bruit ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.red-background-clean ul li a.load, .custom-cms .content-block.red-background-clean ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .main-content-right a.load, .custom-cms .main-content-right nav.nav-filters a.load, nav.nav-filters .single-post-box .content ul li a.load, .single-post-box .content ul li nav.nav-filters a.load, nav.nav-filters .contact-page .text-content a.load, .contact-page .text-content nav.nav-filters a.load, .dotted-sub-title { font-family: "museo", Arial; font-weight: 700; } .inspiration-single .content .timing, .weather span.h1 { font-family: "museo", Arial; font-weight: 900; } .gdpr-cookie-notice-nav-item-settings, .panel .panel__body, .custom-cms .content-block ul:not(.button-list) li a, .single-faq .section-content ul, .page-template-page-faq-seo .section-content ul, .page-template-default .section-content ul, p { font-family: "sofia-pro", Arial; font-weight: 300; } .gdpr-cookie-notice-nav-item, .inspiration-single, footer .footer-legals, footer .footer-menu a, .nav-links span, .nav-menus #menu-nav-primary .menu-professionnels ul li a, .nav-menus #menu-nav-primary .menu-professionals ul li a, .nav-menus #menu-nav-primary-nl .menu-professionnels ul li a, .nav-menus #menu-nav-primary-nl .menu-professionals ul li a, body.politique-de-vie-privee #breadcrumbs span a, body.politique-de-cookies #breadcrumbs span a, body.page-template-page-professionnel #breadcrumbs span a, body.page-template-page-contact #breadcrumbs span a, body.post-type-archive-product-pro #breadcrumbs span a, body.page-template-page-overons #breadcrumbs span a, body.page-template-page-friterie-map #breadcrumbs span a, body.single-faq #breadcrumbs span a, body.page-template-page-faq-seo #breadcrumbs span a, body.page-template-page-faq #breadcrumbs span a, body.page-template-page-medias #breadcrumbs span a, body.single-product #breadcrumbs span a, body.single-product-pro #breadcrumbs span a, body.tax-range #breadcrumbs span a, body.tax-range-pro #breadcrumbs span a, body.tax-sauce #breadcrumbs span a, body.post-type-archive-inspiration #breadcrumbs span a, body.single-inspiration #breadcrumbs span a, body.page-template-page-thank #breadcrumbs span a, body.page-template-page-action-form #breadcrumbs span a, body.page-template-default #breadcrumbs span a, #breadcrumbs span a, #breadcrumbs span, .dropdown-menu li a, .btn.btn-primary, .action-page .action-form form input.btn[type=button], .action-page .action-form form input.btn-primary[type=button], .action-page .action-form form input[type=button], .custom-cms .content-block.photomood-background ul li a.btn, .custom-cms .content-block.photopro-background ul li a.btn, .custom-cms .content-block.photomood-background ul li a.btn-primary, .custom-cms .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background .content-block.photomood-background ul li a, .custom-cms .content-block.photopro-background ul li a.btn-primary, .custom-cms .content-block.photopro-background .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background ul li a, .custom-cms .content-block.red-background-bruit ul li a.btn-primary, .custom-cms .content-block.red-background-bruit .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-clean ul li a.btn-primary, .custom-cms .content-block.red-background-clean .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background .content-block.red-background-clean ul li a, .custom-cms .main-content-right a.btn-primary, .custom-cms .main-content-right .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background ul li .main-content-right a, .custom-cms .main-content-right .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background ul li .main-content-right a, .freesample input[type=submit], .single-post-box .content ul li a, .contact-page .contact-form form input[type=submit], .contact-page .text-content a, .btn.btn-secondary, .action-page .action-form form input.btn-secondary[type=button], .custom-cms .content-block.photomood-background ul li a.btn-secondary, .custom-cms .content-block.photopro-background ul li a.btn-secondary, .custom-cms .content-block.red-background-bruit ul li a.btn-secondary, .custom-cms .content-block.red-background-clean ul li a.btn-secondary, .custom-cms .main-content-right a.btn-secondary, .btn.btn-white, .action-page .action-form form input.btn-white[type=button], .custom-cms .content-block.photomood-background ul li a.btn-white, .custom-cms .content-block.photopro-background ul li a.btn-white, .custom-cms .content-block.red-background-bruit ul li a.btn, .custom-cms .content-block.red-background-bruit .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-clean ul li a.btn, .custom-cms .content-block.red-background-clean .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-bruit ul li a.btn-white, .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-clean ul li a.btn-white, .custom-cms .content-block.red-background-clean ul li a, .custom-cms .main-content-right a.btn-white, .custom-cms .main-content-right .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li .main-content-right a, .custom-cms .main-content-right .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li .main-content-right a, .btn.btn-white-bicky, .action-page .action-form form input.btn-white-bicky[type=button], .custom-cms .content-block.photomood-background ul li a.btn-white-bicky, .custom-cms .content-block.photopro-background ul li a.btn-white-bicky, .custom-cms .content-block.red-background-bruit ul li a.btn-white-bicky, .custom-cms .content-block.red-background-clean ul li a.btn-white-bicky, .custom-cms .main-content-right a.btn-white-bicky, .btn.btn-outline-primary, .action-page .action-form form input.btn-outline-primary[type=button], .custom-cms .content-block.photomood-background ul li a.btn-outline-primary, .custom-cms .content-block.photopro-background ul li a.btn-outline-primary, .custom-cms .content-block.red-background-bruit ul li a.btn-outline-primary, .custom-cms .content-block.red-background-clean ul li a.btn-outline-primary, .custom-cms .main-content-right a.btn-outline-primary, .btn.btn-outline-secondary, .action-page .action-form form input.btn-outline-secondary[type=button], .custom-cms .content-block.photomood-background ul li a.btn-outline-secondary, .custom-cms .content-block.photopro-background ul li a.btn-outline-secondary, .custom-cms .content-block.red-background-bruit ul li a.btn-outline-secondary, .custom-cms .content-block.red-background-clean ul li a.btn-outline-secondary, .custom-cms .main-content-right a.btn-outline-secondary, a, #navicon.close:before { font-family: "sofia-pro", Arial; font-weight: 400; } .action-page .action-form form label, .contact-page .contact-form form label { font-family: "sofia-pro", Arial; font-weight: 500; } .gdpr-cookie-notice-modal-footer-item, .gdpr-cookie-notice-modal-title, .gdpr-cookie-notice-nav-item-btn { font-family: "sofia-pro", Arial; font-weight: 700; } h1, .h1 { line-height: 1.1em; font-size: 2em; } @media (min-width: 576px) { h1, .h1 { font-size: 2.45em; } } @media (min-width: 768px) { h1, .h1 { font-size: 2.6em; } } @media (min-width: 992px) { h1, .h1 { font-size: 3em; } } @media (min-width: 1200px) { h1, .h1 { font-size: 3em; } } h2, .h2, .top-ten .friterie.item_1 h3, .quizz h1 { line-height: 1.1em; font-size: 1.8em; } @media (min-width: 576px) { h2, .h2, .top-ten .friterie.item_1 h3, .quizz h1 { font-size: 2em; } } @media (min-width: 768px) { h2, .h2, .top-ten .friterie.item_1 h3, .quizz h1 { font-size: 2.3em; } } @media (min-width: 992px) { h2, .h2, .top-ten .friterie.item_1 h3, .quizz h1 { font-size: 2.6em; } } @media (min-width: 1200px) { h2, .h2, .top-ten .friterie.item_1 h3, .quizz h1 { font-size: 2.8em; } } h3, .h3, .custom-cms .main-content-right h1, .custom-cms .main-content-right h2, .custom-cms .main-content-right h3 { line-height: 1.1em; font-size: 1.4em; } @media (min-width: 992px) { h3, .h3, .custom-cms .main-content-right h1, .custom-cms .main-content-right h2, .custom-cms .main-content-right h3 { font-size: 1.75em; } } @media (min-width: 1200px) { h3, .h3, .custom-cms .main-content-right h1, .custom-cms .main-content-right h2, .custom-cms .main-content-right h3 { font-size: 1.9em; } } h3.dotted-title, .contact-page h3, #where-to-buy .widget h3.widgettitle, .h3.dotted-title, .page-template-page-action-form .action-page .text-content h2.h3, .custom-cms .main-content-right h1.dotted-title, .custom-cms .main-content-right h2.dotted-title, .custom-cms .main-content-right .page-template-page-action-form .action-page .text-content h2, .page-template-page-action-form .action-page .text-content .custom-cms .main-content-right h2, .custom-cms .main-content-right h3.dotted-title, .contact-page h3.h3, .contact-page .custom-cms .main-content-right h3, .custom-cms .main-content-right .contact-page h3, .contact-page .text-content h2.h3, .contact-page .text-content .custom-cms .main-content-right h2, .custom-cms .main-content-right .contact-page .text-content h2, #where-to-buy .widget .h3.widgettitle, #where-to-buy .widget .custom-cms .main-content-right h1.widgettitle, .custom-cms .main-content-right #where-to-buy .widget h1.widgettitle, #where-to-buy .widget .custom-cms .main-content-right h2.widgettitle, .custom-cms .main-content-right #where-to-buy .widget h2.widgettitle { line-height: 1.2em; } h4, .h4 { line-height: 1.1em; font-size: 1.2em; } @media (min-width: 992px) { h4, .h4 { font-size: 1.55em; } } @media (min-width: 1200px) { h4, .h4 { font-size: 1.9em; line-height: 1.1em; } } h5, .h5 { line-height: 1.4em; font-weight: 400; } .md-fontsize, .custom-cms .main-content-right p, .quizz__choices small.or { font-size: 16px; } @media (min-width: 768px) { .md-fontsize, .custom-cms .main-content-right p, .quizz__choices small.or { font-size: 1em; } } @media (min-width: 992px) { .md-fontsize, .custom-cms .main-content-right p, .quizz__choices small.or { font-size: 1.1em; } } @media (min-width: 1200px) { .md-fontsize, .custom-cms .main-content-right p, .quizz__choices small.or { font-size: 1.2em; } } .lg-fontsize { font-size: 1.6em; } small { display: block; letter-spacing: 0.5px; font-size: 0.7em; } strong, .strong, .quizz__choice, .quizz__choices small.or { font-weight: bold; } .red-text, #hero.rose-light-background h1, #hero.rose-light-background .title, #hero.rose-light-background .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part #hero.rose-light-background h2, #hero.rose-light-background .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part #hero.rose-light-background h3, #hero.rose-light-background .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part #hero.rose-light-background h4, #hero.rose-light-background .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part #hero.rose-light-background h5 { color: #DD0000; } .dark-red-text { color: #830D0D; } .brown-text, #where-to-buy .widget .widgettitle, p { color: #4A080C; } .brown-light-text { color: #B8969B; } .white-text { color: #FFF; } .rose-text { color: #F7DDDD; } .grey-text { color: #2A2A2A; } .dotted-title, .page-template-page-action-form .action-page .text-content h2, .contact-page h3, .contact-page .text-content h2, #where-to-buy .widget .widgettitle { width: auto; max-width: 600px; padding: 10px 0 20px; margin: 0 auto 0 0; display: block; } .dotted-title::before, .page-template-page-action-form .action-page .text-content h2::before, .contact-page h3::before, .contact-page .text-content h2::before, #where-to-buy .widget .widgettitle::before { height: 50px; width: 4px; margin: 20px auto 10px 0; border-left: 4px dotted #FF1622; content: ""; display: block; } .dotted-title.white-text::before, .page-template-page-action-form .action-page .text-content h2.white-text::before, .contact-page h3.white-text::before, .contact-page .text-content h2.white-text::before, #where-to-buy .widget .white-text.widgettitle::before { border-left: 4px dotted #FFF; } .dotted-title.centered, .page-template-page-action-form .action-page .text-content h2.centered, .contact-page h3.dotted-title, .contact-page h3.centered, .contact-page h3, .contact-page .text-content h2.centered, #top-archive .text-part .dotted-title, #top-archive .text-part .page-template-page-action-form .action-page .text-content h2, .page-template-page-action-form .action-page .text-content #top-archive .text-part h2, #top-archive .text-part .contact-page h3, .contact-page #top-archive .text-part h3, #top-archive .text-part .contact-page .text-content h2, .contact-page .text-content #top-archive .text-part h2, #where-to-buy .widget .widgettitle, .dotted-title.text-center, .page-template-page-action-form .action-page .text-content h2.text-center, .contact-page h3.text-center, .contact-page .text-content h2.text-center { margin: 0 auto; text-align: center; } .dotted-title.centered::before, .page-template-page-action-form .action-page .text-content h2.centered::before, .contact-page h3.dotted-title::before, .contact-page h3.centered::before, .contact-page h3::before, .contact-page .text-content h2.centered::before, #top-archive .text-part .dotted-title::before, #top-archive .text-part .page-template-page-action-form .action-page .text-content h2::before, .page-template-page-action-form .action-page .text-content #top-archive .text-part h2::before, #top-archive .text-part .contact-page h3::before, .contact-page #top-archive .text-part h3::before, #top-archive .text-part .contact-page .text-content h2::before, .contact-page .text-content #top-archive .text-part h2::before, #where-to-buy .widget .widgettitle::before, .dotted-title.text-center::before, .page-template-page-action-form .action-page .text-content h2.text-center::before, .contact-page h3.text-center::before, .contact-page .text-content h2.text-center::before { margin: 20px auto 10px; } .dotted-title .text-left, .page-template-page-action-form .action-page .text-content h2 .text-left, .contact-page h3 .text-left, .contact-page .text-content h2 .text-left, #where-to-buy .widget .widgettitle .text-left { text-align: left; } .dotted-title .text-left::before, .page-template-page-action-form .action-page .text-content h2 .text-left::before, .contact-page h3 .text-left::before, .contact-page .text-content h2 .text-left::before, #where-to-buy .widget .widgettitle .text-left::before { margin: 20px auto 20px 0; } .dotted-title.text-right::before, .page-template-page-action-form .action-page .text-content h2.text-right::before, .contact-page h3.text-right::before, .contact-page .text-content h2.text-right::before, #where-to-buy .widget .text-right.widgettitle::before { margin: 20px 0 20px auto; } .dotted-sub-title { text-transform: uppercase; text-align: center; margin: 0 auto 20px; padding: 20px 0; } .dotted-sub-title.white-text::before, .dotted-sub-title.white-text::after { border-top: 4px dotted #FFF; } .dotted-sub-title::before { margin: 10px auto; border-top: 4px dotted #FF1622; } .dotted-sub-title::after { margin: 20px auto 10px; border-top: 4px dotted #FF1622; } .dotted-sub-title::before, .dotted-sub-title::after { content: ""; height: 4px; width: 24px; top: -8px; position: relative; display: inline-block; display: block; } @media (min-width: 576px) { .dotted-sub-title::after, .dotted-sub-title::before { top: 4px; display: inline-block; } .dotted-sub-title::before { margin-right: 10px; margin-left: 0; } .dotted-sub-title::after { margin-top: 0; margin-left: 10px; margin-right: 0; } } .page-template-page-faq h1.title, .page-template-page-faq .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .page-template-page-faq h1, .single-faq h1.title, .single-faq .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .single-faq h1, .page-template-page-faq-seo h1.title, .page-template-page-faq-seo .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .page-template-page-faq-seo h1 { font-size: 2em; display: inline-block; } @media (min-width: 576px) { .page-template-page-faq h1.title, .page-template-page-faq .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .page-template-page-faq h1, .single-faq h1.title, .single-faq .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .single-faq h1, .page-template-page-faq-seo h1.title, .page-template-page-faq-seo .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .page-template-page-faq-seo h1 { font-size: 2.8em; display: block; } } @media (min-width: 768px) { .page-template-page-faq h1.title, .page-template-page-faq .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .page-template-page-faq h1, .single-faq h1.title, .single-faq .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .single-faq h1, .page-template-page-faq-seo h1.title, .page-template-page-faq-seo .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .page-template-page-faq-seo h1 { font-size: 4em; padding-bottom: 7px; } } h1.title, .custom-cms .content-block .text-part h1, .h1.title, .custom-cms .content-block .text-part h2.h1, .custom-cms .content-block .text-part h3.h1, .custom-cms .content-block .text-part h4.h1, .custom-cms .content-block .text-part h5.h1 { text-transform: uppercase; } h1.title span, .custom-cms .content-block .text-part h1 span, .h1.title span, .custom-cms .content-block .text-part h2.h1 span, .custom-cms .content-block .text-part h3.h1 span, .custom-cms .content-block .text-part h4.h1 span, .custom-cms .content-block .text-part h5.h1 span { font-size: 1em; display: inline-block; } @media (min-width: 576px) { h1.title span, .custom-cms .content-block .text-part h1 span, .h1.title span, .custom-cms .content-block .text-part h2.h1 span, .custom-cms .content-block .text-part h3.h1 span, .custom-cms .content-block .text-part h4.h1 span, .custom-cms .content-block .text-part h5.h1 span { font-size: 1.3em; display: block; } } @media (min-width: 768px) { h1.title span, .custom-cms .content-block .text-part h1 span, .h1.title span, .custom-cms .content-block .text-part h2.h1 span, .custom-cms .content-block .text-part h3.h1 span, .custom-cms .content-block .text-part h4.h1 span, .custom-cms .content-block .text-part h5.h1 span { font-size: 1.6em; padding-bottom: 7px; } } h1.title.red-text span, .custom-cms .content-block .text-part h1.red-text span, #hero.rose-light-background h1.title span, #hero.rose-light-background .custom-cms .content-block .text-part h1 span, .custom-cms .content-block .text-part #hero.rose-light-background h1 span, .h1.title.red-text span, .custom-cms .content-block .text-part h2.h1.red-text span, .custom-cms .content-block .text-part h3.h1.red-text span, .custom-cms .content-block .text-part h4.h1.red-text span, .custom-cms .content-block .text-part h5.h1.red-text span, #hero.rose-light-background .h1.title span, #hero.rose-light-background .custom-cms .content-block .text-part h2.h1 span, .custom-cms .content-block .text-part #hero.rose-light-background h2.h1 span, #hero.rose-light-background .custom-cms .content-block .text-part h3.h1 span, .custom-cms .content-block .text-part #hero.rose-light-background h3.h1 span, #hero.rose-light-background .custom-cms .content-block .text-part h4.h1 span, .custom-cms .content-block .text-part #hero.rose-light-background h4.h1 span, #hero.rose-light-background .custom-cms .content-block .text-part h5.h1 span, .custom-cms .content-block .text-part #hero.rose-light-background h5.h1 span { color: #4A080C; } h1.title.flag::after, .custom-cms .content-block .text-part h1.flag::after, .h1.title.flag::after, .custom-cms .content-block .text-part h2.h1.flag::after, .custom-cms .content-block .text-part h3.h1.flag::after, .custom-cms .content-block .text-part h4.h1.flag::after, .custom-cms .content-block .text-part h5.h1.flag::after { height: 7px; width: 110px; margin: 30px auto; content: ""; z-index: 2; display: block; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; background-image: url("/themes/dl/assets/images/belgian-flag.png"); } #hero.rose-light-background h1, #hero.rose-light-background .title, #hero.rose-light-background .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part #hero.rose-light-background h2, #hero.rose-light-background .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part #hero.rose-light-background h3, #hero.rose-light-background .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part #hero.rose-light-background h4, #hero.rose-light-background .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part #hero.rose-light-background h5 { text-shadow: 0 0 0 rgba(0, 0, 0, 0); } .title-lower { line-height: 1.2em; padding-bottom: 20px; } @media (min-width: 992px) { .title-lower { padding-bottom: 30px; line-height: 1em; } } .title-lower span { font-size: 1.5em; } .title-lower small { display: block; line-height: 1.5em; font-size: 0.6em; } .title-lower small span { line-height: 1em; font-size: 1em; } .shadowed-text { text-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } @media (min-width: 992px) { .shadowed-text { text-shadow: 0 0 20px rgba(0, 0, 0, 0.7); } } blockquote { padding: 0 0 20px; } blockquote::before, blockquote::after { margin: 0 10px; content: ""; height: 20px; width: 30px; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: 15px auto; background-image: url(../images/quote-left.svg?4e034ef3ced0db39150c052292372a28); } blockquote::after { background-image: url(../images/quote-right.svg?a6062ad25189258fa7eb9e0755d02edd); } table { width: 100%; margin: 20px 0; } table td { vertical-align: top; width: 50%; padding: 20px 0; border-top: 1px solid #e5d9db; } table td strong { color: #DD0000; } table td:first-child { padding-right: 30px; } table p { margin: 0px; } textarea, select, input, button, a { outline: none; } textarea:focus, select:focus, input:focus, button:focus, a:focus { outline: none; } .navicon { text-align: right; z-index: 9999; } .menu--fixed #navicon { -webkit-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.15); } #navicon { position: fixed; top: 30px; right: 25px; z-index: 9999; display: inline-block; margin: 0; border: none; background: #F7DDDD; } @media (min-width: 768px) { #navicon { top: 27px; } } #navicon span { display: block; } @media (min-width: 992px) { #navicon { display: none; } } #navicon.close { z-index: 1999; background: none; -webkit-box-shadow: none; box-shadow: none; } #navicon.close:before { z-index: 1999; content: "Close"; position: absolute; font-size: 13px; color: #fff; top: -5px; left: 0; -webkit-transform: translateX(-115%); transform: translateX(-115%); } /* ====================== lines button ==================================================*/ .lines-button { padding: 20px 10px; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 0px; /* */ } .lines-button:hover { opacity: 1; } .lines-button:active { -webkit-transition: 0; transition: 0; } .lines { display: inline-block; width: 25px; height: 2px; background: #FF1622; border-radius: 0; -webkit-transition: 0.3s; transition: 0.3s; position: relative; } .lines:before, .lines:after { display: inline-block; width: 25px; height: 2px; background: #FF1622; border-radius: 0; -webkit-transition: 0.3s; transition: 0.3s; position: absolute; left: 0; content: ""; -webkit-transform-origin: 1.7142857143px center; transform-origin: 1.7142857143px center; } .lines:before { top: 6px; } .lines:after { top: -6px; } .lines-button:hover .lines:before { top: 6.8571428571px; } .lines-button:hover .lines:after { top: -6.8571428571px; } .lines-button.close { /*-webkit-transform: scale3d(.8,.8,.8); transform: scale3d(.8,.8,.8);*/ } .lines-button.x2 .lines { -webkit-transition: background 0.3s 0.5s ease; transition: background 0.3s 0.5s ease; } .lines-button.x2 .lines:before, .lines-button.x2 .lines:after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: top 0.3s 0.6s ease, -webkit-transform 0.3s ease; -webkit-transition: top 0.3s 0.6s ease, -webkit-transform 0.3s ease; transition: top 0.3s 0.6s ease, transform 0.3s ease; transition: top 0.3s 0.6s ease, transform 0.3s ease, -webkit-transform 0.3s ease; } .lines-button.x2.close .lines, .lines-button.close .lines { -webkit-transition: background 0.3s 0s ease; transition: background 0.3s 0s ease; background: transparent; } .lines-button.x2.close .lines:before, .lines-button.x2.close .lines:after, .lines-button.close .lines:before, .lines-button.close .lines:after { transition: top 0.3s ease, -webkit-transform 0.3s 0.5s ease; -webkit-transition: top 0.3s ease, -webkit-transform 0.3s 0.5s ease; transition: top 0.3s ease, transform 0.3s 0.5s ease; transition: top 0.3s ease, transform 0.3s 0.5s ease, -webkit-transform 0.3s 0.5s ease; top: 0px; width: 24px; background-color: #ffffff; } .lines-button.x2.close .lines:before, .lines-button.close .lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .lines-button.x2.close .lines:after, .lines-button.close .lines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } a { font-style: normal; color: inherit; } a:hover, a:focus, a:visited, a:active, a.active, a.success { color: inherit; text-decoration: none; } .btn, .action-page .action-form form input[type=button], .custom-cms .content-block.photomood-background ul li a, .custom-cms .content-block.photopro-background ul li a, .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-clean ul li a, .custom-cms .main-content-right a, .custom-cms .main-content-right a:hover, .freesample input[type=submit], .single-post-box .content ul li a, .contact-page .contact-form form input[type=submit], .contact-page .text-content a { cursor: pointer; } .btn.btn-primary, .action-page .action-form form input[type=button], .custom-cms .content-block.photomood-background ul li a.btn, .custom-cms .content-block.photopro-background ul li a.btn, .custom-cms .content-block.photomood-background ul li a.btn-primary, .custom-cms .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background .content-block.photomood-background ul li a, .custom-cms .content-block.photopro-background ul li a.btn-primary, .custom-cms .content-block.photopro-background ul li a, .custom-cms .content-block.red-background-bruit ul li a.btn-primary, .custom-cms .content-block.red-background-bruit .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-clean ul li a.btn-primary, .custom-cms .content-block.red-background-clean .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background .content-block.red-background-clean ul li a, .custom-cms .main-content-right a.btn-primary, .custom-cms .main-content-right .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background ul li .main-content-right a, .custom-cms .main-content-right .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background ul li .main-content-right a, .freesample input[type=submit], .single-post-box .content ul li a, .contact-page .contact-form form input[type=submit], .contact-page .text-content a, .btn.btn-secondary, .custom-cms .content-block.photomood-background ul li a.btn-secondary, .custom-cms .content-block.photopro-background ul li a.btn-secondary, .custom-cms .content-block.red-background-bruit ul li a.btn-secondary, .custom-cms .content-block.red-background-clean ul li a.btn-secondary, .custom-cms .main-content-right a.btn-secondary, .btn.btn-white, .custom-cms .content-block.photomood-background ul li a.btn-white, .custom-cms .content-block.photopro-background ul li a.btn-white, .custom-cms .content-block.red-background-bruit ul li a.btn, .custom-cms .content-block.red-background-clean ul li a.btn, .custom-cms .content-block.red-background-bruit ul li a.btn-white, .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-clean ul li a.btn-white, .custom-cms .content-block.red-background-clean ul li a, .custom-cms .main-content-right a.btn-white, .custom-cms .main-content-right .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li .main-content-right a, .custom-cms .main-content-right .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li .main-content-right a, .btn.btn-white-bicky, .custom-cms .content-block.photomood-background ul li a.btn-white-bicky, .custom-cms .content-block.photopro-background ul li a.btn-white-bicky, .custom-cms .content-block.red-background-bruit ul li a.btn-white-bicky, .custom-cms .content-block.red-background-clean ul li a.btn-white-bicky, .custom-cms .main-content-right a.btn-white-bicky, .btn.btn-outline-primary, .custom-cms .content-block.photomood-background ul li a.btn-outline-primary, .custom-cms .content-block.photopro-background ul li a.btn-outline-primary, .custom-cms .content-block.red-background-bruit ul li a.btn-outline-primary, .custom-cms .content-block.red-background-clean ul li a.btn-outline-primary, .custom-cms .main-content-right a.btn-outline-primary, .btn.btn-outline-secondary, .custom-cms .content-block.photomood-background ul li a.btn-outline-secondary, .custom-cms .content-block.photopro-background ul li a.btn-outline-secondary, .custom-cms .content-block.red-background-bruit ul li a.btn-outline-secondary, .custom-cms .content-block.red-background-clean ul li a.btn-outline-secondary, .custom-cms .main-content-right a.btn-outline-secondary { padding: 8px 20px 10px; border-radius: 0; margin-bottom: 5px; cursor: pointer; } .btn.btn-primary::after, .action-page .action-form form input[type=button]::after, .custom-cms .content-block.photomood-background ul li a.btn::after, .custom-cms .content-block.photopro-background ul li a.btn::after, .custom-cms .content-block.photomood-background ul li a.btn-primary::after, .custom-cms .content-block.photomood-background ul li a::after, .custom-cms .content-block.photomood-background .content-block.photopro-background ul li a::after, .custom-cms .content-block.photopro-background .content-block.photomood-background ul li a::after, .custom-cms .content-block.photopro-background ul li a.btn-primary::after, .custom-cms .content-block.photopro-background ul li a::after, .custom-cms .content-block.red-background-bruit ul li a.btn-primary::after, .custom-cms .content-block.red-background-bruit .content-block.photomood-background ul li a::after, .custom-cms .content-block.photomood-background .content-block.red-background-bruit ul li a::after, .custom-cms .content-block.red-background-bruit .content-block.photopro-background ul li a::after, .custom-cms .content-block.photopro-background .content-block.red-background-bruit ul li a::after, .custom-cms .content-block.red-background-clean ul li a.btn-primary::after, .custom-cms .content-block.red-background-clean .content-block.photomood-background ul li a::after, .custom-cms .content-block.photomood-background .content-block.red-background-clean ul li a::after, .custom-cms .content-block.red-background-clean .content-block.photopro-background ul li a::after, .custom-cms .content-block.photopro-background .content-block.red-background-clean ul li a::after, .custom-cms .main-content-right a.btn-primary::after, .custom-cms .main-content-right .content-block.photomood-background ul li a::after, .custom-cms .content-block.photomood-background ul li .main-content-right a::after, .custom-cms .main-content-right .content-block.photopro-background ul li a::after, .custom-cms .content-block.photopro-background ul li .main-content-right a::after, .freesample input[type=submit]::after, .single-post-box .content ul li a::after, .contact-page .contact-form form input[type=submit]::after, .contact-page .text-content a::after, .btn.btn-secondary::after, .custom-cms .content-block.photomood-background ul li a.btn-secondary::after, .custom-cms .content-block.photopro-background ul li a.btn-secondary::after, .custom-cms .content-block.red-background-bruit ul li a.btn-secondary::after, .custom-cms .content-block.red-background-clean ul li a.btn-secondary::after, .custom-cms .main-content-right a.btn-secondary::after, .btn.btn-white::after, .custom-cms .content-block.photomood-background ul li a.btn-white::after, .custom-cms .content-block.photopro-background ul li a.btn-white::after, .custom-cms .content-block.red-background-bruit ul li a.btn::after, .custom-cms .content-block.red-background-clean ul li a.btn::after, .custom-cms .content-block.red-background-bruit ul li a.btn-white::after, .custom-cms .content-block.red-background-bruit ul li a::after, .custom-cms .content-block.red-background-bruit .content-block.red-background-clean ul li a::after, .custom-cms .content-block.red-background-clean .content-block.red-background-bruit ul li a::after, .custom-cms .content-block.red-background-clean ul li a.btn-white::after, .custom-cms .content-block.red-background-clean ul li a::after, .custom-cms .main-content-right a.btn-white::after, .custom-cms .main-content-right .content-block.red-background-bruit ul li a::after, .custom-cms .content-block.red-background-bruit ul li .main-content-right a::after, .custom-cms .main-content-right .content-block.red-background-clean ul li a::after, .custom-cms .content-block.red-background-clean ul li .main-content-right a::after, .btn.btn-white-bicky::after, .custom-cms .content-block.photomood-background ul li a.btn-white-bicky::after, .custom-cms .content-block.photopro-background ul li a.btn-white-bicky::after, .custom-cms .content-block.red-background-bruit ul li a.btn-white-bicky::after, .custom-cms .content-block.red-background-clean ul li a.btn-white-bicky::after, .custom-cms .main-content-right a.btn-white-bicky::after, .btn.btn-outline-primary::after, .custom-cms .content-block.photomood-background ul li a.btn-outline-primary::after, .custom-cms .content-block.photopro-background ul li a.btn-outline-primary::after, .custom-cms .content-block.red-background-bruit ul li a.btn-outline-primary::after, .custom-cms .content-block.red-background-clean ul li a.btn-outline-primary::after, .custom-cms .main-content-right a.btn-outline-primary::after, .btn.btn-outline-secondary::after, .custom-cms .content-block.photomood-background ul li a.btn-outline-secondary::after, .custom-cms .content-block.photopro-background ul li a.btn-outline-secondary::after, .custom-cms .content-block.red-background-bruit ul li a.btn-outline-secondary::after, .custom-cms .content-block.red-background-clean ul li a.btn-outline-secondary::after, .custom-cms .main-content-right a.btn-outline-secondary::after { content: ""; height: 6px; width: 6px; margin: 0 5px 0 3px; top: -1px; position: relative; border-top: 2px solid #FFF; border-right: 2px solid #FFF; display: inline-block; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .btn.btn-primary.load, .action-page .action-form form input.load[type=button], .custom-cms .content-block.photomood-background ul li a.load, .custom-cms .content-block.photopro-background ul li a.load, .custom-cms .main-content-right a.btn-primary.load, .freesample input.load[type=submit], .single-post-box .content ul li a.load, .contact-page .contact-form form input.load[type=submit], .contact-page .text-content a.load, .btn.btn-secondary.load, .custom-cms .main-content-right a.btn-secondary.load, .btn.btn-white.load, .custom-cms .content-block.red-background-bruit ul li a.load, .custom-cms .content-block.red-background-clean ul li a.load, .custom-cms .main-content-right a.btn-white.load, .btn.btn-white-bicky.load, .custom-cms .main-content-right a.btn-white-bicky.load, .btn.btn-outline-primary.load, .custom-cms .main-content-right a.btn-outline-primary.load, .btn.btn-outline-secondary.load, .custom-cms .main-content-right a.btn-outline-secondary.load { margin-top: 30px; } .btn.btn-primary.load::after, .action-page .action-form form input.load[type=button]::after, .custom-cms .content-block.photomood-background ul li a.load::after, .custom-cms .content-block.photopro-background ul li a.load::after, .custom-cms .main-content-right a.btn-primary.load::after, .freesample input.load[type=submit]::after, .single-post-box .content ul li a.load::after, .contact-page .contact-form form input.load[type=submit]::after, .contact-page .text-content a.load::after, .btn.btn-secondary.load::after, .custom-cms .main-content-right a.btn-secondary.load::after, .btn.btn-white.load::after, .custom-cms .content-block.red-background-bruit ul li a.load::after, .custom-cms .content-block.red-background-clean ul li a.load::after, .custom-cms .main-content-right a.btn-white.load::after, .btn.btn-white-bicky.load::after, .custom-cms .main-content-right a.btn-white-bicky.load::after, .btn.btn-outline-primary.load::after, .custom-cms .main-content-right a.btn-outline-primary.load::after, .btn.btn-outline-secondary.load::after, .custom-cms .main-content-right a.btn-outline-secondary.load::after { margin: -5px 0 2px 5px; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .btn.btn-primary:hover, .action-page .action-form form input[type=button]:hover, .custom-cms .content-block.photomood-background ul li a:hover, .custom-cms .content-block.photopro-background ul li a:hover, .custom-cms .main-content-right a.btn-primary:hover, .freesample input[type=submit]:hover, .single-post-box .content ul li a:hover, .contact-page .contact-form form input[type=submit]:hover, .contact-page .text-content a:hover, .btn.btn-secondary:hover, .custom-cms .main-content-right a.btn-secondary:hover, .btn.btn-white:hover, .custom-cms .content-block.red-background-bruit ul li a:hover, .custom-cms .content-block.red-background-clean ul li a:hover, .custom-cms .main-content-right a.btn-white:hover, .btn.btn-white-bicky:hover, .custom-cms .main-content-right a.btn-white-bicky:hover, .btn.btn-outline-primary:hover, .custom-cms .main-content-right a.btn-outline-primary:hover, .btn.btn-outline-secondary:hover, .custom-cms .main-content-right a.btn-outline-secondary:hover { background: #4A080C; } .btn.btn-primary, .action-page .action-form form input[type=button], .custom-cms .content-block.photomood-background ul li a.btn, .custom-cms .content-block.photopro-background ul li a.btn, .custom-cms .content-block.photomood-background ul li a.btn-primary, .custom-cms .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background .content-block.photomood-background ul li a, .custom-cms .content-block.photopro-background ul li a.btn-primary, .custom-cms .content-block.photopro-background ul li a, .custom-cms .content-block.red-background-bruit ul li a.btn-primary, .custom-cms .content-block.red-background-bruit .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-clean ul li a.btn-primary, .custom-cms .content-block.red-background-clean .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background .content-block.red-background-clean ul li a, .custom-cms .main-content-right a.btn-primary, .custom-cms .main-content-right .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background ul li .main-content-right a, .custom-cms .main-content-right .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background ul li .main-content-right a, .freesample input[type=submit], .single-post-box .content ul li a, .contact-page .contact-form form input[type=submit], .contact-page .text-content a { background: #DD0000; color: #FFF; border: none; } .btn.btn-primary:hover, .action-page .action-form form input[type=button]:hover, .custom-cms .content-block.photomood-background ul li a:hover, .custom-cms .content-block.photopro-background ul li a:hover, .custom-cms .content-block.red-background-bruit ul li a.btn-primary:hover, .custom-cms .content-block.red-background-clean ul li a.btn-primary:hover, .custom-cms .main-content-right a.btn-primary:hover, .freesample input[type=submit]:hover, .single-post-box .content ul li a:hover, .contact-page .contact-form form input[type=submit]:hover, .contact-page .text-content a:hover { -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); color: #FFF; background: #c40000; } .btn.btn-primary:hover::after, .action-page .action-form form input[type=button]:hover::after, .custom-cms .content-block.photomood-background ul li a:hover::after, .custom-cms .content-block.photopro-background ul li a:hover::after, .custom-cms .content-block.red-background-bruit ul li a.btn-primary:hover::after, .custom-cms .content-block.red-background-clean ul li a.btn-primary:hover::after, .custom-cms .main-content-right a.btn-primary:hover::after, .freesample input[type=submit]:hover::after, .single-post-box .content ul li a:hover::after, .contact-page .contact-form form input[type=submit]:hover::after, .contact-page .text-content a:hover::after { background: rgba(0, 0, 0, 0); } .btn.btn-secondary, .action-page .action-form form input.btn-secondary[type=button], .custom-cms .content-block.photomood-background ul li a.btn-secondary, .custom-cms .content-block.photopro-background ul li a.btn-secondary, .custom-cms .content-block.red-background-bruit ul li a.btn-secondary, .custom-cms .content-block.red-background-clean ul li a.btn-secondary, .custom-cms .main-content-right a.btn-secondary, .freesample input.btn-secondary[type=submit], .single-post-box .content ul li a.btn-secondary, .contact-page .contact-form form input.btn-secondary[type=submit], .contact-page .text-content a.btn-secondary { background: #4A080C; color: #FFF; border: none; } .btn.btn-secondary:hover, .action-page .action-form form input.btn-secondary[type=button]:hover, .custom-cms .content-block.photomood-background ul li a.btn-secondary:hover, .custom-cms .content-block.photopro-background ul li a.btn-secondary:hover, .custom-cms .content-block.red-background-bruit ul li a.btn-secondary:hover, .custom-cms .content-block.red-background-clean ul li a.btn-secondary:hover, .custom-cms .main-content-right a.btn-secondary:hover, .freesample input.btn-secondary[type=submit]:hover, .single-post-box .content ul li a.btn-secondary:hover, .contact-page .contact-form form input.btn-secondary[type=submit]:hover, .contact-page .text-content a.btn-secondary:hover { -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); } .btn.btn-white, .action-page .action-form form input.btn-white[type=button], .custom-cms .content-block.photomood-background ul li a.btn-white, .custom-cms .content-block.photopro-background ul li a.btn-white, .custom-cms .content-block.red-background-bruit ul li a.btn, .custom-cms .content-block.red-background-bruit .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-clean ul li a.btn, .custom-cms .content-block.red-background-clean .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-bruit ul li a.btn-white, .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-clean ul li a.btn-white, .custom-cms .content-block.red-background-clean ul li a, .custom-cms .main-content-right a.btn-white, .custom-cms .main-content-right .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li .main-content-right a, .custom-cms .main-content-right .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li .main-content-right a, .freesample input.btn-white[type=submit], .single-post-box .content ul li a.btn-white, .single-post-box .content .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit .single-post-box .content ul li a, .single-post-box .content .custom-cms .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean .single-post-box .content ul li a, .contact-page .contact-form form input.btn-white[type=submit], .contact-page .text-content a.btn-white, .contact-page .text-content .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li .contact-page .text-content a, .contact-page .text-content .custom-cms .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li .contact-page .text-content a, .btn.btn-outline-primary, .action-page .action-form form input.btn-outline-primary[type=button], .custom-cms .content-block.photomood-background ul li a.btn-outline-primary, .custom-cms .content-block.photopro-background ul li a.btn-outline-primary, .custom-cms .content-block.red-background-bruit ul li a.btn-outline-primary, .custom-cms .content-block.red-background-clean ul li a.btn-outline-primary, .custom-cms .main-content-right a.btn-outline-primary, .freesample input.btn-outline-primary[type=submit], .single-post-box .content ul li a.btn-outline-primary, .contact-page .contact-form form input.btn-outline-primary[type=submit], .contact-page .text-content a.btn-outline-primary { color: #DD0000; background: #FFF; border: 2px solid #FFF; } .btn.btn-white::after, .action-page .action-form form input.btn-white[type=button]::after, .custom-cms .content-block.photomood-background ul li a.btn-white::after, .custom-cms .content-block.photopro-background ul li a.btn-white::after, .custom-cms .content-block.red-background-bruit ul li a.btn::after, .custom-cms .content-block.red-background-bruit .content-block.photomood-background ul li a::after, .custom-cms .content-block.photomood-background .content-block.red-background-bruit ul li a::after, .custom-cms .content-block.red-background-bruit .content-block.photopro-background ul li a::after, .custom-cms .content-block.photopro-background .content-block.red-background-bruit ul li a::after, .custom-cms .content-block.red-background-clean ul li a.btn::after, .custom-cms .content-block.red-background-clean .content-block.photomood-background ul li a::after, .custom-cms .content-block.photomood-background .content-block.red-background-clean ul li a::after, .custom-cms .content-block.red-background-clean .content-block.photopro-background ul li a::after, .custom-cms .content-block.photopro-background .content-block.red-background-clean ul li a::after, .custom-cms .content-block.red-background-bruit ul li a.btn-white::after, .custom-cms .content-block.red-background-bruit ul li a::after, .custom-cms .content-block.red-background-bruit .content-block.red-background-clean ul li a::after, .custom-cms .content-block.red-background-clean .content-block.red-background-bruit ul li a::after, .custom-cms .content-block.red-background-clean ul li a.btn-white::after, .custom-cms .content-block.red-background-clean ul li a::after, .custom-cms .main-content-right a.btn-white::after, .custom-cms .main-content-right .content-block.red-background-bruit ul li a::after, .custom-cms .content-block.red-background-bruit ul li .main-content-right a::after, .custom-cms .main-content-right .content-block.red-background-clean ul li a::after, .custom-cms .content-block.red-background-clean ul li .main-content-right a::after, .freesample input.btn-white[type=submit]::after, .single-post-box .content ul li a.btn-white::after, .single-post-box .content .custom-cms .content-block.red-background-bruit ul li a::after, .custom-cms .content-block.red-background-bruit .single-post-box .content ul li a::after, .single-post-box .content .custom-cms .content-block.red-background-clean ul li a::after, .custom-cms .content-block.red-background-clean .single-post-box .content ul li a::after, .contact-page .contact-form form input.btn-white[type=submit]::after, .contact-page .text-content a.btn-white::after, .contact-page .text-content .custom-cms .content-block.red-background-bruit ul li a::after, .custom-cms .content-block.red-background-bruit ul li .contact-page .text-content a::after, .contact-page .text-content .custom-cms .content-block.red-background-clean ul li a::after, .custom-cms .content-block.red-background-clean ul li .contact-page .text-content a::after, .btn.btn-outline-primary::after, .action-page .action-form form input.btn-outline-primary[type=button]::after, .custom-cms .content-block.photomood-background ul li a.btn-outline-primary::after, .custom-cms .content-block.photopro-background ul li a.btn-outline-primary::after, .custom-cms .content-block.red-background-bruit ul li a.btn-outline-primary::after, .custom-cms .content-block.red-background-clean ul li a.btn-outline-primary::after, .custom-cms .main-content-right a.btn-outline-primary::after, .freesample input.btn-outline-primary[type=submit]::after, .single-post-box .content ul li a.btn-outline-primary::after, .contact-page .contact-form form input.btn-outline-primary[type=submit]::after, .contact-page .text-content a.btn-outline-primary::after { border-top: 2px solid #DD0000; border-right: 2px solid #DD0000; } .btn.btn-white:hover, .action-page .action-form form input.btn-white[type=button]:hover, .custom-cms .content-block.photomood-background ul li a.btn-white:hover, .custom-cms .content-block.photopro-background ul li a.btn-white:hover, .custom-cms .content-block.red-background-bruit ul li a:hover, .custom-cms .content-block.red-background-clean ul li a:hover, .custom-cms .main-content-right a.btn-white:hover, .freesample input.btn-white[type=submit]:hover, .single-post-box .content ul li a.btn-white:hover, .contact-page .contact-form form input.btn-white[type=submit]:hover, .contact-page .text-content a.btn-white:hover, .btn.btn-outline-primary:hover, .action-page .action-form form input.btn-outline-primary[type=button]:hover, .custom-cms .content-block.photomood-background ul li a.btn-outline-primary:hover, .custom-cms .content-block.photopro-background ul li a.btn-outline-primary:hover, .custom-cms .main-content-right a.btn-outline-primary:hover, .freesample input.btn-outline-primary[type=submit]:hover, .single-post-box .content ul li a.btn-outline-primary:hover, .contact-page .contact-form form input.btn-outline-primary[type=submit]:hover, .contact-page .text-content a.btn-outline-primary:hover { color: #FFF; border-color: #4A080C; background-color: #4A080C; } .btn.btn-white:hover::after, .action-page .action-form form input.btn-white[type=button]:hover::after, .custom-cms .content-block.photomood-background ul li a.btn-white:hover::after, .custom-cms .content-block.photopro-background ul li a.btn-white:hover::after, .custom-cms .content-block.red-background-bruit ul li a:hover::after, .custom-cms .content-block.red-background-clean ul li a:hover::after, .custom-cms .main-content-right a.btn-white:hover::after, .freesample input.btn-white[type=submit]:hover::after, .single-post-box .content ul li a.btn-white:hover::after, .contact-page .contact-form form input.btn-white[type=submit]:hover::after, .contact-page .text-content a.btn-white:hover::after, .btn.btn-outline-primary:hover::after, .action-page .action-form form input.btn-outline-primary[type=button]:hover::after, .custom-cms .content-block.photomood-background ul li a.btn-outline-primary:hover::after, .custom-cms .content-block.photopro-background ul li a.btn-outline-primary:hover::after, .custom-cms .main-content-right a.btn-outline-primary:hover::after, .freesample input.btn-outline-primary[type=submit]:hover::after, .single-post-box .content ul li a.btn-outline-primary:hover::after, .contact-page .contact-form form input.btn-outline-primary[type=submit]:hover::after, .contact-page .text-content a.btn-outline-primary:hover::after { border-top: 2px solid #FFF; border-right: 2px solid #FFF; } .btn.btn-outline-primary, .action-page .action-form form input.btn-outline-primary[type=button], .custom-cms .content-block.photomood-background ul li a.btn-outline-primary, .custom-cms .content-block.photopro-background ul li a.btn-outline-primary, .custom-cms .content-block.red-background-bruit ul li a.btn-outline-primary, .custom-cms .content-block.red-background-clean ul li a.btn-outline-primary, .custom-cms .main-content-right a.btn-outline-primary, .freesample input.btn-outline-primary[type=submit], .single-post-box .content ul li a.btn-outline-primary, .contact-page .contact-form form input.btn-outline-primary[type=submit], .contact-page .text-content a.btn-outline-primary { border-color: #DD0000; } .btn.btn-outline-primary:hover, .action-page .action-form form input.btn-outline-primary[type=button]:hover, .custom-cms .content-block.photomood-background ul li a.btn-outline-primary:hover, .custom-cms .content-block.photopro-background ul li a.btn-outline-primary:hover, .custom-cms .content-block.red-background-bruit ul li a.btn-outline-primary:hover, .custom-cms .content-block.red-background-clean ul li a.btn-outline-primary:hover, .custom-cms .main-content-right a.btn-outline-primary:hover, .freesample input.btn-outline-primary[type=submit]:hover, .single-post-box .content ul li a.btn-outline-primary:hover, .contact-page .contact-form form input.btn-outline-primary[type=submit]:hover, .contact-page .text-content a.btn-outline-primary:hover { border-color: #DD0000; background: #DD0000; color: #FFF; } .btn.btn-white-bicky, .action-page .action-form form input.btn-white-bicky[type=button], .custom-cms .content-block.photomood-background ul li a.btn-white-bicky, .custom-cms .content-block.photopro-background ul li a.btn-white-bicky, .custom-cms .content-block.red-background-bruit ul li a.btn-white-bicky, .custom-cms .content-block.red-background-clean ul li a.btn-white-bicky, .custom-cms .main-content-right a.btn-white-bicky, .freesample input.btn-white-bicky[type=submit], .single-post-box .content ul li a.btn-white-bicky, .contact-page .contact-form form input.btn-white-bicky[type=submit], .contact-page .text-content a.btn-white-bicky { color: #139e43; background: #FFF; } .btn.btn-white-bicky::after, .action-page .action-form form input.btn-white-bicky[type=button]::after, .custom-cms .content-block.photomood-background ul li a.btn-white-bicky::after, .custom-cms .content-block.photopro-background ul li a.btn-white-bicky::after, .custom-cms .content-block.red-background-bruit ul li a.btn-white-bicky::after, .custom-cms .content-block.red-background-clean ul li a.btn-white-bicky::after, .custom-cms .main-content-right a.btn-white-bicky::after, .freesample input.btn-white-bicky[type=submit]::after, .single-post-box .content ul li a.btn-white-bicky::after, .contact-page .contact-form form input.btn-white-bicky[type=submit]::after, .contact-page .text-content a.btn-white-bicky::after { border-top: 2px solid #139e43; border-right: 2px solid #139e43; } .btn.btn-white-bicky:hover, .action-page .action-form form input.btn-white-bicky[type=button]:hover, .custom-cms .content-block.photomood-background ul li a.btn-white-bicky:hover, .custom-cms .content-block.photopro-background ul li a.btn-white-bicky:hover, .custom-cms .content-block.red-background-bruit ul li a.btn-white-bicky:hover, .custom-cms .content-block.red-background-clean ul li a.btn-white-bicky:hover, .custom-cms .main-content-right a.btn-white-bicky:hover, .freesample input.btn-white-bicky[type=submit]:hover, .single-post-box .content ul li a.btn-white-bicky:hover, .contact-page .contact-form form input.btn-white-bicky[type=submit]:hover, .contact-page .text-content a.btn-white-bicky:hover { color: #FFF; background-color: #103b1e; } .btn.btn-white-bicky:hover::after, .action-page .action-form form input.btn-white-bicky[type=button]:hover::after, .custom-cms .content-block.photomood-background ul li a.btn-white-bicky:hover::after, .custom-cms .content-block.photopro-background ul li a.btn-white-bicky:hover::after, .custom-cms .content-block.red-background-bruit ul li a.btn-white-bicky:hover::after, .custom-cms .content-block.red-background-clean ul li a.btn-white-bicky:hover::after, .custom-cms .main-content-right a.btn-white-bicky:hover::after, .freesample input.btn-white-bicky[type=submit]:hover::after, .single-post-box .content ul li a.btn-white-bicky:hover::after, .contact-page .contact-form form input.btn-white-bicky[type=submit]:hover::after, .contact-page .text-content a.btn-white-bicky:hover::after { border-top: 2px solid #FFF; border-right: 2px solid #FFF; } .btn.btn-outline-secondary, .action-page .action-form form input.btn-outline-secondary[type=button], .custom-cms .content-block.photomood-background ul li a.btn-outline-secondary, .custom-cms .content-block.photopro-background ul li a.btn-outline-secondary, .custom-cms .content-block.red-background-bruit ul li a.btn-outline-secondary, .custom-cms .content-block.red-background-clean ul li a.btn-outline-secondary, .custom-cms .main-content-right a.btn-outline-secondary, .freesample input.btn-outline-secondary[type=submit], .single-post-box .content ul li a.btn-outline-secondary, .contact-page .contact-form form input.btn-outline-secondary[type=submit], .contact-page .text-content a.btn-outline-secondary { color: #FFF; background: none; border: 2px solid #FFF; } .btn.btn-outline-secondary:hover, .action-page .action-form form input.btn-outline-secondary[type=button]:hover, .custom-cms .content-block.photomood-background ul li a.btn-outline-secondary:hover, .custom-cms .content-block.photopro-background ul li a.btn-outline-secondary:hover, .custom-cms .content-block.red-background-bruit ul li a.btn-outline-secondary:hover, .custom-cms .content-block.red-background-clean ul li a.btn-outline-secondary:hover, .custom-cms .main-content-right a.btn-outline-secondary:hover, .freesample input.btn-outline-secondary[type=submit]:hover, .single-post-box .content ul li a.btn-outline-secondary:hover, .contact-page .contact-form form input.btn-outline-secondary[type=submit]:hover, .contact-page .text-content a.btn-outline-secondary:hover { background: #DD0000; border: 2px solid #DD0000; } .btn.icon-btn svg, .action-page .action-form form input.icon-btn[type=button] svg, .custom-cms .content-block.photomood-background ul li a.icon-btn svg, .custom-cms .content-block.photopro-background ul li a.icon-btn svg, .custom-cms .content-block.red-background-bruit ul li a.icon-btn svg, .custom-cms .content-block.red-background-clean ul li a.icon-btn svg, .custom-cms .main-content-right a.icon-btn svg, .freesample input.icon-btn[type=submit] svg, .single-post-box .content ul li a.icon-btn svg, .contact-page .contact-form form input.icon-btn[type=submit] svg, .contact-page .text-content a.icon-btn svg { margin-right: 5px; position: relative; top: -2px; } .btn-menu-pro { color: #FF1622; padding: 3px 8px 4px 5px; display: inline-block; background: none; } @media (min-width: 992px) { .btn-menu-pro { border: 2px solid #FFF; } .btn-menu-pro:hover { color: white; background: #830D0D; border: 2px solid #830D0D; } .btn-menu-pro:hover a { color: #ffffff !important; } } .btn-language { font-size: 15px; padding: 3px 18px 4px 15px; letter-spacing: 0; display: inline-block; text-transform: uppercase; background: none; background: #4A080C; border: 2px solid #4A080C; color: #FFF !important; } .btn-language:hover { color: #FFF; background: #FF1622; border: 2px solid #FF1622; } .custom-select { width: 200px; border-radius: 0px; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; -webkit-box-shadow: none; box-shadow: none; } .dropdown .dropdown-toggle:after { content: ""; display: inline-block; background: transparent url(../images/arrow-bottom-white.svg?b06dbff0c2df819ab0ca8a9b898915df) no-repeat center left; height: 8px; width: 12px; position: relative; top: 2px; border: 0px; } @media (min-width: 992px) { .dropdown .dropdown-toggle:after { background: transparent url(../images/arrow-bottom-red.svg?5a00ff17c270d1fa928d5067c3788688) no-repeat center left; height: 6px; width: 10px; } } .dropdown-menu { background: #4A080C; border: 0px; border-radius: 0; margin: 10px 0 0 -12px; padding: 12px 0 12px 0; } .dropdown-menu li { margin: 3px 20px 3px 25px !important; text-align: center; padding: 5px 0; display: block !important; } .dropdown-menu li a { color: #ffffff !important; text-transform: none !important; font-size: 14px !important; } .dropdown-menu li a:hover { color: #4A080C !important; } @media (min-width: 992px) { .dropdown-menu { background: #FF1622; } .dropdown-menu li { margin: 3px 20px 3px 25px !important; text-align: left; } .dropdown-menu li a { color: #ffffff !important; text-transform: none !important; font-size: 14px !important; } .dropdown-menu li a:hover { color: #4A080C !important; } } .freesample { overflow: hidden; } @media (min-width: 768px) { .freesample .form-check.form-check-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; } } .freesample .btn_close-freesample { position: fixed; right: 0; top: 5px; cursor: pointer; } .freesample .btn_close-freesample svg { fill: #B8969B; } .freesample .btn_close-freesample svg .cls-1 { fill: #B8969B; } .freesample__step { display: block; opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } .freesample__step--active { -webkit-transition: 0.4s; transition: 0.4s; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .freesample input.error { border: 1px solid red; } .freesample .awesomplete > ul { bottom: 45px; } .freesample .awesomplete > ul::before { bottom: -0.43em; top: auto; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .freesample .awesomplete > ul li:hover mark { background: none; } .freesample .awesomplete mark { background: none; } #modal-staycation { text-align: center; padding: 0 !important; } #modal-staycation .vertical-center { height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #modal-staycation .modal-dialog { max-width: 540px; display: inline-block; text-align: left; vertical-align: middle; } #modal-staycation .modal-dialog .modal-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 768px) { #modal-staycation .modal-dialog .modal-content { display: block; } } #modal-staycation .modal-dialog .modal-content .close { position: absolute; font-size: 3em; line-height: 1em; color: #fff; background-color: transparent; border: none; top: -3.5rem; } @media (min-width: 768px) { #modal-staycation .modal-dialog .modal-content .close { right: -3rem; } } #modal-staycation .modal-dialog .modal-content .modal-body { background-color: #e3212c; -webkit-box-flex: 0; -ms-flex: none; flex: none; padding: 0; } #modal-staycation .modal-dialog .modal-content .modal-body img { max-width: 100%; } #modal-staycation .modal-dialog .modal-content .modal-body .btn, #modal-staycation .modal-dialog .modal-content .modal-body .action-page .action-form form input[type=button], .action-page .action-form form #modal-staycation .modal-dialog .modal-content .modal-body input[type=button], #modal-staycation .modal-dialog .modal-content .modal-body .custom-cms .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background ul li #modal-staycation .modal-dialog .modal-content .modal-body a, #modal-staycation .modal-dialog .modal-content .modal-body .custom-cms .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background ul li #modal-staycation .modal-dialog .modal-content .modal-body a, #modal-staycation .modal-dialog .modal-content .modal-body .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li #modal-staycation .modal-dialog .modal-content .modal-body a, #modal-staycation .modal-dialog .modal-content .modal-body .custom-cms .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li #modal-staycation .modal-dialog .modal-content .modal-body a, #modal-staycation .modal-dialog .modal-content .modal-body .custom-cms .main-content-right a, .custom-cms .main-content-right #modal-staycation .modal-dialog .modal-content .modal-body a, #modal-staycation .modal-dialog .modal-content .modal-body .freesample input[type=submit], .freesample #modal-staycation .modal-dialog .modal-content .modal-body input[type=submit], #modal-staycation .modal-dialog .modal-content .modal-body .single-post-box .content ul li a, .single-post-box .content ul li #modal-staycation .modal-dialog .modal-content .modal-body a, #modal-staycation .modal-dialog .modal-content .modal-body .contact-page .contact-form form input[type=submit], .contact-page .contact-form form #modal-staycation .modal-dialog .modal-content .modal-body input[type=submit], #modal-staycation .modal-dialog .modal-content .modal-body .contact-page .text-content a, .contact-page .text-content #modal-staycation .modal-dialog .modal-content .modal-body a { font-size: 0.9em; color: #1f8840; } #modal-staycation .modal-dialog .modal-content .modal-body .btn::after, #modal-staycation .modal-dialog .modal-content .modal-body .action-page .action-form form input[type=button]::after, .action-page .action-form form #modal-staycation .modal-dialog .modal-content .modal-body input[type=button]::after, #modal-staycation .modal-dialog .modal-content .modal-body .custom-cms .content-block.photomood-background ul li a::after, .custom-cms .content-block.photomood-background ul li #modal-staycation .modal-dialog .modal-content .modal-body a::after, #modal-staycation .modal-dialog .modal-content .modal-body .custom-cms .content-block.photopro-background ul li a::after, .custom-cms .content-block.photopro-background ul li #modal-staycation .modal-dialog .modal-content .modal-body a::after, #modal-staycation .modal-dialog .modal-content .modal-body .custom-cms .content-block.red-background-bruit ul li a::after, .custom-cms .content-block.red-background-bruit ul li #modal-staycation .modal-dialog .modal-content .modal-body a::after, #modal-staycation .modal-dialog .modal-content .modal-body .custom-cms .content-block.red-background-clean ul li a::after, .custom-cms .content-block.red-background-clean ul li #modal-staycation .modal-dialog .modal-content .modal-body a::after, #modal-staycation .modal-dialog .modal-content .modal-body .custom-cms .main-content-right a::after, .custom-cms .main-content-right #modal-staycation .modal-dialog .modal-content .modal-body a::after, #modal-staycation .modal-dialog .modal-content .modal-body .freesample input[type=submit]::after, .freesample #modal-staycation .modal-dialog .modal-content .modal-body input[type=submit]::after, #modal-staycation .modal-dialog .modal-content .modal-body .single-post-box .content ul li a::after, .single-post-box .content ul li #modal-staycation .modal-dialog .modal-content .modal-body a::after, #modal-staycation .modal-dialog .modal-content .modal-body .contact-page .contact-form form input[type=submit]::after, .contact-page .contact-form form #modal-staycation .modal-dialog .modal-content .modal-body input[type=submit]::after, #modal-staycation .modal-dialog .modal-content .modal-body .contact-page .text-content a::after, .contact-page .text-content #modal-staycation .modal-dialog .modal-content .modal-body a::after { border-color: #1f8840; } #modal-staycation .modal-dialog .modal-content .modal-body:hover .btn, #modal-staycation .modal-dialog .modal-content .modal-body:hover .action-page .action-form form input[type=button], .action-page .action-form form #modal-staycation .modal-dialog .modal-content .modal-body:hover input[type=button], #modal-staycation .modal-dialog .modal-content .modal-body:hover .custom-cms .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background ul li #modal-staycation .modal-dialog .modal-content .modal-body:hover a, #modal-staycation .modal-dialog .modal-content .modal-body:hover .custom-cms .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background ul li #modal-staycation .modal-dialog .modal-content .modal-body:hover a, #modal-staycation .modal-dialog .modal-content .modal-body:hover .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li #modal-staycation .modal-dialog .modal-content .modal-body:hover a, #modal-staycation .modal-dialog .modal-content .modal-body:hover .custom-cms .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li #modal-staycation .modal-dialog .modal-content .modal-body:hover a, #modal-staycation .modal-dialog .modal-content .modal-body:hover .custom-cms .main-content-right a, .custom-cms .main-content-right #modal-staycation .modal-dialog .modal-content .modal-body:hover a, #modal-staycation .modal-dialog .modal-content .modal-body:hover .freesample input[type=submit], .freesample #modal-staycation .modal-dialog .modal-content .modal-body:hover input[type=submit], #modal-staycation .modal-dialog .modal-content .modal-body:hover .single-post-box .content ul li a, .single-post-box .content ul li #modal-staycation .modal-dialog .modal-content .modal-body:hover a, #modal-staycation .modal-dialog .modal-content .modal-body:hover .contact-page .contact-form form input[type=submit], .contact-page .contact-form form #modal-staycation .modal-dialog .modal-content .modal-body:hover input[type=submit], #modal-staycation .modal-dialog .modal-content .modal-body:hover .contact-page .text-content a, .contact-page .text-content #modal-staycation .modal-dialog .modal-content .modal-body:hover a { color: #FFF; background-color: #1f8840; border-color: #FFF; } #modal-staycation .modal-dialog .modal-content .modal-body:hover .btn::after, #modal-staycation .modal-dialog .modal-content .modal-body:hover .action-page .action-form form input[type=button]::after, .action-page .action-form form #modal-staycation .modal-dialog .modal-content .modal-body:hover input[type=button]::after, #modal-staycation .modal-dialog .modal-content .modal-body:hover .custom-cms .content-block.photomood-background ul li a::after, .custom-cms .content-block.photomood-background ul li #modal-staycation .modal-dialog .modal-content .modal-body:hover a::after, #modal-staycation .modal-dialog .modal-content .modal-body:hover .custom-cms .content-block.photopro-background ul li a::after, .custom-cms .content-block.photopro-background ul li #modal-staycation .modal-dialog .modal-content .modal-body:hover a::after, #modal-staycation .modal-dialog .modal-content .modal-body:hover .custom-cms .content-block.red-background-bruit ul li a::after, .custom-cms .content-block.red-background-bruit ul li #modal-staycation .modal-dialog .modal-content .modal-body:hover a::after, #modal-staycation .modal-dialog .modal-content .modal-body:hover .custom-cms .content-block.red-background-clean ul li a::after, .custom-cms .content-block.red-background-clean ul li #modal-staycation .modal-dialog .modal-content .modal-body:hover a::after, #modal-staycation .modal-dialog .modal-content .modal-body:hover .custom-cms .main-content-right a::after, .custom-cms .main-content-right #modal-staycation .modal-dialog .modal-content .modal-body:hover a::after, #modal-staycation .modal-dialog .modal-content .modal-body:hover .freesample input[type=submit]::after, .freesample #modal-staycation .modal-dialog .modal-content .modal-body:hover input[type=submit]::after, #modal-staycation .modal-dialog .modal-content .modal-body:hover .single-post-box .content ul li a::after, .single-post-box .content ul li #modal-staycation .modal-dialog .modal-content .modal-body:hover a::after, #modal-staycation .modal-dialog .modal-content .modal-body:hover .contact-page .contact-form form input[type=submit]::after, .contact-page .contact-form form #modal-staycation .modal-dialog .modal-content .modal-body:hover input[type=submit]::after, #modal-staycation .modal-dialog .modal-content .modal-body:hover .contact-page .text-content a::after, .contact-page .text-content #modal-staycation .modal-dialog .modal-content .modal-body:hover a::after { border-top: 2px solid #FFF; border-right: 2px solid #FFF; } #modal-staycation .modal-dialog .modal-content .modal-body p { color: #FFF; text-align: center; padding-top: 10px; } #modal-staycation .modal-dialog .modal-content .footer-modal { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; bottom: 1rem; } @media (min-width: 768px) { #modal-staycation .modal-dialog .modal-content .footer-modal { bottom: 2.5rem; } #modal-staycation .modal-dialog .modal-content .footer-modal .btn, #modal-staycation .modal-dialog .modal-content .footer-modal .action-page .action-form form input[type=button], .action-page .action-form form #modal-staycation .modal-dialog .modal-content .footer-modal input[type=button], #modal-staycation .modal-dialog .modal-content .footer-modal .custom-cms .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background ul li #modal-staycation .modal-dialog .modal-content .footer-modal a, #modal-staycation .modal-dialog .modal-content .footer-modal .custom-cms .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background ul li #modal-staycation .modal-dialog .modal-content .footer-modal a, #modal-staycation .modal-dialog .modal-content .footer-modal .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li #modal-staycation .modal-dialog .modal-content .footer-modal a, #modal-staycation .modal-dialog .modal-content .footer-modal .custom-cms .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li #modal-staycation .modal-dialog .modal-content .footer-modal a, #modal-staycation .modal-dialog .modal-content .footer-modal .custom-cms .main-content-right a, .custom-cms .main-content-right #modal-staycation .modal-dialog .modal-content .footer-modal a, #modal-staycation .modal-dialog .modal-content .footer-modal .freesample input[type=submit], .freesample #modal-staycation .modal-dialog .modal-content .footer-modal input[type=submit], #modal-staycation .modal-dialog .modal-content .footer-modal .single-post-box .content ul li a, .single-post-box .content ul li #modal-staycation .modal-dialog .modal-content .footer-modal a, #modal-staycation .modal-dialog .modal-content .footer-modal .contact-page .contact-form form input[type=submit], .contact-page .contact-form form #modal-staycation .modal-dialog .modal-content .footer-modal input[type=submit], #modal-staycation .modal-dialog .modal-content .footer-modal .contact-page .text-content a, .contact-page .text-content #modal-staycation .modal-dialog .modal-content .footer-modal a { font-size: 1em; } } body.open { overflow: hidden; } header.menu--top { z-index: 10; position: relative !important; } header#top { height: 0; } @media (max-width: 991.98px) { header#top { position: relative; z-index: 9999; } header#top.menu--top .nav-bar { background: none !important; } } @media (max-width: 767.98px) { header#top { position: fixed !important; } } @media (min-width: 992px) { header#top { height: 96px; } } #navicon, .menu--fixed #navicon { top: 0; right: 0; height: 46px; width: 46px; z-index: 999; -webkit-box-shadow: none; box-shadow: none; } #navicon.close, .menu--fixed #navicon.close { height: 46px; width: 46px; } #navicon.close::before, .menu--fixed #navicon.close::before { display: none; } @media (min-width: 576px) { #navicon, .menu--fixed #navicon { top: 20px; right: 20px; } } #nav-mobile .nav-menus::before { width: 180px; height: 60px; margin: 0 auto 30px; background-size: auto 60px; display: block; content: ""; background-repeat: no-repeat; background-position: center; background-image: url(../images/dl-logo.svg?063da1dc7a1e834a825c6a660ec809d7); } #nav-mobile .nav-menus li { max-width: 300px; margin: 0 auto; } #nav-mobile .nav-menus li.spots-radio { display: none; } #nav-mobile .nav-menus li.btn-menu-pro { margin: 20px auto 10px; border: none; } #nav-mobile .nav-menus li.btn-menu-pro a { background-color: #4A080C; } @media (max-width: 991.98px) { body #nav-mobile.nav--mobile { padding: 50px 0 0; -webkit-transition: -webkit-transform ease-in 0.5s; transition: -webkit-transform ease-in 0.5s; transition: transform ease-in 0.5s; transition: transform ease-in 0.5s, -webkit-transform ease-in 0.5s; } body.open #nav-mobile.nav--mobile { opacity: 1; top: 0; height: 100%; overflow: scroll; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: -webkit-transform ease-in 0.5s; transition: -webkit-transform ease-in 0.5s; transition: transform ease-in 0.5s; transition: transform ease-in 0.5s, -webkit-transform ease-in 0.5s; } body.open #nav-mobile .nav-menus { display: block; } body.open #nav-mobile .nav-menus .spots-tv { width: 32px; height: 30px; margin: 10px auto 0 auto; display: none; background: transparent url(../images/tv-icon-white.svg?0f8fa600dbab7e643132b51d1d4866e6) no-repeat center left; } body.open #nav-mobile .nav-menus .spots-radio { width: 30px; height: 30px; margin: 20px auto 0 auto; display: none; background: transparent url(../images/radio-icon-white.svg?865d270df8e07a6c9ba799eac3078358) no-repeat center left; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } body.open #nav-mobile .nav-menus .btn-menu-pro .dropdown-menu.show { position: static !important; -webkit-transform: none !important; transform: none !important; margin: 0 auto; } body.open #nav-mobile .nav-menus .btn-menu-pro .dropdown-menu li a:hover { color: #FFF !important; } } #breadcrumbs { max-width: 100%; padding: 10px 40px 10px 0; z-index: 12; position: absolute; left: 90px; top: 5px; } #breadcrumbs span { color: #B8969B; font-size: 12px; } @media (min-width: 992px) { #breadcrumbs span { font-size: 14px; } } #breadcrumbs span.breadcrumb_last { color: #B8969B; } #breadcrumbs span a { color: #B8969B; } #breadcrumbs span a::after { content: ""; margin: 0 5px; height: 10px; width: 20px; background-size: auto 8px; display: inline-block; background-repeat: no-repeat; background-position: center bottom; background-image: url(../images/separation-brown-light.svg?6b2ff3bd6371737ead7481928e288a8c); } @media (min-width: 992px) { #breadcrumbs span a::after { height: 20px; background-size: auto 12px; } } @media (min-width: 768px) { #breadcrumbs { left: 100px; margin-top: 18px; } } @media (min-width: 992px) { #breadcrumbs { margin-top: 90px; left: 0; max-width: 400px; } } @media (min-width: 1200px) { #breadcrumbs { max-width: 700px; } } /* colors white breadcrumbs */ body.politique-de-vie-privee #breadcrumbs span, body.politique-de-cookies #breadcrumbs span, body.page-template-page-professionnel #breadcrumbs span, body.page-template-page-contact #breadcrumbs span, body.post-type-archive-product-pro #breadcrumbs span, body.page-template-page-overons #breadcrumbs span, body.page-template-page-contact #breadcrumbs span, body.page-template-page-friterie-map #breadcrumbs span, body.single-faq #breadcrumbs span, body.page-template-page-faq-seo #breadcrumbs span, body.page-template-page-faq #breadcrumbs span, body.page-template-page-medias #breadcrumbs span, body.single-product #breadcrumbs span, body.single-product-pro #breadcrumbs span, body.tax-range #breadcrumbs span, body.tax-range-pro #breadcrumbs span, body.tax-sauce #breadcrumbs span, body.post-type-archive-inspiration #breadcrumbs span, body.single-inspiration #breadcrumbs span, body.page-template-page-thank #breadcrumbs span, body.page-template-page-action-form #breadcrumbs span, body.page-template-default #breadcrumbs span { color: #FFF; } body.politique-de-vie-privee #breadcrumbs span a, body.politique-de-cookies #breadcrumbs span a, body.page-template-page-professionnel #breadcrumbs span a, body.page-template-page-contact #breadcrumbs span a, body.post-type-archive-product-pro #breadcrumbs span a, body.page-template-page-overons #breadcrumbs span a, body.page-template-page-contact #breadcrumbs span a, body.page-template-page-friterie-map #breadcrumbs span a, body.single-faq #breadcrumbs span a, body.page-template-page-faq-seo #breadcrumbs span a, body.page-template-page-faq #breadcrumbs span a, body.page-template-page-medias #breadcrumbs span a, body.single-product #breadcrumbs span a, body.single-product-pro #breadcrumbs span a, body.tax-range #breadcrumbs span a, body.tax-range-pro #breadcrumbs span a, body.tax-sauce #breadcrumbs span a, body.post-type-archive-inspiration #breadcrumbs span a, body.single-inspiration #breadcrumbs span a, body.page-template-page-thank #breadcrumbs span a, body.page-template-page-action-form #breadcrumbs span a, body.page-template-default #breadcrumbs span a { color: #FFF; } body.politique-de-vie-privee #breadcrumbs span a::after, body.politique-de-cookies #breadcrumbs span a::after, body.page-template-page-professionnel #breadcrumbs span a::after, body.page-template-page-contact #breadcrumbs span a::after, body.post-type-archive-product-pro #breadcrumbs span a::after, body.page-template-page-overons #breadcrumbs span a::after, body.page-template-page-contact #breadcrumbs span a::after, body.page-template-page-friterie-map #breadcrumbs span a::after, body.single-faq #breadcrumbs span a::after, body.page-template-page-faq-seo #breadcrumbs span a::after, body.page-template-page-faq #breadcrumbs span a::after, body.page-template-page-medias #breadcrumbs span a::after, body.single-product #breadcrumbs span a::after, body.single-product-pro #breadcrumbs span a::after, body.tax-range #breadcrumbs span a::after, body.tax-range-pro #breadcrumbs span a::after, body.tax-sauce #breadcrumbs span a::after, body.post-type-archive-inspiration #breadcrumbs span a::after, body.single-inspiration #breadcrumbs span a::after, body.page-template-page-thank #breadcrumbs span a::after, body.page-template-page-action-form #breadcrumbs span a::after, body.page-template-default #breadcrumbs span a::after { background-image: url(../images/separation-white.svg?12ae71d15b6ee557727420d6142beef0); } .nav__logo img { height: 40px; text-align: left; margin: 5px 0 0 0; } @media (min-width: 768px) { .nav__logo img { height: 50px; margin: 10px 0 0 0; } } @media (min-width: 992px) { .nav__logo img { height: 80px; margin: 5px 0 0 10px; } } .nav__logo .color-dblue { fill: #0062cc; } .nav__logo .color-lblue { fill: #007bff; } .nav-menus { display: none; } @media (min-width: 992px) { .nav-menus { display: block; } } .nav-menus > .row { height: 100%; } .nav-menus #menu-nav-primary, .nav-menus #menu-nav-primary-nl { margin: 0px; padding: 0px; } .nav-menus #menu-nav-primary a, .nav-menus #menu-nav-primary-nl a { text-transform: uppercase; font-size: 15px; display: block; color: #FFF; letter-spacing: 0.2px; } .nav-menus #menu-nav-primary a:hover, .nav-menus #menu-nav-primary-nl a:hover { color: #FFF; } .nav-menus #menu-nav-primary .spots-tv, .nav-menus #menu-nav-primary-nl .spots-tv { display: inline-block; width: 22px; height: 20px; margin: -15px 0px 0 20px; background: transparent url(../images/tv-icon.svg?e1a3cfa7c3c2ddc7be0658f3242a67fe) no-repeat center left; } .nav-menus #menu-nav-primary .spots-tv:hover, .nav-menus #menu-nav-primary-nl .spots-tv:hover { background: transparent url(../images/tv-icon-hover.svg?6c28733a42c4bdcfa1ba81952fe0fe32) no-repeat center left; } .nav-menus #menu-nav-primary .spots-radio, .nav-menus #menu-nav-primary-nl .spots-radio { display: inline-block; width: 20px; height: 20px; margin: 5px 5px 0 20px; background: transparent url(../images/radio-icon.svg?c65136def8818505387245c9c6673c14) no-repeat center left; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .nav-menus #menu-nav-primary .spots-radio:hover, .nav-menus #menu-nav-primary-nl .spots-radio:hover { background: transparent url(../images/radio-icon-hover.svg?3f73062effe006afa94633df4ae1b599) no-repeat center left; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } @media (min-width: 992px) { .nav-menus #menu-nav-primary, .nav-menus #menu-nav-primary-nl { display: inline-block; } } .nav-menus li { display: inline-block; } .nav-menus a { white-space: nowrap; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; } .nav-menus a:hover, .nav-menus a .active { -webkit-transition: all ease-in 0.2s; transition: all ease-in 0.2s; text-decoration: none; } .nav-menus .dropdown-nav { position: relative; } @media (min-width: 992px) { .nav-menus .dropdown-nav:after { content: url(../images/chevron-down.svg?1fee7174ab2debe7656b6d92670dea44); display: inline-block; width: 8.2352941176px; height: 5.2941176471px; position: relative; top: -2px; } .nav-menus .dropdown-nav:hover .dropdown-navmenu { display: block; } } .nav-menus .dropdown-nav .dropdown-navmenu { padding-left: 30px; margin-right: -15px; display: block; } .nav-menus .dropdown-nav .dropdown-navmenu a { letter-spacing: 1px !important; font-size: 13px; color: #B8969B; display: block; padding: 14px 0 8px 0; } .nav-menus .dropdown-nav .dropdown-navmenu li { display: block; } @media (min-width: 992px) { .nav-menus .dropdown-nav .dropdown-navmenu { padding-left: 0; display: none; min-width: 160px; z-index: 1; position: absolute; right: 0; } .nav-menus .dropdown-nav .dropdown-navmenu li { text-align: left; font-size: 12px; letter-spacing: 1px; width: 100%; padding: 2px 0 0px 0; margin-left: 0; background-color: #1b8bd7; -webkit-transition: all ease-in 0.3s; transition: all ease-in 0.3s; } .nav-menus .dropdown-nav .dropdown-navmenu li:first-child { margin-top: 22px; border-bottom: 1px solid rgba(21, 110, 170, 0.7); } .nav-menus .dropdown-nav .dropdown-navmenu li.current_page_item { background-color: #0e67a4; } .nav-menus .dropdown-nav .dropdown-navmenu li:hover { background-color: #0e67a4; -webkit-transition: all ease-in 0.3s; transition: all ease-in 0.3s; } .nav-menus .dropdown-nav .dropdown-navmenu li a { display: inline-block; color: white; padding: 14px 26px; } } .nav-primary { font-size: 15px; letter-spacing: 1px; display: block; /* margin responsive */ } .nav-primary li { margin-left: 0; /* style par défaut */ } .nav-primary li.btn-find { padding: 4px 8px 6px 5px; background: #FFF; margin-right: 0; } .nav-primary li.btn-find a { font-size: 15px !important; color: #DD0000 !important; padding-left: 30px !important; background: url(../images/icon-map.png?f197e9c3a7e47ab724362b80a4b594b9) no-repeat center left 10px/10px auto; } .nav-primary li.btn-mybeats a { padding-left: 20px; color: #f7ba68 !important; background: url(../images/logo-mybeats.png?773882e9a4ffb245aacecb6ba3b56f64) no-repeat center left/10px auto; } @media (min-width: 992px) { .nav-primary li { margin-left: 10px; } } @media screen and (min-width: 1200px) { .nav-primary li { margin-right: 25px; } } .nav-primary li.current_page_item a { color: #4A080C; } .nav-primary li a { padding: 0 5px; color: #DD0000; -webkit-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .nav-primary li a:hover { -webkit-transition: all ease-out 0.3s; transition: all ease-out 0.3s; color: #BA0A00; } .nav-primary li a .current_page_item { color: #BA0A00; } body #top.menu--fixed .nav-menus #menu-nav-primary a, body #top.menu--fixed .nav-menus #menu-nav-primary-nl a { color: #DD0000; } body #top.menu--fixed .nav-menus #menu-nav-primary a:hover, body #top.menu--fixed .nav-menus #menu-nav-primary-nl a:hover { color: #BA0A00; } .nav-links ul { display: inline-block; } .nav-links span { display: inline-block; font-size: 13px; color: #FFF; letter-spacing: 0px; } .nav-links span a { font-size: 15px; font-weight: 400 !important; margin: 0 0 0 5px; } .nav-links span a:hover { color: #DD0000; } nav a.links { display: inline-block; width: 20px; height: 25px; } nav a.links svg { fill: #FFF; max-height: 20px; max-width: 20px; height: auto; width: auto; } nav a.links svg .cls-1 { fill: #FFF; } .nav-secondary { font-size: 13px; letter-spacing: 0px; color: #FFF; display: none; list-style: none; } @media (min-width: 992px) { .nav-secondary { display: block; } } .nav-secondary a { padding: 0 5px; color: #FFF; } .nav-secondary a:hover { color: #FFF; } @media (min-width: 992px) { .nav-secondary { color: #B8969B; } .nav-secondary:hover { color: #FF1622; } } .nav-secondary svg { max-width: 10px; margin-right: 8px; } .nav-secondary svg path { fill: #007bff; } .nav-secondary li { margin: 0; } .nav-secondary li.current_page_item a { color: #4A080C; } .nav-secondary li:after { content: ""; display: inline-block; margin: 0 5px; height: 10px; width: 1px; background-color: #B8969B; opacity: 0.5; } @media (min-width: 1200px) { .nav-secondary li:after { margin: 0 20px; } } #top.menu--fixed .nav-bar { width: 100%; top: 0; left: 0; z-index: 99; position: fixed; -webkit-transition: 0.5 ease-out 0.2s; transition: 0.5 ease-out 0.2s; } @media (min-width: 992px) { #top.menu--fixed .nav-bar { background: #FFF; } #top.menu--fixed.menu--fixed .nav-bar { border-bottom: 1px solid #e5d9db; } } @media (min-width: 992px) { body.politique-de-vie-privee header#top, body.politique-de-cookies header#top, body.page-template-page-professionnel header#top, body.post-type-archive-product header#top, body.post-type-archive-product-pro header#top, body.tax-range header#top, body.tax-range-pro header#top, body.post-type-archive-product header#top, body.tax-sauce header#top, body.page-template-page-overons header#top, body.page-template-page-faq header#top, body.page-template-page-faq-seo header#top, body.single-faq header#top, body.page-template-page-contact header#top, body.post-type-archive-inspiration header#top, body.page-template-page-action-form header#top, body.page-template-page-thank header#top, body.page-template-default header#top { height: 0; } } body.politique-de-vie-privee #breadcrumbs, body.politique-de-cookies #breadcrumbs, body.page-template-page-professionnel #breadcrumbs, body.post-type-archive-product #breadcrumbs, body.post-type-archive-product-pro #breadcrumbs, body.tax-range #breadcrumbs, body.tax-range-pro #breadcrumbs, body.post-type-archive-product #breadcrumbs, body.tax-sauce #breadcrumbs, body.page-template-page-overons #breadcrumbs, body.page-template-page-faq #breadcrumbs, body.page-template-page-faq-seo #breadcrumbs, body.single-faq #breadcrumbs, body.page-template-page-contact #breadcrumbs, body.post-type-archive-inspiration #breadcrumbs, body.page-template-page-action-form #breadcrumbs, body.page-template-page-thank #breadcrumbs, body.page-template-default #breadcrumbs { margin-top: 5px; } body.politique-de-vie-privee #breadcrumbs span, body.politique-de-cookies #breadcrumbs span, body.page-template-page-professionnel #breadcrumbs span, body.post-type-archive-product #breadcrumbs span, body.post-type-archive-product-pro #breadcrumbs span, body.tax-range #breadcrumbs span, body.tax-range-pro #breadcrumbs span, body.post-type-archive-product #breadcrumbs span, body.tax-sauce #breadcrumbs span, body.page-template-page-overons #breadcrumbs span, body.page-template-page-faq #breadcrumbs span, body.page-template-page-faq-seo #breadcrumbs span, body.single-faq #breadcrumbs span, body.page-template-page-contact #breadcrumbs span, body.post-type-archive-inspiration #breadcrumbs span, body.page-template-page-action-form #breadcrumbs span, body.page-template-page-thank #breadcrumbs span, body.page-template-default #breadcrumbs span { text-shadow: 0 0 20px rgba(0, 0, 0, 0.6); } @media (min-width: 768px) { body.politique-de-vie-privee #breadcrumbs, body.politique-de-cookies #breadcrumbs, body.page-template-page-professionnel #breadcrumbs, body.post-type-archive-product #breadcrumbs, body.post-type-archive-product-pro #breadcrumbs, body.tax-range #breadcrumbs, body.tax-range-pro #breadcrumbs, body.post-type-archive-product #breadcrumbs, body.tax-sauce #breadcrumbs, body.page-template-page-overons #breadcrumbs, body.page-template-page-faq #breadcrumbs, body.page-template-page-faq-seo #breadcrumbs, body.single-faq #breadcrumbs, body.page-template-page-contact #breadcrumbs, body.post-type-archive-inspiration #breadcrumbs, body.page-template-page-action-form #breadcrumbs, body.page-template-page-thank #breadcrumbs, body.page-template-default #breadcrumbs { margin-top: 18px; } } @media (min-width: 992px) { body.politique-de-vie-privee #breadcrumbs, body.politique-de-cookies #breadcrumbs, body.page-template-page-professionnel #breadcrumbs, body.post-type-archive-product #breadcrumbs, body.post-type-archive-product-pro #breadcrumbs, body.tax-range #breadcrumbs, body.tax-range-pro #breadcrumbs, body.post-type-archive-product #breadcrumbs, body.tax-sauce #breadcrumbs, body.page-template-page-overons #breadcrumbs, body.page-template-page-faq #breadcrumbs, body.page-template-page-faq-seo #breadcrumbs, body.single-faq #breadcrumbs, body.page-template-page-contact #breadcrumbs, body.post-type-archive-inspiration #breadcrumbs, body.page-template-page-action-form #breadcrumbs, body.page-template-page-thank #breadcrumbs, body.page-template-default #breadcrumbs { margin-top: 90px; } } body.post-type-archive-product #breadcrumbs span { text-shadow: none; } body #top.menu--top .nav-bar { top: -1px; left: 0; background: rgba(255, 255, 255, 0); -webkit-transition: all 0s; transition: all 0s; } body #top.menu--top .nav-secondary a { color: #FFF; } body #top.menu--top .nav-secondary a:hover { color: #FFF; } body #top.menu--top .nav-menus #menu-nav-primary a, body #top.menu--top .nav-menus #menu-nav-primary-nl a { color: #FFF; } body #top.menu--top .nav-menus #menu-nav-primary .spots-tv, body #top.menu--top .nav-menus #menu-nav-primary-nl .spots-tv { background-image: url(../images/tv-icon-white.svg?0f8fa600dbab7e643132b51d1d4866e6); } body #top.menu--top .nav-menus #menu-nav-primary .spots-radio, body #top.menu--top .nav-menus #menu-nav-primary-nl .spots-radio { background-image: url(../images/radio-icon-white.svg?865d270df8e07a6c9ba799eac3078358); } body #top.menu--top .btn-language { background: #FFF; border: 2px solid #FFF; color: #DD0000 !important; } body #top.menu--top .btn-menu-pro { color: #FFF; } body #top.menu--top .btn-menu-pro a.dropdown-toggle::after { background: transparent url(../images/arrow-bottom-white.svg?b06dbff0c2df819ab0ca8a9b898915df) no-repeat center left; } body #top.menu--top .btn-menu-pro:hover { border: none; background-color: #FF1622; } @media (min-width: 992px) { body #top.menu--top .btn-menu-pro { border: 2px solid #FFF; } body #top.menu--top .btn-menu-pro:hover { border: 2px solid #FF1622; } } body #top.menu--top .nav-bar, body #top.menu--fixed .nav-bar { -webkit-transition: background 0.5s !important; transition: background 0.5s !important; } body #top.menu--fixed .btn-language { color: #FFF !important; } body #top.menu--fixed .nav-secondary a { color: #FFF; } @media (min-width: 768px) { body #top.menu--fixed .nav-secondary a { color: #B8969B; } body #top.menu--fixed .nav-secondary a:hover { color: #4A080C; } } body #top.menu--fixed .nav-links span { color: #B8969B; } body #top.menu--fixed a.links svg { fill: #B8969B; } body #top.menu--fixed a.links svg .cls-1 { fill: #B8969B; } body #top.menu--fixed .btn-menu-pro { border-color: #DD0000; } body #top.menu--fixed .btn-menu-pro:hover { border-color: #830D0D; } body #top.menu--fixed .btn-menu-pro a { color: #DD0000 !important; } body #top.menu--fixed .btn-menu-pro a:hover { color: #FFF !important; } body #top.menu--fixed .btn-menu-pro ul li a { color: #FFF !important; } body #top.menu--fixed .btn-menu-pro ul li a:hover { color: #830D0D !important; } @media (min-width: 992px) { body #top.menu--fixed .nav-bar { background: #FFF; } } /* menu on pages without background */ body.blog #top .nav-secondary a, body.single-post #top .nav-secondary a, body.category #top .nav-secondary a, body.home #top .nav-secondary a, body.page-template-page-support #top .nav-secondary a, body.single-product #top .nav-secondary a, body.single-product-pro #top .nav-secondary a, body.single-inspiration #top .nav-secondary a, body.post-type-archive-product #top .nav-secondary a, body.page-template-page-friterie-map #top .nav-secondary a, body.page-template-page-builder #top .nav-secondary a, body.post-type-archive-testimonial #top .nav-secondary a, body.page-template-page-medias #top .nav-secondary a, body.page-template-page-contact-b2b #top .nav-secondary a { color: #FFF; } body.blog #top .nav-secondary a.links svg, body.single-post #top .nav-secondary a.links svg, body.category #top .nav-secondary a.links svg, body.home #top .nav-secondary a.links svg, body.page-template-page-support #top .nav-secondary a.links svg, body.single-product #top .nav-secondary a.links svg, body.single-product-pro #top .nav-secondary a.links svg, body.single-inspiration #top .nav-secondary a.links svg, body.post-type-archive-product #top .nav-secondary a.links svg, body.page-template-page-friterie-map #top .nav-secondary a.links svg, body.page-template-page-builder #top .nav-secondary a.links svg, body.post-type-archive-testimonial #top .nav-secondary a.links svg, body.page-template-page-medias #top .nav-secondary a.links svg, body.page-template-page-contact-b2b #top .nav-secondary a.links svg { fill: #FFF; } body.blog #top .nav-secondary a.links svg .cls-1, body.single-post #top .nav-secondary a.links svg .cls-1, body.category #top .nav-secondary a.links svg .cls-1, body.home #top .nav-secondary a.links svg .cls-1, body.page-template-page-support #top .nav-secondary a.links svg .cls-1, body.single-product #top .nav-secondary a.links svg .cls-1, body.single-product-pro #top .nav-secondary a.links svg .cls-1, body.single-inspiration #top .nav-secondary a.links svg .cls-1, body.post-type-archive-product #top .nav-secondary a.links svg .cls-1, body.page-template-page-friterie-map #top .nav-secondary a.links svg .cls-1, body.page-template-page-builder #top .nav-secondary a.links svg .cls-1, body.post-type-archive-testimonial #top .nav-secondary a.links svg .cls-1, body.page-template-page-medias #top .nav-secondary a.links svg .cls-1, body.page-template-page-contact-b2b #top .nav-secondary a.links svg .cls-1 { fill: #FFF; } body.blog #top .nav-links span, body.single-post #top .nav-links span, body.category #top .nav-links span, body.home #top .nav-links span, body.page-template-page-support #top .nav-links span, body.single-product #top .nav-links span, body.single-product-pro #top .nav-links span, body.single-inspiration #top .nav-links span, body.post-type-archive-product #top .nav-links span, body.page-template-page-friterie-map #top .nav-links span, body.page-template-page-builder #top .nav-links span, body.post-type-archive-testimonial #top .nav-links span, body.page-template-page-medias #top .nav-links span, body.page-template-page-contact-b2b #top .nav-links span { color: #FFF; } @media (min-width: 992px) { body.blog #top .nav-secondary a, body.single-post #top .nav-secondary a, body.category #top .nav-secondary a, body.home #top .nav-secondary a, body.page-template-page-support #top .nav-secondary a, body.single-product #top .nav-secondary a, body.single-product-pro #top .nav-secondary a, body.single-inspiration #top .nav-secondary a, body.post-type-archive-product #top .nav-secondary a, body.page-template-page-friterie-map #top .nav-secondary a, body.page-template-page-builder #top .nav-secondary a, body.post-type-archive-testimonial #top .nav-secondary a, body.page-template-page-medias #top .nav-secondary a, body.page-template-page-contact-b2b #top .nav-secondary a { color: #B8969B; } body.blog #top .nav-secondary a:hover, body.single-post #top .nav-secondary a:hover, body.category #top .nav-secondary a:hover, body.home #top .nav-secondary a:hover, body.page-template-page-support #top .nav-secondary a:hover, body.single-product #top .nav-secondary a:hover, body.single-product-pro #top .nav-secondary a:hover, body.single-inspiration #top .nav-secondary a:hover, body.post-type-archive-product #top .nav-secondary a:hover, body.page-template-page-friterie-map #top .nav-secondary a:hover, body.page-template-page-builder #top .nav-secondary a:hover, body.post-type-archive-testimonial #top .nav-secondary a:hover, body.page-template-page-medias #top .nav-secondary a:hover, body.page-template-page-contact-b2b #top .nav-secondary a:hover { color: #4A080C; } body.blog #top .nav-secondary a.links svg, body.single-post #top .nav-secondary a.links svg, body.category #top .nav-secondary a.links svg, body.home #top .nav-secondary a.links svg, body.page-template-page-support #top .nav-secondary a.links svg, body.single-product #top .nav-secondary a.links svg, body.single-product-pro #top .nav-secondary a.links svg, body.single-inspiration #top .nav-secondary a.links svg, body.post-type-archive-product #top .nav-secondary a.links svg, body.page-template-page-friterie-map #top .nav-secondary a.links svg, body.page-template-page-builder #top .nav-secondary a.links svg, body.post-type-archive-testimonial #top .nav-secondary a.links svg, body.page-template-page-medias #top .nav-secondary a.links svg, body.page-template-page-contact-b2b #top .nav-secondary a.links svg { fill: #B8969B; } body.blog #top .nav-secondary a.links svg .cls-1, body.single-post #top .nav-secondary a.links svg .cls-1, body.category #top .nav-secondary a.links svg .cls-1, body.home #top .nav-secondary a.links svg .cls-1, body.page-template-page-support #top .nav-secondary a.links svg .cls-1, body.single-product #top .nav-secondary a.links svg .cls-1, body.single-product-pro #top .nav-secondary a.links svg .cls-1, body.single-inspiration #top .nav-secondary a.links svg .cls-1, body.post-type-archive-product #top .nav-secondary a.links svg .cls-1, body.page-template-page-friterie-map #top .nav-secondary a.links svg .cls-1, body.page-template-page-builder #top .nav-secondary a.links svg .cls-1, body.post-type-archive-testimonial #top .nav-secondary a.links svg .cls-1, body.page-template-page-medias #top .nav-secondary a.links svg .cls-1, body.page-template-page-contact-b2b #top .nav-secondary a.links svg .cls-1 { fill: #B8969B; } body.blog #top .nav-links span, body.single-post #top .nav-links span, body.category #top .nav-links span, body.home #top .nav-links span, body.page-template-page-support #top .nav-links span, body.single-product #top .nav-links span, body.single-product-pro #top .nav-links span, body.single-inspiration #top .nav-links span, body.post-type-archive-product #top .nav-links span, body.page-template-page-friterie-map #top .nav-links span, body.page-template-page-builder #top .nav-links span, body.post-type-archive-testimonial #top .nav-links span, body.page-template-page-medias #top .nav-links span, body.page-template-page-contact-b2b #top .nav-links span { color: #B8969B; } } body.blog #top.menu--top .nav-bar, body.single-post #top.menu--top .nav-bar, body.category #top.menu--top .nav-bar, body.home #top.menu--top .nav-bar, body.page-template-page-support #top.menu--top .nav-bar, body.single-product #top.menu--top .nav-bar, body.single-product-pro #top.menu--top .nav-bar, body.single-inspiration #top.menu--top .nav-bar, body.post-type-archive-product #top.menu--top .nav-bar, body.page-template-page-friterie-map #top.menu--top .nav-bar, body.page-template-page-builder #top.menu--top .nav-bar, body.post-type-archive-testimonial #top.menu--top .nav-bar, body.page-template-page-medias #top.menu--top .nav-bar, body.page-template-page-contact-b2b #top.menu--top .nav-bar { z-index: 2; background: white; } body.blog #top.menu--top .nav-menus #menu-nav-primary a, body.blog #top.menu--top .nav-menus #menu-nav-primary-nl a, body.single-post #top.menu--top .nav-menus #menu-nav-primary a, body.single-post #top.menu--top .nav-menus #menu-nav-primary-nl a, body.category #top.menu--top .nav-menus #menu-nav-primary a, body.category #top.menu--top .nav-menus #menu-nav-primary-nl a, body.home #top.menu--top .nav-menus #menu-nav-primary a, body.home #top.menu--top .nav-menus #menu-nav-primary-nl a, body.page-template-page-support #top.menu--top .nav-menus #menu-nav-primary a, body.page-template-page-support #top.menu--top .nav-menus #menu-nav-primary-nl a, body.single-product #top.menu--top .nav-menus #menu-nav-primary a, body.single-product #top.menu--top .nav-menus #menu-nav-primary-nl a, body.single-product-pro #top.menu--top .nav-menus #menu-nav-primary a, body.single-product-pro #top.menu--top .nav-menus #menu-nav-primary-nl a, body.single-inspiration #top.menu--top .nav-menus #menu-nav-primary a, body.single-inspiration #top.menu--top .nav-menus #menu-nav-primary-nl a, body.post-type-archive-product #top.menu--top .nav-menus #menu-nav-primary a, body.post-type-archive-product #top.menu--top .nav-menus #menu-nav-primary-nl a, body.page-template-page-friterie-map #top.menu--top .nav-menus #menu-nav-primary a, body.page-template-page-friterie-map #top.menu--top .nav-menus #menu-nav-primary-nl a, body.page-template-page-builder #top.menu--top .nav-menus #menu-nav-primary a, body.page-template-page-builder #top.menu--top .nav-menus #menu-nav-primary-nl a, body.post-type-archive-testimonial #top.menu--top .nav-menus #menu-nav-primary a, body.post-type-archive-testimonial #top.menu--top .nav-menus #menu-nav-primary-nl a, body.page-template-page-medias #top.menu--top .nav-menus #menu-nav-primary a, body.page-template-page-medias #top.menu--top .nav-menus #menu-nav-primary-nl a, body.page-template-page-contact-b2b #top.menu--top .nav-menus #menu-nav-primary a, body.page-template-page-contact-b2b #top.menu--top .nav-menus #menu-nav-primary-nl a { color: #DD0000; } body.blog #top.menu--top .nav-menus #menu-nav-primary .spots-tv, body.blog #top.menu--top .nav-menus #menu-nav-primary-nl .spots-tv, body.single-post #top.menu--top .nav-menus #menu-nav-primary .spots-tv, body.single-post #top.menu--top .nav-menus #menu-nav-primary-nl .spots-tv, body.category #top.menu--top .nav-menus #menu-nav-primary .spots-tv, body.category #top.menu--top .nav-menus #menu-nav-primary-nl .spots-tv, body.home #top.menu--top .nav-menus #menu-nav-primary .spots-tv, body.home #top.menu--top .nav-menus #menu-nav-primary-nl .spots-tv, body.page-template-page-support #top.menu--top .nav-menus #menu-nav-primary .spots-tv, body.page-template-page-support #top.menu--top .nav-menus #menu-nav-primary-nl .spots-tv, body.single-product #top.menu--top .nav-menus #menu-nav-primary .spots-tv, body.single-product #top.menu--top .nav-menus #menu-nav-primary-nl .spots-tv, body.single-product-pro #top.menu--top .nav-menus #menu-nav-primary .spots-tv, body.single-product-pro #top.menu--top .nav-menus #menu-nav-primary-nl .spots-tv, body.single-inspiration #top.menu--top .nav-menus #menu-nav-primary .spots-tv, body.single-inspiration #top.menu--top .nav-menus #menu-nav-primary-nl .spots-tv, body.post-type-archive-product #top.menu--top .nav-menus #menu-nav-primary .spots-tv, body.post-type-archive-product #top.menu--top .nav-menus #menu-nav-primary-nl .spots-tv, body.page-template-page-friterie-map #top.menu--top .nav-menus #menu-nav-primary .spots-tv, body.page-template-page-friterie-map #top.menu--top .nav-menus #menu-nav-primary-nl .spots-tv, body.page-template-page-builder #top.menu--top .nav-menus #menu-nav-primary .spots-tv, body.page-template-page-builder #top.menu--top .nav-menus #menu-nav-primary-nl .spots-tv, body.post-type-archive-testimonial #top.menu--top .nav-menus #menu-nav-primary .spots-tv, body.post-type-archive-testimonial #top.menu--top .nav-menus #menu-nav-primary-nl .spots-tv, body.page-template-page-medias #top.menu--top .nav-menus #menu-nav-primary .spots-tv, body.page-template-page-medias #top.menu--top .nav-menus #menu-nav-primary-nl .spots-tv, body.page-template-page-contact-b2b #top.menu--top .nav-menus #menu-nav-primary .spots-tv, body.page-template-page-contact-b2b #top.menu--top .nav-menus #menu-nav-primary-nl .spots-tv { background: transparent url(../images/tv-icon.svg?e1a3cfa7c3c2ddc7be0658f3242a67fe) no-repeat center left; } body.blog #top.menu--top .nav-menus #menu-nav-primary .spots-radio, body.blog #top.menu--top .nav-menus #menu-nav-primary-nl .spots-radio, body.single-post #top.menu--top .nav-menus #menu-nav-primary .spots-radio, body.single-post #top.menu--top .nav-menus #menu-nav-primary-nl .spots-radio, body.category #top.menu--top .nav-menus #menu-nav-primary .spots-radio, body.category #top.menu--top .nav-menus #menu-nav-primary-nl .spots-radio, body.home #top.menu--top .nav-menus #menu-nav-primary .spots-radio, body.home #top.menu--top .nav-menus #menu-nav-primary-nl .spots-radio, body.page-template-page-support #top.menu--top .nav-menus #menu-nav-primary .spots-radio, body.page-template-page-support #top.menu--top .nav-menus #menu-nav-primary-nl .spots-radio, body.single-product #top.menu--top .nav-menus #menu-nav-primary .spots-radio, body.single-product #top.menu--top .nav-menus #menu-nav-primary-nl .spots-radio, body.single-product-pro #top.menu--top .nav-menus #menu-nav-primary .spots-radio, body.single-product-pro #top.menu--top .nav-menus #menu-nav-primary-nl .spots-radio, body.single-inspiration #top.menu--top .nav-menus #menu-nav-primary .spots-radio, body.single-inspiration #top.menu--top .nav-menus #menu-nav-primary-nl .spots-radio, body.post-type-archive-product #top.menu--top .nav-menus #menu-nav-primary .spots-radio, body.post-type-archive-product #top.menu--top .nav-menus #menu-nav-primary-nl .spots-radio, body.page-template-page-friterie-map #top.menu--top .nav-menus #menu-nav-primary .spots-radio, body.page-template-page-friterie-map #top.menu--top .nav-menus #menu-nav-primary-nl .spots-radio, body.page-template-page-builder #top.menu--top .nav-menus #menu-nav-primary .spots-radio, body.page-template-page-builder #top.menu--top .nav-menus #menu-nav-primary-nl .spots-radio, body.post-type-archive-testimonial #top.menu--top .nav-menus #menu-nav-primary .spots-radio, body.post-type-archive-testimonial #top.menu--top .nav-menus #menu-nav-primary-nl .spots-radio, body.page-template-page-medias #top.menu--top .nav-menus #menu-nav-primary .spots-radio, body.page-template-page-medias #top.menu--top .nav-menus #menu-nav-primary-nl .spots-radio, body.page-template-page-contact-b2b #top.menu--top .nav-menus #menu-nav-primary .spots-radio, body.page-template-page-contact-b2b #top.menu--top .nav-menus #menu-nav-primary-nl .spots-radio { background: transparent url(../images/tv-icon.svg?e1a3cfa7c3c2ddc7be0658f3242a67fe) no-repeat center left; } body.blog #top.menu--top .nav-menus .btn-menu-pro, body.single-post #top.menu--top .nav-menus .btn-menu-pro, body.category #top.menu--top .nav-menus .btn-menu-pro, body.home #top.menu--top .nav-menus .btn-menu-pro, body.page-template-page-support #top.menu--top .nav-menus .btn-menu-pro, body.single-product #top.menu--top .nav-menus .btn-menu-pro, body.single-product-pro #top.menu--top .nav-menus .btn-menu-pro, body.single-inspiration #top.menu--top .nav-menus .btn-menu-pro, body.post-type-archive-product #top.menu--top .nav-menus .btn-menu-pro, body.page-template-page-friterie-map #top.menu--top .nav-menus .btn-menu-pro, body.page-template-page-builder #top.menu--top .nav-menus .btn-menu-pro, body.post-type-archive-testimonial #top.menu--top .nav-menus .btn-menu-pro, body.page-template-page-medias #top.menu--top .nav-menus .btn-menu-pro, body.page-template-page-contact-b2b #top.menu--top .nav-menus .btn-menu-pro { border-color: #DD0000; } body.blog #top.menu--top .nav-menus .btn-menu-pro:hover, body.single-post #top.menu--top .nav-menus .btn-menu-pro:hover, body.category #top.menu--top .nav-menus .btn-menu-pro:hover, body.home #top.menu--top .nav-menus .btn-menu-pro:hover, body.page-template-page-support #top.menu--top .nav-menus .btn-menu-pro:hover, body.single-product #top.menu--top .nav-menus .btn-menu-pro:hover, body.single-product-pro #top.menu--top .nav-menus .btn-menu-pro:hover, body.single-inspiration #top.menu--top .nav-menus .btn-menu-pro:hover, body.post-type-archive-product #top.menu--top .nav-menus .btn-menu-pro:hover, body.page-template-page-friterie-map #top.menu--top .nav-menus .btn-menu-pro:hover, body.page-template-page-builder #top.menu--top .nav-menus .btn-menu-pro:hover, body.post-type-archive-testimonial #top.menu--top .nav-menus .btn-menu-pro:hover, body.page-template-page-medias #top.menu--top .nav-menus .btn-menu-pro:hover, body.page-template-page-contact-b2b #top.menu--top .nav-menus .btn-menu-pro:hover { border-color: #FF1622; } body.blog #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle, body.single-post #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle, body.category #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle, body.home #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle, body.page-template-page-support #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle, body.single-product #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle, body.single-product-pro #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle, body.single-inspiration #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle, body.post-type-archive-product #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle, body.page-template-page-friterie-map #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle, body.page-template-page-builder #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle, body.post-type-archive-testimonial #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle, body.page-template-page-medias #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle, body.page-template-page-contact-b2b #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle { color: #FFF; } body.blog #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle::after, body.single-post #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle::after, body.category #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle::after, body.home #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle::after, body.page-template-page-support #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle::after, body.single-product #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle::after, body.single-product-pro #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle::after, body.single-inspiration #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle::after, body.post-type-archive-product #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle::after, body.page-template-page-friterie-map #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle::after, body.page-template-page-builder #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle::after, body.post-type-archive-testimonial #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle::after, body.page-template-page-medias #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle::after, body.page-template-page-contact-b2b #top.menu--top .nav-menus .btn-menu-pro:hover a.dropdown-toggle::after { background: url(../images/arrow-bottom-white.svg?b06dbff0c2df819ab0ca8a9b898915df); } body.blog #top.menu--top .nav-menus .btn-menu-pro a.dropdown-toggle::after, body.single-post #top.menu--top .nav-menus .btn-menu-pro a.dropdown-toggle::after, body.category #top.menu--top .nav-menus .btn-menu-pro a.dropdown-toggle::after, body.home #top.menu--top .nav-menus .btn-menu-pro a.dropdown-toggle::after, body.page-template-page-support #top.menu--top .nav-menus .btn-menu-pro a.dropdown-toggle::after, body.single-product #top.menu--top .nav-menus .btn-menu-pro a.dropdown-toggle::after, body.single-product-pro #top.menu--top .nav-menus .btn-menu-pro a.dropdown-toggle::after, body.single-inspiration #top.menu--top .nav-menus .btn-menu-pro a.dropdown-toggle::after, body.post-type-archive-product #top.menu--top .nav-menus .btn-menu-pro a.dropdown-toggle::after, body.page-template-page-friterie-map #top.menu--top .nav-menus .btn-menu-pro a.dropdown-toggle::after, body.page-template-page-builder #top.menu--top .nav-menus .btn-menu-pro a.dropdown-toggle::after, body.post-type-archive-testimonial #top.menu--top .nav-menus .btn-menu-pro a.dropdown-toggle::after, body.page-template-page-medias #top.menu--top .nav-menus .btn-menu-pro a.dropdown-toggle::after, body.page-template-page-contact-b2b #top.menu--top .nav-menus .btn-menu-pro a.dropdown-toggle::after { background: url(../images/arrow-bottom-red.svg?5a00ff17c270d1fa928d5067c3788688); } body.blog #top .btn-language, body.single-post #top .btn-language, body.category #top .btn-language, body.home #top .btn-language, body.page-template-page-support #top .btn-language, body.single-product #top .btn-language, body.single-product-pro #top .btn-language, body.single-inspiration #top .btn-language, body.post-type-archive-product #top .btn-language, body.page-template-page-friterie-map #top .btn-language, body.page-template-page-builder #top .btn-language, body.post-type-archive-testimonial #top .btn-language, body.page-template-page-medias #top .btn-language, body.page-template-page-contact-b2b #top .btn-language { background: #4A080C; border: 2px solid #4A080C; color: #FFF !important; } body.blog #top .btn-language:hover, body.single-post #top .btn-language:hover, body.category #top .btn-language:hover, body.home #top .btn-language:hover, body.page-template-page-support #top .btn-language:hover, body.single-product #top .btn-language:hover, body.single-product-pro #top .btn-language:hover, body.single-inspiration #top .btn-language:hover, body.post-type-archive-product #top .btn-language:hover, body.page-template-page-friterie-map #top .btn-language:hover, body.page-template-page-builder #top .btn-language:hover, body.post-type-archive-testimonial #top .btn-language:hover, body.page-template-page-medias #top .btn-language:hover, body.page-template-page-contact-b2b #top .btn-language:hover { color: #FFF; background: #FF1622; border: 2px solid #FF1622; } body.post-type-archive-product #top.menu--top .nav-bar { z-index: 2; background: none; } body.post-type-archive-product #top.menu--top nav a.links svg, body.post-type-archive-product #top.menu--top nav a.links svg .cls-1 { fill: #B8969B; } /* Bouton active pro */ body.page-template-page-professionnel .nav-menus #menu-nav-primary .btn-menu-pro, body.page-template-page-professionnel .nav-menus #menu-nav-primary-nl .btn-menu-pro, body.post-type-archive-product-pro .nav-menus #menu-nav-primary .btn-menu-pro, body.post-type-archive-product-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro, body.page-template-page-builder .nav-menus #menu-nav-primary .btn-menu-pro, body.page-template-page-builder .nav-menus #menu-nav-primary-nl .btn-menu-pro, body.post-type-archive-testimonial .nav-menus #menu-nav-primary .btn-menu-pro, body.post-type-archive-testimonial .nav-menus #menu-nav-primary-nl .btn-menu-pro, body.page-template-page-contact-b2b .nav-menus #menu-nav-primary .btn-menu-pro, body.page-template-page-contact-b2b .nav-menus #menu-nav-primary-nl .btn-menu-pro, body.single-product-pro .nav-menus #menu-nav-primary .btn-menu-pro, body.single-product-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro, body.tax-range-pro .nav-menus #menu-nav-primary .btn-menu-pro, body.tax-range-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro { background: #DD0000; border: 2px solid #DD0000; } body.page-template-page-professionnel .nav-menus #menu-nav-primary .btn-menu-pro a, body.page-template-page-professionnel .nav-menus #menu-nav-primary-nl .btn-menu-pro a, body.post-type-archive-product-pro .nav-menus #menu-nav-primary .btn-menu-pro a, body.post-type-archive-product-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro a, body.page-template-page-builder .nav-menus #menu-nav-primary .btn-menu-pro a, body.page-template-page-builder .nav-menus #menu-nav-primary-nl .btn-menu-pro a, body.post-type-archive-testimonial .nav-menus #menu-nav-primary .btn-menu-pro a, body.post-type-archive-testimonial .nav-menus #menu-nav-primary-nl .btn-menu-pro a, body.page-template-page-contact-b2b .nav-menus #menu-nav-primary .btn-menu-pro a, body.page-template-page-contact-b2b .nav-menus #menu-nav-primary-nl .btn-menu-pro a, body.single-product-pro .nav-menus #menu-nav-primary .btn-menu-pro a, body.single-product-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro a, body.tax-range-pro .nav-menus #menu-nav-primary .btn-menu-pro a, body.tax-range-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro a { color: #FFF !important; } body.page-template-page-professionnel .nav-menus #menu-nav-primary .btn-menu-pro a.dropdown-toggle::after, body.page-template-page-professionnel .nav-menus #menu-nav-primary-nl .btn-menu-pro a.dropdown-toggle::after, body.post-type-archive-product-pro .nav-menus #menu-nav-primary .btn-menu-pro a.dropdown-toggle::after, body.post-type-archive-product-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro a.dropdown-toggle::after, body.page-template-page-builder .nav-menus #menu-nav-primary .btn-menu-pro a.dropdown-toggle::after, body.page-template-page-builder .nav-menus #menu-nav-primary-nl .btn-menu-pro a.dropdown-toggle::after, body.post-type-archive-testimonial .nav-menus #menu-nav-primary .btn-menu-pro a.dropdown-toggle::after, body.post-type-archive-testimonial .nav-menus #menu-nav-primary-nl .btn-menu-pro a.dropdown-toggle::after, body.page-template-page-contact-b2b .nav-menus #menu-nav-primary .btn-menu-pro a.dropdown-toggle::after, body.page-template-page-contact-b2b .nav-menus #menu-nav-primary-nl .btn-menu-pro a.dropdown-toggle::after, body.single-product-pro .nav-menus #menu-nav-primary .btn-menu-pro a.dropdown-toggle::after, body.single-product-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro a.dropdown-toggle::after, body.tax-range-pro .nav-menus #menu-nav-primary .btn-menu-pro a.dropdown-toggle::after, body.tax-range-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro a.dropdown-toggle::after { background: transparent url(../images/arrow-bottom-white.svg?b06dbff0c2df819ab0ca8a9b898915df) no-repeat center left !important; } body.page-template-page-professionnel .nav-menus #menu-nav-primary .btn-menu-pro li.btn-mybeats a, body.page-template-page-professionnel .nav-menus #menu-nav-primary-nl .btn-menu-pro li.btn-mybeats a, body.post-type-archive-product-pro .nav-menus #menu-nav-primary .btn-menu-pro li.btn-mybeats a, body.post-type-archive-product-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro li.btn-mybeats a, body.page-template-page-builder .nav-menus #menu-nav-primary .btn-menu-pro li.btn-mybeats a, body.page-template-page-builder .nav-menus #menu-nav-primary-nl .btn-menu-pro li.btn-mybeats a, body.post-type-archive-testimonial .nav-menus #menu-nav-primary .btn-menu-pro li.btn-mybeats a, body.post-type-archive-testimonial .nav-menus #menu-nav-primary-nl .btn-menu-pro li.btn-mybeats a, body.page-template-page-contact-b2b .nav-menus #menu-nav-primary .btn-menu-pro li.btn-mybeats a, body.page-template-page-contact-b2b .nav-menus #menu-nav-primary-nl .btn-menu-pro li.btn-mybeats a, body.single-product-pro .nav-menus #menu-nav-primary .btn-menu-pro li.btn-mybeats a, body.single-product-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro li.btn-mybeats a, body.tax-range-pro .nav-menus #menu-nav-primary .btn-menu-pro li.btn-mybeats a, body.tax-range-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro li.btn-mybeats a { color: #f7ba68 !important; } body.page-template-page-professionnel .nav-menus #menu-nav-primary .btn-menu-pro a.links svg, body.page-template-page-professionnel .nav-menus #menu-nav-primary-nl .btn-menu-pro a.links svg, body.post-type-archive-product-pro .nav-menus #menu-nav-primary .btn-menu-pro a.links svg, body.post-type-archive-product-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro a.links svg, body.page-template-page-builder .nav-menus #menu-nav-primary .btn-menu-pro a.links svg, body.page-template-page-builder .nav-menus #menu-nav-primary-nl .btn-menu-pro a.links svg, body.post-type-archive-testimonial .nav-menus #menu-nav-primary .btn-menu-pro a.links svg, body.post-type-archive-testimonial .nav-menus #menu-nav-primary-nl .btn-menu-pro a.links svg, body.page-template-page-contact-b2b .nav-menus #menu-nav-primary .btn-menu-pro a.links svg, body.page-template-page-contact-b2b .nav-menus #menu-nav-primary-nl .btn-menu-pro a.links svg, body.single-product-pro .nav-menus #menu-nav-primary .btn-menu-pro a.links svg, body.single-product-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro a.links svg, body.tax-range-pro .nav-menus #menu-nav-primary .btn-menu-pro a.links svg, body.tax-range-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro a.links svg { fill: #FFF; } body.page-template-page-professionnel .nav-menus #menu-nav-primary .btn-menu-pro a.links svg .cls-1, body.page-template-page-professionnel .nav-menus #menu-nav-primary-nl .btn-menu-pro a.links svg .cls-1, body.post-type-archive-product-pro .nav-menus #menu-nav-primary .btn-menu-pro a.links svg .cls-1, body.post-type-archive-product-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro a.links svg .cls-1, body.page-template-page-builder .nav-menus #menu-nav-primary .btn-menu-pro a.links svg .cls-1, body.page-template-page-builder .nav-menus #menu-nav-primary-nl .btn-menu-pro a.links svg .cls-1, body.post-type-archive-testimonial .nav-menus #menu-nav-primary .btn-menu-pro a.links svg .cls-1, body.post-type-archive-testimonial .nav-menus #menu-nav-primary-nl .btn-menu-pro a.links svg .cls-1, body.page-template-page-contact-b2b .nav-menus #menu-nav-primary .btn-menu-pro a.links svg .cls-1, body.page-template-page-contact-b2b .nav-menus #menu-nav-primary-nl .btn-menu-pro a.links svg .cls-1, body.single-product-pro .nav-menus #menu-nav-primary .btn-menu-pro a.links svg .cls-1, body.single-product-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro a.links svg .cls-1, body.tax-range-pro .nav-menus #menu-nav-primary .btn-menu-pro a.links svg .cls-1, body.tax-range-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro a.links svg .cls-1 { fill: #FFF; } body.page-template-page-professionnel .nav-menus #menu-nav-primary .btn-menu-pro:hover, body.page-template-page-professionnel .nav-menus #menu-nav-primary-nl .btn-menu-pro:hover, body.post-type-archive-product-pro .nav-menus #menu-nav-primary .btn-menu-pro:hover, body.post-type-archive-product-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro:hover, body.page-template-page-builder .nav-menus #menu-nav-primary .btn-menu-pro:hover, body.page-template-page-builder .nav-menus #menu-nav-primary-nl .btn-menu-pro:hover, body.post-type-archive-testimonial .nav-menus #menu-nav-primary .btn-menu-pro:hover, body.post-type-archive-testimonial .nav-menus #menu-nav-primary-nl .btn-menu-pro:hover, body.page-template-page-contact-b2b .nav-menus #menu-nav-primary .btn-menu-pro:hover, body.page-template-page-contact-b2b .nav-menus #menu-nav-primary-nl .btn-menu-pro:hover, body.single-product-pro .nav-menus #menu-nav-primary .btn-menu-pro:hover, body.single-product-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro:hover, body.tax-range-pro .nav-menus #menu-nav-primary .btn-menu-pro:hover, body.tax-range-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro:hover { border-color: #DD0000 !important; } body.page-template-page-professionnel .nav-menus #menu-nav-primary .btn-menu-pro ul li a:hover, body.page-template-page-professionnel .nav-menus #menu-nav-primary-nl .btn-menu-pro ul li a:hover, body.post-type-archive-product-pro .nav-menus #menu-nav-primary .btn-menu-pro ul li a:hover, body.post-type-archive-product-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro ul li a:hover, body.page-template-page-builder .nav-menus #menu-nav-primary .btn-menu-pro ul li a:hover, body.page-template-page-builder .nav-menus #menu-nav-primary-nl .btn-menu-pro ul li a:hover, body.post-type-archive-testimonial .nav-menus #menu-nav-primary .btn-menu-pro ul li a:hover, body.post-type-archive-testimonial .nav-menus #menu-nav-primary-nl .btn-menu-pro ul li a:hover, body.page-template-page-contact-b2b .nav-menus #menu-nav-primary .btn-menu-pro ul li a:hover, body.page-template-page-contact-b2b .nav-menus #menu-nav-primary-nl .btn-menu-pro ul li a:hover, body.single-product-pro .nav-menus #menu-nav-primary .btn-menu-pro ul li a:hover, body.single-product-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro ul li a:hover, body.tax-range-pro .nav-menus #menu-nav-primary .btn-menu-pro ul li a:hover, body.tax-range-pro .nav-menus #menu-nav-primary-nl .btn-menu-pro ul li a:hover { color: #4A080C !important; } @media (max-width: 1199.98px) { body.page-template-page-professionnel.open #nav-mobile .nav-menus .btn-menu-pro .dropdown-menu, body.post-type-archive-product-pro.open #nav-mobile .nav-menus .btn-menu-pro .dropdown-menu, body.page-template-page-builder.open #nav-mobile .nav-menus .btn-menu-pro .dropdown-menu, body.post-type-archive-testimonial.open #nav-mobile .nav-menus .btn-menu-pro .dropdown-menu, body.page-template-page-contact-b2b.open #nav-mobile .nav-menus .btn-menu-pro .dropdown-menu, body.single-product-pro.open #nav-mobile .nav-menus .btn-menu-pro .dropdown-menu, body.tax-range-pro.open #nav-mobile .nav-menus .btn-menu-pro .dropdown-menu { position: static !important; display: block; margin: 0 auto; } } .btn-menu-pro { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } @media (max-width: 767.98px) { #nav-primary .nav__logo .logo-btn { display: block; margin-top: 5px; } #nav-primary .nav__logo .logo-btn img { height: 50px; margin: 0; -webkit-transform: translateX(-15px); transform: translateX(-15px); } } .nav--mobile { top: 0; left: 0; width: 100%; height: 100vh; z-index: 599; -webkit-transition: -webkit-transform ease-in 0.7s; transition: -webkit-transform ease-in 0.7s; transition: transform ease-in 0.7s; transition: transform ease-in 0.7s, -webkit-transform ease-in 0.7s; position: fixed; -webkit-transform: translateX(100%); transform: translateX(100%); background-color: #DD0000; } @media (min-width: 992px) { .nav--mobile { display: none; } } .nav--mobile .nav-menus .btn-language.mobile { top: 0; left: 0; position: fixed; } .nav--mobile .nav-menus__lang { text-align: center; } .nav--mobile .nav-menus .spots-tv, .nav--mobile .nav-menus .spots-radioj { display: none !important; } .nav--mobile .nav-menus .follow { text-align: center; } .nav--mobile .nav-menus .follow a { padding: 0 15px; height: 75px; font-size: 26px; display: inline-block !important; width: auto; height: 30px; } .nav--mobile .nav-menus .follow a svg { width: 30px; max-height: 30px; max-width: 30px; } .nav--mobile .nav-menus .follow a svg .cls-1 { fill: #FFF; } .nav--mobile .nav-menus .follow a.tv { margin-top: -5px; } .nav--mobile .nav-menus .follow a.radio { margin-top: -2px; } .nav--mobile .nav--mobile-main { margin: 0; padding: 0; text-align: center; } .nav--mobile .nav--mobile-main .dropdown-navmenu { margin: 8px 0 3px 0; line-height: 0; padding-left: 0; } .nav--mobile .nav--mobile-main li { white-space: normal; padding: 0; } .nav--mobile .nav--mobile-main li.active a { color: #4A080C; } .nav--mobile .nav--mobile-main li.active a.dropdown { color: #FFF; } .nav--mobile .nav--mobile-main li.btn-find { padding: 0; background: #FFF; margin: 10px auto 0 !important; } .nav--mobile .nav--mobile-main li.btn-find a { color: #DD0000 !important; padding-left: 30px !important; background: url(../images/icon-map.png?f197e9c3a7e47ab724362b80a4b594b9) no-repeat center left 10px/10px auto; } .nav--mobile .nav--mobile-main li.btn-mybeats a { padding-left: 20px; color: #f7ba68 !important; background: url(../images/logo-mybeats.png?773882e9a4ffb245aacecb6ba3b56f64) no-repeat center left/10px auto; } .nav--mobile .nav--mobile-main li a { padding: 7.5px 15px; display: block; white-space: normal; } .nav--mobile .nav--mobile-main li.list-inline-item:not(:last-child) { margin-right: 0 !important; } .nav--mobile a { color: #FFF; text-transform: uppercase; font-size: 20px; } @media (min-width: 576px) { .nav--mobile a { font-size: 22px; } } .nav--mobile .current_page_item a { color: #4A080C; } .nav--mobile .current_page_item .dropdown-navmenu .current_page_item a { color: #003166 !important; } .nav--mobile .nav-secondary { margin: 0px; padding: 0px 0 0 0; text-align: center; } .nav--mobile .nav-secondary li { padding: 5px 0; } .nav--mobile .nav-secondary li:after { content: none; } .nav--mobile .nav-secondary li a { color: #FFF; text-transform: uppercase; font-size: 15px; font-size: 20px; } nav.nav-filters { margin: 0 auto; width: auto; text-align: center; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } nav.nav-filters a.btn.load, nav.nav-filters .custom-cms .content-block.photomood-background ul li a.load, .custom-cms .content-block.photomood-background ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.photopro-background ul li a.load, .custom-cms .content-block.photopro-background ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.red-background-bruit ul li a.load, .custom-cms .content-block.red-background-bruit ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.red-background-clean ul li a.load, .custom-cms .content-block.red-background-clean ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .main-content-right a.load, .custom-cms .main-content-right nav.nav-filters a.load, nav.nav-filters .single-post-box .content ul li a.load, .single-post-box .content ul li nav.nav-filters a.load, nav.nav-filters .contact-page .text-content a.load, .contact-page .text-content nav.nav-filters a.load { margin: 0 auto; display: block; line-height: 1.1em; font-size: 1.2em; } @media (min-width: 992px) { nav.nav-filters a.btn.load, nav.nav-filters .custom-cms .content-block.photomood-background ul li a.load, .custom-cms .content-block.photomood-background ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.photopro-background ul li a.load, .custom-cms .content-block.photopro-background ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.red-background-bruit ul li a.load, .custom-cms .content-block.red-background-bruit ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.red-background-clean ul li a.load, .custom-cms .content-block.red-background-clean ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .main-content-right a.load, .custom-cms .main-content-right nav.nav-filters a.load, nav.nav-filters .single-post-box .content ul li a.load, .single-post-box .content ul li nav.nav-filters a.load, nav.nav-filters .contact-page .text-content a.load, .contact-page .text-content nav.nav-filters a.load { font-size: 1.55em; } } @media (min-width: 1200px) { nav.nav-filters a.btn.load, nav.nav-filters .custom-cms .content-block.photomood-background ul li a.load, .custom-cms .content-block.photomood-background ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.photopro-background ul li a.load, .custom-cms .content-block.photopro-background ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.red-background-bruit ul li a.load, .custom-cms .content-block.red-background-bruit ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.red-background-clean ul li a.load, .custom-cms .content-block.red-background-clean ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .main-content-right a.load, .custom-cms .main-content-right nav.nav-filters a.load, nav.nav-filters .single-post-box .content ul li a.load, .single-post-box .content ul li nav.nav-filters a.load, nav.nav-filters .contact-page .text-content a.load, .contact-page .text-content nav.nav-filters a.load { font-size: 1.9em; line-height: 1.1em; } } @media (min-width: 768px) { nav.nav-filters a.btn.load, nav.nav-filters .custom-cms .content-block.photomood-background ul li a.load, .custom-cms .content-block.photomood-background ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.photopro-background ul li a.load, .custom-cms .content-block.photopro-background ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.red-background-bruit ul li a.load, .custom-cms .content-block.red-background-bruit ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.red-background-clean ul li a.load, .custom-cms .content-block.red-background-clean ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .main-content-right a.load, .custom-cms .main-content-right nav.nav-filters a.load, nav.nav-filters .single-post-box .content ul li a.load, .single-post-box .content ul li nav.nav-filters a.load, nav.nav-filters .contact-page .text-content a.load, .contact-page .text-content nav.nav-filters a.load { line-height: 1.1em; font-size: 1.4em; } } @media (min-width: 768px) and (min-width: 992px) { nav.nav-filters a.btn.load, nav.nav-filters .custom-cms .content-block.photomood-background ul li a.load, .custom-cms .content-block.photomood-background ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.photopro-background ul li a.load, .custom-cms .content-block.photopro-background ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.red-background-bruit ul li a.load, .custom-cms .content-block.red-background-bruit ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.red-background-clean ul li a.load, .custom-cms .content-block.red-background-clean ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .main-content-right a.load, .custom-cms .main-content-right nav.nav-filters a.load, nav.nav-filters .single-post-box .content ul li a.load, .single-post-box .content ul li nav.nav-filters a.load, nav.nav-filters .contact-page .text-content a.load, .contact-page .text-content nav.nav-filters a.load { font-size: 1.75em; } } @media (min-width: 768px) and (min-width: 1200px) { nav.nav-filters a.btn.load, nav.nav-filters .custom-cms .content-block.photomood-background ul li a.load, .custom-cms .content-block.photomood-background ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.photopro-background ul li a.load, .custom-cms .content-block.photopro-background ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.red-background-bruit ul li a.load, .custom-cms .content-block.red-background-bruit ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.red-background-clean ul li a.load, .custom-cms .content-block.red-background-clean ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .main-content-right a.load, .custom-cms .main-content-right nav.nav-filters a.load, nav.nav-filters .single-post-box .content ul li a.load, .single-post-box .content ul li nav.nav-filters a.load, nav.nav-filters .contact-page .text-content a.load, .contact-page .text-content nav.nav-filters a.load { font-size: 1.9em; } } @media (min-width: 768px) { nav.nav-filters a.btn.load, nav.nav-filters .custom-cms .content-block.photomood-background ul li a.load, .custom-cms .content-block.photomood-background ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.photopro-background ul li a.load, .custom-cms .content-block.photopro-background ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.red-background-bruit ul li a.load, .custom-cms .content-block.red-background-bruit ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .content-block.red-background-clean ul li a.load, .custom-cms .content-block.red-background-clean ul li nav.nav-filters a.load, nav.nav-filters .custom-cms .main-content-right a.load, .custom-cms .main-content-right nav.nav-filters a.load, nav.nav-filters .single-post-box .content ul li a.load, .single-post-box .content ul li nav.nav-filters a.load, nav.nav-filters .contact-page .text-content a.load, .contact-page .text-content nav.nav-filters a.load { display: none; } } nav.nav-filters a.btn.load:hover, nav.nav-filters .custom-cms .content-block.photomood-background ul li a.load:hover, .custom-cms .content-block.photomood-background ul li nav.nav-filters a.load:hover, nav.nav-filters .custom-cms .content-block.photopro-background ul li a.load:hover, .custom-cms .content-block.photopro-background ul li nav.nav-filters a.load:hover, nav.nav-filters .custom-cms .content-block.red-background-bruit ul li a.load:hover, .custom-cms .content-block.red-background-bruit ul li nav.nav-filters a.load:hover, nav.nav-filters .custom-cms .content-block.red-background-clean ul li a.load:hover, .custom-cms .content-block.red-background-clean ul li nav.nav-filters a.load:hover, nav.nav-filters .custom-cms .main-content-right a.load:hover, .custom-cms .main-content-right nav.nav-filters a.load:hover, nav.nav-filters .single-post-box .content ul li a.load:hover, .single-post-box .content ul li nav.nav-filters a.load:hover, nav.nav-filters .contact-page .text-content a.load:hover, .contact-page .text-content nav.nav-filters a.load:hover, nav.nav-filters a.btn.load:active, nav.nav-filters .custom-cms .content-block.photomood-background ul li a.load:active, .custom-cms .content-block.photomood-background ul li nav.nav-filters a.load:active, nav.nav-filters .custom-cms .content-block.photopro-background ul li a.load:active, .custom-cms .content-block.photopro-background ul li nav.nav-filters a.load:active, nav.nav-filters .custom-cms .content-block.red-background-bruit ul li a.load:active, .custom-cms .content-block.red-background-bruit ul li nav.nav-filters a.load:active, nav.nav-filters .custom-cms .content-block.red-background-clean ul li a.load:active, .custom-cms .content-block.red-background-clean ul li nav.nav-filters a.load:active, nav.nav-filters .custom-cms .main-content-right a.load:active, .custom-cms .main-content-right nav.nav-filters a.load:active, nav.nav-filters .single-post-box .content ul li a.load:active, .single-post-box .content ul li nav.nav-filters a.load:active, nav.nav-filters .contact-page .text-content a.load:active, .contact-page .text-content nav.nav-filters a.load:active { background-color: #FFF; border-color: #FFF; color: #DD0000; } nav.nav-filters a.btn.load:hover::after, nav.nav-filters .custom-cms .content-block.photomood-background ul li a.load:hover::after, .custom-cms .content-block.photomood-background ul li nav.nav-filters a.load:hover::after, nav.nav-filters .custom-cms .content-block.photopro-background ul li a.load:hover::after, .custom-cms .content-block.photopro-background ul li nav.nav-filters a.load:hover::after, nav.nav-filters .custom-cms .content-block.red-background-bruit ul li a.load:hover::after, .custom-cms .content-block.red-background-bruit ul li nav.nav-filters a.load:hover::after, nav.nav-filters .custom-cms .content-block.red-background-clean ul li a.load:hover::after, .custom-cms .content-block.red-background-clean ul li nav.nav-filters a.load:hover::after, nav.nav-filters .custom-cms .main-content-right a.load:hover::after, .custom-cms .main-content-right nav.nav-filters a.load:hover::after, nav.nav-filters .single-post-box .content ul li a.load:hover::after, .single-post-box .content ul li nav.nav-filters a.load:hover::after, nav.nav-filters .contact-page .text-content a.load:hover::after, .contact-page .text-content nav.nav-filters a.load:hover::after, nav.nav-filters a.btn.load:active::after, nav.nav-filters .custom-cms .content-block.photomood-background ul li a.load:active::after, .custom-cms .content-block.photomood-background ul li nav.nav-filters a.load:active::after, nav.nav-filters .custom-cms .content-block.photopro-background ul li a.load:active::after, .custom-cms .content-block.photopro-background ul li nav.nav-filters a.load:active::after, nav.nav-filters .custom-cms .content-block.red-background-bruit ul li a.load:active::after, .custom-cms .content-block.red-background-bruit ul li nav.nav-filters a.load:active::after, nav.nav-filters .custom-cms .content-block.red-background-clean ul li a.load:active::after, .custom-cms .content-block.red-background-clean ul li nav.nav-filters a.load:active::after, nav.nav-filters .custom-cms .main-content-right a.load:active::after, .custom-cms .main-content-right nav.nav-filters a.load:active::after, nav.nav-filters .single-post-box .content ul li a.load:active::after, .single-post-box .content ul li nav.nav-filters a.load:active::after, nav.nav-filters .contact-page .text-content a.load:active::after, .contact-page .text-content nav.nav-filters a.load:active::after { border-color: #DD0000; } nav.nav-filters #collapseFilter.collapse { display: none; } nav.nav-filters #collapseFilter.show.collapse { display: block; } @media (min-width: 768px) { nav.nav-filters #collapseFilter.collapse { display: block; } } nav.nav-filters.background-rose, nav.nav-filters.background-rose.stuck { background-color: #FAF5F4; } nav.nav-filters ul { margin: 0 auto; padding: 10px 20px; position: relative; display: block; } @media (min-width: 768px) { nav.nav-filters ul { padding: 10px 60px 5px; display: inline-block; } } @media (min-width: 992px) { nav.nav-filters ul { padding: 7px 30px; margin: -30px auto 0; } } nav.nav-filters ul li { display: block; margin-right: 0; } @media (min-width: 768px) { nav.nav-filters ul li { display: inline-block; } } nav.nav-filters ul li a { padding: 10px 15px; max-width: 300px; margin-bottom: 5px; margin: 0 auto 5px; text-transform: uppercase; display: block; letter-spacing: 0.5px; color: #DD0000; -webkit-transition: all 0.5s; transition: all 0.5s; font-size: 15px; } @media (min-width: 992px) { nav.nav-filters ul li a { margin-bottom: 0; padding: 5px 15px 3px 15px; } } nav.nav-filters ul li a.friterie, nav.nav-filters ul li a.sandwicherie, nav.nav-filters ul li a.horeca { padding: 5px 15px; margin-top: 0; margin-bottom: 0; } nav.nav-filters ul li a.active { color: #FFF; background-color: #830D0D; } nav.nav-filters ul li a.active:hover { color: #FFF; } nav.nav-filters ul li a:hover { color: #4A080C; } nav.nav-filters.stuck { background: #FFF; } nav.nav-filters.stuck ul { margin-top: 0; } nav.nav-filters--taxo { background-color: #FF1622; padding: 40px 15px; } nav.nav-filters--taxo .title, nav.nav-filters--taxo .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part nav.nav-filters--taxo h1, nav.nav-filters--taxo .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part nav.nav-filters--taxo h2, nav.nav-filters--taxo .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part nav.nav-filters--taxo h3, nav.nav-filters--taxo .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part nav.nav-filters--taxo h4, nav.nav-filters--taxo .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part nav.nav-filters--taxo h5 { padding: 0 10px 20px; line-height: 1.4em; } nav.nav-filters--taxo ul { margin: 0 auto; padding: 0; } nav.nav-filters--taxo ul li { margin-right: 0 !important; } nav.nav-filters--taxo ul li a { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; margin: 0 auto; background-color: #FFF; } nav.nav-filters--taxo ul li a:hover { background: #4A080C; color: #FFF; } @media (max-width: 991.98px) { nav.nav-filters--taxo ul li { margin-bottom: 10px; margin-right: 5px !important; } } @media (max-width: 767.98px) { nav.nav-filters--taxo ul li { margin-bottom: 5px; margin-right: 0 !important; } nav.nav-filters--taxo ul li a { background: none; color: #FFF; border-bottom: 0.75px solid rgba(255, 255, 255, 0.5); } nav.nav-filters--taxo ul li a.active { border: none; } } /* Mobile */ .btn-menu-pro.desktop { display: none; } .btn-menu-pro.mobile { display: block; } .btn-menu-pro.mobile a { padding: 10px; display: block; white-space: normal; } @media (min-width: 768px) { .btn-menu-pro.desktop { display: inline-block; } .btn-menu-pro.mobile { display: none; } } /* Call to action */ .cta { position: relative; } .cta .bg-image-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } .cta .bg-image-wrapper img { width: inherit; -o-object-fit: cover; object-fit: cover; max-width: none; height: auto; } .cta .text-wrapper { position: relative; z-index: 4; } .cta.atable, .cta.b2c { -webkit-box-shadow: 0 -300px 300px rgba(0, 0, 0, 0.4) inset; box-shadow: 0 -300px 300px rgba(0, 0, 0, 0.4) inset; padding: 100px 20px; } .cta.atable .text-wrapper img, .cta.b2c .text-wrapper img { margin: 0 auto; display: block; max-width: 80px; } @media (min-width: 1200px) { .cta.atable, .cta.b2c { padding: 160px 20px; } .cta.atable .text-wrapper img, .cta.b2c .text-wrapper img { max-width: 120px; } } .cta span { margin: 10px auto 0; display: block; text-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } @media (min-width: 992px) { .cta span { text-shadow: 0 0 20px rgba(0, 0, 0, 0.7); } } .cta.sauces { -webkit-box-shadow: 0 -300px 300px rgba(0, 0, 0, 0.4) inset; box-shadow: 0 -300px 300px rgba(0, 0, 0, 0.4) inset; } .cta.sauces::before { height: 10px; width: 50%; max-width: 300px; margin: 0 auto; content: ""; z-index: 2; display: block; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; background-image: url("/themes/dl/assets/images/belgian-flag.png"); } .cta.sauces .container img, .cta.sauces .custom-cms .banner-image.content img, .custom-cms .cta.sauces .banner-image.content img, .cta.sauces .custom-cms .content-block.content img, .custom-cms .cta.sauces .content-block.content img { display: block; max-width: 95%; margin: 0 auto; } @media (min-width: 576px) { .cta.sauces .container img, .cta.sauces .custom-cms .banner-image.content img, .custom-cms .cta.sauces .banner-image.content img, .cta.sauces .custom-cms .content-block.content img, .custom-cms .cta.sauces .content-block.content img { max-width: 500px; } } @media (min-width: 992px) { .cta.sauces .container img, .cta.sauces .custom-cms .banner-image.content img, .custom-cms .cta.sauces .banner-image.content img, .cta.sauces .custom-cms .content-block.content img, .custom-cms .cta.sauces .content-block.content img { width: 94%; max-width: 100%; } } .cta.sauces.pro .container img, .cta.sauces.pro .custom-cms .banner-image.content img, .custom-cms .cta.sauces.pro .banner-image.content img, .cta.sauces.pro .custom-cms .content-block.content img, .custom-cms .cta.sauces.pro .content-block.content img { max-height: 600px; width: auto; margin: 0 auto; } .cta.sauces .content { text-align: center; } .cta.sauces .content .btn-white, .cta.sauces .content .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li .cta.sauces .content a, .cta.sauces .content .custom-cms .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li .cta.sauces .content a { margin-top: 0; } .cta.sauces .content .title-lower { text-align: center; padding-bottom: 40px; } @media (min-width: 768px) { .cta.sauces .content .title-lower { padding-bottom: 0; } } @media (min-width: 992px) { .cta.sauces .content { text-align: left; } .cta.sauces .content .title-lower { padding-bottom: 20px; text-align: left; } } .cta.thanks { padding: 100px 20px; } .cta.thanks::before { display: none; } .cta.thanks .text-wrapper p { font-size: 16px; color: #FFF; } @media (min-width: 992px) { .cta.thanks { padding: 160px 20px; } .cta.thanks .text-wrapper p { font-size: 21px; } } .cta a.btn, .cta .custom-cms .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background ul li .cta a, .cta .custom-cms .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background ul li .cta a, .cta .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li .cta a, .cta .custom-cms .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li .cta a, .cta .custom-cms .main-content-right a, .custom-cms .main-content-right .cta a, .cta .single-post-box .content ul li a, .single-post-box .content ul li .cta a, .cta .contact-page .text-content a, .contact-page .text-content .cta a { margin-top: 20px; } .cta.cta--2column .cta__column { padding-top: 20px; padding-bottom: 20px; } .cta.cta--2column .cta__column br { display: none; } @media (min-width: 992px) { .cta.cta--2column .cta__column br { display: block; } } .cta.cta--2column .cta__column .col-left { margin: 0 auto; max-width: 620px; padding: 0 20px 20px; } @media (min-width: 768px) { .cta.cta--2column .cta__column .col-left { margin-right: 0; margin-left: auto; padding-left: 40px; } } @media (min-width: 992px) { .cta.cta--2column .cta__column .col-left { padding-left: 60px; } } .cta.cta--2column .cta__column .col-right { margin: 0 auto; max-width: 620px; padding: 0 20px 20px; } @media (min-width: 768px) { .cta.cta--2column .cta__column .col-right { margin-left: 0; margin-right: auto; } } .cta.cta--2column .cta__column h3 { line-height: 1.1em; font-size: 1.8em; } @media (min-width: 576px) { .cta.cta--2column .cta__column h3 { font-size: 2em; } } @media (min-width: 768px) { .cta.cta--2column .cta__column h3 { font-size: 2.3em; } } @media (min-width: 992px) { .cta.cta--2column .cta__column h3 { font-size: 2.6em; } } @media (min-width: 1200px) { .cta.cta--2column .cta__column h3 { font-size: 2.8em; } } .cta.cta--2column .cta__column.cta__img { -webkit-box-shadow: 0 -300px 300px rgba(0, 0, 0, 0.4) inset; box-shadow: 0 -300px 300px rgba(0, 0, 0, 0.4) inset; background-size: cover; background-position: center; background-repeat: no-repeat; } @media (min-width: 768px) { .cta.cta--2column .cta__column.cta__img { padding-left: 40px; } } @media (min-width: 992px) { .cta.cta--2column .cta__column.cta__img { padding-left: 60px; } } .cta.cta--2column .cta__column.cta__img h3 { color: #FFF; text-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } @media (min-width: 992px) { .cta.cta--2column .cta__column.cta__img h3 { text-shadow: 0 0 20px rgba(0, 0, 0, 0.7); } } .cta.cta--2column .cta__column.cta__img h3::before { border-color: #FFF; } .cta-history { padding-top: 60px; text-align: center; } .cta-history img.img-fluid { max-width: 100%; } .cta-history h4 { text-align: center; } .cta-history h4::before { margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .cta-history { padding-top: 40px; text-align: left; } .cta-history h4 { text-align: left; } .cta-history h4::before { margin-left: 0; margin-right: auto; } } @media (min-width: 992px) { .cta-history { padding-top: 0; } } #where-to-buy .widget.widget_media_image { margin: 10px 10px 0; display: inline-block; } #where-to-buy .widget.widget_media_image img { max-width: 100px !important; } @media (min-width: 992px) { #where-to-buy .widget.widget_media_image img { max-width: 120px !important; } } .popup { display: none; } .popup.visible { display: -webkit-box; display: -ms-flexbox; display: flex; } .popup--home { inset: 0; position: fixed; z-index: 9999; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(60, 7, 10, 0.95); } .popup__wrapper { display: block; width: 100%; padding: 30px 15px; overflow-y: scroll; } .popup__wrapper .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #FFF; position: relative; } .popup__wrapper .content .lines-button.close { position: absolute; right: 0; top: 0; height: 55px; width: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; background: #FFF; } .popup__wrapper .content .lines-button.close span { background: none; } .popup__wrapper .content .lines-button.close span.lines::before, .popup__wrapper .content .lines-button.close span.lines::after { background: rgba(0, 0, 0, 0.5); left: 3px; } .popup__wrapper .content .lines-button.close span.lines::after { top: 9px; } .popup__wrapper .content .lines-button.close span.lines::before { top: -5px; } .popup__wrapper .before-miam { position: absolute; height: 40px; width: 120px; z-index: 2; left: -10px; top: -10px; } .popup__wrapper .before-miam img { width: 100%; height: auto; } @media (min-width: 576px) { .popup__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 768px) { .popup__wrapper { overflow: visible; } .popup__wrapper .before-miam { left: -20px; top: -20px; width: 160px; height: 100px; } } @media (min-width: 992px) { .popup__wrapper { max-width: 800px; } .popup__wrapper .content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; } } .popup__image { overflow: hidden; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; max-height: 250px; display: flex; } .popup__image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: auto; -o-object-position: center; object-position: center; } @media (min-width: 576px) { .popup__image { max-height: 400px; } } @media (min-width: 992px) { .popup__image { width: 40%; max-height: 100%; } } .popup__text { padding: 30px 25px; } @media (min-width: 576px) { .popup__text { padding: 40px 35px; } } @media (min-width: 992px) { .popup__text { width: 60%; padding: 20px 40px; } } footer { background-color: #FAF5F4; text-align: center; font-size: 12px; padding: 0 20px; color: #DD0000; } footer .h4 { font-weight: bolder; font-size: 18px; } @media (min-width: 992px) { footer { text-align: left; } } footer .container-fluid { max-width: 1200px; } footer .logo-dl img { max-width: 80px; width: 100%; } @media (min-width: 768px) { footer .logo-dl img { max-width: 120px; } } @media (min-width: 768px) { footer .logo-dl img { max-width: 140px; } } footer .b2b-col, footer .b2c-col { padding-bottom: 40px; } @media (min-width: 576px) { footer .b2b-col, footer .b2c-col { padding-bottom: 0; } } footer .footer-menu a { font-size: 13px; border-bottom: 1px solid #f7ddde; letter-spacing: 0.2px; color: #DD0000; font-style: normal; display: block; margin: 0px; padding: 7px 0 7px 0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } footer .footer-menu a:hover { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #4A080C; } @media (min-width: 992px) { footer .footer-menu a:last-child { border-bottom: 0px solid #f7ddde; } } footer .footer-copyright { color: #B8969B; font-size: 11px; letter-spacing: 0.5px; } @media (min-width: 992px) { footer .footer-legals { border-top: 1px solid #f7ddde; border-bottom: 1px solid #f7ddde; } footer .footer-legals .copyright { border-right: 1px solid #f7ddde; } } footer .footer-legals .follow .tv, footer .footer-legals .follow .radio { padding: 3px 0 0 0; display: inline-block; } footer .footer-legals .follow .tv img, footer .footer-legals .follow .radio img { position: relative; margin: -10px 12px 0 0; } footer .footer-legals ul { margin: 0px; padding: 0px; } footer .footer-legals ul li { display: block; border-top: 1px solid #f7ddde; } footer .footer-legals ul li span { display: none; } footer .footer-legals ul li a { font-weight: bold; } footer .footer-legals ul li a.facebook { font-size: 22px; line-height: 20px; display: inline-block; margin: 0; padding: 0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 20px; height: 30px; } footer .footer-legals ul li a.facebook svg { max-width: 20px; max-height: 20px; height: auto; } footer .footer-legals ul li a.facebook:hover svg .cls-1 { color: #4A080C; } footer .footer-legals ul li a.instagram { font-size: 22px; line-height: 18px; display: inline-block; margin: 0; padding: 0; width: 20px; height: 30px; } footer .footer-legals ul li a.instagram svg { max-width: 20px; max-height: 20px; height: auto; } footer .footer-legals ul li a.instagram:hover svg .cls-1 { color: #4A080C; } @media (min-width: 768px) { footer .footer-legals ul li { border-right: 1px solid #f7ddde; border-top: 0px solid #f7ddde; min-height: 70px; margin: 0px; padding: 10px 0 0 0; display: inline-block; font-size: 12px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.5px; } } @media (min-width: 992px) { footer .footer-legals ul li { min-height: 90px; } } @media (min-width: 1200px) { footer .footer-legals ul li { min-height: 70px; } footer .footer-legals ul li span { display: block; } } footer .footer-legals ul li:last-child { border-right: 0px solid #f7ddde; } footer .footer-legals ul li a { color: #DD0000; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } footer .footer-legals ul li a.arrow:after { content: ""; display: inline-block; width: 6px; height: 9px; position: relative; margin: 5px 0px 0 10px; background: transparent url(../images/arrow-right.svg?5bef10e6f33b0d52c9dc7a1b5c7ba0a1) no-repeat center left; } footer .footer-legals ul li a:hover { color: #4A080C; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } footer .footer-legals ul li a:hover.arrow:after { content: ""; display: inline-block; width: 6px; height: 9px; position: relative; margin: 5px 0px 0 10px; background: transparent url(../images/arrow-right-hover.svg?39f09e731fe3c84a350e2bf04e7dbddc) no-repeat center left; } footer .footer-legals p { color: #DD0000; letter-spacing: 0.2px; font-size: 11px; line-height: 19px; margin: 0; padding: 15px 0 14px 0; } footer .footer-legals p a { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: inline-block; color: #DD0000; text-decoration: underline; padding: 0px; margin: 0 0 0 20px; } footer .footer-legals p a:hover { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #4A080C; } footer .footer-legals p a:before { content: ""; position: absolute; margin: 7px 0 0 -13px; display: block; height: 8px; width: 1px; background: #DD0000; } .hide { opacity: 0 !important; -webkit-animation: all ease 0.1s; animation: all ease 0.1s; display: none; } .alignwide { width: auto; max-width: 1000%; margin-right: calc(25% - 25vw); margin-left: calc(25% - 25vw); } .alignfull { width: auto; max-width: 1000%; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); } .no-padding { padding: 0; } html, body { margin: 0; padding: 0; color: #000000; } body.home { overflow-x: hidden; } .hidden-mobile { display: none; } @media (min-width: 992px) { .hidden-mobile { display: inline-block; } } @media (min-width: 992px) { .block-desktop { display: block; } } .hidden-desktop { display: inline-block; } @media (min-width: 992px) { .hidden-desktop { display: none; } } .sticky-top { top: 0; z-index: 10; } @media (min-width: 992px) { .sticky-top { top: 98px; } } .max-width-700, .video-part .red-text, .video-part #hero.rose-light-background h1, #hero.rose-light-background .video-part h1, .video-part #hero.rose-light-background .title, .video-part #hero.rose-light-background .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part .video-part #hero.rose-light-background h2, .video-part #hero.rose-light-background .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part .video-part #hero.rose-light-background h3, .video-part #hero.rose-light-background .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part .video-part #hero.rose-light-background h4, .video-part #hero.rose-light-background .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part .video-part #hero.rose-light-background h5, #hero.rose-light-background .video-part .title, #hero.rose-light-background .video-part .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part #hero.rose-light-background .video-part h2, #hero.rose-light-background .video-part .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part #hero.rose-light-background .video-part h3, #hero.rose-light-background .video-part .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part #hero.rose-light-background .video-part h4, #hero.rose-light-background .video-part .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part #hero.rose-light-background .video-part h5 { max-width: 700px; } .max-width-700.centered, .video-part .centered.red-text, .video-part #hero.rose-light-background h1.centered, #hero.rose-light-background .video-part h1.centered, .video-part #hero.rose-light-background .centered.title, .video-part #hero.rose-light-background .custom-cms .content-block .text-part h1.centered, .custom-cms .content-block .text-part .video-part #hero.rose-light-background h1.centered, .video-part #hero.rose-light-background .custom-cms .content-block .text-part h2.centered, .custom-cms .content-block .text-part .video-part #hero.rose-light-background h2.centered, .video-part #hero.rose-light-background .custom-cms .content-block .text-part h3.centered, .custom-cms .content-block .text-part .video-part #hero.rose-light-background h3.centered, .video-part #hero.rose-light-background .custom-cms .content-block .text-part h4.centered, .custom-cms .content-block .text-part .video-part #hero.rose-light-background h4.centered, .video-part #hero.rose-light-background .custom-cms .content-block .text-part h5.centered, .custom-cms .content-block .text-part .video-part #hero.rose-light-background h5.centered, #hero.rose-light-background .video-part .centered.title, #hero.rose-light-background .video-part .custom-cms .content-block .text-part h1.centered, .custom-cms .content-block .text-part #hero.rose-light-background .video-part h1.centered, #hero.rose-light-background .video-part .custom-cms .content-block .text-part h2.centered, .custom-cms .content-block .text-part #hero.rose-light-background .video-part h2.centered, #hero.rose-light-background .video-part .custom-cms .content-block .text-part h3.centered, .custom-cms .content-block .text-part #hero.rose-light-background .video-part h3.centered, #hero.rose-light-background .video-part .custom-cms .content-block .text-part h4.centered, .custom-cms .content-block .text-part #hero.rose-light-background .video-part h4.centered, #hero.rose-light-background .video-part .custom-cms .content-block .text-part h5.centered, .custom-cms .content-block .text-part #hero.rose-light-background .video-part h5.centered, .contact-page h3.max-width-700, .contact-page .video-part h3.red-text, .video-part .contact-page h3.red-text, .contact-page .video-part #hero.rose-light-background h3.title, .contact-page .video-part #hero.rose-light-background .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part .contact-page .video-part #hero.rose-light-background h3, .video-part #hero.rose-light-background .contact-page h3.title, .video-part #hero.rose-light-background .contact-page .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part .video-part #hero.rose-light-background .contact-page h3, .contact-page #hero.rose-light-background .video-part h3.title, .contact-page #hero.rose-light-background .video-part .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part .contact-page #hero.rose-light-background .video-part h3, #hero.rose-light-background .video-part .contact-page h3.title, #hero.rose-light-background .video-part .contact-page .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part #hero.rose-light-background .video-part .contact-page h3, #top-archive .text-part .max-width-700.dotted-title, #top-archive .text-part .page-template-page-action-form .action-page .text-content h2.max-width-700, .page-template-page-action-form .action-page .text-content #top-archive .text-part h2.max-width-700, #top-archive .text-part .video-part .dotted-title.red-text, #top-archive .text-part .video-part .page-template-page-action-form .action-page .text-content h2.red-text, .page-template-page-action-form .action-page .text-content #top-archive .text-part .video-part h2.red-text, .video-part #top-archive .text-part .dotted-title.red-text, .video-part #top-archive .text-part .page-template-page-action-form .action-page .text-content h2.red-text, .page-template-page-action-form .action-page .text-content .video-part #top-archive .text-part h2.red-text, #top-archive .text-part .video-part #hero.rose-light-background h1.dotted-title, .video-part #hero.rose-light-background #top-archive .text-part h1.dotted-title, #top-archive .text-part #hero.rose-light-background .video-part h1.dotted-title, #hero.rose-light-background .video-part #top-archive .text-part h1.dotted-title, #top-archive .text-part .video-part #hero.rose-light-background .dotted-title.title, #top-archive .text-part .video-part #hero.rose-light-background .page-template-page-action-form .action-page .text-content h2.title, .page-template-page-action-form .action-page .text-content #top-archive .text-part .video-part #hero.rose-light-background h2.title, #top-archive .custom-cms .content-block .text-part .video-part #hero.rose-light-background h1.dotted-title, .custom-cms .content-block #top-archive .text-part .video-part #hero.rose-light-background h1.dotted-title, #top-archive .custom-cms .content-block .text-part .video-part #hero.rose-light-background h2.dotted-title, #top-archive .custom-cms .content-block .text-part .video-part #hero.rose-light-background .page-template-page-action-form .action-page .text-content h2, .page-template-page-action-form .action-page .text-content #top-archive .custom-cms .content-block .text-part .video-part #hero.rose-light-background h2, .custom-cms .content-block #top-archive .text-part .video-part #hero.rose-light-background h2.dotted-title, .custom-cms .content-block #top-archive .text-part .video-part #hero.rose-light-background .page-template-page-action-form .action-page .text-content h2, .page-template-page-action-form .action-page .text-content .custom-cms .content-block #top-archive .text-part .video-part #hero.rose-light-background h2, #top-archive .custom-cms .content-block .text-part .video-part #hero.rose-light-background h3.dotted-title, .custom-cms .content-block #top-archive .text-part .video-part #hero.rose-light-background h3.dotted-title, #top-archive .custom-cms .content-block .text-part .video-part #hero.rose-light-background h4.dotted-title, .custom-cms .content-block #top-archive .text-part .video-part #hero.rose-light-background h4.dotted-title, #top-archive .custom-cms .content-block .text-part .video-part #hero.rose-light-background h5.dotted-title, .custom-cms .content-block #top-archive .text-part .video-part #hero.rose-light-background h5.dotted-title, .video-part #hero.rose-light-background #top-archive .text-part .dotted-title.title, .video-part #hero.rose-light-background #top-archive .text-part .page-template-page-action-form .action-page .text-content h2.title, .page-template-page-action-form .action-page .text-content .video-part #hero.rose-light-background #top-archive .text-part h2.title, .video-part #hero.rose-light-background #top-archive .custom-cms .content-block .text-part h1.dotted-title, .custom-cms .content-block .video-part #hero.rose-light-background #top-archive .text-part h1.dotted-title, .video-part #hero.rose-light-background #top-archive .custom-cms .content-block .text-part h2.dotted-title, .video-part #hero.rose-light-background #top-archive .custom-cms .content-block .text-part .page-template-page-action-form .action-page .text-content h2, .page-template-page-action-form .action-page .text-content .video-part #hero.rose-light-background #top-archive .custom-cms .content-block .text-part h2, .custom-cms .content-block .video-part #hero.rose-light-background #top-archive .text-part h2.dotted-title, .custom-cms .content-block .video-part #hero.rose-light-background #top-archive .text-part .page-template-page-action-form .action-page .text-content h2, .page-template-page-action-form .action-page .text-content .custom-cms .content-block .video-part #hero.rose-light-background #top-archive .text-part h2, .video-part #hero.rose-light-background #top-archive .custom-cms .content-block .text-part h3.dotted-title, .custom-cms .content-block .video-part #hero.rose-light-background #top-archive .text-part h3.dotted-title, .video-part #hero.rose-light-background #top-archive .custom-cms .content-block .text-part h4.dotted-title, .custom-cms .content-block .video-part #hero.rose-light-background #top-archive .text-part h4.dotted-title, .video-part #hero.rose-light-background #top-archive .custom-cms .content-block .text-part h5.dotted-title, .custom-cms .content-block .video-part #hero.rose-light-background #top-archive .text-part h5.dotted-title, #top-archive .text-part #hero.rose-light-background .video-part .dotted-title.title, #top-archive .text-part #hero.rose-light-background .video-part .page-template-page-action-form .action-page .text-content h2.title, .page-template-page-action-form .action-page .text-content #top-archive .text-part #hero.rose-light-background .video-part h2.title, #top-archive .custom-cms .content-block .text-part #hero.rose-light-background .video-part h1.dotted-title, .custom-cms .content-block #top-archive .text-part #hero.rose-light-background .video-part h1.dotted-title, #top-archive .custom-cms .content-block .text-part #hero.rose-light-background .video-part h2.dotted-title, #top-archive .custom-cms .content-block .text-part #hero.rose-light-background .video-part .page-template-page-action-form .action-page .text-content h2, .page-template-page-action-form .action-page .text-content #top-archive .custom-cms .content-block .text-part #hero.rose-light-background .video-part h2, .custom-cms .content-block #top-archive .text-part #hero.rose-light-background .video-part h2.dotted-title, .custom-cms .content-block #top-archive .text-part #hero.rose-light-background .video-part .page-template-page-action-form .action-page .text-content h2, .page-template-page-action-form .action-page .text-content .custom-cms .content-block #top-archive .text-part #hero.rose-light-background .video-part h2, #top-archive .custom-cms .content-block .text-part #hero.rose-light-background .video-part h3.dotted-title, .custom-cms .content-block #top-archive .text-part #hero.rose-light-background .video-part h3.dotted-title, #top-archive .custom-cms .content-block .text-part #hero.rose-light-background .video-part h4.dotted-title, .custom-cms .content-block #top-archive .text-part #hero.rose-light-background .video-part h4.dotted-title, #top-archive .custom-cms .content-block .text-part #hero.rose-light-background .video-part h5.dotted-title, .custom-cms .content-block #top-archive .text-part #hero.rose-light-background .video-part h5.dotted-title, #hero.rose-light-background .video-part #top-archive .text-part .dotted-title.title, #hero.rose-light-background .video-part #top-archive .text-part .page-template-page-action-form .action-page .text-content h2.title, .page-template-page-action-form .action-page .text-content #hero.rose-light-background .video-part #top-archive .text-part h2.title, #hero.rose-light-background .video-part #top-archive .custom-cms .content-block .text-part h1.dotted-title, .custom-cms .content-block #hero.rose-light-background .video-part #top-archive .text-part h1.dotted-title, #hero.rose-light-background .video-part #top-archive .custom-cms .content-block .text-part h2.dotted-title, #hero.rose-light-background .video-part #top-archive .custom-cms .content-block .text-part .page-template-page-action-form .action-page .text-content h2, .page-template-page-action-form .action-page .text-content #hero.rose-light-background .video-part #top-archive .custom-cms .content-block .text-part h2, .custom-cms .content-block #hero.rose-light-background .video-part #top-archive .text-part h2.dotted-title, .custom-cms .content-block #hero.rose-light-background .video-part #top-archive .text-part .page-template-page-action-form .action-page .text-content h2, .page-template-page-action-form .action-page .text-content .custom-cms .content-block #hero.rose-light-background .video-part #top-archive .text-part h2, #hero.rose-light-background .video-part #top-archive .custom-cms .content-block .text-part h3.dotted-title, .custom-cms .content-block #hero.rose-light-background .video-part #top-archive .text-part h3.dotted-title, #hero.rose-light-background .video-part #top-archive .custom-cms .content-block .text-part h4.dotted-title, .custom-cms .content-block #hero.rose-light-background .video-part #top-archive .text-part h4.dotted-title, #hero.rose-light-background .video-part #top-archive .custom-cms .content-block .text-part h5.dotted-title, .custom-cms .content-block #hero.rose-light-background .video-part #top-archive .text-part h5.dotted-title, #top-archive .text-part .contact-page h3.max-width-700, #top-archive .text-part .contact-page .video-part h3.red-text, .video-part #top-archive .text-part .contact-page h3.red-text, .contact-page #top-archive .text-part h3.max-width-700, .contact-page #top-archive .text-part .video-part h3.red-text, .video-part .contact-page #top-archive .text-part h3.red-text, #top-archive .text-part .contact-page .text-content h2.max-width-700, #top-archive .text-part .contact-page .text-content .video-part h2.red-text, .video-part #top-archive .text-part .contact-page .text-content h2.red-text, #top-archive .text-part .contact-page .text-content .video-part #hero.rose-light-background h2.title, #top-archive .custom-cms .content-block .text-part .contact-page .text-content .video-part #hero.rose-light-background h2, .custom-cms .content-block #top-archive .text-part .contact-page .text-content .video-part #hero.rose-light-background h2, .video-part #hero.rose-light-background #top-archive .text-part .contact-page .text-content h2.title, .video-part #hero.rose-light-background #top-archive .custom-cms .content-block .text-part .contact-page .text-content h2, .custom-cms .content-block .video-part #hero.rose-light-background #top-archive .text-part .contact-page .text-content h2, #top-archive .text-part .contact-page .text-content #hero.rose-light-background .video-part h2.title, #top-archive .custom-cms .content-block .text-part .contact-page .text-content #hero.rose-light-background .video-part h2, .custom-cms .content-block #top-archive .text-part .contact-page .text-content #hero.rose-light-background .video-part h2, #hero.rose-light-background .video-part #top-archive .text-part .contact-page .text-content h2.title, #hero.rose-light-background .video-part #top-archive .custom-cms .content-block .text-part .contact-page .text-content h2, .custom-cms .content-block #hero.rose-light-background .video-part #top-archive .text-part .contact-page .text-content h2, .contact-page .text-content #top-archive .text-part h2.max-width-700, .contact-page .text-content #top-archive .text-part .video-part h2.red-text, .video-part .contact-page .text-content #top-archive .text-part h2.red-text, .contact-page .text-content #top-archive .text-part .video-part #hero.rose-light-background h2.title, .contact-page .text-content #top-archive .custom-cms .content-block .text-part .video-part #hero.rose-light-background h2, .custom-cms .content-block .contact-page .text-content #top-archive .text-part .video-part #hero.rose-light-background h2, .video-part #hero.rose-light-background .contact-page .text-content #top-archive .text-part h2.title, .video-part #hero.rose-light-background .contact-page .text-content #top-archive .custom-cms .content-block .text-part h2, .custom-cms .content-block .video-part #hero.rose-light-background .contact-page .text-content #top-archive .text-part h2, .contact-page .text-content #top-archive .text-part #hero.rose-light-background .video-part h2.title, .contact-page .text-content #top-archive .custom-cms .content-block .text-part #hero.rose-light-background .video-part h2, .custom-cms .content-block .contact-page .text-content #top-archive .text-part #hero.rose-light-background .video-part h2, #hero.rose-light-background .video-part .contact-page .text-content #top-archive .text-part h2.title, #hero.rose-light-background .video-part .contact-page .text-content #top-archive .custom-cms .content-block .text-part h2, .custom-cms .content-block #hero.rose-light-background .video-part .contact-page .text-content #top-archive .text-part h2, #where-to-buy .widget .max-width-700.widgettitle, #where-to-buy .widget .video-part .widgettitle.red-text, .video-part #where-to-buy .widget .widgettitle.red-text, #where-to-buy .widget .video-part #hero.rose-light-background h1.widgettitle, .video-part #hero.rose-light-background #where-to-buy .widget h1.widgettitle, #where-to-buy .widget #hero.rose-light-background .video-part h1.widgettitle, #hero.rose-light-background .video-part #where-to-buy .widget h1.widgettitle, #where-to-buy .widget .video-part #hero.rose-light-background .widgettitle.title, #where-to-buy .widget .video-part #hero.rose-light-background .custom-cms .content-block .text-part h1.widgettitle, .custom-cms .content-block .text-part #where-to-buy .widget .video-part #hero.rose-light-background h1.widgettitle, #where-to-buy .widget .video-part #hero.rose-light-background .custom-cms .content-block .text-part h2.widgettitle, .custom-cms .content-block .text-part #where-to-buy .widget .video-part #hero.rose-light-background h2.widgettitle, #where-to-buy .widget .video-part #hero.rose-light-background .custom-cms .content-block .text-part h3.widgettitle, .custom-cms .content-block .text-part #where-to-buy .widget .video-part #hero.rose-light-background h3.widgettitle, #where-to-buy .widget .video-part #hero.rose-light-background .custom-cms .content-block .text-part h4.widgettitle, .custom-cms .content-block .text-part #where-to-buy .widget .video-part #hero.rose-light-background h4.widgettitle, #where-to-buy .widget .video-part #hero.rose-light-background .custom-cms .content-block .text-part h5.widgettitle, .custom-cms .content-block .text-part #where-to-buy .widget .video-part #hero.rose-light-background h5.widgettitle, .video-part #hero.rose-light-background #where-to-buy .widget .widgettitle.title, .video-part #hero.rose-light-background #where-to-buy .widget .custom-cms .content-block .text-part h1.widgettitle, .custom-cms .content-block .text-part .video-part #hero.rose-light-background #where-to-buy .widget h1.widgettitle, .video-part #hero.rose-light-background #where-to-buy .widget .custom-cms .content-block .text-part h2.widgettitle, .custom-cms .content-block .text-part .video-part #hero.rose-light-background #where-to-buy .widget h2.widgettitle, .video-part #hero.rose-light-background #where-to-buy .widget .custom-cms .content-block .text-part h3.widgettitle, .custom-cms .content-block .text-part .video-part #hero.rose-light-background #where-to-buy .widget h3.widgettitle, .video-part #hero.rose-light-background #where-to-buy .widget .custom-cms .content-block .text-part h4.widgettitle, .custom-cms .content-block .text-part .video-part #hero.rose-light-background #where-to-buy .widget h4.widgettitle, .video-part #hero.rose-light-background #where-to-buy .widget .custom-cms .content-block .text-part h5.widgettitle, .custom-cms .content-block .text-part .video-part #hero.rose-light-background #where-to-buy .widget h5.widgettitle, #where-to-buy .widget #hero.rose-light-background .video-part .widgettitle.title, #where-to-buy .widget #hero.rose-light-background .video-part .custom-cms .content-block .text-part h1.widgettitle, .custom-cms .content-block .text-part #where-to-buy .widget #hero.rose-light-background .video-part h1.widgettitle, #where-to-buy .widget #hero.rose-light-background .video-part .custom-cms .content-block .text-part h2.widgettitle, .custom-cms .content-block .text-part #where-to-buy .widget #hero.rose-light-background .video-part h2.widgettitle, #where-to-buy .widget #hero.rose-light-background .video-part .custom-cms .content-block .text-part h3.widgettitle, .custom-cms .content-block .text-part #where-to-buy .widget #hero.rose-light-background .video-part h3.widgettitle, #where-to-buy .widget #hero.rose-light-background .video-part .custom-cms .content-block .text-part h4.widgettitle, .custom-cms .content-block .text-part #where-to-buy .widget #hero.rose-light-background .video-part h4.widgettitle, #where-to-buy .widget #hero.rose-light-background .video-part .custom-cms .content-block .text-part h5.widgettitle, .custom-cms .content-block .text-part #where-to-buy .widget #hero.rose-light-background .video-part h5.widgettitle, #hero.rose-light-background .video-part #where-to-buy .widget .widgettitle.title, #hero.rose-light-background .video-part #where-to-buy .widget .custom-cms .content-block .text-part h1.widgettitle, .custom-cms .content-block .text-part #hero.rose-light-background .video-part #where-to-buy .widget h1.widgettitle, #hero.rose-light-background .video-part #where-to-buy .widget .custom-cms .content-block .text-part h2.widgettitle, .custom-cms .content-block .text-part #hero.rose-light-background .video-part #where-to-buy .widget h2.widgettitle, #hero.rose-light-background .video-part #where-to-buy .widget .custom-cms .content-block .text-part h3.widgettitle, .custom-cms .content-block .text-part #hero.rose-light-background .video-part #where-to-buy .widget h3.widgettitle, #hero.rose-light-background .video-part #where-to-buy .widget .custom-cms .content-block .text-part h4.widgettitle, .custom-cms .content-block .text-part #hero.rose-light-background .video-part #where-to-buy .widget h4.widgettitle, #hero.rose-light-background .video-part #where-to-buy .widget .custom-cms .content-block .text-part h5.widgettitle, .custom-cms .content-block .text-part #hero.rose-light-background .video-part #where-to-buy .widget h5.widgettitle { display: block; margin: 0 auto; } .max-width-600-md { width: 90%; max-width: 600px; } @media (min-width: 992px) { .max-width-600-md { max-width: 100%; } } .max-width-600-md.centered, .contact-page h3.max-width-600-md, #top-archive .text-part .max-width-600-md.dotted-title, #top-archive .text-part .page-template-page-action-form .action-page .text-content h2.max-width-600-md, .page-template-page-action-form .action-page .text-content #top-archive .text-part h2.max-width-600-md, #top-archive .text-part .contact-page h3.max-width-600-md, .contact-page #top-archive .text-part h3.max-width-600-md, #top-archive .text-part .contact-page .text-content h2.max-width-600-md, .contact-page .text-content #top-archive .text-part h2.max-width-600-md, #where-to-buy .widget .max-width-600-md.widgettitle { display: block; margin: 0 auto; } .text-right .max-width-500, .text-right #top-archive .text-part, #top-archive .text-right .text-part, .text-right .max-width-700, .text-right .video-part .red-text, .video-part .text-right .red-text, .text-right .video-part #hero.rose-light-background h1, .video-part #hero.rose-light-background .text-right h1, .text-right #hero.rose-light-background .video-part h1, #hero.rose-light-background .video-part .text-right h1, .text-right .video-part #hero.rose-light-background .title, .text-right .video-part #hero.rose-light-background .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part .text-right .video-part #hero.rose-light-background h2, .text-right .video-part #hero.rose-light-background .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part .text-right .video-part #hero.rose-light-background h3, .text-right .video-part #hero.rose-light-background .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part .text-right .video-part #hero.rose-light-background h4, .text-right .video-part #hero.rose-light-background .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part .text-right .video-part #hero.rose-light-background h5, .video-part #hero.rose-light-background .text-right .title, .video-part #hero.rose-light-background .text-right .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part .video-part #hero.rose-light-background .text-right h2, .video-part #hero.rose-light-background .text-right .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part .video-part #hero.rose-light-background .text-right h3, .video-part #hero.rose-light-background .text-right .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part .video-part #hero.rose-light-background .text-right h4, .video-part #hero.rose-light-background .text-right .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part .video-part #hero.rose-light-background .text-right h5, .text-right #hero.rose-light-background .video-part .title, .text-right #hero.rose-light-background .video-part .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part .text-right #hero.rose-light-background .video-part h2, .text-right #hero.rose-light-background .video-part .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part .text-right #hero.rose-light-background .video-part h3, .text-right #hero.rose-light-background .video-part .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part .text-right #hero.rose-light-background .video-part h4, .text-right #hero.rose-light-background .video-part .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part .text-right #hero.rose-light-background .video-part h5, #hero.rose-light-background .video-part .text-right .title, #hero.rose-light-background .video-part .text-right .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part #hero.rose-light-background .video-part .text-right h2, #hero.rose-light-background .video-part .text-right .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part #hero.rose-light-background .video-part .text-right h3, #hero.rose-light-background .video-part .text-right .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part #hero.rose-light-background .video-part .text-right h4, #hero.rose-light-background .video-part .text-right .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part #hero.rose-light-background .video-part .text-right h5 { margin-right: 0; margin-left: auto; } .max-width-500, #top-archive .text-part { max-width: 550px; } .max-width-500.centered, .contact-page h3.max-width-500, #top-archive .text-part .max-width-500.dotted-title, #top-archive .text-part .page-template-page-action-form .action-page .text-content h2.max-width-500, .page-template-page-action-form .action-page .text-content #top-archive .text-part h2.max-width-500, #top-archive .text-part .contact-page h3.max-width-500, .contact-page #top-archive .text-part h3.max-width-500, #top-archive .text-part .contact-page .text-content h2.max-width-500, .contact-page .text-content #top-archive .text-part h2.max-width-500, #top-archive .centered.text-part, #top-archive .contact-page h3.text-part, .contact-page #top-archive h3.text-part, #top-archive .text-part .text-part.dotted-title, #top-archive .text-part .page-template-page-action-form .action-page .text-content h2.text-part, .page-template-page-action-form .action-page .text-content #top-archive .text-part h2.text-part, #top-archive .text-part .contact-page .text-content h2.text-part, .contact-page .text-content #top-archive .text-part h2.text-part, #where-to-buy .widget .max-width-500.widgettitle, #where-to-buy .widget #top-archive .widgettitle.text-part, #top-archive #where-to-buy .widget .widgettitle.text-part { display: block; margin: 0 auto; } .red-background-bruit, .red-background-clean { background-repeat: no-repeat; background-size: cover; background-position: top left; } .red-background-bruit { background-image: url("/themes/dl/assets/images/red-background-bruit.jpg"); } .red-background-clean { background-image: url("/themes/dl/assets/images/red-background-clean.jpg"); } .dark-red-background { background-color: #830D0D; } .white-background { background-color: #FFF; } .yellow-background { background-color: #fad90a; } .rose-light-background { background-color: #FAF5F4; } .rose-half-background { background: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 245, 244, 0)), color-stop(50%, rgba(250, 245, 244, 0)), color-stop(51%, #faf5f4), to(#faf5f4)); background: linear-gradient(to bottom, rgba(250, 245, 244, 0) 0%, rgba(250, 245, 244, 0) 50%, #faf5f4 51%, #faf5f4 100%); } .green-background { background-image: url("/themes/dl/assets/images/pro/background-green.jpg"); } .blue-background { background-image: url("/themes/dl/assets/images/pro/background-blue.jpg"); } .red-background { background-color: #DD0000; } .red-pink-background { background-color: #D33532; } .red-middle-background { background-color: #C1250D; } .white-pink-background { background-color: #FFEDEB; } .green-background-bicky { background-color: #139e43; } .photopro-background { background-repeat: no-repeat; background-size: cover; background-image: url("/themes/dl/assets/images/pro/photo-pro-half.jpg"); } .photomood-background { background-repeat: no-repeat; background-size: cover; background-image: url("/themes/dl/assets/images/banners/hero-listing-products.jpg"); } .shadowed-red-inset { -webkit-box-shadow: 0 200px 300px #ff503e inset; box-shadow: 0 200px 300px #ff503e inset; } #hero { background-size: cover; background-position: center; overflow: hidden; } #hero .content { padding: 110px 15px 50px; } @media (min-width: 768px) { #hero .content { padding: 140px 20px 80px; } } @media (min-width: 992px) { #hero .content { padding: 110px 20px 80px; } } #hero.cover-img { margin-top: 0; background-color: #4A080C; position: relative; z-index: -1; background-size: cover; background-image: url("/themes/dl/assets/images/banners/hero-listing-products.jpg"); } #hero.cover-img .bg-image-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; width: 100%; height: auto; top: 0; bottom: 0; left: 0; } #hero.cover-img .bg-image-wrapper img { width: inherit; -o-object-fit: cover; object-fit: cover; -o-object-position: right center; object-position: right center; max-width: none; height: auto; } #hero.cover-img .text-wrapper { position: relative; z-index: 4; } #hero.cover-img .content { padding: 160px 15px 80px; } @media (min-width: 768px) { #hero.cover-img .content { padding: 160px 20px 80px; } } @media (min-width: 992px) { #hero.cover-img .content { padding: 200px 20px 100px; } } #hero.cover-img.inspi .content { padding-top: 160px; } #hero.cover-img.home .content { padding: 180px 0 120px; } @media (min-width: 768px) { #hero.cover-img.home .content { padding: 200px 20px 120px; } } @media (min-width: 992px) { #hero.cover-img.home .content { padding: 280px 20px 120px; } } .cta-text .col-sm-12.text-center, .cta-text .top-ten .text-center.friterie.item_1, .top-ten .cta-text .text-center.friterie.item_1 { max-width: 800px; width: 100%; margin-left: auto; margin-right: auto; padding: 0 20px; } @media (min-width: 992px) { .cta-text .col-sm-12.text-center, .cta-text .top-ten .text-center.friterie.item_1, .top-ten .cta-text .text-center.friterie.item_1 { max-width: 900px; } } .title-text-cta h1 small, .title-text-cta .h1 small, .title-text-cta h2 small, .title-text-cta .h2 small, .title-text-cta .top-ten .friterie.item_1 h3 small, .top-ten .friterie.item_1 .title-text-cta h3 small, .title-text-cta .h3 small, .title-text-cta .custom-cms .main-content-right h1 small, .custom-cms .main-content-right .title-text-cta h1 small, .title-text-cta .custom-cms .main-content-right h2 small, .custom-cms .main-content-right .title-text-cta h2 small, .title-text-cta .custom-cms .main-content-right h3 small, .custom-cms .main-content-right .title-text-cta h3 small, .title-text-cta h4 small, .title-text-cta .h4 small { display: block; } .title-text-cta p { padding-bottom: 20px; } .title-text-cta img { width: auto; max-width: 100%; height: auto; } .title-text-cta .labelled.image { position: absolute; left: 42%; } .title-text-cta .text-right p, .title-text-cta .text-right a, .title-text-cta .text-right h1, .title-text-cta .text-right h2, .title-text-cta .text-right h3, .title-text-cta .text-right h4, .title-text-cta .text-right h4 { text-align: right; } .labelled { padding: 0 20px; display: inline-block; background-color: #FF1622; } .labelled + span, .labelled + h2, .labelled + h3 { padding-top: 0; } .miam-before::before { content: ""; z-index: 2; height: 90px; width: 160px; background-size: 160px auto; margin: -30px auto 0 20px; display: block; position: absolute; background-repeat: no-repeat; background-image: url("/themes/dl/assets/images/asset-miam.svg"); } @media (min-width: 992px) { .miam-before::before { height: 120px; width: 190px; background-size: 190px auto; margin: 20px auto 0 -70px; } } @media (min-width: 1200px) { .miam-before::before { height: 120px; width: 220px; background-size: 220px auto; } } .lavoila::before { top: 40px; left: -20px; position: absolute; transform: rotate(10deg); -moz-transform: rotate(10deg); -webkit-transform: rotate(10deg); content: ""; z-index: 2; height: 80px; width: 150px; display: block; background-size: 100% 100%; background-repeat: no-repeat; background-image: url("/themes/dl/assets/images/asset-la-voila.svg"); -webkit-animation: opacityAnim 2.5s infinite; animation: opacityAnim 2.5s infinite; display: none; animation-duration: 1s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; } @media (min-width: 1200px) { .lavoila::before { width: 240px; height: 100px; } } @-webkit-keyframes opacityAnim { 0% { opacity: 0.6; } 35% { opacity: 1; } 100% { opacity: 0.6; } } @keyframes opacityAnim { 0% { opacity: 0.6; } 35% { opacity: 1; } 100% { opacity: 0.6; } } @media (min-width: 768px) { .lavoila::before { display: block; } } @media (min-width: 992px) { .lavoila::before { top: 40px; left: -100px; } } @media (min-width: 1200px) { .lavoila::before { top: 60px; left: -160px; } } html[lang=nl-BE] .lavoila::before { background-image: url("/themes/dl/assets/images/asset-dat-is-em.svg"); } html[lang=nl-BE] .miam-before::before { background-image: url("/themes/dl/assets/images/asset-miam-nl.svg"); } .tab-btn { position: relative; display: block; } .tab-btn::after { font-size: 10px; position: absolute; right: 20px; display: block; } .tab-btn:not(.collapsed)::after { content: ""; height: 2px; width: 10px; background-color: #B8969B; } .tab-btn.collapsed ::after { position: absolute; right: 20px; content: "+"; font-size: 21px; margin-top: -8px; } #top-archive .text-part { text-align: center; margin: 0 auto; } @media (min-width: 992px) { #top-archive .text-part { margin: 0 auto 0 0; text-align: right; } #top-archive .text-part .dotted-title, #top-archive .text-part .page-template-page-action-form .action-page .text-content h2, .page-template-page-action-form .action-page .text-content #top-archive .text-part h2, #top-archive .text-part .contact-page h3, .contact-page #top-archive .text-part h3, #top-archive .text-part .contact-page .text-content h2, .contact-page .text-content #top-archive .text-part h2, #top-archive .text-part #where-to-buy .widget .widgettitle, #where-to-buy .widget #top-archive .text-part .widgettitle { text-align: right; margin: 0 auto 0 0; } #top-archive .text-part .dotted-title::before, #top-archive .text-part .page-template-page-action-form .action-page .text-content h2::before, .page-template-page-action-form .action-page .text-content #top-archive .text-part h2::before, #top-archive .text-part .contact-page h3::before, .contact-page #top-archive .text-part h3::before, #top-archive .text-part .contact-page .text-content h2::before, .contact-page .text-content #top-archive .text-part h2::before, #top-archive .text-part #where-to-buy .widget .widgettitle::before, #where-to-buy .widget #top-archive .text-part .widgettitle::before { margin-right: 0; margin-left: auto; } } .error-404 .suggest { margin-top: 40px; text-align: center; } .error-404 .suggest .h4 { padding-top: 20px; } .error-404 .suggest::before { content: ""; height: 150px; width: 150px; margin: 0 auto; z-index: 2; border-radius: 100%; background: #FFF; display: block; position: relative; } .error-404 .suggest img { z-index: 4; margin-top: -200px; position: relative; } .error-404 .suggest ul li { display: block; } .error-404 .suggest ul li a { display: block; max-width: 300px; margin: 0 auto 5px; } @media (min-width: 768px) { .error-404 .suggest ul li { display: inline-block; } .error-404 .suggest ul li a { display: inline-block; } } #hero.home { padding-bottom: 0; } @media (min-width: 768px) { #hero.home { padding-bottom: 55px; } } #hero.home.cover-img { background: #A9A9A9; position: relative; z-index: 1; } #hero.home.cover-img .bg-image-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } #hero.home.cover-img .bg-image-wrapper img { width: inherit; -o-object-fit: cover; object-fit: cover; max-width: none; height: auto; } #hero.home.cover-img .text-wrapper { position: relative; z-index: 4; } #hero.home.cover-img.generic-hero, #hero.home.cover-img.cover-img { background-color: #877560; } #hero.home.cover-img.generic-hero .content, #hero.home.cover-img.cover-img .content { padding: 260px 0 40px 0; } #hero.home.cover-img.generic-hero .content .container, #hero.home.cover-img.cover-img .content .container, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content { text-align: center; } #hero.home.cover-img.generic-hero .content .container h1, #hero.home.cover-img.generic-hero .content .container .h2, #hero.home.cover-img.cover-img .content .container h1, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content h1, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content h1, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content h1, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content h1, #hero.home.cover-img.cover-img .content .container .h2, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content .h2, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content .h2, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content .h2, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content .h2, #hero.home.cover-img.cover-img .content .container .top-ten .friterie.item_1 h3, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content .top-ten .friterie.item_1 h3, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content .top-ten .friterie.item_1 h3, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content .top-ten .friterie.item_1 h3, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content .top-ten .friterie.item_1 h3, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .container h3, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content h3, .custom-cms .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .banner-image.content h3, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .custom-cms .content-block.content h3, .custom-cms .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .content-block.content h3 { position: relative; display: block; text-align: center; text-transform: inherit; font-size: 30px; line-height: 34px; max-width: 400px; margin: auto; } #hero.home.cover-img.generic-hero .content .container h1:before, #hero.home.cover-img.generic-hero .content .container .h2:before, #hero.home.cover-img.cover-img .content .container h1:before, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content h1:before, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content h1:before, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content h1:before, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content h1:before, #hero.home.cover-img.cover-img .content .container .h2:before, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content .h2:before, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content .h2:before, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content .h2:before, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content .h2:before, #hero.home.cover-img.cover-img .content .container .top-ten .friterie.item_1 h3:before, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content .top-ten .friterie.item_1 h3:before, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content .top-ten .friterie.item_1 h3:before, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content .top-ten .friterie.item_1 h3:before, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content .top-ten .friterie.item_1 h3:before, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .container h3:before, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content h3:before, .custom-cms .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .banner-image.content h3:before, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .custom-cms .content-block.content h3:before, .custom-cms .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .content-block.content h3:before { display: none; } @media (min-width: 768px) { #hero.home.cover-img.generic-hero .content, #hero.home.cover-img.cover-img .content { padding: 50px 0 60px 0; } #hero.home.cover-img.generic-hero .content .container, #hero.home.cover-img.cover-img .content .container, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content { text-align: left; } #hero.home.cover-img.generic-hero .content .container h1, #hero.home.cover-img.generic-hero .content .container .h2, #hero.home.cover-img.cover-img .content .container h1, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content h1, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content h1, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content h1, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content h1, #hero.home.cover-img.cover-img .content .container .h2, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content .h2, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content .h2, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content .h2, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content .h2, #hero.home.cover-img.cover-img .content .container .top-ten .friterie.item_1 h3, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content .top-ten .friterie.item_1 h3, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content .top-ten .friterie.item_1 h3, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content .top-ten .friterie.item_1 h3, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content .top-ten .friterie.item_1 h3, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .container h3, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content h3, .custom-cms .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .banner-image.content h3, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .custom-cms .content-block.content h3, .custom-cms .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .content-block.content h3 { text-align: left; font-size: 36px; line-height: 40px; margin: 0; max-width: 550px; } #hero.home.cover-img.generic-hero .content .container h1:before, #hero.home.cover-img.generic-hero .content .container .h2:before, #hero.home.cover-img.cover-img .content .container h1:before, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content h1:before, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content h1:before, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content h1:before, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content h1:before, #hero.home.cover-img.cover-img .content .container .h2:before, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content .h2:before, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content .h2:before, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content .h2:before, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content .h2:before, #hero.home.cover-img.cover-img .content .container .top-ten .friterie.item_1 h3:before, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content .top-ten .friterie.item_1 h3:before, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content .top-ten .friterie.item_1 h3:before, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content .top-ten .friterie.item_1 h3:before, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content .top-ten .friterie.item_1 h3:before, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .container h3:before, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content h3:before, .custom-cms .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .banner-image.content h3:before, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .custom-cms .content-block.content h3:before, .custom-cms .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .content-block.content h3:before { display: block; } } @media (min-width: 992px) { #hero.home.cover-img.generic-hero .content, #hero.home.cover-img.cover-img .content { padding: 120px 0 40px 0; } #hero.home.cover-img.generic-hero .content .container h1, #hero.home.cover-img.generic-hero .content .container .h2, #hero.home.cover-img.cover-img .content .container h1, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content h1, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content h1, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content h1, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content h1, #hero.home.cover-img.cover-img .content .container .h2, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content .h2, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content .h2, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content .h2, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content .h2, #hero.home.cover-img.cover-img .content .container .top-ten .friterie.item_1 h3, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content .top-ten .friterie.item_1 h3, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content .top-ten .friterie.item_1 h3, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content .top-ten .friterie.item_1 h3, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content .top-ten .friterie.item_1 h3, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .container h3, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content h3, .custom-cms .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .banner-image.content h3, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .custom-cms .content-block.content h3, .custom-cms .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .content-block.content h3 { font-size: 42px; line-height: 44px; max-width: 650px; } #hero.home.cover-img.generic-hero .content .container h1:before, #hero.home.cover-img.generic-hero .content .container .h2:before, #hero.home.cover-img.cover-img .content .container h1:before, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content h1:before, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content h1:before, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content h1:before, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content h1:before, #hero.home.cover-img.cover-img .content .container .h2:before, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content .h2:before, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content .h2:before, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content .h2:before, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content .h2:before, #hero.home.cover-img.cover-img .content .container .top-ten .friterie.item_1 h3:before, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content .top-ten .friterie.item_1 h3:before, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content .top-ten .friterie.item_1 h3:before, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content .top-ten .friterie.item_1 h3:before, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content .top-ten .friterie.item_1 h3:before, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .container h3:before, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content h3:before, .custom-cms .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .banner-image.content h3:before, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .custom-cms .content-block.content h3:before, .custom-cms .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .content-block.content h3:before { display: block; } } @media (min-width: 1200px) { #hero.home.cover-img.generic-hero .content .container h1, #hero.home.cover-img.generic-hero .content .container .h2, #hero.home.cover-img.cover-img .content .container h1, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content h1, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content h1, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content h1, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content h1, #hero.home.cover-img.cover-img .content .container .h2, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content .h2, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content .h2, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content .h2, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content .h2, #hero.home.cover-img.cover-img .content .container .top-ten .friterie.item_1 h3, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content .top-ten .friterie.item_1 h3, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content .top-ten .friterie.item_1 h3, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content .top-ten .friterie.item_1 h3, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content .top-ten .friterie.item_1 h3, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .container h3, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content h3, .custom-cms .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .banner-image.content h3, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .custom-cms .content-block.content h3, .custom-cms .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .content-block.content h3 { font-size: 48px; line-height: 52px; max-width: 750px; } #hero.home.cover-img.generic-hero .content .container h1:before, #hero.home.cover-img.generic-hero .content .container .h2:before, #hero.home.cover-img.cover-img .content .container h1:before, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content h1:before, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content h1:before, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content h1:before, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content h1:before, #hero.home.cover-img.cover-img .content .container .h2:before, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content .h2:before, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content .h2:before, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content .h2:before, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content .h2:before, #hero.home.cover-img.cover-img .content .container .top-ten .friterie.item_1 h3:before, #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content .top-ten .friterie.item_1 h3:before, .custom-cms #hero.home.cover-img.cover-img .content .banner-image.content .top-ten .friterie.item_1 h3:before, #hero.home.cover-img.cover-img .content .custom-cms .content-block.content .top-ten .friterie.item_1 h3:before, .custom-cms #hero.home.cover-img.cover-img .content .content-block.content .top-ten .friterie.item_1 h3:before, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .container h3:before, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .custom-cms .banner-image.content h3:before, .custom-cms .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .banner-image.content h3:before, .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .custom-cms .content-block.content h3:before, .custom-cms .top-ten .friterie.item_1 #hero.home.cover-img.cover-img .content .content-block.content h3:before { display: block; } } html[lang=nl-BE] #hero.home.cover-img.eoy .container h2, html[lang=nl-BE] #hero.home.cover-img.eoy .custom-cms .banner-image.content h2, .custom-cms html[lang=nl-BE] #hero.home.cover-img.eoy .banner-image.content h2, html[lang=nl-BE] #hero.home.cover-img.eoy .custom-cms .content-block.content h2, .custom-cms html[lang=nl-BE] #hero.home.cover-img.eoy .content-block.content h2 { max-width: 290px; } @media (min-width: 768px) { html[lang=nl-BE] #hero.home.cover-img.eoy .container h2, html[lang=nl-BE] #hero.home.cover-img.eoy .custom-cms .banner-image.content h2, .custom-cms html[lang=nl-BE] #hero.home.cover-img.eoy .banner-image.content h2, html[lang=nl-BE] #hero.home.cover-img.eoy .custom-cms .content-block.content h2, .custom-cms html[lang=nl-BE] #hero.home.cover-img.eoy .content-block.content h2 { max-width: 350px; } } @media (min-width: 992px) { html[lang=nl-BE] #hero.home.cover-img.eoy .container h2, html[lang=nl-BE] #hero.home.cover-img.eoy .custom-cms .banner-image.content h2, .custom-cms html[lang=nl-BE] #hero.home.cover-img.eoy .banner-image.content h2, html[lang=nl-BE] #hero.home.cover-img.eoy .custom-cms .content-block.content h2, .custom-cms html[lang=nl-BE] #hero.home.cover-img.eoy .content-block.content h2 { max-width: 400px; } } @media (min-width: 1200px) { html[lang=nl-BE] #hero.home.cover-img.eoy .container h2, html[lang=nl-BE] #hero.home.cover-img.eoy .custom-cms .banner-image.content h2, .custom-cms html[lang=nl-BE] #hero.home.cover-img.eoy .banner-image.content h2, html[lang=nl-BE] #hero.home.cover-img.eoy .custom-cms .content-block.content h2, .custom-cms html[lang=nl-BE] #hero.home.cover-img.eoy .content-block.content h2 { max-width: 480px; } } .test-cta { width: auto; padding: 4px; background-color: #FF1622; display: block; } @media (min-width: 768px) { .test-cta { display: inline-block; } } .test-cta::before { padding: 0 10px 2.5px 10px; font-size: 1.4em; line-height: 1.2em; letter-spacing: 0.5px; margin: -20px auto 0 10px; -webkit-transform: rotate(-15deg); transform: rotate(-15deg); background-color: #FFF; content: "Quizzz"; color: #FF1622; display: block; position: absolute; text-transform: uppercase; } @media (min-width: 768px) { .test-cta::before { font-size: 2em; margin: -23px auto 0 -35px; } } .test-cta i.icon-test::before { content: ""; height: 20px; width: 20px; margin: 0 20px 0 10px; display: inline-block; background-image: url(../images/arrow-right-icontest.svg?2032ea17e8eae2eb483e278f8aca4738); background-size: 100% auto; background-position: center; background-repeat: no-repeat; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .test-cta a { padding: 15px 30px; display: block; margin: 0 auto; letter-spacing: 0.7px; border: 4px dotted #FFF; -webkit-animation: borderOpacityAnim 2.5s infinite; animation: borderOpacityAnim 2.5s infinite; } @-webkit-keyframes borderOpacityAnim { 0% { border-color: rgba(255, 255, 255, 0.4); } 35% { border-color: white; } 100% { border-color: rgba(255, 255, 255, 0.4); } } @keyframes borderOpacityAnim { 0% { border-color: rgba(255, 255, 255, 0.4); } 35% { border-color: white; } 100% { border-color: rgba(255, 255, 255, 0.4); } } .test-cta a:hover i.icon-test::before { margin: 0 10px 0 20px; } #movies .container, #movies .custom-cms .banner-image.content, .custom-cms #movies .banner-image.content, #movies .custom-cms .content-block.content, .custom-cms #movies .content-block.content { margin: 40px auto; } #movies .container h3, #movies .custom-cms .banner-image.content h3, .custom-cms #movies .banner-image.content h3, #movies .custom-cms .content-block.content h3, .custom-cms #movies .content-block.content h3 { line-height: 1.1em; font-size: 1.8em; } @media (min-width: 576px) { #movies .container h3, #movies .custom-cms .banner-image.content h3, .custom-cms #movies .banner-image.content h3, #movies .custom-cms .content-block.content h3, .custom-cms #movies .content-block.content h3 { font-size: 2em; } } @media (min-width: 768px) { #movies .container h3, #movies .custom-cms .banner-image.content h3, .custom-cms #movies .banner-image.content h3, #movies .custom-cms .content-block.content h3, .custom-cms #movies .content-block.content h3 { font-size: 2.3em; } } @media (min-width: 992px) { #movies .container h3, #movies .custom-cms .banner-image.content h3, .custom-cms #movies .banner-image.content h3, #movies .custom-cms .content-block.content h3, .custom-cms #movies .content-block.content h3 { font-size: 2.6em; } } @media (min-width: 1200px) { #movies .container h3, #movies .custom-cms .banner-image.content h3, .custom-cms #movies .banner-image.content h3, #movies .custom-cms .content-block.content h3, .custom-cms #movies .content-block.content h3 { font-size: 2.8em; } } #movies .container h3::before, #movies .custom-cms .banner-image.content h3::before, .custom-cms #movies .banner-image.content h3::before, #movies .custom-cms .content-block.content h3::before, .custom-cms #movies .content-block.content h3::before { content: ""; height: 60px; width: 100%; margin: 0 auto 10px; display: block; background-position: center top; background-repeat: no-repeat; background-size: auto 55px; background-image: url(../images/dl-movies-icon.svg?e121ad2e6335d8110b5a8831d7b0d413); } @media (min-width: 992px) { #movies .container h3, #movies .custom-cms .banner-image.content h3, .custom-cms #movies .banner-image.content h3, #movies .custom-cms .content-block.content h3, .custom-cms #movies .content-block.content h3 { line-height: 1.1em; font-size: 1.4em; } } @media (min-width: 992px) and (min-width: 992px) { #movies .container h3, #movies .custom-cms .banner-image.content h3, .custom-cms #movies .banner-image.content h3, #movies .custom-cms .content-block.content h3, .custom-cms #movies .content-block.content h3 { font-size: 1.75em; } } @media (min-width: 992px) and (min-width: 1200px) { #movies .container h3, #movies .custom-cms .banner-image.content h3, .custom-cms #movies .banner-image.content h3, #movies .custom-cms .content-block.content h3, .custom-cms #movies .content-block.content h3 { font-size: 1.9em; } } #movies .container p.strong, #movies .custom-cms .banner-image.content p.strong, .custom-cms #movies .banner-image.content p.strong, #movies .custom-cms .content-block.content p.strong, .custom-cms #movies .content-block.content p.strong, #movies .container p.quizz__choice, #movies .custom-cms .banner-image.content p.quizz__choice, .custom-cms #movies .banner-image.content p.quizz__choice, #movies .custom-cms .content-block.content p.quizz__choice, .custom-cms #movies .content-block.content p.quizz__choice { line-height: 1.1em; font-size: 1.4em; } @media (min-width: 992px) { #movies .container p.strong, #movies .custom-cms .banner-image.content p.strong, .custom-cms #movies .banner-image.content p.strong, #movies .custom-cms .content-block.content p.strong, .custom-cms #movies .content-block.content p.strong, #movies .container p.quizz__choice, #movies .custom-cms .banner-image.content p.quizz__choice, .custom-cms #movies .banner-image.content p.quizz__choice, #movies .custom-cms .content-block.content p.quizz__choice, .custom-cms #movies .content-block.content p.quizz__choice { font-size: 1.75em; } } @media (min-width: 1200px) { #movies .container p.strong, #movies .custom-cms .banner-image.content p.strong, .custom-cms #movies .banner-image.content p.strong, #movies .custom-cms .content-block.content p.strong, .custom-cms #movies .content-block.content p.strong, #movies .container p.quizz__choice, #movies .custom-cms .banner-image.content p.quizz__choice, .custom-cms #movies .banner-image.content p.quizz__choice, #movies .custom-cms .content-block.content p.quizz__choice, .custom-cms #movies .content-block.content p.quizz__choice { font-size: 1.9em; } } @media (min-width: 992px) { #movies .container p.strong, #movies .custom-cms .banner-image.content p.strong, .custom-cms #movies .banner-image.content p.strong, #movies .custom-cms .content-block.content p.strong, .custom-cms #movies .content-block.content p.strong, #movies .container p.quizz__choice, #movies .custom-cms .banner-image.content p.quizz__choice, .custom-cms #movies .banner-image.content p.quizz__choice, #movies .custom-cms .content-block.content p.quizz__choice, .custom-cms #movies .content-block.content p.quizz__choice { font-size: 16px; } } @media (min-width: 992px) and (min-width: 768px) { #movies .container p.strong, #movies .custom-cms .banner-image.content p.strong, .custom-cms #movies .banner-image.content p.strong, #movies .custom-cms .content-block.content p.strong, .custom-cms #movies .content-block.content p.strong, #movies .container p.quizz__choice, #movies .custom-cms .banner-image.content p.quizz__choice, .custom-cms #movies .banner-image.content p.quizz__choice, #movies .custom-cms .content-block.content p.quizz__choice, .custom-cms #movies .content-block.content p.quizz__choice { font-size: 1em; } } @media (min-width: 992px) and (min-width: 992px) { #movies .container p.strong, #movies .custom-cms .banner-image.content p.strong, .custom-cms #movies .banner-image.content p.strong, #movies .custom-cms .content-block.content p.strong, .custom-cms #movies .content-block.content p.strong, #movies .container p.quizz__choice, #movies .custom-cms .banner-image.content p.quizz__choice, .custom-cms #movies .banner-image.content p.quizz__choice, #movies .custom-cms .content-block.content p.quizz__choice, .custom-cms #movies .content-block.content p.quizz__choice { font-size: 1.1em; } } @media (min-width: 992px) and (min-width: 1200px) { #movies .container p.strong, #movies .custom-cms .banner-image.content p.strong, .custom-cms #movies .banner-image.content p.strong, #movies .custom-cms .content-block.content p.strong, .custom-cms #movies .content-block.content p.strong, #movies .container p.quizz__choice, #movies .custom-cms .banner-image.content p.quizz__choice, .custom-cms #movies .banner-image.content p.quizz__choice, #movies .custom-cms .content-block.content p.quizz__choice, .custom-cms #movies .content-block.content p.quizz__choice { font-size: 1.2em; } } #movies .container p.brown-text, #movies .custom-cms .banner-image.content p.brown-text, .custom-cms #movies .banner-image.content p.brown-text, #movies .custom-cms .content-block.content p.brown-text, .custom-cms #movies .content-block.content p.brown-text, #movies .container #where-to-buy .widget p.widgettitle, #movies .custom-cms .banner-image.content #where-to-buy .widget p.widgettitle, .custom-cms #movies .banner-image.content #where-to-buy .widget p.widgettitle, #movies .custom-cms .content-block.content #where-to-buy .widget p.widgettitle, .custom-cms #movies .content-block.content #where-to-buy .widget p.widgettitle, #where-to-buy .widget #movies .container p.widgettitle, #where-to-buy .widget #movies .custom-cms .banner-image.content p.widgettitle, .custom-cms #where-to-buy .widget #movies .banner-image.content p.widgettitle, #where-to-buy .widget #movies .custom-cms .content-block.content p.widgettitle, .custom-cms #where-to-buy .widget #movies .content-block.content p.widgettitle { max-width: 500px; margin-left: auto; margin-right: auto; } #movies .container ul.list-unstyled li, #movies .custom-cms .banner-image.content ul.list-unstyled li, .custom-cms #movies .banner-image.content ul.list-unstyled li, #movies .custom-cms .content-block.content ul.list-unstyled li, .custom-cms #movies .content-block.content ul.list-unstyled li { display: inline-block; } @media (min-width: 992px) { #movies .container ul.list-unstyled li, #movies .custom-cms .banner-image.content ul.list-unstyled li, .custom-cms #movies .banner-image.content ul.list-unstyled li, #movies .custom-cms .content-block.content ul.list-unstyled li, .custom-cms #movies .content-block.content ul.list-unstyled li { display: block; } } #movies .media-part { padding-top: 60px; max-width: 600px; margin: 0 auto; } @media (min-width: 992px) { #movies .media-part { padding-top: 0; max-width: 750px; margin-left: auto; margin-right: auto; } } #movies .media-part .video img { width: 100%; } #movies .media-part .links { padding: 0; } @media (min-width: 768px) { #movies .media-part .links { padding: 0 20px; } } #movies .media-part .links a { padding: 10px; display: block; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } #movies .media-part .links a svg .cls-1 { fill: #4A080C; } #movies .media-part .links a small { padding: 0 5px; font-weight: bold; letter-spacing: 0.7px; font-size: 12px; display: inline-block; } #movies .media-part .links a i.fa-chevron-right { position: relative; top: -1px; font-size: 0.6em; } #movies .media-part .links a:hover { color: inherit; } #movies .media-part .links a:hover small { color: #830D0D; } #movies .media-part .links a:hover i { color: #FF1622; } #movies .media-part .links .spots-tv { display: inline-block; width: 22px; height: 20px; margin: -15px 0px 0 20px; background: transparent url(../images/tv-icon.svg?e1a3cfa7c3c2ddc7be0658f3242a67fe) no-repeat center left; position: relative; top: 2px; } #movies .media-part .links .spots-tv:hover { background: transparent url(../images/tv-icon-hover.svg?6c28733a42c4bdcfa1ba81952fe0fe32) no-repeat center left; } #movies .media-part .links .spots-radio { display: inline-block; width: 20px; height: 20px; margin: 5px 5px 0 20px; background: transparent url(../images/radio-icon.svg?c65136def8818505387245c9c6673c14) no-repeat center left; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; position: relative; top: 2px; } #movies .media-part .links .spots-radio:hover { background: transparent url(../images/radio-icon-hover.svg?3f73062effe006afa94633df4ae1b599) no-repeat center left; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #inspirations { overflow-x: hidden; margin-top: 40px; } #innovations { margin-bottom: 40px; } #innovations .labelled.image { font-size: 2em; } .body-no-scroll { overflow: hidden; } .quizz { height: 100%; width: 100%; z-index: 100; top: 0; left: 0; opacity: 1; z-index: 9999; overflow-x: hidden; overflow-y: scroll; background-color: #FF1622; position: fixed; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; color: white; display: block; } @media (min-width: 768px) { .quizz { height: 100vh; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } } .quizz.quizz--question { -webkit-box-shadow: 0 200px 300px #ff503e inset; box-shadow: 0 200px 300px #ff503e inset; } .quizz.quizz--question .quizz__content { border: 4px dotted #FFF; -webkit-animation: borderOpacityAnim 2.5s infinite; animation: borderOpacityAnim 2.5s infinite; } @keyframes borderOpacityAnim { 0% { border-color: rgba(255, 255, 255, 0.4); } 35% { border-color: white; } 100% { border-color: rgba(255, 255, 255, 0.4); } } .quizz__loading { margin: 0 auto; display: block; -webkit-animation: spin 0.6s ease-in infinite; animation: spin 0.6s ease-in infinite; } .quizz__content { width: auto; display: block; border: 4px dotted #FFF; } @media (min-width: 768px) { .quizz__content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .quizz h1 { top: 0; left: 0; padding: 0 5px; text-transform: uppercase; position: absolute; font-weight: 500; padding: 0 10px 5px 10px; color: #FF1622; background: white; } @media (min-width: 768px) { .quizz h1 { top: 10px; left: 10px; } } .quizz h2 { padding: 0; } .quizz .flag::after { height: 5px; width: 100px; margin: 0 auto 30px; content: ""; z-index: 2; display: block; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; background-image: url("/themes/dl/assets/images/belgian-flag.png"); } @media (min-width: 768px) { .quizz .col-md-6:first-child { border: 4px dotted #FFF; border-top: none; border-left: none; border-bottom: none; } } .quizz .container, .quizz .custom-cms .banner-image.content, .custom-cms .quizz .banner-image.content, .quizz .custom-cms .content-block.content, .custom-cms .quizz .content-block.content { margin: auto; min-height: 100vh; padding: 30px 15px 20px; } @media (max-width: 767.98px) { .quizz .container .aos-init, .quizz .custom-cms .banner-image.content .aos-init, .custom-cms .quizz .banner-image.content .aos-init, .quizz .custom-cms .content-block.content .aos-init, .custom-cms .quizz .content-block.content .aos-init { opacity: 1 !important; -webkit-transform: none !important; transform: none !important; } } @media (min-width: 576px) { .quizz .container, .quizz .custom-cms .banner-image.content, .custom-cms .quizz .banner-image.content, .quizz .custom-cms .content-block.content, .custom-cms .quizz .content-block.content { padding: 80px 15px 50px; } } @media (min-width: 768px) { .quizz .container, .quizz .custom-cms .banner-image.content, .custom-cms .quizz .banner-image.content, .quizz .custom-cms .content-block.content, .custom-cms .quizz .content-block.content { padding: 100px 15px 0; } } .quizz .container.answer, .quizz .custom-cms .answer.banner-image.content, .custom-cms .quizz .answer.banner-image.content, .quizz .custom-cms .answer.content-block.content, .custom-cms .quizz .answer.content-block.content { padding: 0; } .quizz__close { top: 0; right: 0; height: 40px; width: 40px; line-height: 40px; text-align: center; position: absolute; background-color: #ff503e; cursor: pointer; } .quizz__close i { line-height: 40px; font-size: 26px; } .quizz__choices { margin: 10px auto 5px; } .quizz__choices small.or { text-transform: uppercase; color: #BA0A00; } .quizz__choices small.or::after, .quizz__choices small.or::before { content: ""; border-top: 4px dotted #BA0A00; width: 8px; top: -3px; margin: 0 5px 0 0; position: relative; display: inline-block; } .quizz__choices small.or::after { margin: 0 0 0 5px; } @media (min-width: 768px) { .quizz__choices { margin: 30px auto; } .quizz__choices small.or::after, .quizz__choices small.or::before { width: 25px; } } .quizz__choice { line-height: 1.1em; font-size: 1.4em; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; padding: 10px 10px; border: 4px dotted rgba(138, 11, 11, 0); display: inline-block; cursor: pointer; } @media (min-width: 992px) { .quizz__choice { font-size: 1.75em; } } @media (min-width: 1200px) { .quizz__choice { font-size: 1.9em; } } .quizz__choice--active, .quizz__choice:hover { border: 4px dotted #BA0A00; } @media (max-width: 991.98px) { .quizz__choice { font-size: 1.1em; } } .quizz__answer { display: none; } .quizz--answer { -webkit-transition: all ease 0.4s; transition: all ease 0.4s; color: #FF1622; background-color: #ffffff; } .quizz--answer .quizz__content { border-color: #4A080C; } .quizz--answer .quizz__form { display: none; } .quizz--answer .quizz__answer { display: block; text-align: center; } .quizz--answer .quizz__answer h3 { font-size: 2.3em; line-height: 1em; } .quizz--answer .quizz__close { background-color: #FFF; } .quizz--answer .quizz__close i { color: #FF1622; } @media (min-width: 768px) { .quizz--answer .content { padding-left: 40px; } } .quizz--answer .content .btn--miam { height: 60px; width: 250px; text-indent: -9999px; margin-top: 20px; background-repeat: no-repeat; background-position: center; background-size: auto 60px; background-image: url("/themes/dl/assets/images/asset-miam-right.svg"); } .quizz--answer .img-sauce { text-align: center; } .quizz--answer .img-sauce .circle { width: 250px; margin: 0 auto; } .quizz--answer .img-sauce .circle .answer__img { width: 250px; margin: 0 auto; } .quizz--answer .img-sauce .circle .answer__img img { margin: 0 auto; display: block; -webkit-transform: scale(1); transform: scale(1); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } @media (min-width: 768px) { .quizz--answer .img-sauce .circle { margin: 0 0 0 auto; } .quizz--answer .img-sauce .circle .answer__img { margin: 0 auto; } .quizz--answer .img-sauce .circle .answer__img img { -webkit-transform: scale(1.2); transform: scale(1.2); } .quizz--answer .img-sauce .circle .answer__img img:hover { -webkit-transform: scale(1.3); transform: scale(1.3); } } .quizz--answer .img-sauce .circle::before { height: 250px; width: 250px; border-radius: 100%; right: 0; display: none; position: absolute; content: ""; background-color: #FAF5F4; } @media (min-width: 768px) { .quizz--answer .img-sauce .circle::before { display: block; } } @media (min-width: 768px) { .quizz--answer .img-sauce { text-align: right; } } @media (min-width: 768px) { .quizz--answer .quizz--answer .img-sauce .circle { margin: 0 0 0 auto; } .quizz--answer .quizz--answer .img-sauce .circle::before { display: block; } .quizz--answer .quizz__answer { text-align: left; } .quizz--answer .quizz__answer h3 { font-size: 6em; } .quizz--answer .quizz__answer .content .btn--miam { background-position: center left; } } .submit-div { text-align: center; padding: 20px 0 0; } .submit-div .bottle { height: 110px; width: 60px; margin-left: -65px; position: absolute; display: none; content: ""; background-repeat: no-repeat; background-position: center left; background-size: auto 100px; background-image: url(../images/bottle-squeeze-test.svg?698a49074a73aa45d5f8eadb9d0579c3); } @media (min-width: 576px) { .submit-div { padding: 0; } .submit-div .bottle { display: block; } } @media (min-width: 768px) { .submit-div { padding: 30px 0 0; } .submit-div .bottle { left: -28px; height: 160px; margin-left: 0; display: inline-block; background-size: auto 150px; } } .submit-div .btn--quizz { width: 300px; padding: 0; } .submit-div .btn--quizz span { height: 80px; display: block; text-indent: -9999px; background-size: 160px auto; background-position: center; background-repeat: no-repeat; background-image: url(../images/suspens-icon-arrow.svg?35319033fd081b83948005d5bc929d4b); -webkit-animation: opacityAnim 2.5s infinite; animation: opacityAnim 2.5s infinite; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; } @keyframes opacityAnim { 0% { opacity: 0.6; } 35% { opacity: 1; } 100% { opacity: 0.6; } } @media (min-width: 576px) { .submit-div .btn--quizz { padding-left: 85px; } .submit-div .btn--quizz span { height: 110px; background-size: 200px auto; background-position: left center; } } @media (min-width: 768px) { .submit-div { text-align: left; } .submit-div .btn--quizz { margin-left: -30px; } .submit-div .btn--quizz span { height: 160px; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } html[lang=nl-BE] .submit-div .btn--quizz span { background-image: url(../images/suspens-nl-icon-arrow.svg?1d84e2efaa10bb3c6ff79c761a705e4e); } html[lang=nl-BE] .quizz--answer .content .btn--miam { background-image: url("/themes/dl/assets/images/asset-miam-nl-right.svg"); } body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] { -webkit-transition-duration: 50ms; transition-duration: 50ms; } body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate { -webkit-transition-delay: 50ms; transition-delay: 50ms; } body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] { -webkit-transition-duration: 100ms; transition-duration: 100ms; } body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate { -webkit-transition-delay: 100ms; transition-delay: 100ms; } body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] { -webkit-transition-duration: 150ms; transition-duration: 150ms; } body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate { -webkit-transition-delay: 150ms; transition-delay: 150ms; } body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] { -webkit-transition-duration: 200ms; transition-duration: 200ms; } body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate { -webkit-transition-delay: 200ms; transition-delay: 200ms; } body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] { -webkit-transition-duration: 250ms; transition-duration: 250ms; } body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate { -webkit-transition-delay: 250ms; transition-delay: 250ms; } body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] { -webkit-transition-duration: 300ms; transition-duration: 300ms; } body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate { -webkit-transition-delay: 300ms; transition-delay: 300ms; } body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] { -webkit-transition-duration: 350ms; transition-duration: 350ms; } body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate { -webkit-transition-delay: 350ms; transition-delay: 350ms; } body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] { -webkit-transition-duration: 400ms; transition-duration: 400ms; } body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate { -webkit-transition-delay: 400ms; transition-delay: 400ms; } body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] { -webkit-transition-duration: 450ms; transition-duration: 450ms; } body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate { -webkit-transition-delay: 450ms; transition-delay: 450ms; } body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] { -webkit-transition-duration: 500ms; transition-duration: 500ms; } body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate { -webkit-transition-delay: 500ms; transition-delay: 500ms; } body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] { -webkit-transition-duration: 550ms; transition-duration: 550ms; } body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate { -webkit-transition-delay: 550ms; transition-delay: 550ms; } body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] { -webkit-transition-duration: 600ms; transition-duration: 600ms; } body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate { -webkit-transition-delay: 600ms; transition-delay: 600ms; } body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] { -webkit-transition-duration: 650ms; transition-duration: 650ms; } body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate { -webkit-transition-delay: 650ms; transition-delay: 650ms; } body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] { -webkit-transition-duration: 700ms; transition-duration: 700ms; } body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate { -webkit-transition-delay: 700ms; transition-delay: 700ms; } body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] { -webkit-transition-duration: 750ms; transition-duration: 750ms; } body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate { -webkit-transition-delay: 750ms; transition-delay: 750ms; } body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] { -webkit-transition-duration: 800ms; transition-duration: 800ms; } body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate { -webkit-transition-delay: 800ms; transition-delay: 800ms; } body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] { -webkit-transition-duration: 850ms; transition-duration: 850ms; } body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate { -webkit-transition-delay: 850ms; transition-delay: 850ms; } body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] { -webkit-transition-duration: 900ms; transition-duration: 900ms; } body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate { -webkit-transition-delay: 900ms; transition-delay: 900ms; } body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] { -webkit-transition-duration: 950ms; transition-duration: 950ms; } body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate { -webkit-transition-delay: 950ms; transition-delay: 950ms; } body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] { -webkit-transition-duration: 1000ms; transition-duration: 1000ms; } body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate { -webkit-transition-delay: 1000ms; transition-delay: 1000ms; } body[data-aos-duration="1050"] [data-aos], [data-aos][data-aos][data-aos-duration="1050"] { -webkit-transition-duration: 1050ms; transition-duration: 1050ms; } body[data-aos-delay="1050"] [data-aos], [data-aos][data-aos][data-aos-delay="1050"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="1050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1050"].aos-animate { -webkit-transition-delay: 1050ms; transition-delay: 1050ms; } body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] { -webkit-transition-duration: 1100ms; transition-duration: 1100ms; } body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate { -webkit-transition-delay: 1100ms; transition-delay: 1100ms; } body[data-aos-duration="1150"] [data-aos], [data-aos][data-aos][data-aos-duration="1150"] { -webkit-transition-duration: 1150ms; transition-duration: 1150ms; } body[data-aos-delay="1150"] [data-aos], [data-aos][data-aos][data-aos-delay="1150"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="1150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1150"].aos-animate { -webkit-transition-delay: 1150ms; transition-delay: 1150ms; } body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] { -webkit-transition-duration: 1200ms; transition-duration: 1200ms; } body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate { -webkit-transition-delay: 1200ms; transition-delay: 1200ms; } body[data-aos-duration="1250"] [data-aos], [data-aos][data-aos][data-aos-duration="1250"] { -webkit-transition-duration: 1250ms; transition-duration: 1250ms; } body[data-aos-delay="1250"] [data-aos], [data-aos][data-aos][data-aos-delay="1250"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="1250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1250"].aos-animate { -webkit-transition-delay: 1250ms; transition-delay: 1250ms; } body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] { -webkit-transition-duration: 1300ms; transition-duration: 1300ms; } body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate { -webkit-transition-delay: 1300ms; transition-delay: 1300ms; } body[data-aos-duration="1350"] [data-aos], [data-aos][data-aos][data-aos-duration="1350"] { -webkit-transition-duration: 1350ms; transition-duration: 1350ms; } body[data-aos-delay="1350"] [data-aos], [data-aos][data-aos][data-aos-delay="1350"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="1350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1350"].aos-animate { -webkit-transition-delay: 1350ms; transition-delay: 1350ms; } body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] { -webkit-transition-duration: 1400ms; transition-duration: 1400ms; } body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate { -webkit-transition-delay: 1400ms; transition-delay: 1400ms; } body[data-aos-duration="1450"] [data-aos], [data-aos][data-aos][data-aos-duration="1450"] { -webkit-transition-duration: 1450ms; transition-duration: 1450ms; } body[data-aos-delay="1450"] [data-aos], [data-aos][data-aos][data-aos-delay="1450"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="1450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1450"].aos-animate { -webkit-transition-delay: 1450ms; transition-delay: 1450ms; } body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] { -webkit-transition-duration: 1500ms; transition-duration: 1500ms; } body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate { -webkit-transition-delay: 1500ms; transition-delay: 1500ms; } body[data-aos-duration="1550"] [data-aos], [data-aos][data-aos][data-aos-duration="1550"] { -webkit-transition-duration: 1550ms; transition-duration: 1550ms; } body[data-aos-delay="1550"] [data-aos], [data-aos][data-aos][data-aos-delay="1550"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="1550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1550"].aos-animate { -webkit-transition-delay: 1550ms; transition-delay: 1550ms; } body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] { -webkit-transition-duration: 1600ms; transition-duration: 1600ms; } body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate { -webkit-transition-delay: 1600ms; transition-delay: 1600ms; } body[data-aos-duration="1650"] [data-aos], [data-aos][data-aos][data-aos-duration="1650"] { -webkit-transition-duration: 1650ms; transition-duration: 1650ms; } body[data-aos-delay="1650"] [data-aos], [data-aos][data-aos][data-aos-delay="1650"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="1650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1650"].aos-animate { -webkit-transition-delay: 1650ms; transition-delay: 1650ms; } body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] { -webkit-transition-duration: 1700ms; transition-duration: 1700ms; } body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate { -webkit-transition-delay: 1700ms; transition-delay: 1700ms; } body[data-aos-duration="1750"] [data-aos], [data-aos][data-aos][data-aos-duration="1750"] { -webkit-transition-duration: 1750ms; transition-duration: 1750ms; } body[data-aos-delay="1750"] [data-aos], [data-aos][data-aos][data-aos-delay="1750"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="1750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1750"].aos-animate { -webkit-transition-delay: 1750ms; transition-delay: 1750ms; } body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] { -webkit-transition-duration: 1800ms; transition-duration: 1800ms; } body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate { -webkit-transition-delay: 1800ms; transition-delay: 1800ms; } body[data-aos-duration="1850"] [data-aos], [data-aos][data-aos][data-aos-duration="1850"] { -webkit-transition-duration: 1850ms; transition-duration: 1850ms; } body[data-aos-delay="1850"] [data-aos], [data-aos][data-aos][data-aos-delay="1850"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="1850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1850"].aos-animate { -webkit-transition-delay: 1850ms; transition-delay: 1850ms; } body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] { -webkit-transition-duration: 1900ms; transition-duration: 1900ms; } body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate { -webkit-transition-delay: 1900ms; transition-delay: 1900ms; } body[data-aos-duration="1950"] [data-aos], [data-aos][data-aos][data-aos-duration="1950"] { -webkit-transition-duration: 1950ms; transition-duration: 1950ms; } body[data-aos-delay="1950"] [data-aos], [data-aos][data-aos][data-aos-delay="1950"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="1950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1950"].aos-animate { -webkit-transition-delay: 1950ms; transition-delay: 1950ms; } body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] { -webkit-transition-duration: 2000ms; transition-duration: 2000ms; } body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate { -webkit-transition-delay: 2000ms; transition-delay: 2000ms; } body[data-aos-duration="2050"] [data-aos], [data-aos][data-aos][data-aos-duration="2050"] { -webkit-transition-duration: 2050ms; transition-duration: 2050ms; } body[data-aos-delay="2050"] [data-aos], [data-aos][data-aos][data-aos-delay="2050"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="2050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2050"].aos-animate { -webkit-transition-delay: 2050ms; transition-delay: 2050ms; } body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] { -webkit-transition-duration: 2100ms; transition-duration: 2100ms; } body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate { -webkit-transition-delay: 2100ms; transition-delay: 2100ms; } body[data-aos-duration="2150"] [data-aos], [data-aos][data-aos][data-aos-duration="2150"] { -webkit-transition-duration: 2150ms; transition-duration: 2150ms; } body[data-aos-delay="2150"] [data-aos], [data-aos][data-aos][data-aos-delay="2150"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="2150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2150"].aos-animate { -webkit-transition-delay: 2150ms; transition-delay: 2150ms; } body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] { -webkit-transition-duration: 2200ms; transition-duration: 2200ms; } body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate { -webkit-transition-delay: 2200ms; transition-delay: 2200ms; } body[data-aos-duration="2250"] [data-aos], [data-aos][data-aos][data-aos-duration="2250"] { -webkit-transition-duration: 2250ms; transition-duration: 2250ms; } body[data-aos-delay="2250"] [data-aos], [data-aos][data-aos][data-aos-delay="2250"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="2250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2250"].aos-animate { -webkit-transition-delay: 2250ms; transition-delay: 2250ms; } body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] { -webkit-transition-duration: 2300ms; transition-duration: 2300ms; } body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate { -webkit-transition-delay: 2300ms; transition-delay: 2300ms; } body[data-aos-duration="2350"] [data-aos], [data-aos][data-aos][data-aos-duration="2350"] { -webkit-transition-duration: 2350ms; transition-duration: 2350ms; } body[data-aos-delay="2350"] [data-aos], [data-aos][data-aos][data-aos-delay="2350"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="2350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2350"].aos-animate { -webkit-transition-delay: 2350ms; transition-delay: 2350ms; } body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] { -webkit-transition-duration: 2400ms; transition-duration: 2400ms; } body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate { -webkit-transition-delay: 2400ms; transition-delay: 2400ms; } body[data-aos-duration="2450"] [data-aos], [data-aos][data-aos][data-aos-duration="2450"] { -webkit-transition-duration: 2450ms; transition-duration: 2450ms; } body[data-aos-delay="2450"] [data-aos], [data-aos][data-aos][data-aos-delay="2450"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="2450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2450"].aos-animate { -webkit-transition-delay: 2450ms; transition-delay: 2450ms; } body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] { -webkit-transition-duration: 2500ms; transition-duration: 2500ms; } body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate { -webkit-transition-delay: 2500ms; transition-delay: 2500ms; } body[data-aos-duration="2550"] [data-aos], [data-aos][data-aos][data-aos-duration="2550"] { -webkit-transition-duration: 2550ms; transition-duration: 2550ms; } body[data-aos-delay="2550"] [data-aos], [data-aos][data-aos][data-aos-delay="2550"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="2550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2550"].aos-animate { -webkit-transition-delay: 2550ms; transition-delay: 2550ms; } body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] { -webkit-transition-duration: 2600ms; transition-duration: 2600ms; } body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate { -webkit-transition-delay: 2600ms; transition-delay: 2600ms; } body[data-aos-duration="2650"] [data-aos], [data-aos][data-aos][data-aos-duration="2650"] { -webkit-transition-duration: 2650ms; transition-duration: 2650ms; } body[data-aos-delay="2650"] [data-aos], [data-aos][data-aos][data-aos-delay="2650"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="2650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2650"].aos-animate { -webkit-transition-delay: 2650ms; transition-delay: 2650ms; } body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] { -webkit-transition-duration: 2700ms; transition-duration: 2700ms; } body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate { -webkit-transition-delay: 2700ms; transition-delay: 2700ms; } body[data-aos-duration="2750"] [data-aos], [data-aos][data-aos][data-aos-duration="2750"] { -webkit-transition-duration: 2750ms; transition-duration: 2750ms; } body[data-aos-delay="2750"] [data-aos], [data-aos][data-aos][data-aos-delay="2750"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="2750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2750"].aos-animate { -webkit-transition-delay: 2750ms; transition-delay: 2750ms; } body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] { -webkit-transition-duration: 2800ms; transition-duration: 2800ms; } body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate { -webkit-transition-delay: 2800ms; transition-delay: 2800ms; } body[data-aos-duration="2850"] [data-aos], [data-aos][data-aos][data-aos-duration="2850"] { -webkit-transition-duration: 2850ms; transition-duration: 2850ms; } body[data-aos-delay="2850"] [data-aos], [data-aos][data-aos][data-aos-delay="2850"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="2850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2850"].aos-animate { -webkit-transition-delay: 2850ms; transition-delay: 2850ms; } body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] { -webkit-transition-duration: 2900ms; transition-duration: 2900ms; } body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate { -webkit-transition-delay: 2900ms; transition-delay: 2900ms; } body[data-aos-duration="2950"] [data-aos], [data-aos][data-aos][data-aos-duration="2950"] { -webkit-transition-duration: 2950ms; transition-duration: 2950ms; } body[data-aos-delay="2950"] [data-aos], [data-aos][data-aos][data-aos-delay="2950"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="2950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2950"].aos-animate { -webkit-transition-delay: 2950ms; transition-delay: 2950ms; } body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] { -webkit-transition-duration: 3000ms; transition-duration: 3000ms; } body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate { -webkit-transition-delay: 3000ms; transition-delay: 3000ms; } body[data-aos-easing=linear] [data-aos], [data-aos][data-aos][data-aos-easing=linear] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } body[data-aos-easing=ease-in] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in] { -webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1); transition-timing-function: cubic-bezier(0.42, 0, 1, 1); } body[data-aos-easing=ease-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out] { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1); transition-timing-function: cubic-bezier(0, 0, 0.58, 1); } body[data-aos-easing=ease-in-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out] { -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } body[data-aos-easing=ease-in-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-back] { -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } body[data-aos-easing=ease-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-back] { -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } body[data-aos-easing=ease-in-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-back] { -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } body[data-aos-easing=ease-in-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-sine] { -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } body[data-aos-easing=ease-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-sine] { -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } body[data-aos-easing=ease-in-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-sine] { -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } body[data-aos-easing=ease-in-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quad] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing=ease-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quad] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing=ease-in-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quad] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing=ease-in-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-cubic] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing=ease-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-cubic] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing=ease-in-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-cubic] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing=ease-in-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quart] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing=ease-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quart] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing=ease-in-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quart] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } /** * Fade animations: * fade * fade-up, fade-down, fade-left, fade-right * fade-up-right, fade-up-left, fade-down-right, fade-down-left */ [data-aos^=fade][data-aos^=fade] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } [data-aos=fade-up] { -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0); } [data-aos=fade-down] { -webkit-transform: translate3d(0, -200px, 0); transform: translate3d(0, -200px, 0); } [data-aos=fade-right] { -webkit-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); } [data-aos=fade-left] { -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); } [data-aos=fade-up-right] { -webkit-transform: translate3d(-200px, 200px, 0); transform: translate3d(-200px, 200px, 0); } [data-aos=fade-up-left] { -webkit-transform: translate3d(200px, 200px, 0); transform: translate3d(200px, 200px, 0); } [data-aos=fade-down-right] { -webkit-transform: translate3d(-200px, -200px, 0); transform: translate3d(-200px, -200px, 0); } [data-aos=fade-down-left] { -webkit-transform: translate3d(200px, -200px, 0); transform: translate3d(200px, -200px, 0); } /** * Zoom animations: * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right */ [data-aos^=zoom][data-aos^=zoom] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } [data-aos=zoom-in] { -webkit-transform: scale(0.6); transform: scale(0.6); } [data-aos=zoom-in-up] { -webkit-transform: translate3d(0, 200px, 0) scale(0.6); transform: translate3d(0, 200px, 0) scale(0.6); } [data-aos=zoom-in-down] { -webkit-transform: translate3d(0, -200px, 0) scale(0.6); transform: translate3d(0, -200px, 0) scale(0.6); } [data-aos=zoom-in-right] { -webkit-transform: translate3d(-200px, 0, 0) scale(0.6); transform: translate3d(-200px, 0, 0) scale(0.6); } [data-aos=zoom-in-left] { -webkit-transform: translate3d(200px, 0, 0) scale(0.6); transform: translate3d(200px, 0, 0) scale(0.6); } [data-aos=zoom-out] { -webkit-transform: scale(1.2); transform: scale(1.2); } [data-aos=zoom-out-up] { -webkit-transform: translate3d(0, 200px, 0) scale(1.2); transform: translate3d(0, 200px, 0) scale(1.2); } [data-aos=zoom-out-down] { -webkit-transform: translate3d(0, -200px, 0) scale(1.2); transform: translate3d(0, -200px, 0) scale(1.2); } [data-aos=zoom-out-right] { -webkit-transform: translate3d(-200px, 0, 0) scale(1.2); transform: translate3d(-200px, 0, 0) scale(1.2); } [data-aos=zoom-out-left] { -webkit-transform: translate3d(200px, 0, 0) scale(1.2); transform: translate3d(200px, 0, 0) scale(1.2); } /** * Slide animations */ [data-aos^=slide][data-aos^=slide] { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } [data-aos^=slide][data-aos^=slide].aos-animate { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } [data-aos=slide-up] { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } [data-aos=slide-down] { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } [data-aos=slide-right] { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } [data-aos=slide-left] { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } /** * Flip animations: * flip-left, flip-right, flip-up, flip-down */ [data-aos^=flip][data-aos^=flip] { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } [data-aos=flip-left] { -webkit-transform: perspective(2500px) rotateY(-100deg); transform: perspective(2500px) rotateY(-100deg); } [data-aos=flip-left].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } [data-aos=flip-right] { -webkit-transform: perspective(2500px) rotateY(100deg); transform: perspective(2500px) rotateY(100deg); } [data-aos=flip-right].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } [data-aos=flip-up] { -webkit-transform: perspective(2500px) rotateX(-100deg); transform: perspective(2500px) rotateX(-100deg); } [data-aos=flip-up].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } [data-aos=flip-down] { -webkit-transform: perspective(2500px) rotateX(100deg); transform: perspective(2500px) rotateX(100deg); } [data-aos=flip-down].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } .page-template-default .section-content h3 { margin: 40px 0 25px 0; } .page-template-default .section-content ul { color: #4A080C; margin: 25px 0 25px 0; padding: 0px; font-size: 16px; line-height: 26px; } .page-template-default .section-content ul br { display: none; } .page-template-default .section-content ul li { list-style-type: none; margin: 0 0 10px 20px; padding: 0px; } .page-template-default .section-content ul li:first-letter { text-transform: uppercase; } .page-template-default .section-content ul li:before { content: ""; background: #DD0000; margin: 11px 0 0 -20px; display: block; width: 4px; height: 4px; border-radius: 15px; position: absolute; } .single-faq .section-content .panel .panel__heading.collapsed:before, .page-template-page-faq-seo .section-content .panel .panel__heading.collapsed:before { margin: 7px 0 0 -30px; } .single-faq .section-content .panel .panel__heading h4, .page-template-page-faq-seo .section-content .panel .panel__heading h4 { font-size: 1.3em; line-height: 1em; } .single-faq .section-content h1, .single-faq .section-content h2, .single-faq .section-content h3, .page-template-page-faq-seo .section-content h1, .page-template-page-faq-seo .section-content h2, .page-template-page-faq-seo .section-content h3 { margin: 40px 0 25px 0; } .single-faq .section-content .back-faq, .page-template-page-faq-seo .section-content .back-faq { margin: 0 auto; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .single-faq .section-content ul, .page-template-page-faq-seo .section-content ul { color: #4A080C; margin: 25px 0 25px 0; padding: 0px; font-size: 16px; line-height: 26px; } .single-faq .section-content ul br, .page-template-page-faq-seo .section-content ul br { display: none; } .single-faq .section-content ul li, .page-template-page-faq-seo .section-content ul li { list-style-type: none; margin: 0 0 10px 20px; padding: 0px; } .single-faq .section-content ul li:first-letter, .page-template-page-faq-seo .section-content ul li:first-letter { text-transform: uppercase; } .single-faq .section-content ul li:before, .page-template-page-faq-seo .section-content ul li:before { content: ""; background: #DD0000; margin: 11px 0 0 -20px; display: block; width: 4px; height: 4px; border-radius: 15px; position: absolute; } #hero.products.cover-img { background-image: url("/themes/dl/assets/images/banners/product-listing-dl.jpg"); } #hero.products--cat.cover-img { background: #FAF5F4; } #hero.products--cat.cover-img .content { padding: 110px 20px 20px; } @media (min-width: 768px) { #hero.products--cat.cover-img .content { padding: 160px 20px 20px; } } @media (min-width: 992px) { #hero.products--cat.cover-img .content { padding: 200px 20px 60px; } } @media (min-width: 768px) { #hero.products-taxo.cover-img .content { padding-top: 220px; } } @media (min-width: 992px) { #hero.products-taxo.cover-img .content { padding-top: 280px; } } @media (max-width: 767.98px) { #hero.products-taxo.cover-img .content { padding: 280px 15px 40px; } } /* banners by type pro */ .post-type-archive-product-pro #hero.cover-img { background-image: url("/themes/dl/assets/images/banners/banner-sandwicherie-dl.jpg"); } .term-friterie #hero.cover-img, .term-friterie-nl #hero.cover-img { background-image: url("/themes/dl/assets/images/banners/banner-friterie.jpg"); } .term-sandwicherie #hero.cover-img, .term-broodjeszaak #hero.cover-img { background-image: url("/themes/dl/assets/images/banners/banner-alt-sandwicherie-dl.jpg"); } .term-horeca #hero.cover-img { background-image: url("/themes/dl/assets/images/banners/banner-alt-horeca-dl.jpg"); } .product-image { text-align: center; } .product-image .content { padding: 80px 20px 20px; height: auto; } @media (min-width: 576px) { .product-image .content { padding: 100px 20px 20px; } } @media (min-width: 1200px) { .product-image .content { padding: 80px 20px 20px; min-height: 100vh; } } .product-image .content .big-image { max-width: 500px; margin: 0 auto; } @media (min-width: 768px) { .product-image .content .big-image { max-width: none; } } .product-image .content .big-image img { width: auto; max-width: 100%; height: auto; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } @media (min-width: 1200px) { .product-image .content .big-image img { -webkit-transform: scale(1.1); transform: scale(1.1); } } .product-image .content::before { content: ""; z-index: 2; height: 80px; width: 150px; display: block; background-size: 100% 100%; background-repeat: no-repeat; background-image: url("/themes/dl/assets/images/asset-la-voila.svg"); -webkit-animation: opacityAnim 2.5s infinite; animation: opacityAnim 2.5s infinite; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: 3; animation-iteration-count: 3; top: 120px; right: 55%; z-index: 2; -webkit-transform: rotate(20deg); transform: rotate(20deg); position: absolute; display: block; width: 120px; background-size: 120px auto; } @media (min-width: 1200px) { .product-image .content::before { width: 240px; height: 100px; } } @keyframes opacityAnim { 0% { opacity: 0.6; } 35% { opacity: 1; } 100% { opacity: 0.6; } } @media (min-width: 576px) { .product-image .content::before { width: 160px; right: 60%; top: 150px; background-size: 160px auto; } } @media (min-width: 768px) { .product-image .content::before { top: 200px; right: 60%; width: 200px; background-size: 190px auto; } } @media (min-width: 992px) { .product-image .content::before { top: 150px; right: 60%; width: 150px; background-size: 150px auto; } } @media (min-width: 1200px) { .product-image .content::before { top: 220px; right: 65%; width: 200px; background-size: 200px auto; } } .product-image .content:hover::before { -webkit-animation: opacityAnim 2.5s infinite; animation: opacityAnim 2.5s infinite; -webkit-animation-duration: 1s; animation-duration: 1s; } @keyframes opacityAnim { 0% { opacity: 0.6; } 35% { opacity: 1; } 100% { opacity: 0.6; } } .product-image .content:hover img { -webkit-transform: scale(1); transform: scale(1); } .product-image .content .product-gallery { padding: 15px 0 0; margin-top: 0; position: relative; } @media (min-width: 992px) { .product-image .content .product-gallery { margin-top: -60px; } } .product-image .content .product-gallery ul { text-align: center; margin: 0 auto; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } @media (min-width: 768px) { .product-image .content .product-gallery ul { text-align: right; } } .product-image .content .product-gallery ul li { max-width: 100px; height: 80px; padding: 0; margin: 0 2.5px 0 0; background: none; } @media (min-width: 992px) { .product-image .content .product-gallery ul li { height: 140px; max-width: 180px; } } .product-image .content .product-gallery ul li img { width: auto; height: auto; max-height: 80px; max-width: 80px; } @media (min-width: 992px) { .product-image .content .product-gallery ul li img { max-height: 100%; max-width: 100%; } } html[lang=nl-BE] .product-image .content::before { background-image: url("/themes/dl/assets/images/asset-dat-is-em.svg"); } body.single-product-pro .product-image .content { padding: 140px 20px 20px; } body.single-product-pro .product-image .content .big-image img { -webkit-transform: scale(1); transform: scale(1); } @media (min-width: 1200px) { body.single-product-pro .product-image .content { padding: 130px 20px 30px; } } body.single-product-pro .product-image .content::before { right: auto; left: 5%; width: 120px; top: 100px; background-size: 120px auto; } @media (min-width: 768px) { body.single-product-pro .product-image .content::before { top: 120px; } } @media (min-width: 1200px) { body.single-product-pro .product-image .content::before { top: 140px; right: 77%; left: auto; width: 150px; background-size: 150px auto; } } .product-content { padding: 30px 15px 60px; } @media (min-width: 768px) { .product-content { padding: 60px 30px; } } @media (min-width: 992px) { .product-content { padding: 60px; } } .product-content .intro { padding: 0 0 2em; } .product-content .intro h1 { font-weight: 900; } .product-content .description { padding: 0 0 1em; } .product-content strong { color: #FF1622; } .product-content small { margin-bottom: 5px; display: block; font-weight: 500; font-size: 12px; letter-spacing: 0.5px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .product-content table td small { font-weight: 400; } .product-content a.tab-btn:hover small { color: #4A080C; } .product-content .product-info { padding: 20px 0; border-bottom: 1.4px solid #F7DDDD; } @media (min-width: 768px) { .product-content .product-info { padding: 12px 0; } } .product-content .product-info p { margin-bottom: 0; } .product-content .product-info ul.format { margin: 5px auto 0; } .product-content .product-info ul.format li { padding: 0 5px 5px; margin: 0 2.5px 0 0; text-align: center; } .product-content .product-info ul.format li img { -webkit-transform: scale(0.8); transform: scale(0.8); } .product-content .product-info ul.format li small { margin: 2px auto 0; color: #DD0000; display: block; font-weight: bold; } .product-content .where-to-buy { margin: 0; } .product-content .where-to-buy a, .product-content .where-to-buy img { margin-bottom: 0; } .product-content .where-to-buy a { padding: 5px 0; display: block; } .product-content .where-to-buy img { margin-right: 5px; height: auto; max-height: 60px; width: auto; max-width: 140px; } @media (min-width: 768px) { .product-content .where-to-buy img { max-height: 65px; margin-right: 0; } } ul.spicy { margin-bottom: 0; padding-top: 7.5px; } ul.spicy li, ul.spicy li.list-inline-item { width: 12px; height: 30px; background-size: auto 100%; margin-right: 0; background-repeat: no-repeat; background-image: url("/themes/dl/assets/images/rose-piment.svg"); } ul.spicy.spicy_1 li.first { background-image: url("/themes/dl/assets/images/red-piment.svg"); } ul.spicy.spicy_2 li.first, ul.spicy.spicy_2 li.second { background-image: url("/themes/dl/assets/images/red-piment.svg"); } ul.spicy.spicy_3 li { background-image: url("/themes/dl/assets/images/red-piment.svg"); } table.table thead th { border: none; color: #B8969B; text-transform: uppercase; font-size: 0.7em; } table tr.border-sans td { border: none; padding-top: 0; } table td, table td.border-avec { color: #4A080C; width: auto; padding-bottom: 10px; font-size: 0.85em; } table td.small, table td.border-avec.small { max-width: 100px; } table td.big, table td.border-avec.big { width: auto; } table td.medium, table td.border-avec.medium { max-width: 200px; } .related-products a.btn-primary, .related-products .custom-cms .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background ul li .related-products a, .related-products .custom-cms .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background ul li .related-products a, .related-products .single-post-box .content ul li a, .single-post-box .content ul li .related-products a, .related-products .contact-page .text-content a, .contact-page .text-content .related-products a { margin-bottom: 40px; } .related-products.pro { margin-bottom: 40px; } .listing-products { padding: 20px 0; } @media (min-width: 768px) { .listing-products { padding: 60px 20px 20px; } .listing-products.have-desc { padding: 40px 20px 20px; } } .listing-products--cat { background: linear-gradient(180deg, #FAF5F4 140px, #FFF 140px); padding-top: 0; } .listing-products--taxo { padding-top: 40px; padding-bottom: 40px; } @media (min-width: 768px) { .listing-products--taxo { padding-bottom: 60px; padding-top: 60px; } } @media (min-width: 992px) { .listing-products--taxo { padding-top: 80px; } } .term-desc { max-width: 1024px; margin: 0 auto; padding-bottom: 20px; text-align: center; } .term-desc p { font-size: 1rem; padding-bottom: 20px; margin-bottom: 0; } @media (min-width: 992px) { .term-desc p { font-size: 1.2rem; } } .related-products { padding: 20px 0; } @media (min-width: 768px) { .related-products { padding: 60px 20px 0; } } .related-products, .listing-products { background-color: #FAF5F4; text-align: center; } .related-products .vignette, .listing-products .vignette { padding: 10px; background-color: rgba(255, 255, 255, 0); position: relative; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .related-products .vignette .labelled, .listing-products .vignette .labelled { top: 0; left: 50%; line-height: 20px; font-size: 16px; padding: 2px 10px; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; z-index: 999; } .related-products .vignette .vignette__content, .listing-products .vignette .vignette__content { border: 4px dotted #F7DDDD; padding: 15px 20px; overflow: hidden; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } @media (min-width: 992px) { .related-products .vignette .vignette__content, .listing-products .vignette .vignette__content { padding: 15px 10px; } } .related-products .vignette .vignette__content img, .related-products .vignette .vignette__content span, .listing-products .vignette .vignette__content img, .listing-products .vignette .vignette__content span { display: block; } .related-products .vignette .vignette__content p, .listing-products .vignette .vignette__content p { font-size: 0.9em; padding: 0 0 5px; margin: 0 auto; height: auto; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } @media (min-width: 1200px) { .related-products .vignette .vignette__content p, .listing-products .vignette .vignette__content p { height: 0; opacity: 0; } } .related-products .vignette .vignette__content span.product-name, .listing-products .vignette .vignette__content span.product-name { padding: 5px 0; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; line-height: 1.1em; font-size: 2em; } @media (min-width: 576px) { .related-products .vignette .vignette__content span.product-name, .listing-products .vignette .vignette__content span.product-name { font-size: 2.45em; } } @media (min-width: 768px) { .related-products .vignette .vignette__content span.product-name, .listing-products .vignette .vignette__content span.product-name { font-size: 2.6em; } } @media (min-width: 992px) { .related-products .vignette .vignette__content span.product-name, .listing-products .vignette .vignette__content span.product-name { font-size: 3em; } } @media (min-width: 1200px) { .related-products .vignette .vignette__content span.product-name, .listing-products .vignette .vignette__content span.product-name { font-size: 3em; } } @media (min-width: 576px) { .related-products .vignette .vignette__content span.product-name, .listing-products .vignette .vignette__content span.product-name { line-height: 1.1em; font-size: 1.4em; } } @media (min-width: 576px) and (min-width: 992px) { .related-products .vignette .vignette__content span.product-name, .listing-products .vignette .vignette__content span.product-name { font-size: 1.75em; } } @media (min-width: 576px) and (min-width: 1200px) { .related-products .vignette .vignette__content span.product-name, .listing-products .vignette .vignette__content span.product-name { font-size: 1.9em; } } @media (min-width: 1200px) { .related-products .vignette .vignette__content span.product-name, .listing-products .vignette .vignette__content span.product-name { padding: 15px 0 25px; } } .related-products .vignette .vignette__content ul.spicy, .listing-products .vignette .vignette__content ul.spicy { margin-left: 5px; position: absolute; } .related-products .vignette .vignette__content .vignette__image, .listing-products .vignette .vignette__content .vignette__image { height: 180px; width: 180px; margin: 10px auto 20px; text-align: center; } .related-products .vignette .vignette__content .vignette__image img, .listing-products .vignette .vignette__content .vignette__image img { margin: 0 auto; width: auto; max-width: 120px; height: auto; max-height: 190px; -webkit-transform: scale(1.1); transform: scale(1.1); z-index: 2; position: relative; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media (min-width: 992px) { .related-products .vignette .vignette__content .vignette__image img, .listing-products .vignette .vignette__content .vignette__image img { -webkit-transform: scale(1); transform: scale(1); } } .related-products .vignette .vignette__content .vignette__image::before, .listing-products .vignette .vignette__content .vignette__image::before { content: ""; height: 120px; width: 120px; margin: 45px 30px; border-radius: 100%; display: block; position: absolute; background-color: #FFF; } @media (min-width: 992px) { .related-products .vignette:hover, .listing-products .vignette:hover { background-color: #FFF; } .related-products .vignette:hover .vignette__content, .listing-products .vignette:hover .vignette__content { border: 4px dotted #FF1622; } .related-products .vignette:hover .vignette__content span.product-name, .listing-products .vignette:hover .vignette__content span.product-name { padding: 0; color: #FF1622; } .related-products .vignette:hover .vignette__content p, .listing-products .vignette:hover .vignette__content p { padding: 5px 0; height: 55px; opacity: 1; } .related-products .vignette:hover .vignette__content .vignette__image img, .listing-products .vignette:hover .vignette__content .vignette__image img { -webkit-transform: scale(1.1); transform: scale(1.1); } .related-products .vignette:hover .vignette__content .vignette__image::before, .listing-products .vignette:hover .vignette__content .vignette__image::before { background-color: #FAF5F4; } } .grid-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: 1fr; grid-template-rows: 1fr; grid-template-areas: "." "."; } .grid-container#listings { margin-left: auto; margin-right: auto; max-width: 1240px; } @media (min-width: 576px) { .grid-container { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-template-areas: ". ." ". ."; } } @media (min-width: 992px) { .grid-container { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-template-areas: ". . ." ". . ."; } } @media (min-width: 1200px) { .grid-container { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-areas: ". . . ." ". . . ."; } } .grid-container.related-inspi { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: 1fr; grid-template-rows: 1fr; grid-template-areas: "." "."; } @media (min-width: 768px) { .grid-container.related-inspi { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-template-areas: ". ." ". ."; } } .grid-container.inspirations { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: 1fr; grid-template-rows: 1fr; grid-template-areas: "." "."; } @media (min-width: 576px) { .grid-container.inspirations { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-template-areas: ". ." ". ."; } } @media (min-width: 768px) { .grid-container.inspirations { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-template-areas: ". . ." ". . ."; } } @media (min-width: 1200px) { .grid-container.inspirations { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-areas: ". . . ." ". . . ."; } } .listing-products { /* NEW Listing product 2021 */ } .listing-products .vignette { width: auto; list-style: none; } .listing-products li a:hover { /* replace cursor */ /*cursor: url('/themes/dl/assets/images/icon.png') 50 50, auto; */ } .listing-products__item { list-style: none; } .listing-products__item a { display: block; padding-bottom: 15px; } .listing-products__item a picture { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; height: 295px; } @media (min-width: 992px) { .listing-products__item a picture { height: 350px; } } .listing-products__item a picture img { display: block; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; } .listing-products__item a .title, .listing-products__item a .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .listing-products__item a h1, .listing-products__item a .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part .listing-products__item a h2, .listing-products__item a .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part .listing-products__item a h3, .listing-products__item a .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part .listing-products__item a h4, .listing-products__item a .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part .listing-products__item a h5 { text-align: left; padding: 10px 0 0; color: #ff503e; } .listing-products__item a:hover picture img { -webkit-transform: scale(1.05); transform: scale(1.05); } /* Page taxonomy 2021 product */ .products-taxo--title .title, .products-taxo--title .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .products-taxo--title h1, .products-taxo--title .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part .products-taxo--title h2, .products-taxo--title .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part .products-taxo--title h3, .products-taxo--title .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part .products-taxo--title h4, .products-taxo--title .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part .products-taxo--title h5 { display: inline-block; background: #FFF; color: #FF1622; padding: 10px 30px 20px; margin: 0 auto; } @media (max-width: 767.98px) { .products-taxo--title .title, .products-taxo--title .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .products-taxo--title h1, .products-taxo--title .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part .products-taxo--title h2, .products-taxo--title .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part .products-taxo--title h3, .products-taxo--title .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part .products-taxo--title h4, .products-taxo--title .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part .products-taxo--title h5 { padding: 5px 20px 10px; } } .products-taxo--desc { background: #FF1622; } .products-taxo--desc .text-wrapper { max-width: 900px; margin: 0 auto; padding: 30px 20px; width: 100%; text-align: center; } .products-taxo--desc .text-wrapper p { color: #FFF; margin: 0 auto; } @media (max-width: 767.98px) { .products-taxo--desc .text-wrapper { padding: 40px 20px; } } .filters-pro { text-align: center; padding-top: 20px; font-size: 12px; letter-spacing: 0.7px; } .filters-pro .container-fluid { max-width: 1240px; margin-left: auto; margin-right: auto; padding-bottom: 20px; } @media (max-width: 1199.98px) { .filters-pro .container-fluid { text-align: center; } } @media (min-width: 768px) { .filters-pro { text-align: left; padding-top: 1em; } } @media screen and (min-width: 1200px) { .filters-pro { padding-top: 3em; } } .filters-pro span { display: block; margin: 0 0 20px 0; } @media (min-width: 768px) { .filters-pro span { display: inline; margin: 0 10px 0 0; } } .filters-pro select { width: 100%; margin-right: 10px; margin: 5px auto 0; max-width: 300px; display: block; } .filters-pro select.custom-select { letter-spacing: 0.5px; font-size: 15px; color: #DD0000; padding: 10px; text-transform: uppercase; } @media (min-width: 576px) { .filters-pro select { display: inline-block; margin-top: 0; width: auto; min-width: 180px; } } @media all and (-ms-high-contrast: none) { .grid-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .grid-container .vignette { width: 100%; margin: auto; max-width: 483px; } } @media (-ms-high-contrast: none) and (min-width: 576px) { .grid-container .vignette { max-width: 396px; } } @media (-ms-high-contrast: none) and (min-width: 992px) { .grid-container .vignette { max-width: 323px; } } @media (-ms-high-contrast: none) and (min-width: 1200px) { .grid-container .vignette { max-width: 278px; } } html.ie11 .grid-container, html.ie10 .grid-container, html.edge .grid-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } html.ie11 .grid-container .vignette, html.ie10 .grid-container .vignette, html.edge .grid-container .vignette { width: 100%; margin: auto; max-width: 483px; } @media (min-width: 576px) { html.ie11 .grid-container .vignette, html.ie10 .grid-container .vignette, html.edge .grid-container .vignette { max-width: 396px; } } @media (min-width: 992px) { html.ie11 .grid-container .vignette, html.ie10 .grid-container .vignette, html.edge .grid-container .vignette { max-width: 323px; } } @media (min-width: 1200px) { html.ie11 .grid-container .vignette, html.ie10 .grid-container .vignette, html.edge .grid-container .vignette { max-width: 278px; } } @media (max-width: 991.98px) { section .rose-half-background { background: #FFF; } } .weather span { color: white; padding-top: 2px; font-size: 60px; } .weather span.h1 { /* background-size: 50px auto; background-repeat: no-repeat; background-position: right center; &.icon-cold { background-image: url('../../assets/images/icon-sun.svg'); } &.icon-rain { background-image: url('../../assets/images/icon-rain.svg'); } &.icon-cloud { background-image: url('../../assets/images/icon-cloud.svg'); } &.icon-cloud-sun { background-image: url('../../assets/images/icon-cloud-sun.svg'); } &.icon-sun-cloud { background-image: url('../../assets/images/icon-sun-cloud.svg'); } &.icon-sun { background-image: url('../../assets/images/icon-sun.svg'); } */ } .date-and-hour { padding: 5px 20px; } .date-and-hour small { display: block; margin-bottom: 0.5px; text-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } @media (min-width: 992px) { .date-and-hour small { text-shadow: 0 0 20px rgba(0, 0, 0, 0.7); } } @media (min-width: 576px) { .date-and-hour { border-left: 1px solid #FFF; } } .inspirations .nav-filters { max-width: 1240px; } @media (max-width: 767.98px) { .listing-products.inspirations { padding-left: 15px; padding-right: 15px; } } .listing-products.inspirations .vignette { height: 50vh; min-height: 350px; max-height: 450px; padding: 15px 0; } @media (min-width: 992px) { .listing-products.inspirations .vignette { padding: 10px; } } .listing-products.inspirations .vignette:hover { background: none; } .listing-products.inspirations .vignette a { height: 100%; display: block; } .listing-products.inspirations .vignette .vignette__content { height: 100%; padding: 15px 0; border: none; background-size: cover; background-repeat: no-repeat; background-position: center; } .listing-products.inspirations .vignette .vignette__content span.product-name { padding: 15px; margin-bottom: 0; width: 80%; bottom: 30px; right: 10px; left: 10%; background-color: #FFF; position: absolute; } .listing-products.inspirations .vignette .vignette__content:hover { border: none; -webkit-box-shadow: 0 -300px 300px rgba(0, 0, 0, 0.4) inset; box-shadow: 0 -300px 300px rgba(0, 0, 0, 0.4) inset; } .single-product .inspirations.row, .post-type-archive-product .inspirations.row { background: -webkit-gradient(linear, left top, left bottom, from(#faf5f4), color-stop(85%, #faf5f4), color-stop(86%, rgba(250, 245, 244, 0)), to(rgba(250, 245, 244, 0))); background: linear-gradient(to bottom, #faf5f4 0%, #faf5f4 85%, rgba(250, 245, 244, 0) 86%, rgba(250, 245, 244, 0) 100%); } @media (max-width: 991.98px) { .single-product .inspirations.row, .post-type-archive-product .inspirations.row { padding: 0 30px; } } .single-product .inspirations.row .listing-products, .post-type-archive-product .inspirations.row .listing-products { background: none; padding: 0; } .inspiration-single .inspirations.row { background: -webkit-gradient(linear, left top, left bottom, from(#faf5f4), color-stop(85%, #faf5f4), color-stop(86%, rgba(250, 245, 244, 0)), to(rgba(250, 245, 244, 0))); background: linear-gradient(to bottom, #faf5f4 0%, #faf5f4 85%, rgba(250, 245, 244, 0) 86%, rgba(250, 245, 244, 0) 100%); } .inspiration-single .inspirations.row .listing-products { background: none; padding: 0; } .inspiration-single .big-image img { width: auto; height: auto; max-width: 100%; } .inspiration-single .product-content .intro { border-bottom: 1px solid #F7DDDD; } .inspiration-single .product-content .product-info { border-bottom: none; } @media (max-width: 991.98px) { .inspiration-single .product-content { padding: 50px 30px 0; } } .inspiration-single .content .timing { font-weight: 900; } .inspiration-single .content ul.related li img { height: auto; max-width: 120px; } @media (min-width: 576px) { .inspiration-single .inspirations.row .listing-products { padding: 20px 0 0; } } @media (min-width: 992px) { .inspiration-single .inspirations.row .listing-products { padding: 40px 20px 0; } } .list-red { padding-left: 0; } .list-red li { font-weight: 300; padding-bottom: 5px; list-style: none; } .list-red li::before { height: 5px; width: 5px; border-radius: 100%; margin-right: 5px; top: -2px; position: relative; display: inline-block; content: ""; background: #FF1622; } .step-list li { padding-bottom: 15px; font-weight: 300; } .step-list span { padding-bottom: 5px; display: block; } .cta-inspi.container, .custom-cms .cta-inspi.banner-image.content, .custom-cms .cta-inspi.content-block.content { padding: 15px 0; } @media (min-width: 576px) { .cta-inspi.container, .custom-cms .cta-inspi.banner-image.content, .custom-cms .cta-inspi.content-block.content { padding: 15px 0; } } div.wpcf7 { margin: 0; padding: 0; } div.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; } div.wpcf7-response-output { margin: 0; padding: 0; border-radius: 0; border: none; } form.spam div.wpcf7-response-output, form.invalid div.wpcf7-response-output, form.unaccepted div.wpcf7-response-output, form.sent div.wpcf7-response-output, form.aborted div.wpcf7-response-output, form.failed div.wpcf7-response-output { margin: 2em 0 0; padding: 20px; } div.wpcf7-mail-sent-ok, form.sent div.wpcf7-response-output { background-color: #c3d394; color: #3f4a1e; } div.wpcf7-mail-sent-ng, div.wpcf7-aborted, form.aborted div.wpcf7-response-output, form.failed div.wpcf7-response-output { background-color: #ff7f7f; color: #7f0000; } div.wpcf7-spam-blocked, form.spam div.wpcf7-response-output, form.invalid div.wpcf7-response-output, form.unaccepted div.wpcf7-response-output { background-color: #f9d781; color: #a67908; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { background-color: #f9d781; color: #a67908; } .wpcf7-form-control-wrap { position: relative; } span.wpcf7-not-valid-tip { color: #f00; font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #ff0000; background: #fff; padding: 0.2em 0.8em; } span.wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } span.wpcf7-list-item-label::before, span.wpcf7-list-item-label::after { content: " "; } .wpcf7-display-none { display: none; } div.wpcf7 .ajax-loader { visibility: hidden; display: inline-block; background-image: url(../images/ajax-loader.gif?af962b37779a443a77ab836b3b7a93f5); width: 16px; height: 16px; border: none; padding: 0; margin: 0 0 0 4px; vertical-align: middle; } div.wpcf7 .ajax-loader.is-active { visibility: visible; } div.wpcf7 div.ajax-error { display: none; } div.wpcf7 .placeheld { color: #888; } div.wpcf7 input[type=file] { cursor: pointer; } div.wpcf7 input[type=file]:disabled { cursor: default; } div.wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .contact-page { /* part pro */ } .contact-page .maps-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .contact-page .maps-row .title-text-cta { padding-left: 15px; padding-top: 80px; padding-bottom: 80px; background: #FFF; text-align: center; } .contact-page .maps-row .title-text-cta .max-width-500, .contact-page .maps-row .title-text-cta #top-archive .text-part, #top-archive .contact-page .maps-row .title-text-cta .text-part { margin-left: auto; margin-right: auto; max-width: 100%; } .contact-page .maps-row .title-text-cta br { display: none; } @media (min-width: 992px) { .contact-page .maps-row .title-text-cta { padding-left: 40px; padding-right: 30px; text-align: left; } .contact-page .maps-row .title-text-cta .max-width-500, .contact-page .maps-row .title-text-cta #top-archive .text-part, #top-archive .contact-page .maps-row .title-text-cta .text-part { max-width: 500px; margin-left: 0; margin-right: auto; } } @media (min-width: 1200px) { .contact-page .maps-row .title-text-cta { padding-left: 60px; background: none; } } .contact-page .maps-row .map { position: relative; min-height: 300px; } @media (min-width: 992px) { .contact-page .maps-row .map { min-height: 400px; } } .contact-page .text-content { padding-top: 0; padding-bottom: 40px; text-align: center; } @media (min-width: 768px) { .contact-page .text-content { padding-bottom: 60px; } } @media (min-width: 992px) { .contact-page .text-content { padding-top: 80px; text-align: left; } } .contact-page .text-content h2 { color: #4A080C; padding: 20px 0 30px; max-width: 100%; } @media (min-width: 992px) { .contact-page .text-content h2 { max-width: 600px; } } .contact-page .text-content h2::before { height: 50px; width: 4px; margin: 20px auto 10px 0; border-left: 4px dotted #FF1622; content: ""; display: block; margin-left: auto; margin-right: auto; } @media (min-width: 992px) { .contact-page .text-content h2::before { margin-left: 0; margin-right: auto; } } .contact-page .text-content strong { display: block; color: #FF1622; } .contact-page .text-content a { padding: 10px 25px 12px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .contact-page .text-content a::after { content: ""; height: 6px; width: 6px; margin: 0 5px 0 3px; top: -1px; position: relative; border-top: 2px solid #FFF; border-right: 2px solid #FFF; display: inline-block; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .contact-page .text-content a:hover { background: #FF1622; } .contact-page .contact-form { padding: 40px 20px 0; background-color: #FFF; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); } @media (min-width: 576px) { .contact-page .contact-form { padding: 40px 40px 0; } } @media (min-width: 992px) { .contact-page .contact-form { margin-top: -40px; padding: 40px 50px; } } .contact-page .contact-form form { margin: 30px auto 0; } .contact-page .contact-form form label { display: block; } .contact-page .contact-form form input[type=text], .contact-page .contact-form form input[type=email], .contact-page .contact-form form select, .contact-page .contact-form form textarea { width: 100%; margin-top: 5px; padding: 8px 12px; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; -webkit-box-shadow: none; box-shadow: none; background-color: #FAF5F4; } .contact-page .contact-form form input[type=submit] { width: 100%; } @media (min-width: 576px) { .contact-page .contact-form form input[type=submit] { width: auto; margin-top: 20px; } } .contact-page .contact-form form input[type=submit]:hover { background-color: #FF1622; } .contact-page .contact-form form .wpcf7-checkbox { padding: 10px 0 0; display: block; } .contact-page .contact-form form .wpcf7-checkbox span { margin-left: 0; } .contact-page .contact-form form .wpcf7-checkbox span.wpcf7-list-item-label { padding-left: 10px; } .contact-page .contact-form form .wpcf7-checkbox label { cursor: pointer; } .contact-page .contact-form form input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; -webkit-box-shadow: none; box-shadow: none; position: relative; top: 4px; } .contact-page .contact-form form input[type=checkbox]::before { content: ""; width: 22px; height: 22px; margin: 0; font-size: 14px; float: left; color: #FFF; text-align: center; border: 1.5px solid #B8969B; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; background: #FFF url(../images/icon-check.svg?1faff3b92a0a9ae2b4c6ea341767149d) no-repeat center/15px auto; } .contact-page .contact-form form input[type=checkbox]:checked::before { border-color: #4A080C; background-color: #4A080C; } .contact-page h2 small { display: block; color: #FF1622; } .contact-page h3 { color: #4A080C; max-width: 100%; } .contact-page.pro .text-content { padding-bottom: 20px; } @media (min-width: 576px) { .contact-page.pro .text-content { padding-bottom: 40px; } } @media (min-width: 1200px) { .contact-page.pro .text-content { padding-top: 80px; } } .contact-page.pro .text-content h2 { color: #FFF; } .contact-page.pro .text-content h2::before { border-color: #FFF; } @media (min-width: 768px) { .contact-page.pro .text-content h2 { padding: 40px 0 40px; } } @media (min-width: 992px) { .contact-page.pro .text-content h2 { float: left; text-align: right; width: 50%; padding: 0 40px 40px 0; } .contact-page.pro .text-content h2::before { margin-left: auto; margin-right: 0; } } @media (min-width: 1200px) { .contact-page.pro .text-content h2 { float: none; width: 100%; text-align: left; padding: 20px 0 30px; } .contact-page.pro .text-content h2::before { margin-left: 0; margin-right: auto; } } .contact-page.pro .text-content p { color: #FFF; margin-bottom: 0; } @media (min-width: 576px) { .contact-page.pro .text-content p { padding-top: 0; padding-bottom: 0; } } @media (min-width: 1200px) { .contact-page.pro .text-content p { padding-top: 0; padding-bottom: 20px; } } .contact-page.pro .text-content p:first-child { display: block; } .contact-page.pro .text-content a.btn-white, .contact-page.pro .text-content .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li .contact-page.pro .text-content a, .contact-page.pro .text-content .custom-cms .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li .contact-page.pro .text-content a { display: none; } @media (min-width: 768px) { .contact-page.pro .text-content a.btn-white, .contact-page.pro .text-content .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li .contact-page.pro .text-content a, .contact-page.pro .text-content .custom-cms .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li .contact-page.pro .text-content a { display: inline-block; } } @media (min-width: 992px) { .contact-page.pro .text-content a.btn-white, .contact-page.pro .text-content .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li .contact-page.pro .text-content a, .contact-page.pro .text-content .custom-cms .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li .contact-page.pro .text-content a { max-width: 300px; margin: 0 auto; } } @media (min-width: 1200px) { .contact-page.pro .text-content a.btn-white, .contact-page.pro .text-content .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li .contact-page.pro .text-content a, .contact-page.pro .text-content .custom-cms .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li .contact-page.pro .text-content a { margin: 10px 0 0; display: inline; } } .contact-page.pro .text-content strong { color: #FFF; padding: 20px 0; display: none; } @media (min-width: 768px) { .contact-page.pro .text-content strong { display: inline-block; } } .contact-page.pro .contact-form { margin-top: 0; } @media (min-width: 1200px) { .contact-page.pro .contact-form { margin-top: -40px; } } .contact-page.pro .contact-form form { margin: 0 auto; } .contact-page.pro .contact-form form br { display: none; } .contact-page.pro .contact-form .radio-btn-default span { margin-left: 0; } .contact-page.pro .contact-form .radio-btn-default label { margin-bottom: 0; } .contact-page.pro .contact-form small { color: #4A080C; font-size: 0.85em; } .contact-page.pro .contact-form input[type=radio] { display: none; } .contact-page.pro .contact-form input[type=radio] + span { margin: 10px 5px 0 0; padding: 5px 15px; border: 2px solid #FF1622; display: block; cursor: pointer; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .contact-page.pro .contact-form input[type=radio]:checked + span { color: #FFF; background-color: #FF1622; } .page-template-page-overons .labelled { text-transform: uppercase; padding: 2px 8px 0px 8px; } section .text-part a.btn-primary, section .text-part .custom-cms .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background ul li section .text-part a, section .text-part .custom-cms .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background ul li section .text-part a, section .text-part .single-post-box .content ul li a, .single-post-box .content ul li section .text-part a, section .text-part .contact-page .text-content a, .contact-page .text-content section .text-part a, section .text-part a.btn, section .text-part .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li section .text-part a, section .text-part .custom-cms .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li section .text-part a, section .text-part .custom-cms .main-content-right a, .custom-cms .main-content-right section .text-part a { margin-bottom: 40px; } @media (min-width: 768px) { section .text-part a.btn-primary, section .text-part .custom-cms .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background ul li section .text-part a, section .text-part .custom-cms .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background ul li section .text-part a, section .text-part .single-post-box .content ul li a, .single-post-box .content ul li section .text-part a, section .text-part .contact-page .text-content a, .contact-page .text-content section .text-part a, section .text-part a.btn, section .text-part .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li section .text-part a, section .text-part .custom-cms .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li section .text-part a, section .text-part .custom-cms .main-content-right a, .custom-cms .main-content-right section .text-part a { margin-bottom: 0; } } .slider-history .container.nav, .slider-history .custom-cms .nav.banner-image.content, .custom-cms .slider-history .nav.banner-image.content, .slider-history .custom-cms .nav.content-block.content, .custom-cms .slider-history .nav.content-block.content { padding-left: 0; padding-right: 0; } .slider-history ul.nav-filters { margin-bottom: 20px; display: block; width: 100%; } .slider-history ul.nav-filters span { text-transform: uppercase; cursor: pointer; color: #BA0A00; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .slider-history ul.nav-filters span:hover, .slider-history ul.nav-filters span.active { color: #FFF; text-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } @media (min-width: 992px) { .slider-history ul.nav-filters span:hover, .slider-history ul.nav-filters span.active { text-shadow: 0 0 20px rgba(0, 0, 0, 0.7); } } .slider-history ul.nav-filters li::after { border-top: 4px dotted #BA0A00; content: ""; height: 4px; width: 24px; top: -8px; position: relative; display: inline-block; } .slider-history ul.nav-filters li:last-child::after { display: none; } .slider-history ul.nav-filters li.active span { color: #FFF; text-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } @media (min-width: 992px) { .slider-history ul.nav-filters li.active span { text-shadow: 0 0 20px rgba(0, 0, 0, 0.7); } } .slider-history .slider-date { text-align: center; } .slider-history .slider-date .container, .slider-history .slider-date .custom-cms .banner-image.content, .custom-cms .slider-history .slider-date .banner-image.content, .slider-history .slider-date .custom-cms .content-block.content, .custom-cms .slider-history .slider-date .content-block.content { text-align: left; } .slider-history .text-part { max-width: 600px; margin: 0 auto; } .slider-history button.slick-prev { left: 0; } .slider-history button.slick-prev::before { background: #FFF url(../images/arrow-left.svg?f9feafb8d486d0cfaafd4caa7c23aeb0) no-repeat center/12px auto; } .slider-history button.slick-next { right: 0; } .slider-history button.slick-next::before { background: #FFF url(../images/arrow-right.svg?5bef10e6f33b0d52c9dc7a1b5c7ba0a1) no-repeat center/12px auto; } .slider-history button.slick-prev, .slider-history button.slick-next { z-index: 99; opacity: 0; height: 50px; width: 50px; } @media (min-width: 768px) { .slider-history button.slick-prev, .slider-history button.slick-next { opacity: 1; top: 100px; } } @media (min-width: 992px) { .slider-history button.slick-prev, .slider-history button.slick-next { top: 50%; } } .slider-history button.slick-prev::before, .slider-history button.slick-next::before { height: 50px; width: 50px; line-height: 50px; font-size: 14px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; display: block; text-align: center; content: ""; } .slider-history .img-part { width: 100%; max-width: 400px; margin: 0 auto; } @media (min-width: 992px) { .slider-history .img-part { max-width: 600px; } } .listing-post #listings { list-style: none; padding-left: 15px; padding-right: 15px; } .listing-post .single-post { margin-top: 40px; background-color: #F7F7F7; } .listing-post .single-post .content { padding: 40px 30px 20px; } .listing-post .single-post h3 { padding: 20px 0; clear: both; } @media (min-width: 768px) { .listing-post .single-post { margin-bottom: 40px; } .listing-post .single-post .content { padding: 40px; } } .single-post .sticky-top, .single-post-box .sticky-top { top: 180px; z-index: 9; } .single-post .cover-img img, .single-post-box .cover-img img { width: auto; } .single-post small.cat a, .single-post-box small.cat a { font-size: 1.3em; letter-spacing: 0.2px; font-weight: bold; } .single-post span.date, .single-post-box span.date { font-size: 0.9em; font-weight: 300; color: #A9A9A9; float: right; } .single-post-box { margin-top: 60px; background: none; } .single-post-box .content { padding: 30px 15px 20px; } .single-post-box .content span.date { padding-top: 5px; } .single-post-box .content p a { color: #DD0000; } .single-post-box .content h2, .single-post-box .content h3 { padding-bottom: 20px; color: #4A080C; } .single-post-box .content ul { padding: 15px 0 0; } .single-post-box .content ul li { display: inline-block; } .single-post-box .content .labelled a { color: #FFF; } .single-post-box .img { padding: 20px 15px 0; } @media (min-width: 768px) { .single-post-box { background-color: #F7F7F7; margin-top: 100px; margin-bottom: 30px; } .single-post-box .content { padding: 50px 50px 10px; } .single-post-box .img { padding: 0 50px; } } @media (min-width: 992px) { .single-post-box { background: none; margin-top: 0; margin-bottom: 0; } .single-post-box .content { padding: 0 20px 0 40px; } .single-post-box .img { padding: 0; } } @media (min-width: 992px) { .single-post-box .row { padding-top: 60px; } .single-post-box .content { padding: 0 60px; } } .suggestions .dotted-title, .suggestions .page-template-page-action-form .action-page .text-content h2, .page-template-page-action-form .action-page .text-content .suggestions h2, .suggestions #where-to-buy .widget .widgettitle, #where-to-buy .widget .suggestions .widgettitle, .suggestions .contact-page .text-content h2, .contact-page .text-content .suggestions h2, .suggestions .contact-page h3, .contact-page .suggestions h3 { line-height: 1.1em; font-size: 1.8em; } @media (min-width: 576px) { .suggestions .dotted-title, .suggestions .page-template-page-action-form .action-page .text-content h2, .page-template-page-action-form .action-page .text-content .suggestions h2, .suggestions #where-to-buy .widget .widgettitle, #where-to-buy .widget .suggestions .widgettitle, .suggestions .contact-page .text-content h2, .contact-page .text-content .suggestions h2, .suggestions .contact-page h3, .contact-page .suggestions h3 { font-size: 2em; } } @media (min-width: 768px) { .suggestions .dotted-title, .suggestions .page-template-page-action-form .action-page .text-content h2, .page-template-page-action-form .action-page .text-content .suggestions h2, .suggestions #where-to-buy .widget .widgettitle, #where-to-buy .widget .suggestions .widgettitle, .suggestions .contact-page .text-content h2, .contact-page .text-content .suggestions h2, .suggestions .contact-page h3, .contact-page .suggestions h3 { font-size: 2.3em; } } @media (min-width: 992px) { .suggestions .dotted-title, .suggestions .page-template-page-action-form .action-page .text-content h2, .page-template-page-action-form .action-page .text-content .suggestions h2, .suggestions #where-to-buy .widget .widgettitle, #where-to-buy .widget .suggestions .widgettitle, .suggestions .contact-page .text-content h2, .contact-page .text-content .suggestions h2, .suggestions .contact-page h3, .contact-page .suggestions h3 { font-size: 2.6em; } } @media (min-width: 1200px) { .suggestions .dotted-title, .suggestions .page-template-page-action-form .action-page .text-content h2, .page-template-page-action-form .action-page .text-content .suggestions h2, .suggestions #where-to-buy .widget .widgettitle, #where-to-buy .widget .suggestions .widgettitle, .suggestions .contact-page .text-content h2, .contact-page .text-content .suggestions h2, .suggestions .contact-page h3, .contact-page .suggestions h3 { font-size: 2.8em; } } .suggestions li { padding: 0; max-width: 380px; font-size: 1.2em; vertical-align: middle; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .suggestions li a { padding: 10px; display: block; color: #4A080C; font-weight: bold; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .suggestions li:hover { color: #FF1622; } .suggestions li:hover a { color: #FF1622; } @media (min-width: 768px) { .suggestions .dotted-title, .suggestions .page-template-page-action-form .action-page .text-content h2, .page-template-page-action-form .action-page .text-content .suggestions h2, .suggestions #where-to-buy .widget .widgettitle, #where-to-buy .widget .suggestions .widgettitle, .suggestions .contact-page .text-content h2, .contact-page .text-content .suggestions h2, .suggestions .contact-page h3, .contact-page .suggestions h3 { line-height: 1.1em; font-size: 1.4em; } } @media (min-width: 768px) and (min-width: 992px) { .suggestions .dotted-title, .suggestions .page-template-page-action-form .action-page .text-content h2, .page-template-page-action-form .action-page .text-content .suggestions h2, .suggestions #where-to-buy .widget .widgettitle, #where-to-buy .widget .suggestions .widgettitle, .suggestions .contact-page .text-content h2, .contact-page .text-content .suggestions h2, .suggestions .contact-page h3, .contact-page .suggestions h3 { font-size: 1.75em; } } @media (min-width: 768px) and (min-width: 1200px) { .suggestions .dotted-title, .suggestions .page-template-page-action-form .action-page .text-content h2, .page-template-page-action-form .action-page .text-content .suggestions h2, .suggestions #where-to-buy .widget .widgettitle, #where-to-buy .widget .suggestions .widgettitle, .suggestions .contact-page .text-content h2, .contact-page .text-content .suggestions h2, .suggestions .contact-page h3, .contact-page .suggestions h3 { font-size: 1.9em; } } @media (min-width: 768px) { .suggestions li a { padding: 20px; } } .video-part { padding-top: 40px; } @media (min-width: 768px) { .video-part { padding-top: 80px; } } .video-part .red-text, .video-part #hero.rose-light-background h1, #hero.rose-light-background .video-part h1, .video-part #hero.rose-light-background .title, .video-part #hero.rose-light-background .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part .video-part #hero.rose-light-background h2, .video-part #hero.rose-light-background .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part .video-part #hero.rose-light-background h3, .video-part #hero.rose-light-background .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part .video-part #hero.rose-light-background h4, .video-part #hero.rose-light-background .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part .video-part #hero.rose-light-background h5, #hero.rose-light-background .video-part .title, #hero.rose-light-background .video-part .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part #hero.rose-light-background .video-part h2, #hero.rose-light-background .video-part .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part #hero.rose-light-background .video-part h3, #hero.rose-light-background .video-part .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part #hero.rose-light-background .video-part h4, #hero.rose-light-background .video-part .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part #hero.rose-light-background .video-part h5 { margin: 0 auto; } .video-part .video-container { padding-top: 20px; } .video-part iframe { width: 100%; height: 400px; max-width: 650px; margin: 30px auto; display: block; } .pro-template #friterie .title-text-cta h3 { max-width: 100%; } .freesample { overflow: auto; padding: 0; display: none; position: fixed; z-index: 10000; background-color: #FFF; bottom: 0; top: 0; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); } @media (min-width: 768px) { .freesample { overflow: hidden; left: 20px; right: 20px; bottom: 20px; top: auto; } } .freesample .freesample__step { background-color: #FFF; } .freesample #step2 { height: 0; } .freesample #step2 .awesomplete { text-align: left; } @media (max-width: 575.98px) { .freesample #step2 .awesomplete { width: 100%; } } .freesample #step2 .form-check.error label { color: red; } .freesample #step2.freesample__step--active { height: auto; padding: 0 20px 40px; } .freesample #step2 .list-element { margin-bottom: 10px; display: inline-block; } .freesample #step2 label { padding: 0 5px; margin-bottom: 0; color: #4A080C; } @media (max-width: 767.98px) { .freesample #step2.freesample__step--active { padding: 0 30px 10px; } .freesample #step2 label { font-size: 13px; } .freesample #step2 input[type=submit] { display: block; margin-top: 10px; } .freesample #step2 .list-element { display: block; text-align: left; } } .freesample #step3 { height: 0; } .freesample #step3.freesample__step--active { height: auto; padding: 40px; } @media (min-width: 768px) { .freesample #step3.freesample__step--active .step-container { max-width: 60%; margin: 0 auto; } } .freesample select { margin-top: 5px; padding: 8px 12px; border-radius: 0; background-color: #FAF5F4; } @media (max-width: 575.98px) { .freesample select { width: 100%; } } .freesample select.error { border: 1px solid red; } .freesample input[type=text], .freesample input[type=email], .freesample input[type=tel] { width: 200px; margin-top: 5px; padding: 8px 12px; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; -webkit-box-shadow: none; box-shadow: none; background-color: #FAF5F4; } @media (max-width: 575.98px) { .freesample input[type=text], .freesample input[type=email], .freesample input[type=tel] { width: 100%; } } .freesample input[type=text].error, .freesample input[type=email].error, .freesample input[type=tel].error { border: 1px solid red; } .freesample input[type=submit] { width: 100%; } @media (min-width: 576px) { .freesample input[type=submit] { width: auto; } } .freesample input[type=submit]:hover { background-color: #FF1622; } #advantage { -webkit-box-shadow: 0 -300px 300px rgba(0, 0, 0, 0.4) inset; box-shadow: 0 -300px 300px rgba(0, 0, 0, 0.4) inset; } #advantage span.h2 { display: none; } @media (min-width: 576px) { #advantage span.h2 { display: block; } } #mybeats { -webkit-box-shadow: 0 -300px 300px rgba(0, 0, 0, 0.4) inset; box-shadow: 0 -300px 300px rgba(0, 0, 0, 0.4) inset; } #mybeats .text-part { text-align: center; padding-top: 40px; } #mybeats .text-part .max-width-500, #mybeats .text-part #top-archive .text-part, #top-archive #mybeats .text-part .text-part { margin: 0 auto; } #mybeats .text-part h2 { line-height: 1.1em; font-size: 1.8em; } @media (min-width: 576px) { #mybeats .text-part h2 { font-size: 2em; } } @media (min-width: 768px) { #mybeats .text-part h2 { font-size: 2.3em; } } @media (min-width: 992px) { #mybeats .text-part h2 { font-size: 2.6em; } } @media (min-width: 1200px) { #mybeats .text-part h2 { font-size: 2.8em; } } @media (min-width: 992px) { #mybeats .text-part { text-align: right; } } @media (min-width: 1200px) { #mybeats .text-part { text-align: right; } #mybeats .text-part h2 { line-height: 1.1em; font-size: 2em; } } @media (min-width: 1200px) and (min-width: 576px) { #mybeats .text-part h2 { font-size: 2.45em; } } @media (min-width: 1200px) and (min-width: 768px) { #mybeats .text-part h2 { font-size: 2.6em; } } @media (min-width: 1200px) and (min-width: 992px) { #mybeats .text-part h2 { font-size: 3em; } } @media (min-width: 1200px) and (min-width: 1200px) { #mybeats .text-part h2 { font-size: 3em; } } #mybeats .title-text-cta img { width: 100%; max-width: 400px; } @media (min-width: 992px) { #mybeats .title-text-cta img { max-width: 550px; } } #testimonials-thumb .dotted-sub-title { padding-bottom: 0; line-height: 1.1em; font-size: 1.2em; } @media (min-width: 992px) { #testimonials-thumb .dotted-sub-title { font-size: 1.55em; } } @media (min-width: 1200px) { #testimonials-thumb .dotted-sub-title { font-size: 1.9em; line-height: 1.1em; } } @media (min-width: 768px) { #testimonials-thumb .dotted-sub-title { line-height: 1.1em; font-size: 1.4em; padding-bottom: 20px; } } @media (min-width: 768px) and (min-width: 992px) { #testimonials-thumb .dotted-sub-title { font-size: 1.75em; } } @media (min-width: 768px) and (min-width: 1200px) { #testimonials-thumb .dotted-sub-title { font-size: 1.9em; } } #testimonials-thumb .testimonial__title { padding-bottom: 0; line-height: 1.1em; font-size: 1.8em; } @media (min-width: 576px) { #testimonials-thumb .testimonial__title { font-size: 2em; } } @media (min-width: 768px) { #testimonials-thumb .testimonial__title { font-size: 2.3em; } } @media (min-width: 992px) { #testimonials-thumb .testimonial__title { font-size: 2.6em; } } @media (min-width: 1200px) { #testimonials-thumb .testimonial__title { font-size: 2.8em; } } @media (min-width: 768px) { #testimonials-thumb .testimonial__title { line-height: 1.1em; font-size: 1.4em; } } @media (min-width: 768px) and (min-width: 992px) { #testimonials-thumb .testimonial__title { font-size: 1.75em; } } @media (min-width: 768px) and (min-width: 1200px) { #testimonials-thumb .testimonial__title { font-size: 1.9em; } } #join .text-part { text-align: center; } #join .text-part p.first { padding-bottom: 0; } @media (min-width: 768px) { #join .text-part p.first { padding-bottom: 20px; } } #join .text-part .dotted-title::before, #join .text-part .page-template-page-action-form .action-page .text-content h2::before, .page-template-page-action-form .action-page .text-content #join .text-part h2::before, #join .text-part #where-to-buy .widget .widgettitle::before, #where-to-buy .widget #join .text-part .widgettitle::before, #join .text-part .contact-page .text-content h2::before, .contact-page .text-content #join .text-part h2::before, #join .text-part .contact-page h3::before, .contact-page #join .text-part h3::before { margin-left: auto; margin-right: auto; } @media (min-width: 768px) { #join .text-part { text-align: left; } #join .text-part .dotted-title::before, #join .text-part .page-template-page-action-form .action-page .text-content h2::before, .page-template-page-action-form .action-page .text-content #join .text-part h2::before, #join .text-part #where-to-buy .widget .widgettitle::before, #where-to-buy .widget #join .text-part .widgettitle::before, #join .text-part .contact-page .text-content h2::before, .contact-page .text-content #join .text-part h2::before, #join .text-part .contact-page h3::before, .contact-page #join .text-part h3::before { margin-left: 0; margin-right: auto; } } .bullet-points .icon { width: auto; max-height: 40px; max-width: 90px; } @media (min-width: 992px) { .bullet-points .icon { max-height: 50px; max-width: 100px; } } .bullet-points h4 { margin: 0 auto; padding: 20px 0 0; } @media (min-width: 768px) { .bullet-points h4 { max-width: 300px; padding: 20px 10px; } } .cta.b2c { padding: 80px 20px; -webkit-box-shadow: 0 -300px 300px rgba(0, 0, 0, 0.4) inset; box-shadow: 0 -300px 300px rgba(0, 0, 0, 0.4) inset; } .mybeats--wrapper { text-align: center; } .mybeats--wrapper .mybeats { display: block; margin: 0; padding: 0; } .mybeats--wrapper .mybeats li { display: inline-block; } .mybeats--wrapper .mybeats li a img { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .mybeats--wrapper .mybeats li a { display: block; } .mybeats--wrapper .mybeats li a:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .mybeats--wrapper .mybeats__logo { margin-right: 20px; } .mybeats--wrapper .mybeats__logo img { height: auto; max-width: 120px; } .mybeats--wrapper .mybeats__apple { margin-right: 5px; } .mybeats--wrapper .mybeats__apple img { height: 50px; width: auto; } .mybeats--wrapper .mybeats__android img { height: 50px; width: auto; } @media (max-width: 767.98px) { .mybeats--wrapper .mybeats { padding: 20px 10px 10px; } .mybeats--wrapper .mybeats li { display: block; margin: 0 auto 10px; } .mybeats--wrapper .mybeats li.mybeats__logo { margin-bottom: 30px; } .mybeats--wrapper .mybeats li.mybeats__android, .mybeats--wrapper .mybeats li.mybeats__apple { display: inline-block; } .mybeats--wrapper .mybeats li.mybeats__android img, .mybeats--wrapper .mybeats li.mybeats__apple img { height: 40px; width: auto; } .mybeats--wrapper .mybeats li a { margin-bottom: 0; } } /* Slider profesionnal 2021 */ .first-banner + #slider-pro { margin-top: 40px; padding-top: 60px; } #slider-pro { overflow: hidden; padding: 40px 20px 0; } #slider-pro + .content-block { margin-top: 0; } @media (min-width: 768px) { #slider-pro { padding: 60px 0 0; } #slider-pro + .content-block { margin-top: 60px; } } @media (min-width: 992px) { #slider-pro { padding: 120px 0 0; } #slider-pro + .content-block { margin-top: 90px; } } .slider-pro { display: -webkit-box; display: -ms-flexbox; display: flex; } .slider-pro--nav { padding-top: 30px; text-align: center; } .slider-pro--nav button { background: none; border: none; outline: none; height: 40px; width: 60px; margin: 0 2.5px; background: #FFF url(../images/arrow-left.svg?f9feafb8d486d0cfaafd4caa7c23aeb0) no-repeat center/10px auto; } .slider-pro--nav button.btn-next { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } @media (min-width: 768px) { .slider-pro--nav { display: none; } } .slider-pro__item { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; position: relative; } @media screen and (min-width: 1100px) { .slider-pro__item { max-width: 310px; width: 25%; } } .slider-pro__item::after { position: absolute; content: ""; inset: 0; } .slider-pro__item.green-background { background: #139e43; } .slider-pro__item.dark-red-background { background: #DD0000; } .slider-pro__item.dark-red-background::after { -webkit-box-shadow: 0 0 120px rgba(131, 13, 13, 0.6) inset; box-shadow: 0 0 120px rgba(131, 13, 13, 0.6) inset; } .slider-pro__item.red-background { background: #ff503e; } .slider-pro__item.red-background::after { -webkit-box-shadow: 0 0 120px rgba(255, 22, 34, 0.1) inset; box-shadow: 0 0 120px rgba(255, 22, 34, 0.1) inset; } .slider-pro__item.yellow-background::after { display: none; } .slider-pro__item--plus { width: 100%; height: 50px; position: absolute; bottom: 30px; left: 0; z-index: 2; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .slider-pro__item--plus span { color: #ff503e; height: 50px; width: 50px; display: block; border-radius: 100%; line-height: 45px; font-size: 24px; text-align: center; background: #FFF; margin: 0 auto; } @media screen and (min-width: 1100px) { .slider-pro__item--plus { display: none; } } .slider-pro__item--title { color: #FFF; padding: 60px 30px 30px; position: relative; z-index: 4; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; } .slider-pro__item--title span { display: block; font-size: 20px; line-height: 1em; } @media (min-width: 992px) { .slider-pro__item--title { padding-top: 30px; padding-bottom: 10px; } } .slider-pro__item--image { display: block; width: 100%; height: auto; } .slider-pro__item--image img { width: 100%; max-width: 100%; height: auto; } .slider-pro__item--text { display: block; position: absolute; z-index: 2; height: 100%; width: 100%; inset: 0; padding: 220px 30px 30px; background: rgba(19, 158, 67, 0.8); opacity: 0; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; } .slider-pro__item--text p { color: #FFF; font-weight: 400; } @media (max-width: 991.98px) { .slider-pro__item--text { padding: 170px 20px 20px; } } .slider-pro__item.yellow-background .slider-pro__item--text { background: rgba(250, 217, 10, 0.8); } .slider-pro__item.red-background .slider-pro__item--text { background: rgba(255, 22, 34, 0.8); } .slider-pro__item.dark-red-background .slider-pro__item--text { background: rgba(186, 10, 0, 0.8); } .slider-pro__item:hover .slider-pro__item--title { -webkit-transform: scale(1) translateY(-10px); transform: scale(1) translateY(-10px); } .slider-pro__item:hover .slider-pro__item--text { opacity: 1; } .slider-pro__item:hover .slider-pro__item--plus { opacity: 0; } @media (min-width: 768px) { .slider-pro__item:hover--title { -webkit-transform: scale(0.8) translateY(0); transform: scale(0.8) translateY(0); } } @media (min-width: 992px) { .slider-pro__item:hover--title { -webkit-transform: scale(0.8) translateY(-20px); transform: scale(0.8) translateY(-20px); } } /***********************/ /* New page pro 2022 */ /***********************/ .pro--hero { padding-top: 60px; position: relative; background: radial-gradient(at top left, #DD0000, #BA0A00); } .pro--hero::before { display: block; content: ""; width: 70%; height: 100%; position: absolute; bottom: 0; left: 0; background: radial-gradient(at bottom left, #830D0D, rgba(131, 13, 13, 0), rgba(131, 13, 13, 0)); } .pro--hero .container, .pro--hero .custom-cms .banner-image.content, .custom-cms .pro--hero .banner-image.content, .pro--hero .custom-cms .content-block.content, .custom-cms .pro--hero .content-block.content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; z-index: 2; min-height: 80vh; padding-top: 80px; } .pro--hero__text { width: 50%; padding-bottom: 180px; } .pro--hero__text .text-wrapper { padding-left: 60px; padding-top: 30px; } .pro--hero__text img.flag { width: auto; height: auto; max-width: 300px; display: block; } .pro--hero__choices { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; position: relative; margin: 30px 0 0 -10px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .pro--hero__choices li { list-style: none; margin-right: 25px; } .pro--hero__choices li .btn-choice { position: relative; display: block; padding: 10px; color: #FFF; font-size: 24px; line-height: 1em; text-transform: uppercase; } .pro--hero__choices li .btn-choice span { display: block; position: absolute; text-transform: none; color: #ff8e7d; font-family: "sofia-pro", arial; font-weight: 400; font-size: 16px; width: 280px; opacity: 0; -webkit-transform: rotate(-5deg) translateX(40px) translateY(10px); transform: rotate(-5deg) translateX(40px) translateY(10px); } .pro--hero__choices li .btn-choice span::before { display: block; content: ""; width: 30px; height: 30px; position: absolute; left: -40px; top: 0; background: url(../images/line02.svg?ef21e0fbbebd77e1d9ab829599548203) no-repeat left top/30px; } @media (max-width: 1199.98px) { .pro--hero__choices li .btn-choice.yes::before { display: block; content: ""; width: 100%; height: 100%; position: absolute; left: -2.5px; top: 5px; right: 0; bottom: 0; opacity: 1; z-index: 1; -webkit-transform: scale(1.4); transform: scale(1.4); background: url(../images/line01.svg?9fbf4c7d02c943da7d576caeac52ac61) no-repeat left top/100%; } } @media (min-width: 992px) { .pro--hero__choices li .btn-choice:hover span, .pro--hero__choices li .btn-choice.active span { opacity: 1; -webkit-transition: 1s; transition: 1s; } } @media (min-width: 992px) and (prefers-reduced-motion: reduce) { .pro--hero__choices li .btn-choice:hover span, .pro--hero__choices li .btn-choice.active span { -webkit-transition: none; transition: none; } } @media (min-width: 992px) { .pro--hero__choices li .btn-choice:hover::before, .pro--hero__choices li .btn-choice.active::before { display: block; content: ""; width: 100%; height: 100%; position: absolute; left: -2.5px; top: 5px; right: 0; bottom: 0; opacity: 0; z-index: 1; -webkit-transform: scale(1.4); transform: scale(1.4); background: url(../images/line01.svg?9fbf4c7d02c943da7d576caeac52ac61) no-repeat left top/100%; } } @media (min-width: 992px) { .pro--hero__choices li .btn-choice.yes::before { top: 7.5px; } } @media (min-width: 992px) { .pro--hero__choices li .btn-choice:hover::before, .pro--hero__choices li .btn-choice.active::before { opacity: 1; -webkit-transition: 1s; transition: 1s; } } @media (min-width: 992px) and (prefers-reduced-motion: reduce) { .pro--hero__choices li .btn-choice:hover::before, .pro--hero__choices li .btn-choice.active::before { -webkit-transition: none; transition: none; } } .pro--hero__fries { width: 50%; } .pro--hero__fries picture { display: block; } .pro--hero__fries picture img { width: 100%; max-width: 550px; height: auto; margin: 0 auto; display: block; } .pro--choice { padding: 120px 0 0; position: relative; background: #DD0000; } .pro--choice .container, .pro--choice .custom-cms .banner-image.content, .custom-cms .pro--choice .banner-image.content, .pro--choice .custom-cms .content-block.content, .custom-cms .pro--choice .content-block.content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pro--choice__left { width: 50%; padding-right: 60px; } .pro--choice__left .text-wrapper { padding-left: 60px; } @media (max-width: 991.98px) { .pro--choice__left .text-wrapper .desktop { display: none; } } .pro--choice__right { width: 50%; } .pro--choice__right .mobile { display: none; } @media (max-width: 991.98px) { .pro--choice__right .mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .pro--choice__icons { padding: 60px 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pro--choice__icons.mobile { display: none; } @media (max-width: 991.98px) { .pro--choice__icons.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } .pro--choice__icons.desktop { display: none; } } .pro--choice__icons li { list-style: none; width: 25%; padding-right: 20px; } .pro--choice__icons li img { width: auto; height: 35px; display: block; margin: 0 0 10px; } .pro--choice__icons li p, .pro--choice__icons li .title, .pro--choice__icons li .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .pro--choice__icons li h1, .pro--choice__icons li .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part .pro--choice__icons li h2, .pro--choice__icons li .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part .pro--choice__icons li h3, .pro--choice__icons li .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part .pro--choice__icons li h4, .pro--choice__icons li .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part .pro--choice__icons li h5 { color: #FFF; text-transform: uppercase; font-size: 15px; line-height: 1.3em; } .pro--choice__apps { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0; margin: 0; } .pro--choice__apps.mobile { display: none; } .pro--choice__apps li { max-width: 33%; width: auto; padding-right: 10px; list-style: none; } .pro--choice__apps li a { display: block; } .pro--choice__apps li a img { width: auto; max-width: 100%; height: 45px; } .pro--choice__list { padding-left: 0; padding-top: 30px; } .pro--choice__list li { list-style: none; position: relative; } .pro--choice__list li::after { display: block; content: ""; width: 100%; height: 2px; position: absolute; background-color: rgba(74, 8, 12, 0.25); position: static; margin: 10px 0; } .pro--choice__list li:last-child::after { display: none; } .pro--choice__list li a { display: block; text-align: left; padding: 10px 0; } @media (min-width: 992px) { .pro--choice__list li a::before { display: block; content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; z-index: 1; -webkit-transform: scale(1.2); transform: scale(1.2); background: url(../images/line03.svg?09f2815fe5163a079d15ae6e9753d9a0) no-repeat left top/auto; } .pro--choice__list li a:hover::before { opacity: 1; -webkit-transition: 1s; transition: 1s; } } @media (min-width: 992px) and (prefers-reduced-motion: reduce) { .pro--choice__list li a:hover::before { -webkit-transition: none; transition: none; } } .pro--choice__list li a span { position: relative; z-index: 2; } .pro--choice__list li a span.title { text-transform: uppercase; display: block; font-size: 21px; color: #FFF; } .pro--choice__list li a span.title::after { content: ""; height: 6px; width: 6px; margin: 0 5px 0 3px; top: -1px; position: relative; border-top: 2px solid #FFF; border-right: 2px solid #FFF; display: inline-block; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: -3px; margin: 0 0 0 7px; } .pro--choice__list li a span.desc { display: block; padding: 5px 30px 0 30px; color: #4A080C; font-size: 18px; } .pro--choice__list li a span.desc strong { font-weight: bold; } .pro--choice__cta { background-color: #FFF; padding: 30px 0; margin-top: 100px; } .pro--choice__cta .container, .pro--choice__cta .custom-cms .banner-image.content, .custom-cms .pro--choice__cta .banner-image.content, .pro--choice__cta .custom-cms .content-block.content, .custom-cms .pro--choice__cta .content-block.content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pro--choice__cta .small-title { color: #4A080C; font-size: 21px; margin-bottom: 0; padding-left: 60px; } .pro--choice__cta .small-title span, .pro--choice__cta .small-title strong { color: #DD0000; } .pro--choice__cta form { max-width: 600px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 60px; position: relative; } .pro--choice__cta form .span.wpcf7-not-valid-tip { font-size: 12px; } .pro--choice__cta form .wpcf7-response-output { position: absolute; bottom: -50px; z-index: 2; } .pro--choice__cta form p { margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pro--choice__cta form .acceptance-wrapper { width: 100%; position: absolute; text-align: right; right: 0; bottom: 0; } .pro--choice__cta form .acceptance-wrapper label { margin-bottom: 0; } .pro--choice__cta form .acceptance-wrapper span { font-size: 12px; margin-bottom: 0; } .pro--choice__cta form input[type=text], .pro--choice__cta form input[type=email], .pro--choice__cta form input[type=phone] { height: 45px; border: none; background-color: #FFF; border: 2px solid #DD0000; border-radius: 0; padding: 10px 15px; color: #4A080C; -moz-appearance: none; width: 200px; display: inherit; margin-right: 5px; font-size: 14px; } .pro--choice__cta form input[type=submit] { height: 45px; background-color: #DD0000; color: #FFF; border: none; font-size: 14px; border-radius: 0; padding: 10px 15px; -moz-appearance: none; } .pro--choice__cta form input[type=radio], .pro--choice__cta form input[type=checkbox] { display: none; } .pro--choice__cta form input[type=radio] + span, .pro--choice__cta form input[type=checkbox] + span { font-size: 12px; line-height: 20px; } .pro--choice__cta form input[type=radio] + span::before, .pro--choice__cta form input[type=checkbox] + span::before { content: ""; height: 15px; width: 15px; position: relative; top: 2px; display: inline-block; border-radius: 100%; margin: 0 10px 0 0; border: 1.5px solid #000; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .pro--choice__cta form input[type=radio] + span::before, .pro--choice__cta form input[type=checkbox] + span::before { -webkit-transition: none; transition: none; } } .pro--choice__cta form input[type=radio]:checked + span::before, .pro--choice__cta form input[type=checkbox]:checked + span::before { background-color: #FF1622; border-color: #FF1622; border-radius: 100%; } .pro--choice__cta form .wpcf7-list-item.last { margin: 20px 0 0 0; } /* Responsive design new page */ @media (max-width: 1199.98px) { .pro--hero .container, .pro--hero .custom-cms .banner-image.content, .custom-cms .pro--hero .banner-image.content, .pro--hero .custom-cms .content-block.content, .custom-cms .pro--hero .content-block.content { min-height: 400px; padding-top: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pro--hero .text-wrapper { padding-left: 0; } .pro--hero .medium-title { font-size: 38px; } .pro--hero__text { padding-bottom: 0; } .pro--hero__text .text-wrapper { padding-top: 0; } .pro--hero__text img.flag { max-width: 220px; } .pro--choice { padding: 80px 0 0; } .pro--choice .container, .pro--choice .custom-cms .banner-image.content, .custom-cms .pro--choice .banner-image.content, .pro--choice .custom-cms .content-block.content, .custom-cms .pro--choice .content-block.content { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .pro--choice__left { padding-right: 30px; } .pro--choice__left .text-wrapper { padding-left: 0; } .pro--choice__cta .small-title { padding-left: 0; width: 40%; } .pro--choice__cta .wpcf7 { width: 60%; } .pro--choice__cta form { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .pro--choice__list { padding-left: 30px; } } @media (max-width: 991.98px) { .pro--hero { padding-top: 120px; } .pro--hero .container, .pro--hero .custom-cms .banner-image.content, .custom-cms .pro--hero .banner-image.content, .pro--hero .custom-cms .content-block.content, .custom-cms .pro--hero .content-block.content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pro--hero__text, .pro--hero__fries { width: 100%; max-width: 600px; } .pro--hero__text { padding-left: 10px; padding-right: 10px; } .pro--hero__text img.flag { margin: 0 auto 20px 0; } .pro--hero__fries picture img { max-width: 320px; } .pro--hero .text-wrapper { text-align: left; padding-bottom: 30px; } .pro--hero__choices { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .pro--hero__choices li { margin-left: 10px; margin-right: 10px; } .pro--hero__choices li .btn-choice.no span { display: none; } .pro--hero__choices li .btn-choice.active span { opacity: 1; display: block; } .pro--choice .container, .pro--choice .custom-cms .banner-image.content, .custom-cms .pro--choice .banner-image.content, .pro--choice .custom-cms .content-block.content, .custom-cms .pro--choice .content-block.content { display: block; } .pro--choice__left, .pro--choice__right { width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; } .pro--choice__left { padding-right: 0; } .pro--choice__list { padding-left: 0; } .pro--choice__icons { padding: 30px 0 30px; } .pro--choice__apps { max-width: 600px; margin: 30px auto 0; } .pro--choice__apps.desktop { display: none; } .pro--choice__apps.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } .pro--choice__cta { padding: 60px 0; margin-top: 30px; } .pro--choice__cta .container, .pro--choice__cta .custom-cms .banner-image.content, .custom-cms .pro--choice__cta .banner-image.content, .pro--choice__cta .custom-cms .content-block.content, .custom-cms .pro--choice__cta .content-block.content { display: block; } .pro--choice__cta form { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 0; } .pro--choice__cta form .wpcf7-response-output { position: static; width: 100%; text-align: center; } .pro--choice__cta form .acceptance-wrapper { text-align: center; position: static; } .pro--choice__cta .wpcf7 { width: 100%; max-width: 600px; margin: 0 auto; } .pro--choice__cta .small-title { width: 100%; max-width: 600px; margin: 0 auto 30px; text-align: center; } } @media (max-width: 767.98px) { .pro--hero { padding-top: 80px; } .pro--hero .big-title { font-size: 32px; } .pro--hero__choices li .btn-choice { font-size: 32px; } .pro--hero__fries { margin-top: 60px; } .pro--hero__fries picture img { max-width: 280px; } .pro--choice { padding: 60px 0 0; } .pro--choice .text-wrapper { padding-left: 15px; padding-right: 15px; } .pro--choice__right { padding-left: 15px; padding-right: 15px; } .pro--choice__list li a span.desc { padding: 5px 0 0; } .pro--choice__icons { padding: 20px 0; } .pro--choice__icons li { width: 50%; padding: 0 20px 20px 0; } .pro--choice__icons li .title, .pro--choice__icons li .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .pro--choice__icons li h1, .pro--choice__icons li .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part .pro--choice__icons li h2, .pro--choice__icons li .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part .pro--choice__icons li h3, .pro--choice__icons li .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part .pro--choice__icons li h4, .pro--choice__icons li .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part .pro--choice__icons li h5 { font-size: 18px; } .pro--choice__icons li img { height: 45px; margin: 0 0 15px; } .pro--choice__apps.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; margin-top: 15px; } .pro--choice__apps.mobile li { max-width: 180px; width: 33%; display: block; margin: 0 auto 10px; } .pro--choice__apps.mobile li a img { height: auto; width: 100%; } .pro--choice__cta form { position: relative; } .pro--choice__cta form .wpcf-7-response-output { position: static; } .pro--choice__cta form .wpcf7-form-control-wrap { display: block; } .pro--choice__cta form span.wpcf7-not-valid-tip { font-size: 12px; text-align: left; } .pro--choice__cta form p { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .pro--choice__cta form p br { display: none; } .pro--choice__cta form input[type=text], .pro--choice__cta form input[type=email], .pro--choice__cta form input[type=phone] { width: 100%; max-width: 320px; margin: 0 auto 10px; } .pro--choice__cta form input[type=submit] { width: 100%; max-width: 320px; margin: 0 auto 10px; } } .support--hero { background: rgba(247, 221, 221, 0.8); padding: 60px 0; } .support--hero::before { display: none; } .support--hero .medium-title { font-size: 44px; color: #4A080C; } .support--hero .medium-title span { color: #DD0000; } .support--hero .btn-primary:after, .support--hero .action-page .action-form form input[type=button]:after, .action-page .action-form form .support--hero input[type=button]:after, .support--hero .custom-cms .content-block.photomood-background ul li a:after, .custom-cms .content-block.photomood-background ul li .support--hero a:after, .support--hero .custom-cms .content-block.photopro-background ul li a:after, .custom-cms .content-block.photopro-background ul li .support--hero a:after, .support--hero .contact-page .text-content a:after, .contact-page .text-content .support--hero a:after, .support--hero .contact-page .contact-form form input[type=submit]:after, .contact-page .contact-form form .support--hero input[type=submit]:after, .support--hero .single-post-box .content ul li a:after, .single-post-box .content ul li .support--hero a:after, .support--hero .freesample input[type=submit]:after, .freesample .support--hero input[type=submit]:after { display: none !important; } .support--why { background: radial-gradient(at top left, #DD0000, #BA0A00); padding: 60px 0 0; position: relative; /* Marque proche de toi */ /* Materiel POS */ } .support--why::before { display: block; content: ""; width: 70%; height: 100%; position: absolute; bottom: 0; left: 0; background: radial-gradient(at bottom left, #830D0D, rgba(131, 13, 13, 0), rgba(131, 13, 13, 0)); } .support--why .container, .support--why .custom-cms .banner-image.content, .custom-cms .support--why .banner-image.content, .support--why .custom-cms .content-block.content, .custom-cms .support--why .content-block.content { position: relative; z-index: 2; } .support--why .why_label { color: #ff8e7d; display: block; width: 180px; font-weight: bold; font-size: 18px; position: relative; -webkit-transform: translateX(-100px) translateY(30px) rotate(-5deg); transform: translateX(-100px) translateY(30px) rotate(-5deg); } .support--why .why_label::after { display: block; content: ""; width: 30px; height: 30px; position: absolute; position: static; margin: 5px auto 0 30px; background: url(../images/line02.svg?ef21e0fbbebd77e1d9ab829599548203) no-repeat left top/30px; } .support--why .number { font-size: 21px; position: absolute; left: -80px; top: 0; width: 80px; height: auto; line-height: 30px; text-align: center; padding: 10px 0; font-family: "bree-serif", Times; font-weight: 700; background: url(../images/line01.svg?9fbf4c7d02c943da7d576caeac52ac61) no-repeat left top/100% 100%; } .support--why__banner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; align-items: center; margin-bottom: 60px; } .support--why__banner .big-title { font-size: 64px; position: relative; } .support--why__banner .big-title + p { margin-top: 30px; } .support--why__banner p { color: #FFF; font-size: 18px; font-weight: 400; } .support--why__banner p + a { margin-top: 20px; } .support--why__banner__left, .support--why__banner__right { width: 50%; } .support--why__banner__left { padding-left: 60px; } .support--why__banner picture { display: block; } .support--why__banner picture img { margin: 0 auto; max-width: 100%; width: auto; height: auto; display: block; } .support--why__banner.first .support--why__banner__left { padding-right: 0; width: 45.8333333333%; } .support--why__banner.first .support--why__banner__right { width: 54.1666666667%; } .support--why__banner.second .text-wrapper { width: 100%; max-width: 500px; margin: 0 auto; } .support--why__banner.second .text-wrapper .btn, .support--why__banner.second .text-wrapper .action-page .action-form form input[type=button], .action-page .action-form form .support--why__banner.second .text-wrapper input[type=button], .support--why__banner.second .text-wrapper .custom-cms .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background ul li .support--why__banner.second .text-wrapper a, .support--why__banner.second .text-wrapper .custom-cms .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background ul li .support--why__banner.second .text-wrapper a, .support--why__banner.second .text-wrapper .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li .support--why__banner.second .text-wrapper a, .support--why__banner.second .text-wrapper .custom-cms .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li .support--why__banner.second .text-wrapper a, .support--why__banner.second .text-wrapper .custom-cms .main-content-right a, .custom-cms .main-content-right .support--why__banner.second .text-wrapper a, .support--why__banner.second .text-wrapper .contact-page .text-content a, .contact-page .text-content .support--why__banner.second .text-wrapper a, .support--why__banner.second .text-wrapper .contact-page .contact-form form input[type=submit], .contact-page .contact-form form .support--why__banner.second .text-wrapper input[type=submit], .support--why__banner.second .text-wrapper .single-post-box .content ul li a, .single-post-box .content ul li .support--why__banner.second .text-wrapper a, .support--why__banner.second .text-wrapper .freesample input[type=submit], .freesample .support--why__banner.second .text-wrapper input[type=submit] { font-weight: bold; -webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 30px 30px rgba(0, 0, 0, 0.1); } .support--why__banner.float { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .support--why__banner.float .support--why__banner__right { padding-top: 30px; } .support--why__banner__images { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; } .support--why__banner__images picture { width: auto; max-width: 300px; height: auto; display: block; } .support--why__banner__images picture img { display: block; width: 100%; height: auto; } .support--why__banner-text { padding: 60px 0; position: relative; } .support--why__banner-text .text-wrapper { display: block; margin: 0 auto; width: 100%; max-width: 750px; text-align: center; } .support--why__banner-text .text-wrapper .big-title { font-size: 64px; position: relative; } .support--why__banner-text .text-wrapper .number { color: #FFF; display: block; margin: 0 auto; position: static; } .support--why__banner-text .text-wrapper p { color: #FFF; } .support--why__banner-text .text-wrapper .separation { margin: 60px 0 0; font-weight: bold; color: #FFF; display: block; font-size: 24px; } .support--why__banner-text .text-wrapper .btn, .support--why__banner-text .text-wrapper .action-page .action-form form input[type=button], .action-page .action-form form .support--why__banner-text .text-wrapper input[type=button], .support--why__banner-text .text-wrapper .custom-cms .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background ul li .support--why__banner-text .text-wrapper a, .support--why__banner-text .text-wrapper .custom-cms .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background ul li .support--why__banner-text .text-wrapper a, .support--why__banner-text .text-wrapper .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li .support--why__banner-text .text-wrapper a, .support--why__banner-text .text-wrapper .custom-cms .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li .support--why__banner-text .text-wrapper a, .support--why__banner-text .text-wrapper .custom-cms .main-content-right a, .custom-cms .main-content-right .support--why__banner-text .text-wrapper a, .support--why__banner-text .text-wrapper .contact-page .text-content a, .contact-page .text-content .support--why__banner-text .text-wrapper a, .support--why__banner-text .text-wrapper .contact-page .contact-form form input[type=submit], .contact-page .contact-form form .support--why__banner-text .text-wrapper input[type=submit], .support--why__banner-text .text-wrapper .single-post-box .content ul li a, .single-post-box .content ul li .support--why__banner-text .text-wrapper a, .support--why__banner-text .text-wrapper .freesample input[type=submit], .freesample .support--why__banner-text .text-wrapper input[type=submit] { font-weight: bold; -webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 30px 30px rgba(0, 0, 0, 0.1); } .support--why__banner-text .text-wrapper .btn::after, .support--why__banner-text .text-wrapper .action-page .action-form form input[type=button]::after, .action-page .action-form form .support--why__banner-text .text-wrapper input[type=button]::after, .support--why__banner-text .text-wrapper .custom-cms .content-block.photomood-background ul li a::after, .custom-cms .content-block.photomood-background ul li .support--why__banner-text .text-wrapper a::after, .support--why__banner-text .text-wrapper .custom-cms .content-block.photopro-background ul li a::after, .custom-cms .content-block.photopro-background ul li .support--why__banner-text .text-wrapper a::after, .support--why__banner-text .text-wrapper .custom-cms .content-block.red-background-bruit ul li a::after, .custom-cms .content-block.red-background-bruit ul li .support--why__banner-text .text-wrapper a::after, .support--why__banner-text .text-wrapper .custom-cms .content-block.red-background-clean ul li a::after, .custom-cms .content-block.red-background-clean ul li .support--why__banner-text .text-wrapper a::after, .support--why__banner-text .text-wrapper .custom-cms .main-content-right a::after, .custom-cms .main-content-right .support--why__banner-text .text-wrapper a::after, .support--why__banner-text .text-wrapper .contact-page .text-content a::after, .contact-page .text-content .support--why__banner-text .text-wrapper a::after, .support--why__banner-text .text-wrapper .contact-page .contact-form form input[type=submit]::after, .contact-page .contact-form form .support--why__banner-text .text-wrapper input[type=submit]::after, .support--why__banner-text .text-wrapper .single-post-box .content ul li a::after, .single-post-box .content ul li .support--why__banner-text .text-wrapper a::after, .support--why__banner-text .text-wrapper .freesample input[type=submit]::after, .freesample .support--why__banner-text .text-wrapper input[type=submit]::after { display: none !important; } .support--why__banner-text .support--why__banner__images picture { position: absolute; right: 0; top: 0; left: auto; width: 30%; max-width: 300px; } .support--why__banner-text .support--why__banner__images picture:first-child { left: 0; right: auto; top: auto; bottom: 0; } .support--why__banner-float { padding: 120px 0 200px; position: relative; } .support--why__banner-float .container, .support--why__banner-float .custom-cms .banner-image.content, .custom-cms .support--why__banner-float .banner-image.content, .support--why__banner-float .custom-cms .content-block.content, .custom-cms .support--why__banner-float .content-block.content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .support--why__banner-float .support--why__banner__left .big-title { font-size: 64px; position: relative; } .support--why__banner-float .support--why__banner__right .text-wrapper { padding-top: 60px; max-width: 500px; margin: 0 auto; } .support--why__banner-float .support--why__banner__right p { color: #FFF; font-size: 18px; } .support--why__banner-float .support--why__banner__right .btn, .support--why__banner-float .support--why__banner__right .action-page .action-form form input[type=button], .action-page .action-form form .support--why__banner-float .support--why__banner__right input[type=button], .support--why__banner-float .support--why__banner__right .custom-cms .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background ul li .support--why__banner-float .support--why__banner__right a, .support--why__banner-float .support--why__banner__right .custom-cms .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background ul li .support--why__banner-float .support--why__banner__right a, .support--why__banner-float .support--why__banner__right .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li .support--why__banner-float .support--why__banner__right a, .support--why__banner-float .support--why__banner__right .custom-cms .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li .support--why__banner-float .support--why__banner__right a, .support--why__banner-float .support--why__banner__right .custom-cms .main-content-right a, .custom-cms .main-content-right .support--why__banner-float .support--why__banner__right a, .support--why__banner-float .support--why__banner__right .contact-page .text-content a, .contact-page .text-content .support--why__banner-float .support--why__banner__right a, .support--why__banner-float .support--why__banner__right .contact-page .contact-form form input[type=submit], .contact-page .contact-form form .support--why__banner-float .support--why__banner__right input[type=submit], .support--why__banner-float .support--why__banner__right .single-post-box .content ul li a, .single-post-box .content ul li .support--why__banner-float .support--why__banner__right a, .support--why__banner-float .support--why__banner__right .freesample input[type=submit], .freesample .support--why__banner-float .support--why__banner__right input[type=submit] { font-weight: bold; -webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 30px 30px rgba(0, 0, 0, 0.1); } .support--why__banner-float .support--why__banner__right .btn::after, .support--why__banner-float .support--why__banner__right .action-page .action-form form input[type=button]::after, .action-page .action-form form .support--why__banner-float .support--why__banner__right input[type=button]::after, .support--why__banner-float .support--why__banner__right .custom-cms .content-block.photomood-background ul li a::after, .custom-cms .content-block.photomood-background ul li .support--why__banner-float .support--why__banner__right a::after, .support--why__banner-float .support--why__banner__right .custom-cms .content-block.photopro-background ul li a::after, .custom-cms .content-block.photopro-background ul li .support--why__banner-float .support--why__banner__right a::after, .support--why__banner-float .support--why__banner__right .custom-cms .content-block.red-background-bruit ul li a::after, .custom-cms .content-block.red-background-bruit ul li .support--why__banner-float .support--why__banner__right a::after, .support--why__banner-float .support--why__banner__right .custom-cms .content-block.red-background-clean ul li a::after, .custom-cms .content-block.red-background-clean ul li .support--why__banner-float .support--why__banner__right a::after, .support--why__banner-float .support--why__banner__right .custom-cms .main-content-right a::after, .custom-cms .main-content-right .support--why__banner-float .support--why__banner__right a::after, .support--why__banner-float .support--why__banner__right .contact-page .text-content a::after, .contact-page .text-content .support--why__banner-float .support--why__banner__right a::after, .support--why__banner-float .support--why__banner__right .contact-page .contact-form form input[type=submit]::after, .contact-page .contact-form form .support--why__banner-float .support--why__banner__right input[type=submit]::after, .support--why__banner-float .support--why__banner__right .single-post-box .content ul li a::after, .single-post-box .content ul li .support--why__banner-float .support--why__banner__right a::after, .support--why__banner-float .support--why__banner__right .freesample input[type=submit]::after, .freesample .support--why__banner-float .support--why__banner__right input[type=submit]::after { display: none !important; } .support--why__banner-float .support--why__banner__images picture { position: absolute; top: -80px; right: 20%; left: auto; bottom: auto; max-width: 280px; } .support--why__banner-float .support--why__banner__images picture:nth-child(2) { right: 0; bottom: -80px; top: auto; max-width: 380px; } .support--why__banner-float .support--why__banner__images picture:nth-child(3) { left: 2.5%; bottom: -80px; top: auto; max-width: 400px; } .support--testimonials { padding: 80px 0; } .support--testimonials__text { max-width: 800px; margin: 0 auto; display: block; text-align: center; color: #4A080C; } .support--testimonials__text .title, .support--testimonials__text .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .support--testimonials__text h1, .support--testimonials__text .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part .support--testimonials__text h2, .support--testimonials__text .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part .support--testimonials__text h3, .support--testimonials__text .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part .support--testimonials__text h4, .support--testimonials__text .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part .support--testimonials__text h5 { font-size: 24px; } .support--testimonials__text img.quote { max-width: 40px; height: auto; display: block; margin: 30px auto 10px; } .support--testimonials__text blockquote { font-size: 34px; font-weight: bold; margin: 0 auto 5px; padding: 0; } .support--testimonials__text blockquote::after, .support--testimonials__text blockquote::before { display: none; } .support--testimonials__text span.name { font-style: italic; color: #DD0000; } .support--testimonials__text .btn-wrapper { display: block; padding-top: 30px; } .support--testimonials__text .btn-wrapper .btn, .support--testimonials__text .btn-wrapper .action-page .action-form form input[type=button], .action-page .action-form form .support--testimonials__text .btn-wrapper input[type=button], .support--testimonials__text .btn-wrapper .custom-cms .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background ul li .support--testimonials__text .btn-wrapper a, .support--testimonials__text .btn-wrapper .custom-cms .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background ul li .support--testimonials__text .btn-wrapper a, .support--testimonials__text .btn-wrapper .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li .support--testimonials__text .btn-wrapper a, .support--testimonials__text .btn-wrapper .custom-cms .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li .support--testimonials__text .btn-wrapper a, .support--testimonials__text .btn-wrapper .custom-cms .main-content-right a, .custom-cms .main-content-right .support--testimonials__text .btn-wrapper a, .support--testimonials__text .btn-wrapper .contact-page .text-content a, .contact-page .text-content .support--testimonials__text .btn-wrapper a, .support--testimonials__text .btn-wrapper .contact-page .contact-form form input[type=submit], .contact-page .contact-form form .support--testimonials__text .btn-wrapper input[type=submit], .support--testimonials__text .btn-wrapper .single-post-box .content ul li a, .single-post-box .content ul li .support--testimonials__text .btn-wrapper a, .support--testimonials__text .btn-wrapper .freesample input[type=submit], .freesample .support--testimonials__text .btn-wrapper input[type=submit] { font-weight: bold; -webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 30px 30px rgba(0, 0, 0, 0.1); } .support--testimonials__text .btn-wrapper .btn::after, .support--testimonials__text .btn-wrapper .action-page .action-form form input[type=button]::after, .action-page .action-form form .support--testimonials__text .btn-wrapper input[type=button]::after, .support--testimonials__text .btn-wrapper .custom-cms .content-block.photomood-background ul li a::after, .custom-cms .content-block.photomood-background ul li .support--testimonials__text .btn-wrapper a::after, .support--testimonials__text .btn-wrapper .custom-cms .content-block.photopro-background ul li a::after, .custom-cms .content-block.photopro-background ul li .support--testimonials__text .btn-wrapper a::after, .support--testimonials__text .btn-wrapper .custom-cms .content-block.red-background-bruit ul li a::after, .custom-cms .content-block.red-background-bruit ul li .support--testimonials__text .btn-wrapper a::after, .support--testimonials__text .btn-wrapper .custom-cms .content-block.red-background-clean ul li a::after, .custom-cms .content-block.red-background-clean ul li .support--testimonials__text .btn-wrapper a::after, .support--testimonials__text .btn-wrapper .custom-cms .main-content-right a::after, .custom-cms .main-content-right .support--testimonials__text .btn-wrapper a::after, .support--testimonials__text .btn-wrapper .contact-page .text-content a::after, .contact-page .text-content .support--testimonials__text .btn-wrapper a::after, .support--testimonials__text .btn-wrapper .contact-page .contact-form form input[type=submit]::after, .contact-page .contact-form form .support--testimonials__text .btn-wrapper input[type=submit]::after, .support--testimonials__text .btn-wrapper .single-post-box .content ul li a::after, .single-post-box .content ul li .support--testimonials__text .btn-wrapper a::after, .support--testimonials__text .btn-wrapper .freesample input[type=submit]::after, .freesample .support--testimonials__text .btn-wrapper input[type=submit]::after { display: none !important; } .support--testimonials__slider { overflow: hidden; } .support--testimonials__slider .glide__slides { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .support--testimonials__slider .glide__slides li { list-style: none; } .support--restaurant { border-top: 1px solid #F4E5E5; padding: 60px 0; } .support--restaurant .title, .support--restaurant .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .support--restaurant h1, .support--restaurant .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part .support--restaurant h2, .support--restaurant .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part .support--restaurant h3, .support--restaurant .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part .support--restaurant h4, .support--restaurant .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part .support--restaurant h5 { font-family: "sofia-pro", arial; font-weight: regular; color: #DD0000; font-size: 16px; text-align: center; } .support--restaurant__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 0 0; margin: 0 auto; } .support--restaurant__list li { list-style: none; margin: 0 15px; } .support--restaurant__list li img { width: auto; display: block; max-height: 70px; } .support--cta { background-color: #DD0000; padding: 60px 0; } .support--cta span.wpcf7-not-valid-tip { color: #FFF; font-size: 12px; } .support--cta__form { max-width: 800px; margin: 0 auto; } .support--cta__form form { position: relative; } .support--cta__form form .wpcf-7-response-output { position: static; } .support--cta__form .title, .support--cta__form .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .support--cta__form h1, .support--cta__form .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part .support--cta__form h2, .support--cta__form .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part .support--cta__form h3, .support--cta__form .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part .support--cta__form h4, .support--cta__form .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part .support--cta__form h5 { font-size: 64px; text-align: center; } .support--cta__form p { color: #FFF; text-align: center; font-weight: bold; } .support--cta__form .acceptance-wrapper { width: 100%; position: static; text-align: center; padding-top: 20px; } .support--cta__form .acceptance-wrapper label { margin-bottom: 0; color: #FFF; } .support--cta__form .acceptance-wrapper span { font-size: 12px; margin-bottom: 0; color: #FFF; } .support--cta form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 60px 0; } .support--cta form .span.wpcf7-not-valid-tip { font-size: 12px; } @media (min-width: 992px) { .support--cta form .wpcf7-response-output { position: absolute; bottom: -50px; z-index: 2; } } .support--cta form p { margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .support--cta form input[type=radio], .support--cta form input[type=checkbox] { display: none; } .support--cta form input[type=radio] + span, .support--cta form input[type=checkbox] + span { font-size: 12px; line-height: 20px; } .support--cta form input[type=radio] + span::before, .support--cta form input[type=checkbox] + span::before { content: ""; height: 15px; width: 15px; position: relative; top: 2px; display: inline-block; border-radius: 100%; margin: 0 10px 0 0; border: 1.5px solid #FFF; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .support--cta form input[type=radio] + span::before, .support--cta form input[type=checkbox] + span::before { -webkit-transition: none; transition: none; } } .support--cta form input[type=radio]:checked + span::before, .support--cta form input[type=checkbox]:checked + span::before { background-color: #FFF; border-color: #FFF; border-radius: 100%; } .support--cta form input[type=text], .support--cta form input[type=email], .support--cta form input[type=phone] { height: 45px; border: none; background: none; border: 2px solid #FFF; border-radius: 0; padding: 10px 15px; color: #FFF; -moz-appearance: none; width: 200px; display: inherit; margin-right: 5px; font-size: 16px; font-weight: bold; } .support--cta form input[type=text]::-webkit-input-placeholder, .support--cta form input[type=email]::-webkit-input-placeholder, .support--cta form input[type=phone]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.8); } .support--cta form input[type=text]::-moz-placeholder, .support--cta form input[type=email]::-moz-placeholder, .support--cta form input[type=phone]::-moz-placeholder { color: rgba(255, 255, 255, 0.8); } .support--cta form input[type=text]:-ms-input-placeholder, .support--cta form input[type=email]:-ms-input-placeholder, .support--cta form input[type=phone]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); } .support--cta form input[type=text]::-ms-input-placeholder, .support--cta form input[type=email]::-ms-input-placeholder, .support--cta form input[type=phone]::-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); } .support--cta form input[type=text]::placeholder, .support--cta form input[type=email]::placeholder, .support--cta form input[type=phone]::placeholder { color: rgba(255, 255, 255, 0.8); } .support--cta form input[type=submit] { height: 45px; background-color: #4A080C; color: #FFF; border: none; font-size: 16px; border-radius: 0; padding: 10px 15px; -moz-appearance: none; } .support--patchwork { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .support--patchwork__image { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; overflow: hidden; width: 100%; position: relative; width: 100%; } .support--patchwork__image img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } @media (min-width: 576px) { .support--patchwork__image { width: 50%; } } /* Responsive design new page */ @media (max-width: 1199.98px) { .support--hero .medium-title { font-size: 38px; } .support--why .why_label { -webkit-transform: translateX(0px) translateY(10px) rotate(-5deg); transform: translateX(0px) translateY(10px) rotate(-5deg); } .support--why .why_label::after { margin: 5px auto 0 0; } .support--why__banner .big-title { font-size: 44px; } .support--why__banner__left { padding-right: 30px; } .support--why__banner__right { padding-left: 30px; } .support--why__banner.first .support--why__banner__right, .support--why__banner.first .support--why__banner__left { width: 50%; } .support--why__banner-text .big-title { font-size: 44px; } .support--why__banner-text .text-wrapper { max-width: 650px; } .support--why__banner-text .support--why__banner__images picture { max-width: 240px; } .support--why__banner-float { padding: 80px 0 120px; } .support--why__banner-float .container, .support--why__banner-float .custom-cms .banner-image.content, .custom-cms .support--why__banner-float .banner-image.content, .support--why__banner-float .custom-cms .content-block.content, .custom-cms .support--why__banner-float .content-block.content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .support--why__banner-float .support--why__banner__left { width: 100%; max-width: 650px; margin: 0 auto; } .support--why__banner-float .support--why__banner__left .big-title { font-size: 44px; } .support--why__banner-float .support--why__banner__right { width: 100%; max-width: 650px; margin: 0 auto; padding-left: 60px; } .support--why__banner-float .support--why__banner__right .text-wrapper { max-width: 100%; padding-top: 30px; } .support--why__banner-float .support--why__banner__images picture:first-child { top: 0; right: 2.5%; max-width: 220px; } .support--why__banner-float .support--why__banner__images picture:nth-child(2) { max-width: 300px; } .support--why__banner-float .support--why__banner__images picture:nth-child(3) { max-width: 320px; } .support--cta__form .title, .support--cta__form .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .support--cta__form h1, .support--cta__form .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part .support--cta__form h2, .support--cta__form .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part .support--cta__form h3, .support--cta__form .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part .support--cta__form h4, .support--cta__form .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part .support--cta__form h5 { font-size: 44px; } .support--cta form { padding: 30px 0; } } @media (max-width: 991.98px) { .support--hero .medium-title { font-size: 32px; } .support--hero .text-wrapper { text-align: left; } .support--hero .container, .support--hero .custom-cms .banner-image.content, .custom-cms .support--hero .banner-image.content, .support--hero .custom-cms .content-block.content, .custom-cms .support--hero .content-block.content { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .support--hero__text, .support--hero__image { width: 100%; max-width: 600px; } .support--hero__image picture img { margin: 0 auto 30px; max-width: 320px; } .support--why__banner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .support--why__banner .big-title { font-size: 38px; } .support--why__banner__left, .support--why__banner__right { width: 100%; max-width: 600px; } .support--why__banner__right { padding-left: 0; } .support--why__banner__left { padding-right: 0; } .support--why__banner.first { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .support--why__banner.first .support--why__banner__left, .support--why__banner.first .support--why__banner__right { width: 100%; max-width: 600px; } .support--why__banner.first .support--why__banner__right { margin-bottom: 25px; } .support--why__banner.second { margin-bottom: 0; } .support--why__banner.second .text-wrapper { max-width: 100%; margin-top: 30px; padding-left: 60px; } .support--why__banner-text { padding: 160px 0; } .support--why__banner-text .support--why__banner__images picture { max-width: 180px; } .support--why__banner-float { padding: 100px 0; } .support--why__banner-float .support--why__banner__images picture { max-width: 140px; } .support--why__banner-float .support--why__banner__images picture:first-child { top: -60px; max-width: 170px; } .support--why__banner-float .support--why__banner__images picture:nth-child(2) { max-width: 220px; bottom: -40px; } .support--why__banner-float .support--why__banner__images picture:nth-child(3) { max-width: 220px; bottom: -40px; } .support--testimonials__text { max-width: 600px; } .support--testimonials__text .title, .support--testimonials__text .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .support--testimonials__text h1, .support--testimonials__text .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part .support--testimonials__text h2, .support--testimonials__text .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part .support--testimonials__text h3, .support--testimonials__text .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part .support--testimonials__text h4, .support--testimonials__text .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part .support--testimonials__text h5 { font-size: 16px; } .support--testimonials__text blockquote { font-size: 26px; } .support--cta { padding: 80px 0; } .support--cta__form { max-width: 600px; } .support--cta__form .title, .support--cta__form .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .support--cta__form h1, .support--cta__form .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part .support--cta__form h2, .support--cta__form .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part .support--cta__form h3, .support--cta__form .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part .support--cta__form h4, .support--cta__form .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part .support--cta__form h5 { font-size: 32px; } } @media (max-width: 767.98px) { .support--hero, .support--why, .support--testimonials, .support--restaurant, .support--cta { padding-left: 15px; padding-right: 15px; } .support--why__banner-text .text-wrapper .big-title { font-size: 32px; } .support--why .number { position: static; display: block; } .support--why__banner .big-title { font-size: 32px; } .support--why__banner__left { padding-left: 0; } .support--why__banner__images { padding-top: 20px; } .support--why__banner.second .text-wrapper { padding-left: 0; } .support--why__banner-text .text-wrapper { text-align: left; } .support--why__banner-text .text-wrapper .number { margin: 0; } .support--why__banner-text .support--why__banner__images picture { max-width: 220px; width: 40%; } .support--why__banner-text .support--why__banner__images picture:first-child { -webkit-transform: translateX(-20px); transform: translateX(-20px); } .support--why__banner-text .support--why__banner__images picture:nth-child(2) { top: 20px; -webkit-transform: translateX(0px); transform: translateX(0px); } .support--why__banner-float { padding: 100px 0 160px; } .support--why__banner-float .support--why__banner__left .big-title { font-size: 32px; } .support--why__banner-float .support--why__banner__right { padding-left: 0; } .support--why__banner-float .support--why__banner__right .text-wrapper p br { display: none; } .support--why__banner-float .support--why__banner__images picture:first-child { max-width: 160px; } .support--why__banner-float .support--why__banner__images picture:nth-child(2) { max-width: none; max-height: 220px; } .support--why__banner-float .support--why__banner__images picture:nth-child(2) img { width: auto; max-height: 220px; } .support--why__banner-float .support--why__banner__images picture:nth-child(3) { max-width: none; max-height: 180px; } .support--why__banner-float .support--why__banner__images picture:nth-child(3) img { width: auto; max-height: 180px; } .support--testimonials__text blockquote { font-size: 24px; } .support--cta { padding: 60px 0; } .support--cta__form { padding-left: 15px; padding-right: 15px; } .support--cta__form .title, .support--cta__form .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .support--cta__form h1, .support--cta__form .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part .support--cta__form h2, .support--cta__form .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part .support--cta__form h3, .support--cta__form .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part .support--cta__form h4, .support--cta__form .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part .support--cta__form h5 { font-size: 24px; } .support--cta form p { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: block; width: 100%; } .support--cta form p br { display: none; } .support--cta form input[type=text], .support--cta form input[type=email], .support--cta form input[type=phone] { width: 100%; max-width: 320px; margin: 0 auto 10px; } .support--cta form input[type=submit] { width: 100%; max-width: 320px; margin: 0 auto 10px; } } .page-template-page-friterie-map-WC2022 #hero { background: radial-gradient(at top left, #ba0a00, #C1250D); } .page-template-page-friterie-map-WC2022 #hero .confet { position: relative; } .page-template-page-friterie-map-WC2022 #hero .confet::before { background-image: url(../images/confettis.svg?3c623ccf1b7f0ccd2e84d9cbfe812026); background-repeat: no-repeat; background-size: cover; content: ""; display: block; height: 155px; left: -70px; position: absolute; top: -80px; rotate: 30deg; width: 80px; z-index: 0; } .page-template-page-friterie-map-WC2022 #hero img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .page-template-page-friterie-map-WC2022 #hero .logos { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-template-page-friterie-map-WC2022 #hero .logos img { width: 150px; } .page-template-page-friterie-map-WC2022 #hero .logos img:last-child { width: 180px; } .page-template-page-friterie-map-WC2022 #hero .cta--2column .col-left { margin-left: auto; margin-right: auto; padding-left: 40px; text-align: left; } @media (max-width: 992px) { .page-template-page-friterie-map-WC2022 #hero { padding-top: 60px; } .page-template-page-friterie-map-WC2022 #hero .confet::before { height: 135px; left: -50px; top: -70px; rotate: 30deg; width: 60px; } .page-template-page-friterie-map-WC2022 #hero .logos img { width: 100px; } .page-template-page-friterie-map-WC2022 #hero .logos img:last-child { width: 130px; } } @media (max-width: 425px) { .page-template-page-friterie-map-WC2022 #hero { padding-top: 50px; } .page-template-page-friterie-map-WC2022 #hero .confet::before { display: none; } .page-template-page-friterie-map-WC2022 #hero .logos img { width: 80px; } .page-template-page-friterie-map-WC2022 #hero .logos img:last-child { width: 110px; } } @media (max-width: 992px) { .page-template-page-friterie-map-WC2022 #frituurmap .cta--2column .cta__column { background-color: #D33532; } } .page-template-page-friterie-map-WC2022 #actie { color: #4A080C; padding: 60px 0 0 0; } .page-template-page-friterie-map-WC2022 #actie .qr-code { max-width: 100px; } .page-template-page-friterie-map-WC2022 #actie span { color: #FF1622; } .page-template-page-friterie-map-WC2022 #actie p:last-child { font-weight: 500; } .page-template-page-friterie-map-WC2022 #actie .cta-actie__column { padding: 0; } .page-template-page-friterie-map-WC2022 #actie .cta-actie__column img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } @media (max-width: 768px) { .page-template-page-friterie-map-WC2022 #actie { overflow: hidden; } } #hero.foot-actie { z-index: 9; } #hero.foot-actie.cover-img { background: #DD0000 url("/themes/dl/assets/images/banners/hero-foot-actie-mobile.jpg") top center no-repeat; padding: 340px 0 0 0; background-size: cover; text-align: center; overflow: visible; min-height: 400px; } #hero.foot-actie.cover-img h1 br { display: none; } @media (min-width: 576px) { #hero.foot-actie.cover-img { background: url("/themes/dl/assets/images/banners/hero-foot-actie-md.jpg") bottom right no-repeat; background-size: cover; padding: 90px 0 100px 0; text-align: left; } #hero.foot-actie.cover-img h1 br { display: block; } #hero.foot-actie.cover-img .logos { margin-top: 30px; } #hero.foot-actie.cover-img .logos .logo-dl { display: inline-block; background: url(../images/dl-logo.svg?063da1dc7a1e834a825c6a660ec809d7) top center no-repeat; width: 100px; height: 86px; } #hero.foot-actie.cover-img .logos .logo-bicky { display: inline-block; background: url(../images/logo-bicky.svg?c34d4e4e1f92c1c6d8699702bbaefef5) center center no-repeat; width: 134px; height: 86px; } } @media (min-width: 992px) { #hero.foot-actie.cover-img { min-height: 400px; background: url("/themes/dl/assets/images/banners/hero-foot-actie-xl.jpg") center center no-repeat; background-size: cover; padding: 90px 0 100px 0; text-align: left; } #hero.foot-actie.cover-img .container, #hero.foot-actie.cover-img .custom-cms .banner-image.content, .custom-cms #hero.foot-actie.cover-img .banner-image.content, #hero.foot-actie.cover-img .custom-cms .content-block.content, .custom-cms #hero.foot-actie.cover-img .content-block.content { position: relative; z-index: 9; } #hero.foot-actie.cover-img .container .logos, #hero.foot-actie.cover-img .custom-cms .banner-image.content .logos, .custom-cms #hero.foot-actie.cover-img .banner-image.content .logos, #hero.foot-actie.cover-img .custom-cms .content-block.content .logos, .custom-cms #hero.foot-actie.cover-img .content-block.content .logos { display: block; position: absolute; margin-top: 30px; } #hero.foot-actie.cover-img .container .logos .logo-dl, #hero.foot-actie.cover-img .custom-cms .banner-image.content .logos .logo-dl, .custom-cms #hero.foot-actie.cover-img .banner-image.content .logos .logo-dl, #hero.foot-actie.cover-img .custom-cms .content-block.content .logos .logo-dl, .custom-cms #hero.foot-actie.cover-img .content-block.content .logos .logo-dl { width: 145px; height: 125px; } #hero.foot-actie.cover-img .container .logos .logo-bicky, #hero.foot-actie.cover-img .custom-cms .banner-image.content .logos .logo-bicky, .custom-cms #hero.foot-actie.cover-img .banner-image.content .logos .logo-bicky, #hero.foot-actie.cover-img .custom-cms .content-block.content .logos .logo-bicky, .custom-cms #hero.foot-actie.cover-img .content-block.content .logos .logo-bicky { width: 195px; height: 125px; } #hero.foot-actie.cover-img::before { z-index: 1; z-index: 4; content: ""; position: absolute; background: url(../images/arcenciel.svg?39c9661b63fd084327dbdabca5257174) bottom center no-repeat; display: block; width: 100%; height: 250px; top: 220px; } } @media (min-width: 1200px) { #hero.foot-actie.cover-img { min-height: 450px; background: url("/themes/dl/assets/images/banners/hero-foot-actie-xl.jpg") center center no-repeat; background-size: cover; padding: 120px 0 100px 0; } #hero.foot-actie.cover-img::before { height: 500px; top: 35px; } } @media (min-width: 1600px) { #hero.foot-actie.cover-img { padding: 120px 0 180px 0; } #hero.foot-actie.cover-img .container h1, #hero.foot-actie.cover-img .custom-cms .banner-image.content h1, .custom-cms #hero.foot-actie.cover-img .banner-image.content h1, #hero.foot-actie.cover-img .custom-cms .content-block.content h1, .custom-cms #hero.foot-actie.cover-img .content-block.content h1 { margin-top: 40px; } #hero.foot-actie.cover-img .container .logos, #hero.foot-actie.cover-img .custom-cms .banner-image.content .logos, .custom-cms #hero.foot-actie.cover-img .banner-image.content .logos, #hero.foot-actie.cover-img .custom-cms .content-block.content .logos, .custom-cms #hero.foot-actie.cover-img .content-block.content .logos { margin-top: 70px; } #hero.foot-actie.cover-img::before { height: 500px; top: 125px; } } @media (min-width: 1800px) { #hero.foot-actie.cover-img { padding: 120px 0 180px 0; } #hero.foot-actie.cover-img .container .logos, #hero.foot-actie.cover-img .custom-cms .banner-image.content .logos, .custom-cms #hero.foot-actie.cover-img .banner-image.content .logos, #hero.foot-actie.cover-img .custom-cms .content-block.content .logos, .custom-cms #hero.foot-actie.cover-img .content-block.content .logos { margin-top: 70px; } #hero.foot-actie.cover-img::before { height: 500px; top: 125px; } } @media (min-width: 2000px) { #hero.foot-actie.cover-img { border: none; padding: 120px 0 180px 0; } #hero.foot-actie.cover-img::before { height: 500px; top: 125px; } } @media (max-width: 991.98px) { #frituurmap { background: #DD0000; -webkit-box-shadow: 0 200px 300px #ff503e inset; box-shadow: 0 200px 300px #ff503e inset; } } #frituurmap h2.dotted-title::before, #frituurmap .page-template-page-action-form .action-page .text-content h2::before, .page-template-page-action-form .action-page .text-content #frituurmap h2::before, #frituurmap #where-to-buy .widget h2.widgettitle::before, #where-to-buy .widget #frituurmap h2.widgettitle::before, #frituurmap .contact-page .text-content h2::before, .contact-page .text-content #frituurmap h2::before { margin: 20px auto 10px auto; } @media (min-width: 992px) { #frituurmap h2.dotted-title::before, #frituurmap .page-template-page-action-form .action-page .text-content h2::before, .page-template-page-action-form .action-page .text-content #frituurmap h2::before, #frituurmap #where-to-buy .widget h2.widgettitle::before, #where-to-buy .widget #frituurmap h2.widgettitle::before, #frituurmap .contact-page .text-content h2::before, .contact-page .text-content #frituurmap h2::before { margin: 20px auto 10px 0; } } #frituurmap .cta--2column .cta__column { padding-bottom: 60px; padding-top: 30px; } @media (max-width: 991.98px) { #frituurmap .cta--2column .cta__column { background-color: #DD0000; } } @media (min-width: 1200px) { #frituurmap .cta--2column .cta__column { padding-bottom: 20px; padding-top: 20px; } } #frituurmap .cta--2column .col-left { margin-left: auto; margin-right: auto; text-align: center; } #frituurmap .cta--2column .col-left .max-width-500, #frituurmap .cta--2column .col-left #top-archive .text-part, #top-archive #frituurmap .cta--2column .col-left .text-part { margin: 0 auto; } #frituurmap .cta--2column .col-left h3.dotted-title::before, #frituurmap .cta--2column .col-left #where-to-buy .widget h3.widgettitle::before, #where-to-buy .widget #frituurmap .cta--2column .col-left h3.widgettitle::before, #frituurmap .cta--2column .col-left .contact-page h3::before, .contact-page #frituurmap .cta--2column .col-left h3::before { margin-left: auto; margin-right: auto; } @media (min-width: 992px) { #frituurmap .cta--2column .col-left { padding-left: 40px; text-align: left; } #frituurmap .cta--2column .col-left .max-width-500, #frituurmap .cta--2column .col-left #top-archive .text-part, #top-archive #frituurmap .cta--2column .col-left .text-part { margin-left: auto; margin-right: 0; } #frituurmap .cta--2column .col-left h3.dotted-title::before, #frituurmap .cta--2column .col-left #where-to-buy .widget h3.widgettitle::before, #where-to-buy .widget #frituurmap .cta--2column .col-left h3.widgettitle::before, #frituurmap .cta--2column .col-left .contact-page h3::before, .contact-page #frituurmap .cta--2column .col-left h3::before { margin-left: 0; margin-right: auto; } } #map { height: 80vh; min-height: 200px; max-height: 300px; } @media (min-width: 576px) { #map { max-height: 400px; } } @media (min-width: 992px) { #map { max-height: 600px; } } .search-div { background-color: #FFF; display: inline-block; width: auto; width: 90%; max-width: 300px; } @media (min-width: 576px) { .search-div { max-width: 100%; width: auto; } } .search-div .search-field { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; -webkit-box-shadow: none; box-shadow: none; border: none; height: 45px; width: 100%; min-width: 250px; max-width: 100%; padding: 0; margin-top: -2px; position: relative; background: none; color: #DD0000; text-align: center; text-transform: uppercase; } @media (min-width: 576px) { .search-div .search-field { width: auto; max-width: 300px; padding-left: 15px; text-align: left; } } .search-div input#submit { width: 100%; height: 45px; margin-bottom: 0; display: block; text-transform: uppercase; } @media (min-width: 576px) { .search-div input#submit { width: auto; display: inline-block; } } .icon-frituur { width: 200px; } @media (min-width: 768px) { .top-ten .row { margin: 0 auto; max-width: 1240px; } } .top-ten .friterie { padding: 20px 15px; } @media (min-width: 768px) { .top-ten .friterie { padding: 30px 20px; } } .top-ten .friterie h3 { padding-bottom: 10px; } @media (min-width: 768px) { .top-ten .friterie h3 { padding-bottom: 0; } } .top-ten .friterie p { font-size: 0.9em; letter-spacing: 0.5px; margin-bottom: 0; } .top-ten .friterie a { font-size: 0.7em; text-transform: uppercase; text-decoration: underline; } .top-ten .friterie small.count { font-weight: bold; font-size: 0.6em; color: #4A080C; display: block; } @media (min-width: 768px) { .top-ten .friterie small.count { display: inline-block; } } .top-ten .friterie.item_1 { padding-top: 100px; padding-bottom: 40px; background-size: auto 95px; background-position: top center; background-repeat: no-repeat; background-image: url(../images/friterie-du-mois.svg?cf1aa5b254b5dfe179d71ab1a6790953); } @media (min-width: 576px) { .top-ten .friterie.item_1 { padding-bottom: 0; padding-top: 160px; padding-bottom: 40px; background-size: auto 140px; } } @media (min-width: 992px) { .top-ten .friterie.item_1 { padding-top: 180px; background-size: auto 160px; } } .top-ten .friterie.item_1 h3 { margin-top: 0; } .top-ten .friterie.item_1 h3, .top-ten .friterie.item_1 p, .top-ten .friterie.item_1 a { position: relative; z-index: 4; } .top-ten .friterie.item_1 p, .top-ten .friterie.item_1 a { display: inline-block; margin: 0 5px; font-size: 1em; color: #4A080C !important; } .top-ten .friterie.item_2, .top-ten .friterie.item_3, .top-ten .friterie.item_4, .top-ten .friterie.item_5, .top-ten .friterie.item_6, .top-ten .friterie.item_7, .top-ten .friterie.item_8, .top-ten .friterie.item_9, .top-ten .friterie.item_10 { border-top: 1px solid #BA0A00; } @media screen and (max-width: 767px) { .top-ten .friterie.item_10 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 576px) { .top-ten .friterie.item_2, .top-ten .friterie.item_4, .top-ten .friterie.item_6, .top-ten .friterie.item_8 { border-right: 1px solid #BA0A00; } } @media (min-width: 768px) { .top-ten .friterie { margin-top: 15px; margin-bottom: 15px; padding: 15px; } .top-ten .friterie.item_2, .top-ten .friterie.item_3, .top-ten .friterie.item_4, .top-ten .friterie.item_5, .top-ten .friterie.item_6, .top-ten .friterie.item_7, .top-ten .friterie.item_8, .top-ten .friterie.item_9, .top-ten .friterie.item_10 { border: none; } .top-ten .friterie.item_3, .top-ten .friterie.item_6, .top-ten .friterie.item_9 { border: none; border-left: 1px solid #BA0A00; border-right: 1px solid #BA0A00; } .top-ten .friterie.item_5::before, .top-ten .friterie.item_6::before, .top-ten .friterie.item_7::before, .top-ten .friterie.item_8::before, .top-ten .friterie.item_9::before, .top-ten .friterie.item_10::before { content: ""; width: 96%; height: 1px; left: 2%; top: -10px; position: absolute; display: block; background-color: #BA0A00; } } .cta.sauce-quizz .dotted-sub-title { text-shadow: 0 0 0 rgba(0, 0, 0, 0); } .cta.sauce-quizz .content { margin: 0 auto; } @media (min-width: 992px) { .cta.sauce-quizz .content { margin: 30px auto 0; } } .cta.sauce-quizz .container-fluid { padding-top: 20px; content: ""; z-index: 2; display: block; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; background-image: url("/themes/dl/assets/images/belgian-flag.png"); background-size: auto 10px; background-repeat: no-repeat; background-position: center top; } @media (min-width: 576px) { .cta.sauce-quizz .container-fluid { padding-top: 4em; } } @media (min-width: 992px) { .cta.sauce-quizz .container-fluid { max-width: 1240px; } } .cta.sauce-quizz .sauce-choice a { display: block; overflow: hidden; } .cta.sauce-quizz .sauce-choice a img { position: relative; top: 0; width: 100%; max-width: 140px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } @media (min-width: 768px) { .cta.sauce-quizz .sauce-choice a img { top: 40px; max-width: 160px; } } @media (min-width: 992px) { .cta.sauce-quizz .sauce-choice a img { max-width: 200px; top: 60px; } } .cta.sauce-quizz .sauce-choice:hover a img { top: 0; } html[lang=nl-BE] .top-ten .friterie.item_1 { background-image: url(../images/frituur-van-de-maand-right.svg?0d061d63b379e8217f13af179f86ea9c); } .post-type-archive-testimonial nav.nav-filters ul { display: block; } .vignette__first { text-align: center; padding: 160px 20px 20px; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-box-shadow: 0 -300px 300px rgba(0, 0, 0, 0.4) inset; box-shadow: 0 -300px 300px rgba(0, 0, 0, 0.4) inset; } .vignette__first .white-background { width: 100%; min-width: 220px; padding: 20px; } .vignette__first .white-background blockquote { margin-bottom: 0; } .vignette__first .white-background blockquote::before, .vignette__first .white-background blockquote::after { display: none; } .vignette__first .white-background small { padding-bottom: 10px; font-weight: bold; font-size: 1.05em; display: block; } @media (min-width: 768px) { .vignette__first { text-align: left; } .vignette__first .white-background { width: 80%; } .vignette__first blockquote::after, .vignette__first blockquote::before { display: inline-block; } } .listing-testimonial #listings { list-style: none; padding-left: 0; } .listing-testimonial ul li .rounded-circle { height: 40px; width: 40px; overflow: hidden; text-align: center; } .listing-testimonial ul li .rounded-circle img { width: auto; max-width: 80px; min-height: 100%; height: auto; } .listing-testimonial .testimonial__content { padding: 40px 20px 20px; background-color: #F7F7F7; } .listing-testimonial .testimonial__content blockquote { padding-bottom: 20px; text-align: center; line-height: 1.1em; font-size: 1.4em; } .listing-testimonial .testimonial__content blockquote::before, .listing-testimonial .testimonial__content blockquote::after { display: none; } @media (min-width: 992px) { .listing-testimonial .testimonial__content blockquote { font-size: 1.75em; } } @media (min-width: 1200px) { .listing-testimonial .testimonial__content blockquote { font-size: 1.9em; } } .listing-testimonial .testimonial__content p img { max-width: 100%; height: auto; } @media (min-width: 768px) { .listing-testimonial .testimonial__content { padding: 40px; } .listing-testimonial .testimonial__content blockquote { padding-bottom: 20px; text-align: left; line-height: 1.1em; font-size: 1.8em; } } @media (min-width: 768px) and (min-width: 576px) { .listing-testimonial .testimonial__content blockquote { font-size: 2em; } } @media (min-width: 768px) and (min-width: 768px) { .listing-testimonial .testimonial__content blockquote { font-size: 2.3em; } } @media (min-width: 768px) and (min-width: 992px) { .listing-testimonial .testimonial__content blockquote { font-size: 2.6em; } } @media (min-width: 768px) and (min-width: 1200px) { .listing-testimonial .testimonial__content blockquote { font-size: 2.8em; } } @media (min-width: 768px) { .listing-testimonial .testimonial__content blockquote::before, .listing-testimonial .testimonial__content blockquote::after { display: inline-block; } } @media (min-width: 992px) { .listing-testimonial .testimonial__content blockquote { line-height: 1.1em; font-size: 1.4em; } } @media (min-width: 992px) and (min-width: 992px) { .listing-testimonial .testimonial__content blockquote { font-size: 1.75em; } } @media (min-width: 992px) and (min-width: 1200px) { .listing-testimonial .testimonial__content blockquote { font-size: 1.9em; } } @media (min-width: 1200px) { .listing-testimonial .testimonial__text { max-width: 500px; } } .listing-testimonial .testimonial__text p { color: #2A2A2A; font-weight: 300; font-size: 0.9em; } .listing-testimonial .testimonial__links { text-align: center; } .listing-testimonial .testimonial__links li { display: block; } .listing-testimonial .testimonial__links a { display: block; } .listing-testimonial .testimonial__links a.love { padding: 10px 5px; } .listing-testimonial .testimonial__links a.love .icon { padding: 0 5px; } .listing-testimonial .testimonial__links a.love .icon i { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .listing-testimonial .testimonial__links a.love:hover .icon i { -webkit-transform: scale(1.2); transform: scale(1.2); } @media (min-width: 768px) { .listing-testimonial .testimonial__links { text-align: left; } .listing-testimonial .testimonial__links li { display: inline-block; } } .testimonial__head ul { padding-left: 0; margin-bottom: 0; text-align: center; } @media (min-width: 768px) { .testimonial__head ul { text-align: left; } } .testimonial__head ul li { display: block; } @media (min-width: 768px) { .testimonial__head ul li { display: inline-block; } } .testimonial__head ul li.rounded-circle { height: 40px; width: 40px; margin: 0 auto 5px; overflow: hidden; text-align: center; display: block; } .testimonial__head ul li.rounded-circle.no-top { top: 0; } .testimonial__head ul li.rounded-circle img { max-width: 80px; min-height: 100%; height: auto; width: auto; } @media (min-width: 576px) { .testimonial__head ul li.rounded-circle { margin: 0 10px 0 0; top: 10px; position: relative; display: inline-block; } } .testimonial__head ul li.place { padding: 0 0 40px; background-position: center bottom; background-repeat: no-repeat; } .testimonial__head ul li.place.friterie, .testimonial__head ul li.place.frituur { background-size: 40px auto; background-image: url(../images/icon-friterie.svg?efc2a553c6afa32e2b0284ebdf3264b2); } .testimonial__head ul li.place.horeca, .testimonial__head ul li.place.horecazaak { background-size: 26px auto; background-image: url(../images/icon-horeca.svg?a82d9685896c8cf249cc7fcca694a334); } .testimonial__head ul li.place.sandwicherie, .testimonial__head ul li.place.broodjeszaak { background-size: 35px auto; background-image: url(../images/icon-sandwich.svg?2ed412842049af3e9f28cfd0779d39eb); } .testimonial__head ul li.place.condensed { height: 40px; line-height: 40px; } @media (max-width: 991.98px) { .testimonial__head ul li.place.condensed { background: none; } } @media (min-width: 768px) { .testimonial__head ul li.place { padding: 0 0 0 50px; background-position: left center; } } .testimonial__head ul .name, .testimonial__head ul p { margin-bottom: 0; } @media (min-width: 768px) { .testimonial__head ul .name { margin-right: 15px; } } .page-template-page-medias #hero.media-header { background-image: url("/themes/dl/assets/images/red-background-bruit.jpg"); -webkit-box-shadow: 0 -100px 300px rgba(0, 0, 0, 0.4) inset; box-shadow: 0 -100px 300px rgba(0, 0, 0, 0.4) inset; overflow: hidden; max-height: 475px; } @media (min-width: 768px) { .page-template-page-medias #hero.media-header { max-height: 385px; } } .page-template-page-medias #hero.media-header .white-text { display: block; } .page-template-page-medias #hero.media-header .dotted-sub-title { margin-top: 2em; padding: 25px 0 0 0; display: inline-block; } @media (min-width: 576px) { .page-template-page-medias #hero.media-header .dotted-sub-title { padding: 75px 0 0 0; } } @media (min-width: 768px) { .page-template-page-medias #hero.media-header .dotted-sub-title { margin: 0; display: inherit; padding: 105px 0 0 0; } } .page-template-page-medias #hero.media-header::before { height: 10px; width: 50%; max-width: 300px; margin: 0 auto; content: ""; z-index: 2; display: block; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; background-image: url("/themes/dl/assets/images/belgian-flag.png"); } .page-template-page-medias #hero.media-header img { display: block; } @media (min-width: 992px) { .page-template-page-medias #hero.media-header img { width: 94%; } } .page-template-page-medias #hero.media-header .content { text-align: center; padding: 0px 20px 0px; } .page-template-page-medias #hero.media-header .content .btn-white, .page-template-page-medias #hero.media-header .content .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li .page-template-page-medias #hero.media-header .content a, .page-template-page-medias #hero.media-header .content .custom-cms .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li .page-template-page-medias #hero.media-header .content a { margin-top: 0; } .page-template-page-medias #hero.media-header .content .title-lower { text-align: center; padding-bottom: 40px; } @media (min-width: 768px) { .page-template-page-medias #hero.media-header .content .title-lower { padding-bottom: 0; } } @media (min-width: 992px) { .page-template-page-medias #hero.media-header .content { text-align: left; } .page-template-page-medias #hero.media-header .content .title-lower { padding-bottom: 20px; text-align: left; } } .page-template-page-medias #hero.media-header nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; max-width: 900px; margin: 0 auto; position: relative; top: -30px; } .page-template-page-medias #hero.media-header nav a { visibility: hidden; display: block; position: relative; min-height: 300px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -webkit-transform-origin: bottom center; transform-origin: bottom center; min-width: 100%; } @media (min-width: 768px) { .page-template-page-medias #hero.media-header nav a { min-width: 50%; } } .page-template-page-medias #hero.media-header nav a:not(.active) { display: none; } @media (min-width: 768px) { .page-template-page-medias #hero.media-header nav a:not(.active) { display: block; } } .page-template-page-medias #hero.media-header nav a:after, .page-template-page-medias #hero.media-header nav a:before { content: ""; visibility: visible; display: block; min-height: 300px; min-width: 100%; position: absolute; background-repeat: no-repeat; background-color: transparent; background-position: center center; bottom: 0; } .page-template-page-medias #hero.media-header nav a:after { background-size: 100%; background-position: bottom center; } .page-template-page-medias #hero.media-header nav a.media-tv-link:after { background-image: url(../images/tv.png?578888739bfafb5d10a6520dd4ae53d2); } .page-template-page-medias #hero.media-header nav a.media-tv-link:before { background-image: url(../images/tv-sign.svg?7b4ae431b59f9db2c66b293183703388); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 2; min-width: 30%; background-size: contain; -webkit-transform: rotate(-1deg) translateY(300px); transform: rotate(-1deg) translateY(300px); } .page-template-page-medias #hero.media-header nav a.media-radio-link:after { background-image: url(../images/radio.png?a3f7f7a5b74e8da38668d61be5902302); } .page-template-page-medias #hero.media-header nav a.media-radio-link:before { background-image: url(../images/radio-sign.svg?26cc2ef2843178fb8f12889fac956e21); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 2; min-width: 30%; background-size: contain; -webkit-transform: rotate(-1deg) translateX(150px) translateY(300px); transform: rotate(-1deg) translateX(150px) translateY(300px); } .page-template-page-medias #hero.media-header nav a.active, .page-template-page-medias #hero.media-header nav a:hover { -webkit-transform: scale(1.3); transform: scale(1.3); } .page-template-page-medias #hero.media-header nav a.active.media-tv-link:before, .page-template-page-medias #hero.media-header nav a:hover.media-tv-link:before { -webkit-transform: rotate(-12deg) translateY(40px) translateX(30px); transform: rotate(-12deg) translateY(40px) translateX(30px); } @media (min-width: 992px) { .page-template-page-medias #hero.media-header nav a.active.media-tv-link:before, .page-template-page-medias #hero.media-header nav a:hover.media-tv-link:before { -webkit-transform: rotate(-8deg) translateX(40px) translateY(-10px); transform: rotate(-8deg) translateX(40px) translateY(-10px); } } .page-template-page-medias #hero.media-header nav a.active.media-radio-link:before, .page-template-page-medias #hero.media-header nav a:hover.media-radio-link:before { -webkit-transform: rotate(12deg) translateX(180px) translateY(-5px); transform: rotate(12deg) translateX(180px) translateY(-5px); } @media (min-width: 992px) { .page-template-page-medias #hero.media-header nav a.active.media-radio-link:before, .page-template-page-medias #hero.media-header nav a:hover.media-radio-link:before { -webkit-transform: rotate(9deg) translateX(210px) translateY(-40px); transform: rotate(9deg) translateX(210px) translateY(-40px); } } .page-template-page-medias .pb-5 h1 { margin-bottom: 1em; } .page-template-page-medias .pb-5 .dotted-title, .page-template-page-medias .pb-5 .page-template-page-action-form .action-page .text-content h2, .page-template-page-action-form .action-page .text-content .page-template-page-medias .pb-5 h2, .page-template-page-medias .pb-5 #where-to-buy .widget .widgettitle, #where-to-buy .widget .page-template-page-medias .pb-5 .widgettitle, .page-template-page-medias .pb-5 .contact-page .text-content h2, .contact-page .text-content .page-template-page-medias .pb-5 h2, .page-template-page-medias .pb-5 .contact-page h3, .contact-page .page-template-page-medias .pb-5 h3 { max-width: 1024px; } .page-template-page-medias .filter-release { margin-left: auto; margin-right: auto; max-width: 1240px; margin-bottom: 15px; } .page-template-page-medias .filter-release .select-arrow { position: relative; } @media (min-width: 576px) { .page-template-page-medias .filter-release .select-arrow { display: inline-block; } } .page-template-page-medias .filter-release .select-arrow::after { content: ""; position: absolute; right: 0; top: 0; width: 40px; height: 100%; background-image: url(../images/arrow-bottom-red.svg?5a00ff17c270d1fa928d5067c3788688); background-size: 40%; background-repeat: no-repeat; background-position: center center; pointer-events: none; } .page-template-page-medias .filter-release .select-arrow select { border: #DD0000 1px solid; } .page-template-page-medias .media-list { margin-bottom: 3em; padding-bottom: 30px; } .page-template-page-medias .media-list .footer-nav { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; } @media (min-width: 576px) { .page-template-page-medias .media-list .footer-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } .page-template-page-medias .media-list .footer-nav .load { margin-right: 1rem; } .page-template-page-medias .media-list .footer-nav .btn, .page-template-page-medias .media-list .footer-nav .action-page .action-form form input[type=button], .action-page .action-form form .page-template-page-medias .media-list .footer-nav input[type=button], .page-template-page-medias .media-list .footer-nav .custom-cms .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background ul li .page-template-page-medias .media-list .footer-nav a, .page-template-page-medias .media-list .footer-nav .custom-cms .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background ul li .page-template-page-medias .media-list .footer-nav a, .page-template-page-medias .media-list .footer-nav .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li .page-template-page-medias .media-list .footer-nav a, .page-template-page-medias .media-list .footer-nav .custom-cms .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li .page-template-page-medias .media-list .footer-nav a, .page-template-page-medias .media-list .footer-nav .custom-cms .main-content-right a, .custom-cms .main-content-right .page-template-page-medias .media-list .footer-nav a, .page-template-page-medias .media-list .footer-nav .contact-page .text-content a, .contact-page .text-content .page-template-page-medias .media-list .footer-nav a, .page-template-page-medias .media-list .footer-nav .contact-page .contact-form form input[type=submit], .contact-page .contact-form form .page-template-page-medias .media-list .footer-nav input[type=submit], .page-template-page-medias .media-list .footer-nav .single-post-box .content ul li a, .single-post-box .content ul li .page-template-page-medias .media-list .footer-nav a, .page-template-page-medias .media-list .footer-nav .freesample input[type=submit], .freesample .page-template-page-medias .media-list .footer-nav input[type=submit] { margin-left: 1rem; } } .page-template-page-medias .media-list .footer-nav .load { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 5px auto; } .page-template-page-medias .media-list .footer-nav .btn, .page-template-page-medias .media-list .footer-nav .action-page .action-form form input[type=button], .action-page .action-form form .page-template-page-medias .media-list .footer-nav input[type=button], .page-template-page-medias .media-list .footer-nav .custom-cms .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background ul li .page-template-page-medias .media-list .footer-nav a, .page-template-page-medias .media-list .footer-nav .custom-cms .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background ul li .page-template-page-medias .media-list .footer-nav a, .page-template-page-medias .media-list .footer-nav .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li .page-template-page-medias .media-list .footer-nav a, .page-template-page-medias .media-list .footer-nav .custom-cms .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li .page-template-page-medias .media-list .footer-nav a, .page-template-page-medias .media-list .footer-nav .custom-cms .main-content-right a, .custom-cms .main-content-right .page-template-page-medias .media-list .footer-nav a, .page-template-page-medias .media-list .footer-nav .contact-page .text-content a, .contact-page .text-content .page-template-page-medias .media-list .footer-nav a, .page-template-page-medias .media-list .footer-nav .contact-page .contact-form form input[type=submit], .contact-page .contact-form form .page-template-page-medias .media-list .footer-nav input[type=submit], .page-template-page-medias .media-list .footer-nav .single-post-box .content ul li a, .single-post-box .content ul li .page-template-page-medias .media-list .footer-nav a, .page-template-page-medias .media-list .footer-nav .freesample input[type=submit], .freesample .page-template-page-medias .media-list .footer-nav input[type=submit] { margin-top: 5px; } .page-template-page-medias .media-list .row.medias { width: auto; max-width: 100%; margin: 0 auto; } .page-template-page-medias .media-list .row.medias .vignette { margin-bottom: 2.5em; } .page-template-page-medias .media-list .row.medias .vignette.media-tv a .vignette__content .vignette__image:before { background-size: 35%; } .page-template-page-medias .media-list .row.medias .vignette a .vignette__content { margin: 0 auto; } @media (min-width: 992px) { .page-template-page-medias .media-list .row.medias .vignette a .vignette__content { max-width: 400px; } } .page-template-page-medias .media-list .row.medias .vignette a .vignette__content .vignette__image { overflow: hidden; position: relative; } .page-template-page-medias .media-list .row.medias .vignette a .vignette__content .vignette__image::before, .page-template-page-medias .media-list .row.medias .vignette a .vignette__content .vignette__image::after { content: ""; position: absolute; background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%; z-index: 2; left: 0; top: 0; } .page-template-page-medias .media-list .row.medias .vignette a .vignette__content .vignette__image::before { background-color: rgba(0, 0, 0, 0.4); -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; background-repeat: no-repeat; background-image: url(../images/tv-media.svg?78608851c342112d3b46d86ba43e0813); opacity: 1; } .page-template-page-medias .media-list .row.medias .vignette a .vignette__content .vignette__image::after { background-image: url(../images/play-icon.svg?34be961e21cac103790aca1f97237495); -webkit-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; background-repeat: no-repeat; background-position: center center; opacity: 0; } .page-template-page-medias .media-list .row.medias .vignette a .vignette__content .vignette__image img { -webkit-transition: -webkit-transform 0.4s ease-out; transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; -webkit-transform: scale(1.3); transform: scale(1.3); width: auto; max-width: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; } @media (min-width: 768px) { .page-template-page-medias .media-list .row.medias .vignette a .vignette__content .vignette__image img { width: auto; } } .page-template-page-medias .media-list .row.medias .vignette a .vignette__content .h5 { margin: 0.5em 0 0 0; display: inline-block; } .page-template-page-medias .media-list .row.medias .vignette a[data-media-type=radio] .vignette__content .vignette__image::before { background-image: url(../images/radio-media.svg?039fc0893d490f4e35009858cf1960ca); } .page-template-page-medias .media-list .row.medias .vignette a.active, .page-template-page-medias .media-list .row.medias .vignette a:hover { cursor: pointer; } .page-template-page-medias .media-list .row.medias .vignette a.active .vignette__content .vignette__image::before, .page-template-page-medias .media-list .row.medias .vignette a:hover .vignette__content .vignette__image::before { opacity: 0; } .page-template-page-medias .media-list .row.medias .vignette a.active .vignette__content .vignette__image::after, .page-template-page-medias .media-list .row.medias .vignette a:hover .vignette__content .vignette__image::after { opacity: 1; } .page-template-page-medias .media-list .row.medias .vignette a.active .vignette__content .vignette__image img, .page-template-page-medias .media-list .row.medias .vignette a:hover .vignette__content .vignette__image img { -webkit-transform: scale(1); transform: scale(1); } .custom-cms { /* layout */ /* Colors treatment */ /* align center for image with background */ } .custom-cms .main-content-left { padding-top: 20px; padding-bottom: 20px; } @media (min-width: 768px) { .custom-cms .main-content-left { padding-top: 0; padding-bottom: 0; } } .custom-cms .main-content-right { padding: 40px 30px 20px; margin: 20px auto -40px; background-color: #FFF; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); } .custom-cms .main-content-right h2, .custom-cms .main-content-right h3, .custom-cms .main-content-right h4, .custom-cms .main-content-right h5 { padding-bottom: 20px; } .custom-cms .main-content-right a, .custom-cms .main-content-right a:hover { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; padding: 10px 20px; background-color: #FF1622; color: #FFF; } @media (min-width: 768px) { .custom-cms .main-content-right { margin: -40px auto 0; } } @media (min-width: 992px) { .custom-cms .main-content-right { padding: 40px 50px; } } .custom-cms .content-block { margin-top: 40px; } @media (min-width: 992px) { .custom-cms .content-block { margin-top: 80px; margin-bottom: 80px; } } .custom-cms .content-block.none { margin-top: 40px; margin-bottom: 40px; } .custom-cms .content-block a.btn.btn-outline-primary, .custom-cms .content-block.photomood-background ul li a.btn-outline-primary, .custom-cms .content-block.photopro-background ul li a.btn-outline-primary, .custom-cms .content-block.red-background-bruit ul li a.btn-outline-primary, .custom-cms .content-block.red-background-clean ul li a.btn-outline-primary, .custom-cms .content-block .contact-page .text-content a.btn-outline-primary, .contact-page .text-content .custom-cms .content-block a.btn-outline-primary, .custom-cms .content-block .single-post-box .content ul li a.btn-outline-primary, .single-post-box .content ul li .custom-cms .content-block a.btn-outline-primary, .custom-cms .content-block .main-content-right a.btn-outline-primary, .custom-cms .main-content-right .content-block a.btn-outline-primary { border: none; } .custom-cms .content-block a.btn.btn-outline-primary:hover, .custom-cms .content-block.photomood-background ul li a.btn-outline-primary:hover, .custom-cms .content-block.photopro-background ul li a.btn-outline-primary:hover, .custom-cms .content-block.red-background-bruit ul li a.btn-outline-primary:hover, .custom-cms .content-block.red-background-clean ul li a.btn-outline-primary:hover, .custom-cms .content-block .contact-page .text-content a.btn-outline-primary:hover, .contact-page .text-content .custom-cms .content-block a.btn-outline-primary:hover, .custom-cms .content-block .single-post-box .content ul li a.btn-outline-primary:hover, .single-post-box .content ul li .custom-cms .content-block a.btn-outline-primary:hover, .custom-cms .content-block .main-content-right a.btn-outline-primary:hover, .custom-cms .main-content-right .content-block a.btn-outline-primary:hover { border: none; } .custom-cms .content-block.full-width { margin-top: 60px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .custom-cms .content-block.cta--2column { margin: 0; } .custom-cms .content-block.cta--2column .text-part { /*padding-top: 40px; padding-bottom: 60px;*/ } .custom-cms .content-block.cta--2column .text-part a.btn, .custom-cms .content-block.cta--2column .text-part .content-block.photomood-background ul li a, .custom-cms .content-block.photomood-background ul li .content-block.cta--2column .text-part a, .custom-cms .content-block.cta--2column .text-part .content-block.photopro-background ul li a, .custom-cms .content-block.photopro-background ul li .content-block.cta--2column .text-part a, .custom-cms .content-block.cta--2column .text-part .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-bruit ul li .content-block.cta--2column .text-part a, .custom-cms .content-block.cta--2column .text-part .content-block.red-background-clean ul li a, .custom-cms .content-block.red-background-clean ul li .content-block.cta--2column .text-part a, .custom-cms .content-block.cta--2column .text-part .contact-page .text-content a, .contact-page .text-content .custom-cms .content-block.cta--2column .text-part a, .custom-cms .content-block.cta--2column .text-part .single-post-box .content ul li a, .single-post-box .content ul li .custom-cms .content-block.cta--2column .text-part a, .custom-cms .content-block.cta--2column .text-part .main-content-right a, .custom-cms .main-content-right .content-block.cta--2column .text-part a { margin-bottom: 0; } .custom-cms .content-block .img-content img { max-width: 100%; width: auto; height: auto; } @media (min-width: 992px) { .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part h5 { margin-bottom: 10px; } } .custom-cms .content-block .text-part h1 + p, .custom-cms .content-block .text-part h2 + p, .custom-cms .content-block .text-part h3 + p, .custom-cms .content-block .text-part h4 + p, .custom-cms .content-block .text-part h5 + p { padding-bottom: 0; } .custom-cms .content-block.block-img-left.full-width .col-left, .custom-cms .content-block.block-img-right.full-width .col-left { margin: 0 auto; max-width: 620px; padding: 0 20px; } @media (min-width: 768px) { .custom-cms .content-block.block-img-left.full-width .col-left, .custom-cms .content-block.block-img-right.full-width .col-left { margin-right: 0; margin-left: auto; padding-left: 40px; } } @media (min-width: 992px) { .custom-cms .content-block.block-img-left.full-width .col-left, .custom-cms .content-block.block-img-right.full-width .col-left { padding-left: 60px; } } .custom-cms .content-block.block-img-left.full-width .col-right, .custom-cms .content-block.block-img-right.full-width .col-right { margin: 0 auto; max-width: 620px; padding: 0 20px; } @media (min-width: 768px) { .custom-cms .content-block.block-img-left.full-width .col-right, .custom-cms .content-block.block-img-right.full-width .col-right { margin-left: 0; margin-right: auto; padding: 0; } } .custom-cms .content-block.block-img-left.full-width .img-content img, .custom-cms .content-block.block-img-right.full-width .img-content img { width: 100%; max-width: 400px; margin: 0 auto; display: block; } @media (min-width: 768px) { .custom-cms .content-block.block-img-left.full-width .img-content img, .custom-cms .content-block.block-img-right.full-width .img-content img { max-width: 600px; } } .custom-cms .content-block.block-img-left .col-right.text-part, .custom-cms .content-block.block-img-left .col-left.text-part, .custom-cms .content-block.block-img-right .col-right.text-part, .custom-cms .content-block.block-img-right .col-left.text-part { padding: 20px 15px 0; } .custom-cms .content-block.block-img-left .col-right.text-part br, .custom-cms .content-block.block-img-left .col-left.text-part br, .custom-cms .content-block.block-img-right .col-right.text-part br, .custom-cms .content-block.block-img-right .col-left.text-part br { display: none; } .custom-cms .content-block.block-img-left .col-right.img-content, .custom-cms .content-block.block-img-left .col-left.img-content, .custom-cms .content-block.block-img-right .col-right.img-content, .custom-cms .content-block.block-img-right .col-left.img-content { padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .custom-cms .content-block.block-img-left .col-right.text-part, .custom-cms .content-block.block-img-left .col-left.text-part, .custom-cms .content-block.block-img-right .col-right.text-part, .custom-cms .content-block.block-img-right .col-left.text-part { padding: 0; } .custom-cms .content-block.block-img-left .col-right.text-part br, .custom-cms .content-block.block-img-left .col-left.text-part br, .custom-cms .content-block.block-img-right .col-right.text-part br, .custom-cms .content-block.block-img-right .col-left.text-part br { display: block; } .custom-cms .content-block.block-img-left .col-right.img-content, .custom-cms .content-block.block-img-left .col-left.img-content, .custom-cms .content-block.block-img-right .col-right.img-content, .custom-cms .content-block.block-img-right .col-left.img-content { padding-left: 0; padding-right: 0; } } @media (min-width: 992px) { .custom-cms .content-block.cta--2column .col-right { padding-left: 60px; } } .custom-cms .content-block.single-column .container p, .custom-cms .content-block.single-column .banner-image.content p, .custom-cms .content-block.single-column .content-block.content p { display: block; max-width: 900px; margin-left: auto; margin-right: auto; } .custom-cms .content-block.single-column .container a, .custom-cms .content-block.single-column .banner-image.content a, .custom-cms .content-block.single-column .content-block.content a { margin-top: 20px; } .custom-cms .content-block.single-column .container ul li a, .custom-cms .content-block.single-column .banner-image.content ul li a, .custom-cms .content-block.single-column .content-block.content ul li a { margin-top: 0; } .custom-cms .content-block.single-column + .block-img-left, .custom-cms .content-block.single-column + .block-img-right { margin-top: 80px; } @media (max-width: 767.98px) { .custom-cms .content-block.single-column + .single-column { margin-top: 0; } } .custom-cms .banner-image { height: 35vh; max-height: 180px; margin-top: 40px; background-size: cover; background-repeat: no-repeat; background-position: center; } .custom-cms .banner-image + .content-block.full-width { margin-top: 0; } @media (min-width: 576px) { .custom-cms .banner-image { max-height: 300px; margin-top: 60px; } } @media (min-width: 768px) { .custom-cms .banner-image { margin-top: 60px; min-height: 300px; max-height: 500px; } .custom-cms .banner-image + .content-block.full-width { margin-top: 40px; margin-bottom: 40px; } } @media (min-width: 1200px) { .custom-cms .banner-image { margin-top: 0; } } .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part h5, .custom-cms .red-background-bruit .white-background .text-part h1, .custom-cms .red-background-bruit .white-background .text-part h2, .custom-cms .red-background-bruit .white-background .text-part h3, .custom-cms .red-background-bruit .white-background .text-part h4, .custom-cms .red-background-bruit .white-background .text-part h5, .custom-cms .white-background .text-part h1, .custom-cms .white-background .text-part h2, .custom-cms .white-background .text-part h3, .custom-cms .white-background .text-part h4, .custom-cms .white-background .text-part h5, .custom-cms .rose-light-background .text-part h1, .custom-cms .rose-light-background .text-part h2, .custom-cms .rose-light-background .text-part h3, .custom-cms .rose-light-background .text-part h4, .custom-cms .rose-light-background .text-part h5, .custom-cms .rose-light-background .white-background .text-part h1, .custom-cms .rose-light-background .white-background .text-part h2, .custom-cms .rose-light-background .white-background .text-part h3, .custom-cms .rose-light-background .white-background .text-part h4, .custom-cms .rose-light-background .white-background .text-part h5, .custom-cms .rose-half-background .text-part h1, .custom-cms .rose-half-background .text-part h2, .custom-cms .rose-half-background .text-part h3, .custom-cms .rose-half-background .text-part h4, .custom-cms .rose-half-background .text-part h5, .custom-cms .rose-half-background .white-background .text-part h1, .custom-cms .rose-half-background .white-background .text-part h2, .custom-cms .rose-half-background .white-background .text-part h3, .custom-cms .rose-half-background .white-background .text-part h4, .custom-cms .rose-half-background .white-background .text-part h5, .custom-cms .beige-half-background .text-part h1, .custom-cms .beige-half-background .text-part h2, .custom-cms .beige-half-background .text-part h3, .custom-cms .beige-half-background .text-part h4, .custom-cms .beige-half-background .text-part h5 { color: #4A080C; } .custom-cms .content-block .text-part p, .custom-cms .red-background-bruit .white-background .text-part p, .custom-cms .white-background .text-part p, .custom-cms .rose-light-background .text-part p, .custom-cms .rose-light-background .white-background .text-part p, .custom-cms .rose-half-background .text-part p, .custom-cms .rose-half-background .white-background .text-part p, .custom-cms .beige-half-background .text-part p { color: #4A080C; } .custom-cms .content-block h1, .custom-cms .content-block h2, .custom-cms .content-block h3, .custom-cms .content-block h4, .custom-cms .content-block h5, .custom-cms .red-background-bruit .white-background h1, .custom-cms .red-background-bruit .white-background h2, .custom-cms .red-background-bruit .white-background h3, .custom-cms .red-background-bruit .white-background h4, .custom-cms .red-background-bruit .white-background h5, .custom-cms .white-background h1, .custom-cms .white-background h2, .custom-cms .white-background h3, .custom-cms .white-background h4, .custom-cms .white-background h5, .custom-cms .rose-light-background h1, .custom-cms .rose-light-background h2, .custom-cms .rose-light-background h3, .custom-cms .rose-light-background h4, .custom-cms .rose-light-background h5, .custom-cms .rose-light-background .white-background h1, .custom-cms .rose-light-background .white-background h2, .custom-cms .rose-light-background .white-background h3, .custom-cms .rose-light-background .white-background h4, .custom-cms .rose-light-background .white-background h5, .custom-cms .rose-half-background h1, .custom-cms .rose-half-background h2, .custom-cms .rose-half-background h3, .custom-cms .rose-half-background h4, .custom-cms .rose-half-background h5, .custom-cms .rose-half-background .white-background h1, .custom-cms .rose-half-background .white-background h2, .custom-cms .rose-half-background .white-background h3, .custom-cms .rose-half-background .white-background h4, .custom-cms .rose-half-background .white-background h5, .custom-cms .beige-half-background h1, .custom-cms .beige-half-background h2, .custom-cms .beige-half-background h3, .custom-cms .beige-half-background h4, .custom-cms .beige-half-background h5 { color: #4A080C; } .custom-cms .content-block p, .custom-cms .red-background-bruit .white-background p, .custom-cms .white-background p, .custom-cms .rose-light-background p, .custom-cms .rose-light-background .white-background p, .custom-cms .rose-half-background p, .custom-cms .rose-half-background .white-background p, .custom-cms .beige-half-background p { color: #4A080C; } .custom-cms .red-background-bruit.content-block, .custom-cms .red-background-bruit .none.content-block, .custom-cms .red-background-clean.content-block, .custom-cms .red-background-clean .none.content-block, .custom-cms .green-background.content-block, .custom-cms .blue-background.content-block, .custom-cms .blue-background .none.content-block, .custom-cms .green-background .none.content-block, .custom-cms .photomood-background.content-block, .custom-cms .photomood-background .none.content-block, .custom-cms .photopro-background.content-block, .custom-cms .photopro-background .none.content-block { margin-bottom: 0; } .custom-cms .red-background-bruit h1, .custom-cms .red-background-bruit h2, .custom-cms .red-background-bruit h3, .custom-cms .red-background-bruit h4, .custom-cms .red-background-bruit h5, .custom-cms .red-background-bruit .none h1, .custom-cms .red-background-bruit .none h2, .custom-cms .red-background-bruit .none h3, .custom-cms .red-background-bruit .none h4, .custom-cms .red-background-bruit .none h5, .custom-cms .red-background-clean h1, .custom-cms .red-background-clean h2, .custom-cms .red-background-clean h3, .custom-cms .red-background-clean h4, .custom-cms .red-background-clean h5, .custom-cms .red-background-clean .none h1, .custom-cms .red-background-clean .none h2, .custom-cms .red-background-clean .none h3, .custom-cms .red-background-clean .none h4, .custom-cms .red-background-clean .none h5, .custom-cms .green-background h1, .custom-cms .green-background h2, .custom-cms .green-background h3, .custom-cms .green-background h4, .custom-cms .green-background h5, .custom-cms .blue-background h1, .custom-cms .blue-background h2, .custom-cms .blue-background h3, .custom-cms .blue-background h4, .custom-cms .blue-background h5, .custom-cms .blue-background .none h1, .custom-cms .blue-background .none h2, .custom-cms .blue-background .none h3, .custom-cms .blue-background .none h4, .custom-cms .blue-background .none h5, .custom-cms .green-background .none h1, .custom-cms .green-background .none h2, .custom-cms .green-background .none h3, .custom-cms .green-background .none h4, .custom-cms .green-background .none h5, .custom-cms .photomood-background h1, .custom-cms .photomood-background h2, .custom-cms .photomood-background h3, .custom-cms .photomood-background h4, .custom-cms .photomood-background h5, .custom-cms .photomood-background .none h1, .custom-cms .photomood-background .none h2, .custom-cms .photomood-background .none h3, .custom-cms .photomood-background .none h4, .custom-cms .photomood-background .none h5, .custom-cms .photopro-background h1, .custom-cms .photopro-background h2, .custom-cms .photopro-background h3, .custom-cms .photopro-background h4, .custom-cms .photopro-background h5, .custom-cms .photopro-background .none h1, .custom-cms .photopro-background .none h2, .custom-cms .photopro-background .none h3, .custom-cms .photopro-background .none h4, .custom-cms .photopro-background .none h5 { color: #FFF; } .custom-cms .red-background-bruit h1::before, .custom-cms .red-background-bruit h2::before, .custom-cms .red-background-bruit h3::before, .custom-cms .red-background-bruit h4::before, .custom-cms .red-background-bruit h5::before, .custom-cms .red-background-bruit .none h1::before, .custom-cms .red-background-bruit .none h2::before, .custom-cms .red-background-bruit .none h3::before, .custom-cms .red-background-bruit .none h4::before, .custom-cms .red-background-bruit .none h5::before, .custom-cms .red-background-clean h1::before, .custom-cms .red-background-clean h2::before, .custom-cms .red-background-clean h3::before, .custom-cms .red-background-clean h4::before, .custom-cms .red-background-clean h5::before, .custom-cms .red-background-clean .none h1::before, .custom-cms .red-background-clean .none h2::before, .custom-cms .red-background-clean .none h3::before, .custom-cms .red-background-clean .none h4::before, .custom-cms .red-background-clean .none h5::before, .custom-cms .green-background h1::before, .custom-cms .green-background h2::before, .custom-cms .green-background h3::before, .custom-cms .green-background h4::before, .custom-cms .green-background h5::before, .custom-cms .blue-background h1::before, .custom-cms .blue-background h2::before, .custom-cms .blue-background h3::before, .custom-cms .blue-background h4::before, .custom-cms .blue-background h5::before, .custom-cms .blue-background .none h1::before, .custom-cms .blue-background .none h2::before, .custom-cms .blue-background .none h3::before, .custom-cms .blue-background .none h4::before, .custom-cms .blue-background .none h5::before, .custom-cms .green-background .none h1::before, .custom-cms .green-background .none h2::before, .custom-cms .green-background .none h3::before, .custom-cms .green-background .none h4::before, .custom-cms .green-background .none h5::before, .custom-cms .photomood-background h1::before, .custom-cms .photomood-background h2::before, .custom-cms .photomood-background h3::before, .custom-cms .photomood-background h4::before, .custom-cms .photomood-background h5::before, .custom-cms .photomood-background .none h1::before, .custom-cms .photomood-background .none h2::before, .custom-cms .photomood-background .none h3::before, .custom-cms .photomood-background .none h4::before, .custom-cms .photomood-background .none h5::before, .custom-cms .photopro-background h1::before, .custom-cms .photopro-background h2::before, .custom-cms .photopro-background h3::before, .custom-cms .photopro-background h4::before, .custom-cms .photopro-background h5::before, .custom-cms .photopro-background .none h1::before, .custom-cms .photopro-background .none h2::before, .custom-cms .photopro-background .none h3::before, .custom-cms .photopro-background .none h4::before, .custom-cms .photopro-background .none h5::before { border-color: #FFF; } .custom-cms .red-background-bruit p, .custom-cms .red-background-bruit .none p, .custom-cms .red-background-clean p, .custom-cms .red-background-clean .none p, .custom-cms .green-background p, .custom-cms .blue-background p, .custom-cms .blue-background .none p, .custom-cms .green-background .none p, .custom-cms .photomood-background p, .custom-cms .photomood-background .none p, .custom-cms .photopro-background p, .custom-cms .photopro-background .none p { color: #FFF; } .custom-cms .red-background-bruit.text-part h1, .custom-cms .red-background-bruit.text-part h2, .custom-cms .red-background-bruit.text-part h3, .custom-cms .red-background-bruit.text-part h4, .custom-cms .red-background-bruit.text-part h5, .custom-cms .red-background-bruit .none.text-part h1, .custom-cms .red-background-bruit .none.text-part h2, .custom-cms .red-background-bruit .none.text-part h3, .custom-cms .red-background-bruit .none.text-part h4, .custom-cms .red-background-bruit .none.text-part h5, .custom-cms .red-background-clean.text-part h1, .custom-cms .red-background-clean.text-part h2, .custom-cms .red-background-clean.text-part h3, .custom-cms .red-background-clean.text-part h4, .custom-cms .red-background-clean.text-part h5, .custom-cms .red-background-clean .none.text-part h1, .custom-cms .red-background-clean .none.text-part h2, .custom-cms .red-background-clean .none.text-part h3, .custom-cms .red-background-clean .none.text-part h4, .custom-cms .red-background-clean .none.text-part h5, .custom-cms .green-background.text-part h1, .custom-cms .green-background.text-part h2, .custom-cms .green-background.text-part h3, .custom-cms .green-background.text-part h4, .custom-cms .green-background.text-part h5, .custom-cms .blue-background.text-part h1, .custom-cms .blue-background.text-part h2, .custom-cms .blue-background.text-part h3, .custom-cms .blue-background.text-part h4, .custom-cms .blue-background.text-part h5, .custom-cms .blue-background .none.text-part h1, .custom-cms .blue-background .none.text-part h2, .custom-cms .blue-background .none.text-part h3, .custom-cms .blue-background .none.text-part h4, .custom-cms .blue-background .none.text-part h5, .custom-cms .green-background .none.text-part h1, .custom-cms .green-background .none.text-part h2, .custom-cms .green-background .none.text-part h3, .custom-cms .green-background .none.text-part h4, .custom-cms .green-background .none.text-part h5, .custom-cms .photomood-background.text-part h1, .custom-cms .photomood-background.text-part h2, .custom-cms .photomood-background.text-part h3, .custom-cms .photomood-background.text-part h4, .custom-cms .photomood-background.text-part h5, .custom-cms .photomood-background .none.text-part h1, .custom-cms .photomood-background .none.text-part h2, .custom-cms .photomood-background .none.text-part h3, .custom-cms .photomood-background .none.text-part h4, .custom-cms .photomood-background .none.text-part h5, .custom-cms .photopro-background.text-part h1, .custom-cms .photopro-background.text-part h2, .custom-cms .photopro-background.text-part h3, .custom-cms .photopro-background.text-part h4, .custom-cms .photopro-background.text-part h5, .custom-cms .photopro-background .none.text-part h1, .custom-cms .photopro-background .none.text-part h2, .custom-cms .photopro-background .none.text-part h3, .custom-cms .photopro-background .none.text-part h4, .custom-cms .photopro-background .none.text-part h5 { color: #FFF; } .custom-cms .red-background-bruit.text-part h1::before, .custom-cms .red-background-bruit.text-part h2::before, .custom-cms .red-background-bruit.text-part h3::before, .custom-cms .red-background-bruit.text-part h4::before, .custom-cms .red-background-bruit.text-part h5::before, .custom-cms .red-background-bruit .none.text-part h1::before, .custom-cms .red-background-bruit .none.text-part h2::before, .custom-cms .red-background-bruit .none.text-part h3::before, .custom-cms .red-background-bruit .none.text-part h4::before, .custom-cms .red-background-bruit .none.text-part h5::before, .custom-cms .red-background-clean.text-part h1::before, .custom-cms .red-background-clean.text-part h2::before, .custom-cms .red-background-clean.text-part h3::before, .custom-cms .red-background-clean.text-part h4::before, .custom-cms .red-background-clean.text-part h5::before, .custom-cms .red-background-clean .none.text-part h1::before, .custom-cms .red-background-clean .none.text-part h2::before, .custom-cms .red-background-clean .none.text-part h3::before, .custom-cms .red-background-clean .none.text-part h4::before, .custom-cms .red-background-clean .none.text-part h5::before, .custom-cms .green-background.text-part h1::before, .custom-cms .green-background.text-part h2::before, .custom-cms .green-background.text-part h3::before, .custom-cms .green-background.text-part h4::before, .custom-cms .green-background.text-part h5::before, .custom-cms .blue-background.text-part h1::before, .custom-cms .blue-background.text-part h2::before, .custom-cms .blue-background.text-part h3::before, .custom-cms .blue-background.text-part h4::before, .custom-cms .blue-background.text-part h5::before, .custom-cms .blue-background .none.text-part h1::before, .custom-cms .blue-background .none.text-part h2::before, .custom-cms .blue-background .none.text-part h3::before, .custom-cms .blue-background .none.text-part h4::before, .custom-cms .blue-background .none.text-part h5::before, .custom-cms .green-background .none.text-part h1::before, .custom-cms .green-background .none.text-part h2::before, .custom-cms .green-background .none.text-part h3::before, .custom-cms .green-background .none.text-part h4::before, .custom-cms .green-background .none.text-part h5::before, .custom-cms .photomood-background.text-part h1::before, .custom-cms .photomood-background.text-part h2::before, .custom-cms .photomood-background.text-part h3::before, .custom-cms .photomood-background.text-part h4::before, .custom-cms .photomood-background.text-part h5::before, .custom-cms .photomood-background .none.text-part h1::before, .custom-cms .photomood-background .none.text-part h2::before, .custom-cms .photomood-background .none.text-part h3::before, .custom-cms .photomood-background .none.text-part h4::before, .custom-cms .photomood-background .none.text-part h5::before, .custom-cms .photopro-background.text-part h1::before, .custom-cms .photopro-background.text-part h2::before, .custom-cms .photopro-background.text-part h3::before, .custom-cms .photopro-background.text-part h4::before, .custom-cms .photopro-background.text-part h5::before, .custom-cms .photopro-background .none.text-part h1::before, .custom-cms .photopro-background .none.text-part h2::before, .custom-cms .photopro-background .none.text-part h3::before, .custom-cms .photopro-background .none.text-part h4::before, .custom-cms .photopro-background .none.text-part h5::before { border-color: #FFF; } .custom-cms .red-background-bruit.text-part p, .custom-cms .red-background-bruit .none.text-part p, .custom-cms .red-background-clean.text-part p, .custom-cms .red-background-clean .none.text-part p, .custom-cms .green-background.text-part p, .custom-cms .blue-background.text-part p, .custom-cms .blue-background .none.text-part p, .custom-cms .green-background .none.text-part p, .custom-cms .photomood-background.text-part p, .custom-cms .photomood-background .none.text-part p, .custom-cms .photopro-background.text-part p, .custom-cms .photopro-background .none.text-part p { color: #FFF; } .custom-cms .photomood-background, .custom-cms .photopro-background { -webkit-box-shadow: 0 -300px 300px rgba(0, 0, 0, 0.4) inset; box-shadow: 0 -300px 300px rgba(0, 0, 0, 0.4) inset; } .custom-cms .photomood-background h1, .custom-cms .photomood-background h2, .custom-cms .photomood-background h3, .custom-cms .photomood-background h4, .custom-cms .photomood-background h5, .custom-cms .photomood-background p, .custom-cms .photopro-background h1, .custom-cms .photopro-background h2, .custom-cms .photopro-background h3, .custom-cms .photopro-background h4, .custom-cms .photopro-background h5, .custom-cms .photopro-background p { text-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } @media (min-width: 992px) { .custom-cms .photomood-background h1, .custom-cms .photomood-background h2, .custom-cms .photomood-background h3, .custom-cms .photomood-background h4, .custom-cms .photomood-background h5, .custom-cms .photomood-background p, .custom-cms .photopro-background h1, .custom-cms .photopro-background h2, .custom-cms .photopro-background h3, .custom-cms .photopro-background h4, .custom-cms .photopro-background h5, .custom-cms .photopro-background p { text-shadow: 0 0 20px rgba(0, 0, 0, 0.7); } } .custom-cms .content-block .gallery { padding: 0 0 30px; max-width: 1000px; margin-left: auto; margin-right: auto; -webkit-transform: scale(0.9); transform: scale(0.9); text-align: center; } .custom-cms .content-block .gallery .gallery-item { min-width: 120px; margin: 0 auto; padding: 10px; text-align: center; display: inline-block; max-width: 49%; } .custom-cms .content-block .gallery .gallery-item img { max-width: 100px; height: auto; } .custom-cms .content-block .gallery .gallery-item figcaption { padding-top: 10px; color: #4A080C; } @media (min-width: 768px) { .custom-cms .content-block .gallery { padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .custom-cms .content-block .gallery .gallery-item { display: block; padding: 0 5px; max-width: 250px; } .custom-cms .content-block .gallery .gallery-item img { max-width: 240px; } } .custom-cms .content-block h1 + ul, .custom-cms .content-block h2 + ul, .custom-cms .content-block h3 + ul, .custom-cms .content-block h4 + ul, .custom-cms .content-block h5 + ul { padding-top: 20px; } .custom-cms .content-block ul { padding: 0; margin-bottom: 0; } .custom-cms .content-block ul.button-list { padding: 15px 0 0; } @media (max-width: 767.98px) { .custom-cms .content-block ul.button-list { padding: 15px 0; } } .custom-cms .content-block ul.button-list li { display: inline-block; list-style-type: none; margin-bottom: 5px; } @media (max-width: 767.98px) { .custom-cms .content-block ul.button-list li { display: block; } } .custom-cms .content-block ul.button-list li a { display: block; } .custom-cms .content-block ul.button-list li a:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .custom-cms .content-block ul.button-list li img { height: 50px; width: auto; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } @media (max-width: 767.98px) { .custom-cms .content-block ul.button-list li img { height: auto; width: 150px; } } .custom-cms .content-block ul.button-list.right { text-align: right; } .custom-cms .content-block ul.button-list.right li { margin-left: 5px; } @media (max-width: 991.98px) { .custom-cms .content-block ul.button-list.right li a { text-align: center; } } .custom-cms .content-block ul.button-list.left { text-align: left; } .custom-cms .content-block ul.button-list.left li { margin-right: 5px; } @media (max-width: 991.98px) { .custom-cms .content-block ul.button-list.left li a { text-align: center; } } .custom-cms .content-block ul.button-list.center { text-align: center; } .custom-cms .content-block ul.button-list.center li { margin-left: 2.5px; margin-right: 2.5px; } .custom-cms .content-block ul:not(.button-list) li { max-width: 300px; height: 60px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 5px; } @media (min-width: 768px) { .custom-cms .content-block ul:not(.button-list) li { margin-bottom: 0; } } .custom-cms .content-block ul:not(.button-list) li img { width: auto; max-width: 90%; margin: 20px auto 0; height: auto; max-height: 100%; display: block; } .custom-cms .content-block ul:not(.button-list) li a { width: auto; padding: 10px; font-size: 0.9em; color: #2A2A2A; text-align: center; display: block; border: 3px dotted #cbcbcb; background-color: #FFF; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .custom-cms .content-block ul:not(.button-list) li a i { margin: 5px 10px 5px 0; font-size: 20px; } @media (min-width: 576px) { .custom-cms .content-block ul:not(.button-list) li { margin-left: 5px; max-width: 170px; display: inline-block; } .custom-cms .content-block ul:not(.button-list) li a { text-align: left; } } @media (min-width: 992px) { .custom-cms .content-block ul:not(.button-list) { padding: 20px 0 0; } } .custom-cms .content-block.green-background ul:not(.button-list) li { max-width: 300px; margin-bottom: 0; } .custom-cms .content-block.green-background ul:not(.button-list) li a { border: none; color: #FFF; text-align: center; background-color: #1d7a39; } .custom-cms .content-block.red-background-bruit ul li, .custom-cms .content-block.red-background-clean ul li { max-width: none; } .custom-cms .content-block.red-background-bruit ul li a, .custom-cms .content-block.red-background-clean ul li a { border: none; } .custom-cms .content-block.photomood-background ul li, .custom-cms .content-block.photopro-background ul li { max-width: none; } .custom-cms .content-block.photomood-background ul li a, .custom-cms .content-block.photopro-background ul li a { border: none; } @media (max-width: 767.98px) { .custom-cms .red-background-bruit.content-block .text-part, .custom-cms .red-background-bruit .none.content-block .text-part, .custom-cms .red-background-clean.content-block .text-part, .custom-cms .red-background-clean .none.content-block .text-part, .custom-cms .green-background.content-block .text-part, .custom-cms .green-background .none.content-block .text-part, .custom-cms .blue-background.content-block .text-part, .custom-cms .blue-background .none.content-block .text-part, .custom-cms .photomood-background.content-block .text-part, .custom-cms .photomood-background .none.content-block .text-part, .custom-cms .photopro-background.content-block .text-part, .custom-cms .photopro-background .none.content-block .text-part { text-align: center; } .custom-cms .red-background-bruit.content-block .text-part h1, .custom-cms .red-background-bruit.content-block .text-part h2, .custom-cms .red-background-bruit.content-block .text-part h3, .custom-cms .red-background-bruit.content-block .text-part h4, .custom-cms .red-background-bruit.content-block .text-part h5, .custom-cms .red-background-bruit.content-block .text-part ul, .custom-cms .red-background-bruit.content-block .text-part p, .custom-cms .red-background-bruit .none.content-block .text-part h1, .custom-cms .red-background-bruit .none.content-block .text-part h2, .custom-cms .red-background-bruit .none.content-block .text-part h3, .custom-cms .red-background-bruit .none.content-block .text-part h4, .custom-cms .red-background-bruit .none.content-block .text-part h5, .custom-cms .red-background-bruit .none.content-block .text-part ul, .custom-cms .red-background-bruit .none.content-block .text-part p, .custom-cms .red-background-clean.content-block .text-part h1, .custom-cms .red-background-clean.content-block .text-part h2, .custom-cms .red-background-clean.content-block .text-part h3, .custom-cms .red-background-clean.content-block .text-part h4, .custom-cms .red-background-clean.content-block .text-part h5, .custom-cms .red-background-clean.content-block .text-part ul, .custom-cms .red-background-clean.content-block .text-part p, .custom-cms .red-background-clean .none.content-block .text-part h1, .custom-cms .red-background-clean .none.content-block .text-part h2, .custom-cms .red-background-clean .none.content-block .text-part h3, .custom-cms .red-background-clean .none.content-block .text-part h4, .custom-cms .red-background-clean .none.content-block .text-part h5, .custom-cms .red-background-clean .none.content-block .text-part ul, .custom-cms .red-background-clean .none.content-block .text-part p, .custom-cms .green-background.content-block .text-part h1, .custom-cms .green-background.content-block .text-part h2, .custom-cms .green-background.content-block .text-part h3, .custom-cms .green-background.content-block .text-part h4, .custom-cms .green-background.content-block .text-part h5, .custom-cms .green-background.content-block .text-part ul, .custom-cms .green-background.content-block .text-part p, .custom-cms .green-background .none.content-block .text-part h1, .custom-cms .green-background .none.content-block .text-part h2, .custom-cms .green-background .none.content-block .text-part h3, .custom-cms .green-background .none.content-block .text-part h4, .custom-cms .green-background .none.content-block .text-part h5, .custom-cms .green-background .none.content-block .text-part ul, .custom-cms .green-background .none.content-block .text-part p, .custom-cms .blue-background.content-block .text-part h1, .custom-cms .blue-background.content-block .text-part h2, .custom-cms .blue-background.content-block .text-part h3, .custom-cms .blue-background.content-block .text-part h4, .custom-cms .blue-background.content-block .text-part h5, .custom-cms .blue-background.content-block .text-part ul, .custom-cms .blue-background.content-block .text-part p, .custom-cms .blue-background .none.content-block .text-part h1, .custom-cms .blue-background .none.content-block .text-part h2, .custom-cms .blue-background .none.content-block .text-part h3, .custom-cms .blue-background .none.content-block .text-part h4, .custom-cms .blue-background .none.content-block .text-part h5, .custom-cms .blue-background .none.content-block .text-part ul, .custom-cms .blue-background .none.content-block .text-part p, .custom-cms .photomood-background.content-block .text-part h1, .custom-cms .photomood-background.content-block .text-part h2, .custom-cms .photomood-background.content-block .text-part h3, .custom-cms .photomood-background.content-block .text-part h4, .custom-cms .photomood-background.content-block .text-part h5, .custom-cms .photomood-background.content-block .text-part ul, .custom-cms .photomood-background.content-block .text-part p, .custom-cms .photomood-background .none.content-block .text-part h1, .custom-cms .photomood-background .none.content-block .text-part h2, .custom-cms .photomood-background .none.content-block .text-part h3, .custom-cms .photomood-background .none.content-block .text-part h4, .custom-cms .photomood-background .none.content-block .text-part h5, .custom-cms .photomood-background .none.content-block .text-part ul, .custom-cms .photomood-background .none.content-block .text-part p, .custom-cms .photopro-background.content-block .text-part h1, .custom-cms .photopro-background.content-block .text-part h2, .custom-cms .photopro-background.content-block .text-part h3, .custom-cms .photopro-background.content-block .text-part h4, .custom-cms .photopro-background.content-block .text-part h5, .custom-cms .photopro-background.content-block .text-part ul, .custom-cms .photopro-background.content-block .text-part p, .custom-cms .photopro-background .none.content-block .text-part h1, .custom-cms .photopro-background .none.content-block .text-part h2, .custom-cms .photopro-background .none.content-block .text-part h3, .custom-cms .photopro-background .none.content-block .text-part h4, .custom-cms .photopro-background .none.content-block .text-part h5, .custom-cms .photopro-background .none.content-block .text-part ul, .custom-cms .photopro-background .none.content-block .text-part p { text-align: center !important; } .custom-cms .red-background-bruit.content-block .text-part.col-left, .custom-cms .red-background-bruit.content-block .text-part.col-right, .custom-cms .red-background-bruit .none.content-block .text-part.col-left, .custom-cms .red-background-bruit .none.content-block .text-part.col-right, .custom-cms .red-background-clean.content-block .text-part.col-left, .custom-cms .red-background-clean.content-block .text-part.col-right, .custom-cms .red-background-clean .none.content-block .text-part.col-left, .custom-cms .red-background-clean .none.content-block .text-part.col-right, .custom-cms .green-background.content-block .text-part.col-left, .custom-cms .green-background.content-block .text-part.col-right, .custom-cms .green-background .none.content-block .text-part.col-left, .custom-cms .green-background .none.content-block .text-part.col-right, .custom-cms .blue-background.content-block .text-part.col-left, .custom-cms .blue-background.content-block .text-part.col-right, .custom-cms .blue-background .none.content-block .text-part.col-left, .custom-cms .blue-background .none.content-block .text-part.col-right, .custom-cms .photomood-background.content-block .text-part.col-left, .custom-cms .photomood-background.content-block .text-part.col-right, .custom-cms .photomood-background .none.content-block .text-part.col-left, .custom-cms .photomood-background .none.content-block .text-part.col-right, .custom-cms .photopro-background.content-block .text-part.col-left, .custom-cms .photopro-background.content-block .text-part.col-right, .custom-cms .photopro-background .none.content-block .text-part.col-left, .custom-cms .photopro-background .none.content-block .text-part.col-right { padding-top: 80px; } } /* aperçu en page pro */ .pro-template .custom-cms .content-block { margin: 0 auto 80px; } @media (min-width: 768px) { .pro-template .custom-cms .content-block { margin: 60px auto; } } .custom-wysiwyg h1 { color: #FF1622; } .custom-wysiwyg h1 + p, .custom-wysiwyg h1 + ul { padding-top: 20px; } .custom-wysiwyg h2, .custom-wysiwyg h3, .custom-wysiwyg h4 { color: #FF1622; } .custom-wysiwyg h2.brown-text, .custom-wysiwyg #where-to-buy .widget h2.widgettitle, #where-to-buy .widget .custom-wysiwyg h2.widgettitle, .custom-wysiwyg h3.brown-text, .custom-wysiwyg #where-to-buy .widget h3.widgettitle, #where-to-buy .widget .custom-wysiwyg h3.widgettitle, .custom-wysiwyg h4.brown-text, .custom-wysiwyg #where-to-buy .widget h4.widgettitle, #where-to-buy .widget .custom-wysiwyg h4.widgettitle { color: #4A080C !important; } .custom-wysiwyg h2 + p, .custom-wysiwyg h2 + ul, .custom-wysiwyg h3 + p, .custom-wysiwyg h3 + ul, .custom-wysiwyg h4 + p, .custom-wysiwyg h4 + ul { padding-top: 20px; } .custom-wysiwyg p { font-size: 18px; line-height: 1.6em; } .custom-wysiwyg ul { padding-left: 0; } .custom-wysiwyg p + a { margin-top: 20px; } .custom-wysiwyg p + ul { padding-top: 20px; margin-top: 0; } .custom-wysiwyg iframe { margin-top: 20px; } .custom-wysiwyg img { display: block; max-width: 100%; width: auto; margin: 20px 0; } .custom-wysiwyg a { color: #4A080C; position: relative; } .custom-wysiwyg a:hover { color: #FF1622; } .custom-wysiwyg a:hover::after { background-color: #FF1622; } .custom-wysiwyg ol { padding-left: 0; } .custom-wysiwyg ol li { padding: 0 0 10px; list-style-position: inside; } .custom-wysiwyg ul { margin-top: 20px; margin-bottom: 30px; } .custom-wysiwyg ul li { display: block; position: relative; list-style: none; padding: 0 0 10px 20px; } .custom-wysiwyg ul li a, .custom-wysiwyg ul li * { color: #4A080C !important; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; } .custom-wysiwyg ul li a:hover, .custom-wysiwyg ul li *:hover { color: #FF1622 !important; } .custom-wysiwyg ul li a:hover::after, .custom-wysiwyg ul li *:hover::after { background-color: #FF1622 !important; } .custom-wysiwyg ul li::before { content: ""; display: block; position: absolute; top: 8px; left: 0; width: 6px; height: 6px; border: 2px solid #FF1622; } .custom-wysiwyg ul li.no-style { padding: 0; } .custom-wysiwyg ul li.no-style::before { display: none; } .page-template-page-action-form #hero { background-position: center bottom; position: relative; overflow: hidden; } @media (min-width: 768px) { .page-template-page-action-form #hero { position: inherit; } } .page-template-page-action-form #hero .header-action-image { position: absolute; z-index: 1; top: 8.8rem; -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transform-origin: bottom; transform-origin: bottom; } @media (min-width: 667px) { .page-template-page-action-form #hero .header-action-image { -webkit-transform: none; transform: none; top: 4.8rem; } } @media (min-width: 768px) { .page-template-page-action-form #hero .header-action-image { top: 8.8rem; left: 50%; -webkit-transform: translateX(-120%); transform: translateX(-120%); } } .page-template-page-action-form #hero .header-action-image img { max-width: 100%; height: auto; } .page-template-page-action-form #hero .content h1 { position: relative; z-index: 3; } .page-template-page-action-form .title, .page-template-page-action-form .custom-cms .content-block .text-part h1, .custom-cms .content-block .text-part .page-template-page-action-form h1, .page-template-page-action-form .custom-cms .content-block .text-part h2, .custom-cms .content-block .text-part .page-template-page-action-form h2, .page-template-page-action-form .custom-cms .content-block .text-part h3, .custom-cms .content-block .text-part .page-template-page-action-form h3, .page-template-page-action-form .custom-cms .content-block .text-part h4, .custom-cms .content-block .text-part .page-template-page-action-form h4, .page-template-page-action-form .custom-cms .content-block .text-part h5, .custom-cms .content-block .text-part .page-template-page-action-form h5 { background-color: #fad90a; color: #DD0000; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; padding: 0.7rem 2rem 1rem; line-height: 4rem; border-radius: 5rem; } .page-template-page-action-form .action-page > .container > .row, .page-template-page-action-form .custom-cms .action-page > .content-block.content > .row, .custom-cms .page-template-page-action-form .action-page > .content-block.content > .row, .page-template-page-action-form .custom-cms .action-page > .banner-image.content > .row, .custom-cms .page-template-page-action-form .action-page > .banner-image.content > .row { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media (min-width: 768px) { .page-template-page-action-form .action-page > .container > .row, .page-template-page-action-form .custom-cms .action-page > .content-block.content > .row, .custom-cms .page-template-page-action-form .action-page > .content-block.content > .row, .page-template-page-action-form .custom-cms .action-page > .banner-image.content > .row, .custom-cms .page-template-page-action-form .action-page > .banner-image.content > .row { -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; } } .page-template-page-action-form .action-page .text-content { padding-top: 0; padding-bottom: 40px; text-align: center; padding-top: 0; } @media (min-width: 992px) { .page-template-page-action-form .action-page .text-content { text-align: left; } } .page-template-page-action-form .action-page .text-content strong { color: #FF1622; } .page-template-page-action-form .action-page .text-content h2 { color: #4A080C; padding: 20px 0 30px; max-width: 100%; } @media (min-width: 992px) { .page-template-page-action-form .action-page .text-content h2 { max-width: 600px; } } .page-template-page-action-form .action-page .text-content h2::before { height: 50px; width: 4px; margin: 20px auto 10px 0; border-left: 4px dotted #FF1622; content: ""; display: block; margin-left: auto; margin-right: auto; } @media (min-width: 992px) { .page-template-page-action-form .action-page .text-content h2::before { margin-left: 0; margin-right: auto; } } .page-template-page-action-form .action-page .text-content h2 strong { font-size: 2.3rem; display: block; color: #FF1622; } .page-template-page-action-form .action-page .text-content p { font-size: 1.2rem; } .page-template-page-action-form .action-page .text-content p a { text-decoration: underline; font-weight: 600; } .action-page { padding-top: 2rem; padding-bottom: 3rem; } @media (min-width: 992px) { .action-page { padding-top: 0; } } .action-page .action-form { padding: 40px 20px 0; padding-bottom: 2rem; background-color: #FFF; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); } .action-page .action-form #form-container { padding-right: 0; padding-left: 0; } .action-page .action-form::before { content: ""; height: 120px; background-image: url(../images/ikdoemee.svg?3af24908e91025815a80b04de6daeb59); background-position: right center; background-repeat: no-repeat; display: block; position: absolute; top: -4rem; width: 62%; right: 2rem; -webkit-transform: rotate(9deg); transform: rotate(8deg); } @media (min-width: 768px) { .action-page .action-form::before { top: -2rem; } } @media (min-width: 1200px) { .action-page .action-form::before { top: -4rem; } } @media (min-width: 992px) { .action-page .action-form::before { width: 100%; top: -6rem; right: 5rem; -webkit-transform: rotate(9deg); transform: rotate(9deg); } } .action-page .action-form .brown-text, .action-page .action-form #where-to-buy .widget .widgettitle, #where-to-buy .widget .action-page .action-form .widgettitle { font-size: 1.2rem; text-align: center; } @media (min-width: 992px) { .action-page .action-form .brown-text, .action-page .action-form #where-to-buy .widget .widgettitle, #where-to-buy .widget .action-page .action-form .widgettitle { text-align: left; } } .action-page .action-form .brown-text span, .action-page .action-form #where-to-buy .widget .widgettitle span, #where-to-buy .widget .action-page .action-form .widgettitle span { color: #FF1622; } @media (min-width: 576px) { .action-page .action-form { padding: 40px 40px 0; } } @media (min-width: 768px) { .action-page .action-form { margin-top: 20px; padding: 100px 50px; } } @media (min-width: 992px) { .action-page .action-form { margin-top: -40px; padding: 100px 50px; } } .action-page .action-form form { margin: 30px auto 0; } .action-page .action-form form label { display: block; color: #4A080C; margin-top: 1rem; } .action-page .action-form form input[type=text], .action-page .action-form form input[type=email], .action-page .action-form form input[type=tel], .action-page .action-form form select, .action-page .action-form form textarea { width: 100%; margin-top: 5px; padding: 8px 12px; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; -webkit-box-shadow: none; box-shadow: none; background-color: #FAF5F4; } .action-page .action-form form input[type=text].error, .action-page .action-form form input[type=email].error, .action-page .action-form form input[type=tel].error, .action-page .action-form form select.error, .action-page .action-form form textarea.error { border: red 1px solid; } .action-page .action-form form input[type=button] { margin-top: 2rem; } @media (min-width: 576px) { .action-page .action-form form input[type=button] { width: auto; } } .action-page .action-form form input[type=button]:hover { background-color: #4A080C; } .action-page .action-form form .form-check-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; } .action-page .action-form form input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; -webkit-box-shadow: none; box-shadow: none; position: relative; top: 4px; } .action-page .action-form form input[type=checkbox]::before { content: ""; width: 22px; height: 22px; margin: 0; font-size: 14px; float: left; color: #FFF; text-align: center; border: 1.5px solid #B8969B; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; background: #FFF url(../images/icon-check.svg?1faff3b92a0a9ae2b4c6ea341767149d) no-repeat center/15px auto; } .action-page .action-form form input[type=checkbox]:checked::before { border-color: #4A080C; background-color: #4A080C; } .action-page .action-form form .awesomplete { width: 100%; } .action-page .action-form #message .brown-text, .action-page .action-form #message #where-to-buy .widget .widgettitle, #where-to-buy .widget .action-page .action-form #message .widgettitle { font-size: 1.4rem; } @media (min-width: 768px) { .action-page .action-form #message .brown-text, .action-page .action-form #message #where-to-buy .widget .widgettitle, #where-to-buy .widget .action-page .action-form #message .widgettitle { font-size: 2rem; } } html[lang=fr-BE] .action-page .action-form::before { background-image: url(../images/jeparticipe.svg?b1030c4aa088d9320615ce8cd2302a35); } .panel .panel__heading { margin: 45px 0 25px 30px; display: block; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; cursor: pointer; } .panel .panel__heading h4 { color: #FF1622; line-height: 1.3em; } .panel .panel__heading:before { height: 12px; width: 14px; margin: 15px 0 0 -30px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: block; position: absolute; content: ""; background: transparent url(../images/arrow-bottom-red.svg?5a00ff17c270d1fa928d5067c3788688) no-repeat center left; } @media (min-width: 992px) { .panel .panel__heading:hover { color: #DD0000; } } .panel .panel__heading.collapsed { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .panel .panel__heading.collapsed h4 { color: #4A080C; } .panel .panel__heading.collapsed:before { height: 12px; width: 14px; margin: 15px 0 0 -30px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; content: ""; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: block; background: transparent url(../images/arrow-bottom-red.svg?5a00ff17c270d1fa928d5067c3788688) no-repeat center left; } .panel .panel__body { margin: 0 0 0 30px; color: #4A080C; font-size: 16px; line-height: 26px; } .panel .panel__body h5 { margin: 40px 0 10px 0; padding: 0px; text-transform: uppercase; } .panel .panel__body a { color: #DD0000; text-decoration: underline; } .panel .panel__body table { margin: 30px 0 0 0; } .panel .panel__body table tr { font-size: 14px; border-bottom: 1px solid #e5d9db; } .panel .panel__body table tr td { padding: 3px 50px 3px 20px; } .panel .panel__body table tr td strong { color: #DD0000; text-transform: uppercase; } .panel .panel__body table tr td:first-child { padding: 3px 50px 3px 0px; border-right: 1px solid #e5d9db; } .panel .panel__body ul { margin: 25px 0; padding: 0px; } .panel .panel__body ul br { display: none; } .panel .panel__body ul li { margin: 0 0 10px 20px; padding: 0px; list-style-type: none; } .panel .panel__body ul li:first-letter { text-transform: uppercase; } .panel .panel__body ul li:before { content: ""; background: #DD0000; margin: 15px 0 0 -20px; display: block; width: 4px; height: 4px; border-radius: 15px; position: absolute; } @media (min-width: 992px) { .panel .panel__body { font-size: 18px; line-height: 28px; } } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -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; } /* Slider */ .slick-loading .slick-list { background: #fff url(../images/vendor/slick-carousel/slick/ajax-loader.gif?c5cd7f5300576ab4c88202b42f6ded62) center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url(../fonts/vendor/slick-carousel/slick/slick.eot?ced611daf7709cc778da928fec876475); src: url(../fonts/vendor/slick-carousel/slick/slick.eot?ced611daf7709cc778da928fec876475) format("embedded-opentype"), url(../fonts/vendor/slick-carousel/slick/slick.woff?b7c9e1e479de3b53f1e4e30ebac2403a) format("woff"), url(../fonts/vendor/slick-carousel/slick/slick.ttf?d41f55a78e6f49a5512878df1737e58a) format("truetype"), url(../fonts/vendor/slick-carousel/slick/slick.svg?f97e3bbf73254b0112091d0192f17aec) format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .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-family: "slick"; font-size: 20px; line-height: 1; color: #FF1622; 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: "\2190"; } [dir=rtl] .slick-prev:before { content: "\2192"; } .slick-next { right: -25px; } [dir=rtl] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "\2192"; } [dir=rtl] .slick-next:before { content: "\2190"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; 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: 0; background: transparent; 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 { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: #4A080C; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: #FF1622; opacity: 0.75; } .slick-dotted.slick-slider { margin-bottom: 0; } .slick-dots { bottom: 5px; } .gdpr-cookie-notice { position: fixed; background: rgba(255, 22, 34, 0.9); left: 0; bottom: 0; right: 0; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all ease 1s; transition: all ease 1s; -webkit-transform: translateY(100%); transform: translateY(100%); z-index: 1000; } @media (max-width: 768px) { .gdpr-cookie-notice { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .gdpr-cookie-notice-loaded .gdpr-cookie-notice { -webkit-transform: translateY(0); transform: translateY(0); } .gdpr-cookie-notice-description { margin: 0; padding: 0 16px 0 0; color: rgba(255, 255, 255, 0.75); font-size: 11px; letter-spacing: 1px; line-height: 20px; text-align: left; } @media (max-width: 768px) { .gdpr-cookie-notice-description { padding: 0; margin: 0 0 20px 0; font-size: 12px; text-align: center; } } .gdpr-cookie-notice-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: 0; background: none; width: auto; height: auto; padding: 0; text-align: right; } .gdpr-cookie-notice-nav-item { text-decoration: none; display: inline-block; white-space: nowrap; color: white; text-align: center; font-size: 11px; letter-spacing: 1.4px; -webkit-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .gdpr-cookie-notice-nav-item:hover { text-decoration: none; color: #FF1622; -webkit-transition: all ease-out 0.3s; transition: all ease-out 0.3s; background: #fff; border: 2px solid #fff; } .gdpr-cookie-notice-nav-item-settings { color: #fff; padding: 0px; margin: 0px; height: auto; display: inline-block; letter-spacing: 1.4px; border-bottom: 1px solid #fff; font-weight: 300 !important; } .gdpr-cookie-notice-nav-item-settings:hover { text-decoration: none; color: #FAF5F4; border: 0; border-bottom: 1px solid #FAF5F4; -webkit-transition: all ease-out 0.3s; transition: all ease-out 0.3s; background: none; } .gdpr-cookie-notice-nav-item-btn { background: #FAF5F4; border-radius: 0px; text-transform: uppercase; border: 2px solid #FAF5F4; padding: 10px 30px 9px 30px; font-size: 10px; } .gdpr-cookie-notice-nav-item-accept { color: #FF1622; } .gdpr-cookie-notice-nav-item-refuse { background: rgba(250, 245, 244, 0); border: 2px solid #FAF5F4; margin: 0px 0 0px 0 !important; } @media (max-width: 1640px) { .gdpr-cookie-notice-nav-item-refuse { margin: 5px 0 0px 0 !important; } } .gdpr-cookie-notice-modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url('data:image/svg+xml;utf8,'); z-index: 1001; background: rgba(0, 0, 0, 0.4); overflow: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 10px; display: none; } .gdpr-cookie-notice-show-modal .gdpr-cookie-notice-modal { display: -webkit-box; display: -ms-flexbox; display: flex; } .gdpr-cookie-notice-modal-content { width: 470px; border-radius: 6px; background: white; margin: auto; } .gdpr-cookie-notice-modal-content a:hover { color: #4A080C; } .gdpr-cookie-notice-modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px; border-bottom: 1px solid #f4f5f7; } .gdpr-cookie-notice-modal-title { font-size: 18px; color: rgba(0, 0, 0, 0.8); line-height: 18px; margin: 0; padding: 0; } .gdpr-cookie-notice-modal-close { width: 24px; height: 24px; margin: 0 0 0 auto; background: none; border: none; outline: none; padding: 0; position: relative; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .gdpr-cookie-notice-modal-close:before, .gdpr-cookie-notice-modal-close:after { width: 18px; height: 2px; content: ""; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #bdbdbd; } .gdpr-cookie-notice-modal-close:after { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .gdpr-cookie-notice-modal-close:hover { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 1; } .gdpr-cookie-notice-modal-cookies { display: block; margin: 0; padding: 0; list-style-type: none; } .gdpr-cookie-notice-modal-cookie { display: block; border-bottom: 1px solid #f4f5f7; list-style-type: none; padding: 0; margin: 0; } .gdpr-cookie-notice-modal-cookie-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 16px; } .gdpr-cookie-notice-modal-cookie-title { font-weight: normal; font-size: 15px; color: rgba(0, 0, 0, 0.8); margin: 0; padding: 0; line-height: 1; position: relative; } .gdpr-cookie-notice-modal-cookie-title:after { width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #bdbdbd transparent transparent transparent; content: ""; display: block; position: absolute; right: -17px; top: 50%; margin-top: -2px; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } .open .gdpr-cookie-notice-modal-cookie-title:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .gdpr-cookie-notice-modal-cookie-state { color: #FF1622; margin-left: auto; font-size: 15px; } .gdpr-cookie-notice-modal-cookie-input { opacity: 0; } .gdpr-cookie-notice-modal-cookie-input:checked + .gdpr-cookie-notice-modal-cookie-input-switch { background: #FF1622; -webkit-box-shadow: inset 0px 0px 0px 1px #FF1622; box-shadow: inset 0px 0px 0px 1px #FF1622; } .gdpr-cookie-notice-modal-cookie-input-switch { width: 24px; height: 24px; border-radius: 50%; -webkit-box-shadow: inset 0px 0px 0px 1px #bdbdbd; box-shadow: inset 0px 0px 0px 1px #bdbdbd; margin: 0 0 0 auto; position: relative; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; cursor: pointer; } .gdpr-cookie-notice-modal-cookie-input-switch:after { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: url('data:image/svg+xml;utf8,') no-repeat center 7px; content: ""; display: block; } .gdpr-cookie-notice-modal-cookie-info { margin: 0; padding: 0 16px 12px 16px; font-size: 13px; color: rgba(0, 0, 0, 0.5); line-height: 16px; display: none; } .open .gdpr-cookie-notice-modal-cookie-info { display: block; } .gdpr-cookie-notice-modal-footer { background: #f4f5f7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 16px 16px 16px; border-radius: 0 0 6px 6px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gdpr-cookie-notice-modal-footer-item { height: 40px; line-height: 40px; font-size: 15px; text-decoration: none; margin: 0; padding: 0; color: #FF1622; position: relative; } .gdpr-cookie-notice-modal-footer-item:after { position: absolute; right: -16px; top: 50%; margin-top: -5px; background: url('data:image/svg+xml;utf8,') no-repeat left center; height: 12px; width: 8px; content: ""; display: block; } .gdpr-cookie-notice-modal-footer-item-btn { padding: 0 16px; color: white; background: #FF1622; border-radius: 3px; position: relative; } .gdpr-cookie-notice-modal-footer-item-btn span { -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } .gdpr-cookie-notice-modal-footer-item-btn:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; content: ""; opacity: 0; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; display: block; background: url('data:image/svg+xml;utf8,') no-repeat center; } .gdpr-cookie-notice-modal-footer-item-btn:hover { background-color: #FF1622; } .gdpr-cookie-notice-modal-footer-item-btn:hover span { color: white; } .gdpr-cookie-notice-modal-footer-item-btn.saved span { opacity: 0; } .gdpr-cookie-notice-modal-footer-item-btn.saved:after { opacity: 1; } .gdpr-cookie-notice-modal-footer-item:hover { text-decoration: none; opacity: 1; } #modal-media { text-align: center; padding: 0 !important; } #modal-media .modal-content { background-color: transparent; border: none; } #modal-media::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } #modal-media .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; width: 100%; max-width: 70%; } #modal-media .close { float: right; font-size: 5em; line-height: 1em; color: #fff; background-color: transparent; border: none; position: absolute; top: -1em; right: -1em; z-index: 10; } #modal-media .close:hover { cursor: pointer; opacity: 0.8; } #modal-media .modal-body { padding: 0; } #modal-media .modal-body .vignette__image:before { content: ""; visibility: visible; display: block; height: 100%; -webkit-transform: scale(1.5); transform: scale(1.5); min-width: 100%; position: absolute; background-repeat: no-repeat; background-color: transparent; background-position: center center; background-image: url(../images/radio-media.svg?039fc0893d490f4e35009858cf1960ca); } #modal-media .modal-body .vignette__image img { width: 100%; } #modal-media .modal-body p { color: #fff; text-align: center; padding-top: 10px; } #modal-media .plyr--full-ui input[type=range] { color: #DD0000; } #modal-media .plyr__control--overlaid { background: rgba(221, 0, 0, 0.8); } #modal-media .plyr--video .plyr__control.plyr__tab-focus, #modal-media .plyr--video .plyr__control:hover, #modal-media .plyr--video .plyr__control[aria-expanded=true] { background: #DD0000; } #modal-media .plyr__control.plyr__tab-focus { -webkit-box-shadow: 0 0 0 5px rgba(221, 0, 0, 0.5); box-shadow: 0 0 0 5px rgba(221, 0, 0, 0.5); } #modal-media .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before { background: #DD0000; } #modal-media .plyr--audio .plyr__control.plyr__tab-focus, #modal-media .plyr--audio .plyr__control:hover, #modal-media .plyr--audio .plyr__control[aria-expanded=true] { background: #DD0000; } #modal-media .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } #modal-media .embed-container iframe, #modal-media .embed-container object, #modal-media .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }