@charset "UTF-8";
.footer--main .grid-row, .footer--main .grid-row-fluid, .footer--main .lp-recipe--infos, .footer--main .lp-recipe--ingredients-list, .footer--main .row--lp-recipe, .footer--main .row--manifesto, .footer--main .storyContainer, .footer--main .storyDates__content, .grid-row, .header--wrap, .row--account, .row--contact, .row-modal, .section--theme-share, .slide--content, .slider--row {
    position: relative;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0
}

.footer--main .grid-row-fluid .col--content, .footer--main .grid-row-fluid .col--media, .footer--main .grid-row-fluid .footer--corporate, .footer--main .grid-row-fluid .footer--links-alt, .footer--main .grid-row-fluid .footer--networks, .footer--main .grid-row-fluid .grid-col-1, .footer--main .grid-row-fluid .grid-col-10, .footer--main .grid-row-fluid .grid-col-11, .footer--main .grid-row-fluid .grid-col-12, .footer--main .grid-row-fluid .grid-col-2, .footer--main .grid-row-fluid .grid-col-3, .footer--main .grid-row-fluid .grid-col-4, .footer--main .grid-row-fluid .grid-col-5, .footer--main .grid-row-fluid .grid-col-6, .footer--main .grid-row-fluid .grid-col-7, .footer--main .grid-row-fluid .grid-col-8, .footer--main .grid-row-fluid .grid-col-9, .footer--main .lp-recipe--infos .col--content, .footer--main .lp-recipe--infos .col--media, .footer--main .lp-recipe--infos .footer--corporate, .footer--main .lp-recipe--infos .footer--links-alt, .footer--main .lp-recipe--infos .footer--networks, .footer--main .lp-recipe--infos .grid-col-1, .footer--main .lp-recipe--infos .grid-col-10, .footer--main .lp-recipe--infos .grid-col-11, .footer--main .lp-recipe--infos .grid-col-12, .footer--main .lp-recipe--infos .grid-col-2, .footer--main .lp-recipe--infos .grid-col-3, .footer--main .lp-recipe--infos .grid-col-4, .footer--main .lp-recipe--infos .grid-col-5, .footer--main .lp-recipe--infos .grid-col-6, .footer--main .lp-recipe--infos .grid-col-7, .footer--main .lp-recipe--infos .grid-col-8, .footer--main .lp-recipe--infos .grid-col-9, .footer--main .lp-recipe--ingredients-list .col--content, .footer--main .lp-recipe--ingredients-list .col--media, .footer--main .lp-recipe--ingredients-list .footer--corporate, .footer--main .lp-recipe--ingredients-list .footer--links-alt, .footer--main .lp-recipe--ingredients-list .footer--networks, .footer--main .lp-recipe--ingredients-list .grid-col-1, .footer--main .lp-recipe--ingredients-list .grid-col-10, .footer--main .lp-recipe--ingredients-list .grid-col-11, .footer--main .lp-recipe--ingredients-list .grid-col-12, .footer--main .lp-recipe--ingredients-list .grid-col-2, .footer--main .lp-recipe--ingredients-list .grid-col-3, .footer--main .lp-recipe--ingredients-list .grid-col-4, .footer--main .lp-recipe--ingredients-list .grid-col-5, .footer--main .lp-recipe--ingredients-list .grid-col-6, .footer--main .lp-recipe--ingredients-list .grid-col-7, .footer--main .lp-recipe--ingredients-list .grid-col-8, .footer--main .lp-recipe--ingredients-list .grid-col-9, .footer--main .row--lp-recipe .col--content, .footer--main .row--lp-recipe .col--media, .footer--main .row--lp-recipe .footer--corporate, .footer--main .row--lp-recipe .footer--links-alt, .footer--main .row--lp-recipe .footer--networks, .footer--main .row--lp-recipe .grid-col-1, .footer--main .row--lp-recipe .grid-col-10, .footer--main .row--lp-recipe .grid-col-11, .footer--main .row--lp-recipe .grid-col-12, .footer--main .row--lp-recipe .grid-col-2, .footer--main .row--lp-recipe .grid-col-3, .footer--main .row--lp-recipe .grid-col-4, .footer--main .row--lp-recipe .grid-col-5, .footer--main .row--lp-recipe .grid-col-6, .footer--main .row--lp-recipe .grid-col-7, .footer--main .row--lp-recipe .grid-col-8, .footer--main .row--lp-recipe .grid-col-9, .footer--main .row--manifesto .col--content, .footer--main .row--manifesto .col--media, .footer--main .row--manifesto .footer--corporate, .footer--main .row--manifesto .footer--links-alt, .footer--main .row--manifesto .footer--networks, .footer--main .row--manifesto .grid-col-1, .footer--main .row--manifesto .grid-col-10, .footer--main .row--manifesto .grid-col-11, .footer--main .row--manifesto .grid-col-12, .footer--main .row--manifesto .grid-col-2, .footer--main .row--manifesto .grid-col-3, .footer--main .row--manifesto .grid-col-4, .footer--main .row--manifesto .grid-col-5, .footer--main .row--manifesto .grid-col-6, .footer--main .row--manifesto .grid-col-7, .footer--main .row--manifesto .grid-col-8, .footer--main .row--manifesto .grid-col-9, .footer--main .storyContainer .col--content, .footer--main .storyContainer .col--media, .footer--main .storyContainer .footer--corporate, .footer--main .storyContainer .footer--links-alt, .footer--main .storyContainer .footer--networks, .footer--main .storyContainer .grid-col-1, .footer--main .storyContainer .grid-col-10, .footer--main .storyContainer .grid-col-11, .footer--main .storyContainer .grid-col-12, .footer--main .storyContainer .grid-col-2, .footer--main .storyContainer .grid-col-3, .footer--main .storyContainer .grid-col-4, .footer--main .storyContainer .grid-col-5, .footer--main .storyContainer .grid-col-6, .footer--main .storyContainer .grid-col-7, .footer--main .storyContainer .grid-col-8, .footer--main .storyContainer .grid-col-9, .footer--main .storyDates__content .col--content, .footer--main .storyDates__content .col--media, .footer--main .storyDates__content .footer--corporate, .footer--main .storyDates__content .footer--links-alt, .footer--main .storyDates__content .footer--networks, .footer--main .storyDates__content .grid-col-1, .footer--main .storyDates__content .grid-col-10, .footer--main .storyDates__content .grid-col-11, .footer--main .storyDates__content .grid-col-12, .footer--main .storyDates__content .grid-col-2, .footer--main .storyDates__content .grid-col-3, .footer--main .storyDates__content .grid-col-4, .footer--main .storyDates__content .grid-col-5, .footer--main .storyDates__content .grid-col-6, .footer--main .storyDates__content .grid-col-7, .footer--main .storyDates__content .grid-col-8, .footer--main .storyDates__content .grid-col-9, .grid-row .col--content, .grid-row .col--media, .grid-row .footer--corporate, .grid-row .footer--links-alt, .grid-row .footer--networks, .grid-row .grid-col-1, .grid-row .grid-col-10, .grid-row .grid-col-11, .grid-row .grid-col-12, .grid-row .grid-col-2, .grid-row .grid-col-3, .grid-row .grid-col-4, .grid-row .grid-col-5, .grid-row .grid-col-6, .grid-row .grid-col-7, .grid-row .grid-col-8, .grid-row .grid-col-9, .header--wrap .col--content, .header--wrap .col--media, .header--wrap .footer--corporate, .header--wrap .footer--links-alt, .header--wrap .footer--networks, .header--wrap .grid-col-1, .header--wrap .grid-col-10, .header--wrap .grid-col-11, .header--wrap .grid-col-12, .header--wrap .grid-col-2, .header--wrap .grid-col-3, .header--wrap .grid-col-4, .header--wrap .grid-col-5, .header--wrap .grid-col-6, .header--wrap .grid-col-7, .header--wrap .grid-col-8, .header--wrap .grid-col-9, .row--account .col--content, .row--account .col--media, .row--account .footer--corporate, .row--account .footer--links-alt, .row--account .footer--networks, .row--account .grid-col-1, .row--account .grid-col-10, .row--account .grid-col-11, .row--account .grid-col-12, .row--account .grid-col-2, .row--account .grid-col-3, .row--account .grid-col-4, .row--account .grid-col-5, .row--account .grid-col-6, .row--account .grid-col-7, .row--account .grid-col-8, .row--account .grid-col-9, .row--contact .col--content, .row--contact .col--media, .row--contact .footer--corporate, .row--contact .footer--links-alt, .row--contact .footer--networks, .row--contact .grid-col-1, .row--contact .grid-col-10, .row--contact .grid-col-11, .row--contact .grid-col-12, .row--contact .grid-col-2, .row--contact .grid-col-3, .row--contact .grid-col-4, .row--contact .grid-col-5, .row--contact .grid-col-6, .row--contact .grid-col-7, .row--contact .grid-col-8, .row--contact .grid-col-9, .row-modal .col--content, .row-modal .col--media, .row-modal .footer--corporate, .row-modal .footer--links-alt, .row-modal .footer--networks, .row-modal .grid-col-1, .row-modal .grid-col-10, .row-modal .grid-col-11, .row-modal .grid-col-12, .row-modal .grid-col-2, .row-modal .grid-col-3, .row-modal .grid-col-4, .row-modal .grid-col-5, .row-modal .grid-col-6, .row-modal .grid-col-7, .row-modal .grid-col-8, .row-modal .grid-col-9, .section--theme-share .col--content, .section--theme-share .col--media, .section--theme-share .footer--corporate, .section--theme-share .footer--links-alt, .section--theme-share .footer--networks, .section--theme-share .grid-col-1, .section--theme-share .grid-col-10, .section--theme-share .grid-col-11, .section--theme-share .grid-col-12, .section--theme-share .grid-col-2, .section--theme-share .grid-col-3, .section--theme-share .grid-col-4, .section--theme-share .grid-col-5, .section--theme-share .grid-col-6, .section--theme-share .grid-col-7, .section--theme-share .grid-col-8, .section--theme-share .grid-col-9, .slide--content .col--content, .slide--content .col--media, .slide--content .footer--corporate, .slide--content .footer--links-alt, .slide--content .footer--networks, .slide--content .grid-col-1, .slide--content .grid-col-10, .slide--content .grid-col-11, .slide--content .grid-col-12, .slide--content .grid-col-2, .slide--content .grid-col-3, .slide--content .grid-col-4, .slide--content .grid-col-5, .slide--content .grid-col-6, .slide--content .grid-col-7, .slide--content .grid-col-8, .slide--content .grid-col-9, .slider--row .col--content, .slider--row .col--media, .slider--row .footer--corporate, .slider--row .footer--links-alt, .slider--row .footer--networks, .slider--row .grid-col-1, .slider--row .grid-col-10, .slider--row .grid-col-11, .slider--row .grid-col-12, .slider--row .grid-col-2, .slider--row .grid-col-3, .slider--row .grid-col-4, .slider--row .grid-col-5, .slider--row .grid-col-6, .slider--row .grid-col-7, .slider--row .grid-col-8, .slider--row .grid-col-9 {
    float: none;
    width: calc(100% - 40px);
    min-height: 1px;
    margin: 0 20px
}

.footer--main .grid-row-fluid .grid-col-free, .footer--main .lp-recipe--infos .grid-col-free, .footer--main .lp-recipe--ingredients-list .grid-col-free, .footer--main .row--lp-recipe .grid-col-free, .footer--main .row--manifesto .grid-col-free, .footer--main .storyContainer .grid-col-free, .footer--main .storyDates__content .grid-col-free, .grid-row .grid-col-free, .header--wrap .grid-col-free, .row--account .grid-col-free, .row--contact .grid-col-free, .row-modal .grid-col-free, .section--theme-share .grid-col-free, .slide--content .grid-col-free, .slider--row .grid-col-free {
    float: left;
    min-height: 1px
}

.grid-row-fluid, .lp-recipe--infos, .lp-recipe--ingredients-list, .row--lp-recipe, .row--manifesto, .storyContainer, .storyDates__content {
    position: relative;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0
}

.grid-row-fluid .col--content, .grid-row-fluid .col--media, .grid-row-fluid .footer--corporate, .grid-row-fluid .footer--links-alt, .grid-row-fluid .footer--networks, .grid-row-fluid .grid-col-1, .grid-row-fluid .grid-col-10, .grid-row-fluid .grid-col-11, .grid-row-fluid .grid-col-12, .grid-row-fluid .grid-col-2, .grid-row-fluid .grid-col-3, .grid-row-fluid .grid-col-4, .grid-row-fluid .grid-col-5, .grid-row-fluid .grid-col-6, .grid-row-fluid .grid-col-7, .grid-row-fluid .grid-col-8, .grid-row-fluid .grid-col-9, .lp-recipe--infos .col--content, .lp-recipe--infos .col--media, .lp-recipe--infos .footer--corporate, .lp-recipe--infos .footer--links-alt, .lp-recipe--infos .footer--networks, .lp-recipe--infos .grid-col-1, .lp-recipe--infos .grid-col-10, .lp-recipe--infos .grid-col-11, .lp-recipe--infos .grid-col-12, .lp-recipe--infos .grid-col-2, .lp-recipe--infos .grid-col-3, .lp-recipe--infos .grid-col-4, .lp-recipe--infos .grid-col-5, .lp-recipe--infos .grid-col-6, .lp-recipe--infos .grid-col-7, .lp-recipe--infos .grid-col-8, .lp-recipe--infos .grid-col-9, .lp-recipe--ingredients-list .col--content, .lp-recipe--ingredients-list .col--media, .lp-recipe--ingredients-list .footer--corporate, .lp-recipe--ingredients-list .footer--links-alt, .lp-recipe--ingredients-list .footer--networks, .lp-recipe--ingredients-list .grid-col-1, .lp-recipe--ingredients-list .grid-col-10, .lp-recipe--ingredients-list .grid-col-11, .lp-recipe--ingredients-list .grid-col-12, .lp-recipe--ingredients-list .grid-col-2, .lp-recipe--ingredients-list .grid-col-3, .lp-recipe--ingredients-list .grid-col-4, .lp-recipe--ingredients-list .grid-col-5, .lp-recipe--ingredients-list .grid-col-6, .lp-recipe--ingredients-list .grid-col-7, .lp-recipe--ingredients-list .grid-col-8, .lp-recipe--ingredients-list .grid-col-9, .row--lp-recipe .col--content, .row--lp-recipe .col--media, .row--lp-recipe .footer--corporate, .row--lp-recipe .footer--links-alt, .row--lp-recipe .footer--networks, .row--lp-recipe .grid-col-1, .row--lp-recipe .grid-col-10, .row--lp-recipe .grid-col-11, .row--lp-recipe .grid-col-12, .row--lp-recipe .grid-col-2, .row--lp-recipe .grid-col-3, .row--lp-recipe .grid-col-4, .row--lp-recipe .grid-col-5, .row--lp-recipe .grid-col-6, .row--lp-recipe .grid-col-7, .row--lp-recipe .grid-col-8, .row--lp-recipe .grid-col-9, .row--manifesto .col--content, .row--manifesto .col--media, .row--manifesto .footer--corporate, .row--manifesto .footer--links-alt, .row--manifesto .footer--networks, .row--manifesto .grid-col-1, .row--manifesto .grid-col-10, .row--manifesto .grid-col-11, .row--manifesto .grid-col-12, .row--manifesto .grid-col-2, .row--manifesto .grid-col-3, .row--manifesto .grid-col-4, .row--manifesto .grid-col-5, .row--manifesto .grid-col-6, .row--manifesto .grid-col-7, .row--manifesto .grid-col-8, .row--manifesto .grid-col-9, .storyContainer .col--content, .storyContainer .col--media, .storyContainer .footer--corporate, .storyContainer .footer--links-alt, .storyContainer .footer--networks, .storyContainer .grid-col-1, .storyContainer .grid-col-10, .storyContainer .grid-col-11, .storyContainer .grid-col-12, .storyContainer .grid-col-2, .storyContainer .grid-col-3, .storyContainer .grid-col-4, .storyContainer .grid-col-5, .storyContainer .grid-col-6, .storyContainer .grid-col-7, .storyContainer .grid-col-8, .storyContainer .grid-col-9, .storyDates__content .col--content, .storyDates__content .col--media, .storyDates__content .footer--corporate, .storyDates__content .footer--links-alt, .storyDates__content .footer--networks, .storyDates__content .grid-col-1, .storyDates__content .grid-col-10, .storyDates__content .grid-col-11, .storyDates__content .grid-col-12, .storyDates__content .grid-col-2, .storyDates__content .grid-col-3, .storyDates__content .grid-col-4, .storyDates__content .grid-col-5, .storyDates__content .grid-col-6, .storyDates__content .grid-col-7, .storyDates__content .grid-col-8, .storyDates__content .grid-col-9 {
    float: none;
    width: calc(100% - 40px);
    min-height: 1px;
    margin: 0 20px
}

.grid-row-fluid .grid-col-free, .lp-recipe--infos .grid-col-free, .lp-recipe--ingredients-list .grid-col-free, .row--lp-recipe .grid-col-free, .row--manifesto .grid-col-free, .storyContainer .grid-col-free, .storyDates__content .grid-col-free {
    float: left;
    min-height: 1px
}

.booklets-row, .grid-row-centered, .products-row, .recipes-row {
    font-size: 0;
    position: relative;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    text-align: center
}

.booklets-row .col--content, .booklets-row .col--media, .booklets-row .footer--corporate, .booklets-row .footer--links-alt, .booklets-row .footer--networks, .booklets-row .grid-col-1, .booklets-row .grid-col-10, .booklets-row .grid-col-11, .booklets-row .grid-col-12, .booklets-row .grid-col-2, .booklets-row .grid-col-3, .booklets-row .grid-col-4, .booklets-row .grid-col-5, .booklets-row .grid-col-6, .booklets-row .grid-col-7, .booklets-row .grid-col-8, .booklets-row .grid-col-9, .grid-row-centered .col--content, .grid-row-centered .col--media, .grid-row-centered .footer--corporate, .grid-row-centered .footer--links-alt, .grid-row-centered .footer--networks, .grid-row-centered .grid-col-1, .grid-row-centered .grid-col-10, .grid-row-centered .grid-col-11, .grid-row-centered .grid-col-12, .grid-row-centered .grid-col-2, .grid-row-centered .grid-col-3, .grid-row-centered .grid-col-4, .grid-row-centered .grid-col-5, .grid-row-centered .grid-col-6, .grid-row-centered .grid-col-7, .grid-row-centered .grid-col-8, .grid-row-centered .grid-col-9, .products-row .col--content, .products-row .col--media, .products-row .footer--corporate, .products-row .footer--links-alt, .products-row .footer--networks, .products-row .grid-col-1, .products-row .grid-col-10, .products-row .grid-col-11, .products-row .grid-col-12, .products-row .grid-col-2, .products-row .grid-col-3, .products-row .grid-col-4, .products-row .grid-col-5, .products-row .grid-col-6, .products-row .grid-col-7, .products-row .grid-col-8, .products-row .grid-col-9, .recipes-row .col--content, .recipes-row .col--media, .recipes-row .footer--corporate, .recipes-row .footer--links-alt, .recipes-row .footer--networks, .recipes-row .grid-col-1, .recipes-row .grid-col-10, .recipes-row .grid-col-11, .recipes-row .grid-col-12, .recipes-row .grid-col-2, .recipes-row .grid-col-3, .recipes-row .grid-col-4, .recipes-row .grid-col-5, .recipes-row .grid-col-6, .recipes-row .grid-col-7, .recipes-row .grid-col-8, .recipes-row .grid-col-9 {
    width: 100%
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.hide-on-phone {
    display: none
}

.booklets-row:after, .cf:after, .footer--main .grid-row-fluid:after, .footer--main .grid-row:after, .footer--main .lp-recipe--infos:after, .footer--main .lp-recipe--ingredients-list:after, .footer--main .row--lp-recipe:after, .footer--main .row--manifesto:after, .footer--main .storyContainer:after, .footer--main .storyDates__content:after, .grid-row-centered:after, .grid-row-fluid:after, .grid-row:after, .header--wrap:after, .lp-recipe--infos:after, .lp-recipe--ingredients-list:after, .products-row:after, .recipes-row:after, .row--account:after, .row--contact:after, .row--lp-recipe:after, .row--manifesto:after, .row-modal:after, .section--theme-share:after, .slide--content:after, .slider--row:after, .storyContainer:after, .storyDates__content:after {
    display: block;
    content: "";
    clear: both
}

.form--newsletter .gfield_label, .form--recipe-actions .input--field.radiogroup .gfield_label, .quiz--form-participate #field_7_5, .quiz--form-participate #field_7_8, .quiz--form-participate .gfield_visibility_hidden, .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.color1, .color1-lt {
    background-color: #094da5
}

.color1-lt {
    background-color: #217df3
}

.color2 {
    background-color: #f49811
}

.color2-dk {
    background-color: #985d07
}

@font-face {
    font-family: Lobster-Regular;
    src: url(css/fonts/Lobster-Regular.woff2) format("woff2"), url(css/fonts/Lobster-Regular.woff) format("woff"), url(css/fonts/Lobster-Regular.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: Roboto;
    src: url(css/fonts/Roboto-Bold.woff2) format("woff2"), url(css/fonts/Roboto-Bold.woff) format("woff"), url(css/fonts/Roboto-Bold.ttf) format("truetype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: Roboto;
    src: url(css/fonts/Roboto-Regular.woff2) format("woff2"), url(css/fonts/Roboto-Regular.woff) format("woff"), url(css/fonts/Roboto-Regular.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: Roboto;
    src: url(css/fonts/Roboto-Italic.woff2) format("woff2"), url(css/fonts/Roboto-Italic.woff) format("woff"), url(css/fonts/Roboto-Italic.ttf) format("truetype");
    font-style: italic;
    font-weight: 400
}

@font-face {
    font-family: Roboto Light;
    src: url(css/fonts/Roboto-Light.woff2) format("woff2"), url(css/fonts/Roboto-Light.woff) format("woff"), url(css/fonts/Roboto-Light.ttf) format("truetype");
    font-style: normal;
    font-weight: 200
}

*, :after, :before {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body, html {
    position: relative;
    width: 100%;
    height: 100%
}

html {
    font-size: 62.5%
}

body {
    color: #5c5c5c;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    line-height: 2.2rem;
    font-weight: 300;
    padding: 60px 0 0
}

body.customize-support .header--main {
    top: 32px
}

.noscroll {
    overflow: hidden
}

.wrapper {
    position: relative;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 10px
}

.center {
    text-align: center
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

input[type=search], input[type=submit] {
    -webkit-appearance: none
}

.page--content {
    font-family: Roboto Light, sans-serif
}

.page--content .h2, .page--content .h3, .page--content .h4, .page--content .h5, .page--content .h6, .page--content .quiz--form-validation .message, .page--content h2, .page--content h3, .page--content h4, .page--content h5, .page--content h6, .page--content legend, .quiz--form-validation .page--content .message {
    font-family: Roboto, sans-serif
}

.page--content .h2, .page--content .quiz--form-validation .message, .page--content h2, .quiz--form-validation .page--content .message {
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
    line-height: 2rem
}

.page--content table {
    width: 100%;
    margin-bottom: 15px
}

.page--content table td, .page--content table th {
    padding: 10px 15px;
    border: 1px solid #000
}

.page--header {
    position: relative;
    padding: 85px 0 30px;
    text-align: center;
    overflow: hidden
}

.page--header.has-cover {
    padding: 0
}

.page--header.has-cover .page--header-cover {
    position: relative;
    min-height: 280px
}

.page--header.has-cover .page--header-cover.cover--large .page--header-content {
    margin-top: 15px
}

.page--header.has-cover .page--header-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2
}

.page--header.has-cover .page--title, .page--header.has-cover .product--subcategory-title {
    color: #fff;
    margin: 0 auto 20px;
    padding: 0;
    text-shadow: 0 0 76px rgba(0, 0, 0, .89)
}

.page--header.has-cover .page--title:after, .page--header.has-cover .product--subcategory-title:after {
    content: normal
}

.page--header.has-cover .page--subtitle {
    color: #fff
}

.page--header.has-cover .page--excerpt p, .page--header.has-cover .product--subcategory-excerpt p {
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
    line-height: 2.4rem;
    margin: 50px auto
}

.page--header.has-cover .header--cover-image {
    /*position: absolute;*/
    top: 0;
    width: 100%;
    min-height: 100%;
    z-index: 1
}

.page--header.has-cover .breadcrumb {
    color: #fff
}

.page--header.lp-jeu-concours {
    margin-bottom: 85px
}

.page--header.lp-jeu-concours .header--cover-image, .page--header.lp-jeu-concours .page--header-cover {
    min-height: 475px
}

.page--header.lp-jeu-concours .page--header-content {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 95%;
    max-width: 880px;
    padding: 30px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: -3px 7px 9px 1px rgba(39, 39, 39, .18);
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    z-index: 2
}

.page--header.lp-jeu-concours .page--title, .page--header.lp-jeu-concours .product--subcategory-title {
    color: #094da5;
    margin: 0;
    text-shadow: none;
    font-size: 42px
}

.page--header.lp-jeu-concours .page--subtitle {
    color: #094da5;
    margin: 0;
    text-shadow: none;
    font-size: 31px;
    padding: 0 0 4px
}

.page--title, .product--subcategory-title {
    position: relative;
    font-family: Lobster-Regular, cursive;
    font-size: 30px;
    font-size: 3rem;
    line-height: 36px;
    line-height: 3.6rem;
    margin: 0 auto 10px;
    padding: 0 20px 20px;
    text-align: center
}

.page--title:after, .product--subcategory-title:after {
    position: absolute;
    color: inherit;
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 48px;
    line-height: 4.8rem;
    left: 50%;
    bottom: -15px;
    content: "\2014";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.page--subtitle {
    display: block;
    color: #094da5;
    font-family: Lobster-Regular, cursive;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
    line-height: 2.4rem
}

.page--excerpt, .product--subcategory-excerpt {
    font-weight: 400;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 25px;
    text-align: center
}

.page--excerpt p, .product--subcategory-excerpt p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem
}

.page--excerpt p:last-of-type, .product--subcategory-excerpt p:last-of-type {
    padding: 0
}

.breadcrumb {
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    max-width: 1320px;
    padding: 0 20px;
    color: #094da5;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 13px;
    line-height: 1.3rem;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    z-index: 3
}

.breadcrumb.light {
    color: #fff
}

.breadcrumb .breadcrumb--links {
    padding-left: 0;
    text-align: left
}

.block--push, .block--single {
    position: relative;
    text-align: center;
    margin-bottom: 50px
}

.block--push-media, .block--single-media {
    max-height: 400px;
    overflow: hidden;
    border-radius: 10px
}

.block--push-thumb, .block--single-thumb {
    display: block
}

.block--push-content, .block--single-content {
    position: relative;
    margin: -10px auto 0;
    padding: 15px 15px 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 3px solid #f49811;
    background-color: #fff;
    box-shadow: 0 13px 34px 3px rgba(0, 0, 0, .05)
}

.block--single-content.small, .small.block--push-content {
    max-width: 70%;
    margin: -10px auto 0
}

.block--push-label, .block--single-label {
    position: relative;
    display: inline-block;
    color: #9b9b9b;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0 auto 10px;
    padding: 0 0 10px;
    text-transform: uppercase
}

.block--push-label:after, .block--single-label:after {
    position: absolute;
    display: block;
    content: "";
    left: 50%;
    bottom: 0;
    width: 10px;
    height: 1px;
    background-color: #9b9b9b;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.block--push-title, .block--single-title {
    display: block;
    color: #094da5;
    font-family: Lobster-Regular, cursive;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 24px;
    line-height: 2.4rem;
    padding: 0 0 20px
}

.block--push-media {
    position: relative;
    min-height: 300px;
    overflow: hidden
}

.block--push-media, .block--push-media img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.block--push-media img {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: auto;
    min-width: 100%;
    max-width: none;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: all .35s ease-out;
    transition: all .35s ease-out
}

.block--push-media img:hover {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05)
}

.block--push-content {
    max-width: 90%;
    margin: -25px auto 0
}

.block--push-recipe {
    color: #5c5c5c;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    font-weight: 400
}

.block--arrow {
    position: relative;
    margin: 0 auto 50px;
    padding: 25px 15px;
    border-radius: 10px;
    background-color: #fff
}

.block--arrow:after {
    display: block;
    position: absolute;
    content: "";
    bottom: -25px;
    left: 50%;
    width: 50px;
    height: 50px;
    -webkit-transform: translate(-50%) rotate(45deg);
    -ms-transform: translate(-50%) rotate(45deg);
    transform: translate(-50%) rotate(45deg);
    background-color: inherit
}

.block--arrow.blue {
    color: #fff;
    background-color: #094da5
}

.section--excerpt, .sidebar {
    text-align: center
}

.h1, h1 {
    font-size: 30px;
    font-size: 3rem;
    line-height: 30px;
    line-height: 3rem
}

.h1, .h2, .quiz--form-validation .message, h1, h2 {
    color: #094da5;
    font-family: Lobster-Regular, cursive;
    font-weight: 400;
    padding: 0 0 20px
}

.h2, .quiz--form-validation .message, h2 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
    line-height: 2.4rem
}

.h3, h3, legend {
    color: #094da5;
    font-family: Lobster-Regular, cursive;
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
    line-height: 2rem;
    font-weight: 400;
    padding: 0 0 20px
}

.h4, h4 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
    line-height: 1.8rem
}

.h4, .h5, h4, h5 {
    color: #094da5;
    font-family: Lobster-Regular, cursive;
    font-weight: 400;
    padding: 0 0 15px
}

.h5, h5 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    line-height: 1.6rem
}

.h6, h6 {
    color: #094da5;
    font-family: Lobster-Regular, cursive;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    font-weight: 400
}

.h6, h6, p {
    padding: 0 0 15px
}

p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem
}

a {
    color: inherit;
    text-decoration: underline
}

strong {
    font-weight: 600
}

i {
    font-style: italic
}

sup {
    vertical-align: super
}

sub, sup {
    font-size: .75em
}

sub {
    vertical-align: sub
}

ul {
    padding: 10px 0 10px 20px;
    list-style: disc
}

ul li {
    margin: 0 0 7px
}

ol {
    padding: 10px 0 10px 20px;
    list-style: decimal
}

ol li {
    margin: 0 0 7px
}

.account--form-wrap .input--field.checkbox.optin ol.gfield_checkbox, .account--form-wrap .input--field.checkbox.optin ul.gfield_checkbox, .gform_fields ol.gfield_radio, .gform_fields ul.gfield_radio, ol.account--nav, ol.list--search-tags, ol.pagination--links, ol.quiz--answers-list, ol.recipes--subcats-list, ol.unstyled, ul.account--nav, ul.list--search-tags, ul.pagination--links, ul.quiz--answers-list, ul.recipes--subcats-list, ul.unstyled {
    padding: 0;
    list-style: none
}

.account--form-wrap .input--field.checkbox.optin ol.gfield_checkbox li, .account--form-wrap .input--field.checkbox.optin ul.gfield_checkbox li, .gform_fields ol.gfield_radio li, .gform_fields ul.gfield_radio li, ol.account--nav li, ol.list--search-tags li, ol.pagination--links li, ol.quiz--answers-list li, ol.recipes--subcats-list li, ol.unstyled li, ul.account--nav li, ul.list--search-tags li, ul.pagination--links li, ul.quiz--answers-list li, ul.recipes--subcats-list li, ul.unstyled li {
    margin: 0;
    padding: 0
}

img {
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.alignright {
    float: right;
    margin: 0 0 20px 20px
}

.alignleft {
    float: left;
    margin: 0 20px 20px 0
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.figure--video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.figure--video embed, .figure--video iframe, .figure--video object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

button, input[type=submit] {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button .icon, input[type=submit] .icon {
    display: block
}

.btn, .button, .form--modal-actions .btn--filters-reset, .form--modal-actions .btn--filters-submit, button[type=submit], input[type=submit] {
    cursor: pointer;
    display: inline-block;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    padding: 11px 20px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    border: 1px solid #f49811;
    border-radius: 20px;
    background-color: #f49811
}

.btn:hover, .button:hover, .form--modal-actions .btn--filters-reset:hover, .form--modal-actions .btn--filters-submit:hover, .input--field.file .upload-wrapper:hover .button, button[type=submit]:hover, input[type=submit]:hover {
    color: #f49811;
    background-color: #fff
}

.btn.alt, .button.alt, .form--modal-actions .alt.btn--filters-reset, .form--modal-actions .alt.btn--filters-submit, button.alt[type=submit], input.alt[type=submit] {
    color: #f49811;
    background-color: #fff
}

.btn.alt:hover, .button.alt:hover, .form--modal-actions .alt.btn--filters-reset:hover, .form--modal-actions .alt.btn--filters-submit:hover, .input--field.file .upload-wrapper:hover .alt.button, button.alt[type=submit]:hover, input.alt[type=submit]:hover {
    color: #fff;
    background-color: #f49811
}

.btn.size--xs, .button.size--xs, .form--modal-actions .size--xs.btn--filters-reset, .form--modal-actions .size--xs.btn--filters-submit, button.size--xs[type=submit], input.size--xs[type=submit] {
    font-weight: 400;
    padding: 8px 20px
}

.btn-vote {
    position: relative;
    border: 0;
    background-color: transparent
}

.btn-vote .icon {
    max-width: 26px;
    max-height: 28px
}

.btn-vote-count {
    position: absolute;
    left: 50%;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 11px;
    line-height: 1.1rem;
    -webkit-transform: translate(-50%, 3px);
    -ms-transform: translate(-50%, 3px);
    transform: translate(-50%, 3px)
}

.btn-vote-count.vote-up {
    color: #019a41
}

.btn-vote-count.vote-down {
    color: #e0182f
}

.btn-rating {
    border: 0;
    background-color: transparent
}

.btn-rating .icon {
    fill: #fff;
    max-width: 27px;
    max-height: 26px
}

.btn-rating.inactive {
    opacity: .5
}

.recipe-rating-actions {
    padding: 0
}

.recipe-rating-actions li {
    display: inline-block;
    opacity: .5
}

.recipe-rating-actions li.active, .recipe-rating-actions li.checked {
    opacity: 1
}

input::-webkit-input-placeholder {
    color: #fff;
    text-overflow: ellipsis !important
}

input:-moz-placeholder, input::-moz-placeholder {
    color: #fff;
    text-overflow: ellipsis !important
}

input:-ms-input-placeholder {
    color: #fff;
    text-overflow: ellipsis !important
}

textarea::-webkit-input-placeholder {
    color: #fff;
    text-overflow: ellipsis !important
}

textarea:-moz-placeholder, textarea::-moz-placeholder {
    color: #fff;
    text-overflow: ellipsis !important
}

textarea:-ms-input-placeholder {
    color: #fff;
    text-overflow: ellipsis !important
}

input:focus::-webkit-input-placeholder {
    text-overflow: clip !important
}

input:focus:-moz-placeholder {
    text-overflow: clip !important
}

input:focus::-moz-placeholder {
    text-overflow: clip !important
}

input:focus:-ms-input-placeholder {
    text-overflow: clip !important
}

textarea:focus::-webkit-input-placeholder {
    text-overflow: clip !important
}

textarea:focus:-moz-placeholder {
    text-overflow: clip !important
}

textarea:focus::-moz-placeholder {
    text-overflow: clip !important
}

textarea:focus:-ms-input-placeholder {
    text-overflow: clip !important
}

.input--field {
    font-size: 0;
    margin: 0 0 15px
}

.input--field, .input--field.select {
    position: relative
}

.input--field.select .select--wrapper {
    display: inline-block;
    position: relative;
    color: #fff;
    font-family: Lobster-Regular, cursive;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #225fae;
    overflow: hidden;
    vertical-align: middle
}

.input--field.select .select--wrapper:after {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    right: 12px;
    width: 25px;
    height: 13px;
    background: url(images/icon-arrow-bottom.svg) 50% no-repeat;
    background-size: cover;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.input--field.select select {
    position: relative;
    display: block;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-family: Roboto, sans-serif;
    width: 100%;
    background-color: #225fae;
    border-radius: 4px;
    vertical-align: top;
    width: 120%;
    padding: 12px 105px 12px 20px;
    border: 0;
    outline: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-overflow: ellipsis;
    z-index: 2
}

.input--field.select select optgroup {
    border-color: transparent
}

.input--field.select select option {
    color: #094da5;
    background-color: #fff
}

.input--field.select select option:disabled {
    color: #094da5;
    background-color: #9b9b9b
}

.input--field.select select:focus {
    outline: 0
}

.input--field.checkbox {
    margin: 0 25px 15px 0
}

.input--field.checkbox:before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 25px;
    height: 25px;
    background-color: #094da5;
    border: 1px solid #fff;
    border-radius: 3px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.input--field.checkbox:after {
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 25px;
    height: 25px;
    background: url(images/icon-check.svg) 50% no-repeat;
    background-size: 22px 22px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.input--field.checkbox.checked:after {
    opacity: 1;
    visibility: visible
}

.input--field.checkbox input[type=checkbox] {
    position: absolute;
    left: -9999px
}

.input--field.checkbox label {
    padding: 0 0 0 40px;
    margin: 0;
    z-index: 3
}

.input--field.checkbox.right:before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: auto;
    right: 0;
    width: 25px;
    height: 25px;
    background-color: #094da5;
    border: 1px solid #fff;
    border-radius: 3px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.input--field.checkbox.right:after {
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: auto;
    right: 0;
    width: 25px;
    height: 25px;
    background: url(images/icon-check.svg) 50% no-repeat;
    background-size: 22px 22px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.input--field.checkbox.right.checked:after {
    opacity: 1;
    visibility: visible
}

.input--field.checkbox.right label {
    padding: 0 35px 0 0;
    margin: 0;
    z-index: 3
}

.input--field.checkbox.icon-label {
    position: relative;
    width: 25px;
    margin: 25px 53px 0 0;
    padding-bottom: 5px
}

.input--field.checkbox.icon-label:last-of-type {
    margin-right: 20px
}

.input--field.checkbox.icon-label label {
    margin: 0;
    padding: 0 0 25px
}

.input--field.checkbox.icon-label .icon-label--wrapper {
    position: absolute;
    top: -25px;
    left: 50%;
    width: 100px;
    text-align: center;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.input--field.checkbox.icon-label .icon {
    fill: #fff;
    width: 13px;
    margin: 0 -1px
}

.input--field.radiogroup .radiogroup-wrapper {
    display: inline-block;
    width: 100%;
    max-width: 60%;
    text-align: left
}

.input--field.radiogroup .radio {
    position: relative;
    display: inline-block;
    padding: 0
}

.input--field.radiogroup .radio label {
    display: block;
    position: relative;
    margin: 0 4px 0 0;
    padding: 0 0 0 22px;
    z-index: 3
}

.input--field.radiogroup .radio:before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background-color: #094da5;
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 1
}

.input--field.radiogroup .radio:after {
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 2
}

.input--field.radiogroup .radio.checked:after {
    opacity: 1;
    visibility: visible
}

.input--field.radiogroup input[type=radio] {
    position: absolute;
    left: -9999px
}

.input--field.radiogroup.horizontal li {
    display: inline-block
}

.input--field.radio-alt {
    position: relative
}

.input--field.radio-alt:before {
    display: block;
    position: absolute;
    content: "";
    top: 15px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #094da5;
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 1;
    pointer-events: none
}

.input--field.radio-alt:after {
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    content: "";
    top: 15px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 2
}

.input--field.radio-alt.checked:after {
    opacity: 1;
    visibility: visible
}

.input--field.radio-alt input[type=radio] {
    position: absolute;
    left: -9999px
}

.input--field.file {
    position: relative;
    color: #fff;
    overflow: hidden
}

.input--field.file .upload-wrapper {
    cursor: pointer;
    position: relative;
    min-height: 46px
}

.input--field.file .upload-wrapper:hover {
    cursor: pointer
}

.input--field.file .upload-wrapper:hover .button {
    cursor: pointer
}

.input--field.file .upload-wrapper:before {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    width: 65%;
    height: 46px;
    border-radius: 4px;
    border: 1px solid #fff;
    background-color: #225fae
}

.input--field.file .upload-placeholder {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 12px 20px;
    width: 65%;
    font-size: 18px;
    font-size: 1.8rem;
    z-index: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.input--field.file input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2
}

.input--field.file input[type=file]:focus {
    outline: 0
}

.input--field.file .button {
    position: absolute;
    border-width: 2px;
    background-color: transparent;
    right: 0;
    z-index: 1
}

.input--field.range {
    color: #fff;
    background-color: #094da5
}

.input--field.range .range--icons {
    display: table;
    table-layout: fixed;
    width: 100%;
    min-height: 35px;
    margin: 0;
    padding: 0;
    font-size: 0
}

.input--field.range .range--icons li {
    display: table-cell;
    margin: 0;
    padding: 0 0 10px;
    text-align: right;
    background: 0 0
}

.input--field.range .range--icons li:first-of-type {
    width: 0
}

.input--field.range .range--icons li:last-of-type {
    text-align: right
}

.input--field.range .range--icons li:last-of-type .range--value-icons {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.input--field.range .range--value {
    position: relative;
    overflow: visible
}

.input--field.range .range--value-icons {
    display: block;
    position: absolute;
    right: 0;
    -webkit-transform: translate(50%);
    -ms-transform: translate(50%);
    transform: translate(50%);
    z-index: 10
}

.input--field.range .icon {
    max-width: 15px;
    max-height: 15px;
    fill: #fff
}

.input--field.password .gfield_label {
    vertical-align: top
}

.input--field.password .ginput_left label, .input--field.password .ginput_right label {
    max-width: none;
    padding-top: 5px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem
}

.input--field.rating {
    text-align: center
}

.input--field input[type=email], .input--field input[type=password], .input--field input[type=text] {
    display: inline-block;
    vertical-align: middle
}

.input--field input[type=email].day, .input--field input[type=email].month, .input--field input[type=password].day, .input--field input[type=password].month, .input--field input[type=text].day, .input--field input[type=text].month {
    max-width: 40px;
    margin-right: 3px;
    padding: 12px 5px
}

.input--field input[type=email].year, .input--field input[type=password].year, .input--field input[type=text].year {
    max-width: 58px;
    padding: 12px 5px
}

.input--field.inline {
    font-size: 0
}

.input--field.inline .radiogroup-label, .input--field.inline > label {
    display: inline-block;
    width: 40%;
    text-align: right
}

.input--field.inline > .gfield_radio, .input--field.inline > .ginput_container, .input--field.inline > input {
    display: inline-block;
    width: 60% !important;
    text-align: left !important
}

.input--field.error input, .input--field.gfield_error input {
    border-color: #e0182f
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0 10px
}

.input--field.radiogroup .radiogroup-label, .label, label {
    position: relative;
    display: inline-block;
    color: inherit;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    width: 100%;
    max-width: 40%;
    margin: 0 0 10px;
    padding: 10px 5px 0 0;
    vertical-align: middle
}

.input--field.radiogroup .radiogroup-label a, .label a, label a {
    color: inherit
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url] {
    display: block;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-family: Roboto, sans-serif;
    width: 100%;
    padding: 12px 20px;
    background-color: #225fae;
    border: 1px solid #fff;
    border-radius: 4px;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus {
    outline: 0 !important
}

input[type=radio] {
    vertical-align: top
}

input[type=checkbox] {
    margin: 0;
    vertical-align: top
}

textarea {
    display: block;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-family: Roboto, sans-serif;
    width: 100%;
    padding: 12px 20px;
    background-color: #225fae;
    border: 1px solid #fff;
    border-radius: 4px;
    vertical-align: top;
    max-width: 100%;
    min-height: 210px
}

button[type=submit].email, button[type=submit].search, input[type=submit].email, input[type=submit].search {
    padding: 0;
    width: 40px;
    height: 40px;
    border: 2px solid transparent;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

button[type=submit] .icon-search, input[type=submit] .icon-search {
    fill: #fff;
    width: 21px;
    height: 21px;
    margin: 0 auto;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

button[type=submit] .icon-email, input[type=submit] .icon-email {
    fill: #fff;
    width: 17px;
    height: 12px;
    margin: 0 auto;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

button[type=submit]:hover.email, button[type=submit]:hover.search, input[type=submit]:hover.email, input[type=submit]:hover.search {
    border-color: #f49811
}

button[type=submit]:hover .icon-email, button[type=submit]:hover .icon-search, input[type=submit]:hover .icon-email, input[type=submit]:hover .icon-search {
    fill: #f49811
}

.form--errors, .form--footer, .gform_footer {
    text-align: center
}

.form--errors {
    color: #e0182f;
    margin: 30px 0
}

.login-info {
    margin: 10px 0 20px
}

.form--mentions {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    font-weight: 300;
    margin: 0 0 20px;
    text-align: left
}

.form--recipe-quantity {
    padding: 0 0 15px
}

.form--recipe-quantity .input--field.select {
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle
}

.form--recipe-quantity .input--field.select select {
    font-family: Lobster-Regular, cursive;
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
    line-height: 2rem;
    padding: 12px 25px 12px 15px
}

.form--recipe-quantity .input--field.select .select--wrapper {
    max-width: none
}

.form--recipe-quantity .input--field.select .select--wrapper:after {
    width: 10px;
    height: 6px
}

.form--recipe-quantity .input--field-additional {
    display: inline-block;
    font-family: Lobster-Regular, cursive;
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
    line-height: 2rem;
    margin: 0 0 0 5px;
    vertical-align: middle
}

.checklist--item {
    position: relative;
    padding: 0 0 5px 40px;
    text-align: left
}

.checklist--item:before {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    width: 22px;
    height: 19px;
    border: 2px solid #fff;
    border-radius: 4px
}

.checklist--item.checked:after {
    display: block;
    position: absolute;
    content: "";
    top: -7px;
    left: 2px;
    width: 30px;
    height: 28px;
    background: url(images/icon-check.svg) 50% no-repeat;
    background-size: 30px 27px
}

.gform_fields {
    padding: 0
}

.gform_fields li {
    list-style: none
}

.gform_fields .gfield_radio li {
    display: inline-block
}

.gform_fields .ginput_left label, .gform_fields .ginput_right label {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    font-style: italic;
    font-weight: 300
}

.gform_fields .validation_message, .validation_message {
    color: #e0182f;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    font-style: italic;
    font-weight: 300;
    padding: 12px 15px 0 0
}

.validation_message {
    display: block
}

.validation_error {
    display: none
}

.gform_wrapper .hidden_label .gfield_label, .gform_wrapper label.hidden_sub_label, .gform_wrapper label.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.gform_wrapper li.hidden_label input {
    margin-top: 12px
}

.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
    margin-bottom: 12px
}

.gform_wrapper .left_label li.hidden_label input, .gform_wrapper .right_label li.hidden_label input {
    margin-left: 3.7%
}

.gform_wrapper .hidden_label input.large, .gform_wrapper .hidden_label select.large, .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large {
    width: 100%
}

input[type=submit].gform_button {
    min-width: 160px;
    font-size: 1.55rem
}

.selectric-wrapper {
    position: relative;
    cursor: pointer
}

.selectric-wrapper.selectric-open .selectric {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 2px solid transparent
}

.selectric-wrapper.selectric-open .selectric-items {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top: 0;
    top: calc(100% - 2px)
}

.selectric-wrapper.selectric-open.selectric-above .selectric {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top: 2px solid transparent;
    border-bottom: 2px solid #f49811
}

.selectric-wrapper.selectric-open.selectric-above .selectric-items {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: 2px solid #f49811;
    border-bottom: 0;
    top: auto;
    bottom: calc(100% - 2px)
}

.selectric-responsive {
    width: 100%
}

.selectric {
    border: 2px solid #f49811;
    border-radius: 20px;
    background: 0 0;
    position: relative;
    overflow: hidden
}

.input--field.radiogroup .selectric .radiogroup-label, .selectric .input--field.radiogroup .radiogroup-label, .selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 38px 0 10px;
    padding: 0;
    color: #f49811;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 30px;
    line-height: 3rem;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    height: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    border: none;
    background-color: transparent;
    background: url(images/icon-arrow-bottom-orange.svg) 50% no-repeat
}

.selectric-open {
    z-index: 9999
}

.selectric-open .selectric-items {
    display: block;
    border: 2px solid #f49811
}

.selectric-disabled {
    opacity: .5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0
}

.selectric-hide-select select {
    position: absolute;
    left: -100%
}

.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10
}

.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: 0 !important;
    border: none !important;
    background: 0 0 !important
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important
}

.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    color: #f49811;
    background: #fff;
    z-index: -1;
    box-shadow: 0 0 10px -6px
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%
}

.selectric-items li, .selectric-items ul {
    list-style: none;
    padding: 0 5px;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px
}

.selectric-items li {
    display: block;
    padding: 5px 0;
    color: #f49811;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer
}

.selectric-items li.selected {
    color: #f49811;
    display: none
}

.selectric-items li.highlighted {
    color: #f49811
}

.selectric-items .disabled {
    opacity: .5;
    cursor: default !important;
    background: 0 0 !important;
    color: #666 !important
}

.selectric-items .disabled, .selectric-items .selectric-group .selectric-group-label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: 700;
    padding-left: 10px;
    cursor: default;
    background: 0 0;
    color: #444
}

.selectric-items .selectric-group.disabled li {
    opacity: 1
}

.selectric-items .selectric-group li {
    padding-left: 25px
}

.table, table {
    position: relative;
    display: table;
    width: 100%
}

tbody {
    display: table-row-group;
    width: 100%;
    white-space: nowrap;
    padding-left: 30%;
    overflow-x: scroll
}

.table-row, tr {
    display: table-row
}

.table-cell, td {
    display: table-cell
}

tbody::-webkit-scrollbar {
    display: none
}

tbody browser {
    margin-bottom: -14px
}

.icon {
    display: inline-block
}

.icon--arrow {
    display: block;
    width: 48px;
    height: 25px;
    background: url(images/icon-arrow-bottom.svg) 50% no-repeat;
    background-size: cover
}

.icon--arrow.orange {
    background: url(images/icon-arrow-bottom-orange.svg) 50% no-repeat;
    background-size: cover
}

.icon-difficulty {
    fill: #094da5;
    width: 20px;
    height: 20px;
    margin: 0 2px
}

.icon-price {
    fill: #094da5;
    width: 18px;
    height: 18px;
    margin: 0 2px
}

.icon-preptime {
    fill: #094da5;
    width: 20px;
    height: 20px
}

.icon-vegan {
    fill: #094da5;
    stroke: #fff;
    stroke-width: 3px;
    width: 29px;
    height: 16px
}

.icon-comments {
    fill: #fff;
    stroke: #094da5;
    width: 24px;
    height: 26px;
    margin: 0 auto
}

.icon-rating {
    fill: #e0182f;
    width: 14px;
    height: 13px;
    margin: 0 2px
}

.icon--tip {
    width: 22px;
    background: url(images/icon-tip.svg) 50% no-repeat;
    background-size: cover
}

.icon--story, .icon--tip {
    display: inline-block;
    height: 32px
}

.icon--story {
    width: 38px;
    background: url(images/icon-story.svg) 50% no-repeat;
    background-size: cover
}

.icon--vegan {
    display: inline-block;
    width: 30px;
    height: 22px;
    background: url(images/icon-vegan.svg) 50% no-repeat;
    background-size: cover
}

.icon--cheese {
    display: inline-block;
    width: 37px;
    height: 25px;
    background: url(images/icon-cheese.svg) 50% no-repeat;
    background-size: cover
}

.icon-intensity {
    fill: #094da5;
    width: 18px;
    height: 18px;
    margin: 0 2px
}

.icon--question {
    display: inline-block;
    width: 19px;
    height: 30px;
    background: url(images/icon-question.svg) 50% no-repeat;
    background-size: cover
}

.icon-user {
    fill: #fff;
    width: 13px;
    height: 15px;
    margin: -2px 10px 0 0;
    vertical-align: middle
}

.icon.orange {
    fill: #f49811
}

.icon.blue {
    fill: #094da5
}

.icon.red {
    fill: #e0182f
}

.icon.green {
    fill: #019a41
}

.search-module {
    /*padding: 0 0 40px*/
    margin-top: 50px;
}

.global-search--container {
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    background-color: #fff;
    box-shadow: 0 20px 40px 0 rgba(38, 38, 38, .2)
}

.global-search--results {
    max-height: 0;
    margin: 0 60px 0 30px;
    border-top: 1px solid transparent;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.global-search--results.expanded {
    max-height: 315px;
    border-top: 1px solid #9b9b9b;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.global-search--results ul {
    padding: 10px 0
}

.global-search--results .global-search--result {
    list-style: none;
    margin: 0;
    padding: 5px 25px
}

.global-search--results .global-search--result a {
    position: relative;
    display: block;
    color: #737373;
    padding: 5px 0;
    text-decoration: none
}

.global-search--results .global-search--result .result-count {
    position: absolute;
    right: 0
}

.form--search, .form--search-modal {
    position: relative;
    max-width: 750px;
    margin: 0 auto;
    max-height: 50px;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    z-index: 2
}

.form--search .input--text, .form--search-modal .input--text {
    color: #737373;
    height: 50px;
    max-width: none;
    padding-right: 55px;
    padding-left: 30px;
    border: 0;
    background-color: #fff
}

.form--search input::-webkit-input-placeholder, .form--search-modal input::-webkit-input-placeholder {
    color: #9b9b9b
}

.form--search input:-moz-placeholder, .form--search input::-moz-placeholder, .form--search-modal input:-moz-placeholder, .form--search-modal input::-moz-placeholder {
    color: #9b9b9b
}

.form--search input:-ms-input-placeholder, .form--search-modal input:-ms-input-placeholder {
    color: #9b9b9b
}

.form--search textarea::-webkit-input-placeholder, .form--search-modal textarea::-webkit-input-placeholder {
    color: #9b9b9b
}

.form--search textarea:-moz-placeholder, .form--search textarea::-moz-placeholder, .form--search-modal textarea:-moz-placeholder, .form--search-modal textarea::-moz-placeholder {
    color: #9b9b9b
}

.form--search textarea:-ms-input-placeholder, .form--search-modal textarea:-ms-input-placeholder {
    color: #9b9b9b
}

.form--search input:focus::-webkit-input-placeholder, .form--search-modal input:focus::-webkit-input-placeholder {
    opacity: 0
}

.form--search input:focus:-moz-placeholder, .form--search-modal input:focus:-moz-placeholder {
    opacity: 0
}

.form--search input:focus::-moz-placeholder, .form--search-modal input:focus::-moz-placeholder {
    opacity: 0
}

.form--search input:focus:-ms-input-placeholder, .form--search-modal input:focus:-ms-input-placeholder {
    opacity: 0
}

.form--search textarea:focus::-webkit-input-placeholder, .form--search-modal textarea:focus::-webkit-input-placeholder {
    opacity: 0
}

.form--search textarea:focus:-moz-placeholder, .form--search-modal textarea:focus:-moz-placeholder {
    opacity: 0
}

.form--search textarea:focus::-moz-placeholder, .form--search-modal textarea:focus::-moz-placeholder {
    opacity: 0
}

.form--search textarea:focus:-ms-input-placeholder, .form--search-modal textarea:focus:-ms-input-placeholder {
    opacity: 0
}

.form--search .form--footer, .form--search-modal .form--footer {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2
}

.recipes--subcats, .search-module--tags {
    margin: 0 auto;
    text-align: center
}

.list--search-tags {
    font-size: 0
}

.list--search-tags li {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
    font-weight: 400;
    width: calc(25% - 10px);
    margin: 5px 3px !important;
    border-radius: 10px;
    background-color: #094da5;
    border: 1px solid transparent
}

.list--search-tags li:hover {
    color: #094da5;
    background-color: #fff;
    border-color: #094da5
}

.list--search-tags a {
    display: block;
    color: inherit;
    padding: 9px 10px;
    text-decoration: none
}

.form--search-modal {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.typeahead__container button, .typeahead__container input, .typeahead__container optgroup, .typeahead__container select, .typeahead__container textarea {
    font: inherit;
    margin: 0
}

.typeahead__container optgroup {
    font-weight: 700
}

.typeahead__container button, .typeahead__container input {
    overflow: visible
}

.typeahead__container button, .typeahead__container select {
    text-transform: none
}

.typeahead__container [type=reset], .typeahead__container [type=submit], .typeahead__container button, .typeahead__container html [type=button] {
    -webkit-appearance: button
}

.typeahead__container [type=button]::-moz-focus-inner, .typeahead__container [type=reset]::-moz-focus-inner, .typeahead__container [type=submit]::-moz-focus-inner, .typeahead__container button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

.typeahead__container [type=button]:-moz-focusring, .typeahead__container [type=reset]:-moz-focusring, .typeahead__container [type=submit]:-moz-focusring, .typeahead__container button:-moz-focusring {
    outline: 1px dotted ButtonText
}

.typeahead__container fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

.typeahead__container legend {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

.typeahead__container textarea {
    overflow: auto
}

.typeahead__container [type=checkbox], .typeahead__container [type=radio] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

.typeahead__container [type=number]::-webkit-inner-spin-button, .typeahead__container [type=number]::-webkit-outer-spin-button {
    height: auto
}

.typeahead__container [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

.typeahead__container [type=search]::-webkit-search-cancel-button, .typeahead__container [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.typeahead__container ::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

.typeahead__container ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.typeahead__container {
    position: relative;
    font: 14px Lato, Helvetica Neue, Arial, Helvetica, sans-serif
}

.typeahead__container * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

.typeahead__query {
    position: relative;
    z-index: 2;
    width: 100%
}

.typeahead__filter {
    position: relative
}

.typeahead__filter button {
    min-width: 100%;
    white-space: nowrap
}

.typeahead__filter button:after {
    display: inline-block;
    margin-left: 4px;
    width: 0;
    height: 0;
    vertical-align: -2px;
    content: "";
    border: 4px solid transparent;
    border-top-color: currentcolor
}

.typeahead__field {
    font-size: 0;
    position: relative;
    display: table;
    border-collapse: collapse;
    width: 100%
}

.typeahead__field > * {
    display: table-cell;
    vertical-align: top
}

.typeahead__button, .typeahead__filter, .typeahead__query {
    font-size: 14px
}

.typeahead__button {
    position: relative;
    font-size: 0;
    width: 1%;
    vertical-align: middle
}

.typeahead__button button {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.typeahead__field {
    color: #555
}

.typeahead__field input {
    display: block;
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px 0 0 2px;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.typeahead__field input:active, .typeahead__field input:focus {
    border-color: #66afe9
}

.typeahead__field input[type=search], .typeahead__field input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none
}

.typeahead__field input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.typeahead__container.hint .typeahead__field input {
    background: 0 0
}

.typeahead__container.hint .typeahead__field input:last-child, .typeahead__hint {
    background: #fff
}

.typeahead__container button {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #ccc;
    height: 32px;
    padding: 6px 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #555
}

.typeahead__container button:focus, .typeahead__container button:hover {
    color: #3c3c3c;
    background-color: #f5f5f5;
    border-color: #b3b3b3
}

.typeahead__container button.active, .typeahead__container button:active {
    background-image: none
}

.typeahead__container button:active, .typeahead__container button:focus {
    border-color: #66afe9
}

.typeahead__container button.disabled, .typeahead__container button[disabled], .typeahead__container input.disabled, .typeahead__container input[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    box-shadow: none;
    background-color: #fff;
    border-color: #ccc
}

.typeahead__button, .typeahead__filter {
    z-index: 1
}

.typeahead__button button, .typeahead__filter button {
    margin-left: -1px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.typeahead__button:active, .typeahead__button:focus, .typeahead__button:hover, .typeahead__filter:active, .typeahead__filter:focus, .typeahead__filter:hover {
    z-index: 1001
}

.typeahead__button:active button:active, .typeahead__button:active button:focus, .typeahead__button:focus button:active, .typeahead__button:focus button:focus, .typeahead__button:hover button:active, .typeahead__button:hover button:focus, .typeahead__filter:active button:active, .typeahead__filter:active button:focus, .typeahead__filter:focus button:active, .typeahead__filter:focus button:focus, .typeahead__filter:hover button:active, .typeahead__filter:hover button:focus {
    z-index: 1001
}

.typeahead__filter + .typeahead__button button {
    margin-left: -2px
}

.typeahead__container.filter .typeahead__filter {
    z-index: 1001
}

.typeahead__dropdown, .typeahead__list {
    position: relative;
    top: 100%;
    left: 0;
    z-index: 1000;
    width: 100%;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-clip: padding-box
}

.typeahead__result.detached .typeahead__list {
    position: relative;
    z-index: 1041;
    top: auto;
    left: auto
}

.typeahead__dropdown {
    right: 0;
    left: auto;
    z-index: 1001
}

.typeahead__list > li {
    position: relative;
    border-top: 1px solid #ccc
}

.typeahead__list > li:first-child {
    border-top: none
}

.typeahead__dropdown > li > a, .typeahead__list > li > a {
    display: block;
    padding: 6px 12px;
    clear: both;
    color: #333;
    text-decoration: none
}

.typeahead__dropdown > li.active > a, .typeahead__dropdown > li > a:focus, .typeahead__dropdown > li > a:hover, .typeahead__list > li.active > a, .typeahead__list > li > a:focus, .typeahead__list > li > a:hover {
    background-color: #f5f5f5;
    color: #3c3c3c
}

.typeahead__list.empty > li > a {
    cursor: default
}

.typeahead__list.empty > li.active > a, .typeahead__list.empty > li > a:focus, .typeahead__list.empty > li > a:hover {
    background-color: transparent
}

.typeahead__list > li.typeahead__group {
    border-color: #bfdef6;
    font-weight: 700
}

.typeahead__list > li.typeahead__group:first-child {
    border-top: 1px solid #bfdef6
}

.typeahead__list > li.typeahead__group.active > a, .typeahead__list > li.typeahead__group > a, .typeahead__list > li.typeahead__group > a:focus, .typeahead__list > li.typeahead__group > a:hover {
    cursor: default;
    color: #17639f;
    background: #ecf5fc
}

.typeahead__list > li.typeahead__group + li.typeahead__item {
    border-color: #bfdef6
}

.typeahead__container.backdrop + .typeahead__backdrop, .typeahead__container.filter .typeahead__dropdown, .typeahead__container.hint .typeahead__hint, .typeahead__container.result .typeahead__list {
    display: block !important
}

.typeahead__container .typeahead__dropdown, .typeahead__container .typeahead__hint, .typeahead__container .typeahead__list, .typeahead__container + .typeahead__backdrop {
    display: none !important
}

.typeahead__dropdown li:last-child {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #ccc
}

.typeahead__cancel-button {
    visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 8px;
    right: .8em;
    cursor: pointer;
    background: url(data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQzOC41MzMgNDM4LjUzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDM4LjUzMyA0MzguNTMzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTQwOS4xMzMsMTA5LjIwM2MtMTkuNjA4LTMzLjU5Mi00Ni4yMDUtNjAuMTg5LTc5Ljc5OC03OS43OTZDMjk1LjczNiw5LjgwMSwyNTkuMDU4LDAsMjE5LjI3MywwICAgYy0zOS43ODEsMC03Ni40Nyw5LjgwMS0xMTAuMDYzLDI5LjQwN2MtMzMuNTk1LDE5LjYwNC02MC4xOTIsNDYuMjAxLTc5LjgsNzkuNzk2QzkuODAxLDE0Mi44LDAsMTc5LjQ4OSwwLDIxOS4yNjcgICBjMCwzOS43OCw5LjgwNCw3Ni40NjMsMjkuNDA3LDExMC4wNjJjMTkuNjA3LDMzLjU5Miw0Ni4yMDQsNjAuMTg5LDc5Ljc5OSw3OS43OThjMzMuNTk3LDE5LjYwNSw3MC4yODMsMjkuNDA3LDExMC4wNjMsMjkuNDA3ICAgczc2LjQ3LTkuODAyLDExMC4wNjUtMjkuNDA3YzMzLjU5My0xOS42MDIsNjAuMTg5LTQ2LjIwNiw3OS43OTUtNzkuNzk4YzE5LjYwMy0zMy41OTYsMjkuNDAzLTcwLjI4NCwyOS40MDMtMTEwLjA2MiAgIEM0MzguNTMzLDE3OS40ODUsNDI4LjczMiwxNDIuNzk1LDQwOS4xMzMsMTA5LjIwM3ogTTMyMi42MjEsMjcwLjkzOWMzLjYxNywzLjYxMyw1LjQyOCw3LjkwNSw1LjQyOCwxMi44NTQgICBjMCw1LjEzMy0xLjgxMSw5LjUxNC01LjQyOCwxMy4xMjdsLTI1LjY5MywyNS43MDFjLTMuNjE0LDMuNjEzLTcuOTk0LDUuNDItMTMuMTM1LDUuNDJjLTQuOTQ4LDAtOS4yMzYtMS44MDctMTIuODQ3LTUuNDIgICBsLTUxLjY3Ni01MS42ODJsLTUxLjY3OCw1MS42ODJjLTMuNjE2LDMuNjEzLTcuODk4LDUuNDItMTIuODQ3LDUuNDJjLTUuMTQsMC05LjUxNy0xLjgwNy0xMy4xMzQtNS40MmwtMjUuNjk3LTI1LjcwMSAgIGMtMy42MTYtMy42MTMtNS40MjQtNy45OTQtNS40MjQtMTMuMTI3YzAtNC45NDgsMS44MDktOS4yNCw1LjQyNC0xMi44NTRsNTEuNjc4LTUxLjY3M2wtNTEuNjc4LTUxLjY3OCAgIGMtMy42MTYtMy42MTItNS40MjQtNy44OTgtNS40MjQtMTIuODQ3YzAtNS4xNCwxLjgwOS05LjUxNyw1LjQyNC0xMy4xMzRsMjUuNjk3LTI1LjY5M2MzLjYxNy0zLjYxNiw3Ljk5NC01LjQyNCwxMy4xMzQtNS40MjQgICBjNC45NDksMCw5LjIzMSwxLjgwOSwxMi44NDcsNS40MjRsNTEuNjc4LDUxLjY3NGw1MS42NzYtNTEuNjc0YzMuNjEtMy42MTYsNy44OTgtNS40MjQsMTIuODQ3LTUuNDI0ICAgYzUuMTQxLDAsOS41MjEsMS44MDksMTMuMTM1LDUuNDI0bDI1LjY5MywyNS42OTNjMy42MTcsMy42MTcsNS40MjgsNy45OTQsNS40MjgsMTMuMTM0YzAsNC45NDgtMS44MTEsOS4yMzUtNS40MjgsMTIuODQ3ICAgbC01MS42NzUsNTEuNjc4TDMyMi42MjEsMjcwLjkzOXoiIGZpbGw9IiM1NTU1NTUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat scroll 50% transparent
}

.typeahead__container.cancel:not(.loading) .typeahead__cancel-button {
    visibility: visible;
    opacity: .25
}

.typeahead__container.cancel:not(.loading) .typeahead__cancel-button:hover {
    opacity: .4
}

.typeahead__search-icon {
    padding: 0 1.25rem;
    width: 16px;
    height: 16px;
    display: block;
    background: url(data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1MC4zMTMgMjUwLjMxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUwLjMxMyAyNTAuMzEzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnIGlkPSJTZWFyY2giPgoJPHBhdGggc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkOyIgZD0iTTI0NC4xODYsMjE0LjYwNGwtNTQuMzc5LTU0LjM3OGMtMC4yODktMC4yODktMC42MjgtMC40OTEtMC45My0wLjc2ICAgYzEwLjctMTYuMjMxLDE2Ljk0NS0zNS42NiwxNi45NDUtNTYuNTU0QzIwNS44MjIsNDYuMDc1LDE1OS43NDcsMCwxMDIuOTExLDBTMCw0Ni4wNzUsMCwxMDIuOTExICAgYzAsNTYuODM1LDQ2LjA3NCwxMDIuOTExLDEwMi45MSwxMDIuOTExYzIwLjg5NSwwLDQwLjMyMy02LjI0NSw1Ni41NTQtMTYuOTQ1YzAuMjY5LDAuMzAxLDAuNDcsMC42NCwwLjc1OSwwLjkyOWw1NC4zOCw1NC4zOCAgIGM4LjE2OSw4LjE2OCwyMS40MTMsOC4xNjgsMjkuNTgzLDBDMjUyLjM1NCwyMzYuMDE3LDI1Mi4zNTQsMjIyLjc3MywyNDQuMTg2LDIxNC42MDR6IE0xMDIuOTExLDE3MC4xNDYgICBjLTM3LjEzNCwwLTY3LjIzNi0zMC4xMDItNjcuMjM2LTY3LjIzNWMwLTM3LjEzNCwzMC4xMDMtNjcuMjM2LDY3LjIzNi02Ny4yMzZjMzcuMTMyLDAsNjcuMjM1LDMwLjEwMyw2Ny4yMzUsNjcuMjM2ICAgQzE3MC4xNDYsMTQwLjA0NCwxNDAuMDQzLDE3MC4xNDYsMTAyLjkxMSwxNzAuMTQ2eiIgZmlsbD0iIzU1NTU1NSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat scroll 50% transparent
}

.typeahead__container.loading .typeahead__query:after, .typeahead__container.loading .typeahead__query:before {
    -webkit-transition: all 0s linear, opacity .2s ease;
    transition: all 0s linear, opacity .2s ease;
    position: absolute;
    z-index: 3;
    content: "";
    top: 50%;
    right: .55em;
    margin-top: -10.5px;
    width: 21px;
    height: 21px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 500rem;
    border-style: solid;
    border-width: .1em
}

.typeahead__container.loading .typeahead__query:before {
    border-color: rgba(0, 0, 0, .35)
}

.typeahead__container.loading .typeahead__query:after {
    -webkit-animation: button-spin .6s linear;
    animation: button-spin .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-color: #fff transparent transparent;
    box-shadow: 0 0 0 1px transparent
}

@-webkit-keyframes button-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes button-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.header--slider-container, .recipes-slider--container, .slider--container, .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .header--slide, .swiper-container-no-flexbox .recipes--slide, .swiper-container-no-flexbox .slide, .swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .header--slider-wrapper, .swiper-container-vertical > .recipes-slider--wrapper, .swiper-container-vertical > .slider--wrapper, .swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.header--slider-wrapper, .recipes-slider--wrapper, .slider--wrapper, .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.header--slider-wrapper, .recipes-slider--wrapper, .slider--wrapper, .swiper-container-android .header--slide, .swiper-container-android .recipes--slide, .swiper-container-android .slide, .swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow > .header--slider-wrapper, .swiper-container-multirow > .recipes-slider--wrapper, .swiper-container-multirow > .slider--wrapper, .swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .header--slider-wrapper, .swiper-container-free-mode > .recipes-slider--wrapper, .swiper-container-free-mode > .slider--wrapper, .swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.header--slide, .recipes--slide, .slide, .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight, .swiper-container-autoheight .header--slide, .swiper-container-autoheight .recipes--slide, .swiper-container-autoheight .slide, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .header--slider-wrapper, .swiper-container-autoheight .recipes-slider--wrapper, .swiper-container-autoheight .slider--wrapper, .swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-box-align: start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.header--slider-container .swiper-notification, .recipes-slider--container .swiper-notification, .slider--container .swiper-notification, .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
    pointer-events: none
}

.swiper-container-3d .header--slide, .swiper-container-3d .recipes--slide, .swiper-container-3d .slide, .swiper-container-3d .swiper-slide {
    pointer-events: all
}

.swiper-container-3d .header--slide, .swiper-container-3d .header--slider-wrapper, .swiper-container-3d .recipes--slide, .swiper-container-3d .recipes-slider--wrapper, .swiper-container-3d .slide, .swiper-container-3d .slider--wrapper, .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-coverflow .header--slider-wrapper, .swiper-container-coverflow .recipes-slider--wrapper, .swiper-container-coverflow .slider--wrapper, .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .header--slider-wrapper, .swiper-container-flip .recipes-slider--wrapper, .swiper-container-flip .slider--wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .header--slide, .swiper-container-cube .recipes--slide, .swiper-container-cube .slide, .swiper-container-cube .swiper-slide, .swiper-container-flip .header--slide, .swiper-container-flip .recipes--slide, .swiper-container-flip .slide, .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .header--slide .header--slide, .swiper-container-cube .header--slide .recipes--slide, .swiper-container-cube .header--slide .slide, .swiper-container-cube .header--slide .swiper-slide, .swiper-container-cube .recipes--slide .header--slide, .swiper-container-cube .recipes--slide .recipes--slide, .swiper-container-cube .recipes--slide .slide, .swiper-container-cube .recipes--slide .swiper-slide, .swiper-container-cube .slide .header--slide, .swiper-container-cube .slide .recipes--slide, .swiper-container-cube .slide .slide, .swiper-container-cube .slide .swiper-slide, .swiper-container-cube .swiper-slide .header--slide, .swiper-container-cube .swiper-slide .recipes--slide, .swiper-container-cube .swiper-slide .slide, .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .header--slide .header--slide, .swiper-container-flip .header--slide .recipes--slide, .swiper-container-flip .header--slide .slide, .swiper-container-flip .header--slide .swiper-slide, .swiper-container-flip .recipes--slide .header--slide, .swiper-container-flip .recipes--slide .recipes--slide, .swiper-container-flip .recipes--slide .slide, .swiper-container-flip .recipes--slide .swiper-slide, .swiper-container-flip .slide .header--slide, .swiper-container-flip .slide .recipes--slide, .swiper-container-flip .slide .slide, .swiper-container-flip .slide .swiper-slide, .swiper-container-flip .swiper-slide .header--slide, .swiper-container-flip .swiper-slide .recipes--slide, .swiper-container-flip .swiper-slide .slide, .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .header--slide, .swiper-container-cube .recipes--slide, .swiper-container-cube .slide, .swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .header--slide, .swiper-container-cube.swiper-container-rtl .recipes--slide, .swiper-container-cube.swiper-container-rtl .slide, .swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .header--slide, .swiper-container-cube .swiper-slide-next + .recipes--slide, .swiper-container-cube .swiper-slide-next + .slide, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .header--slide, .swiper-container-fade.swiper-container-free-mode .recipes--slide, .swiper-container-fade.swiper-container-free-mode .slide, .swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .header--slide, .swiper-container-fade .recipes--slide, .swiper-container-fade .slide, .swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .header--slide .header--slide, .swiper-container-fade .header--slide .recipes--slide, .swiper-container-fade .header--slide .slide, .swiper-container-fade .header--slide .swiper-slide, .swiper-container-fade .recipes--slide .header--slide, .swiper-container-fade .recipes--slide .recipes--slide, .swiper-container-fade .recipes--slide .slide, .swiper-container-fade .recipes--slide .swiper-slide, .swiper-container-fade .slide .header--slide, .swiper-container-fade .slide .recipes--slide, .swiper-container-fade .slide .slide, .swiper-container-fade .slide .swiper-slide, .swiper-container-fade .swiper-slide .header--slide, .swiper-container-fade .swiper-slide .recipes--slide, .swiper-container-fade .swiper-slide .slide, .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.recipes--filters {
    display: none;
    position: relative;
    color: #fff;
    font-size: 0;
    margin: 0 10px 30px;
    height: 60px;
    overflow: hidden;
    background-color: #094da5;
    z-index: 1;
    -webkit-transition: height .15s ease-in-out;
    transition: height .15s ease-in-out
}

.recipes--filters .input--field.range.medium {
    max-width: 310px
}

.form--filters {
    position: relative
}

.filter--title {
    display: none
}

.filter {
    cursor: pointer;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2rem
}

.filter:hover {
    font-weight: 700
}

.filter.diet label {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2rem
}

.filter.expanded > .filter--content {
    opacity: 1;
    visibility: visible;
    max-height: none;
    padding: 30px 20px 25px;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all .2s ease-in-out .1s;
    transition: all .2s ease-in-out .1s
}

.filter.expanded .filter--label:after, .filter.expanded .filter--option:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.filter--label, .filter--option {
    position: relative;
    padding: 10px 20px;
    text-align: left;
    border-bottom: 1px solid #fff;
    background-color: #094da5;
    z-index: 11
}

.filter--label .icon, .filter--option .icon {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 18px;
    height: 18px;
    fill: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.filter--option {
    border-bottom: 0;
    padding-right: 20px
}

.filter--option:after {
    content: normal
}

.filter--option .input--field {
    margin: 0
}

.filter--content {
    opacity: 0;
    visibility: hidden;
    position: relative;
    width: 100%;
    max-height: 0;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: 300;
    padding: 0 20px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    overflow: hidden
}

.filter--content .input--field {
    display: inline-block
}

.filter--content li {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
    line-height: 1.8rem
}

.filter--wrapper {
    position: relative;
    padding: 0 30px;
    z-index: 1;
    overflow: hidden
}

.filter--reset {
    display: none
}

.recipes--filters-additional {
    position: relative;
    margin: 40px 10px;
    padding: 8px 0;
    text-align: center
}

.filters--results {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #5c5c5c;
    font-weight: 300;
    text-align: center;
    -webkit-transform: translateY(-115px);
    -ms-transform: translateY(-115px);
    transform: translateY(-115px)
}

.filters--results, .filters--results-count {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    line-height: 1.6rem
}

.filters--results-orderby {
    display: inline-block;
    width: 100%;
    max-width: 125px;
    margin-left: 5px;
    text-align: center;
    vertical-align: top
}

.filters--results-orderby .input--field {
    margin: 0
}

.filters--results-orderby .input--field.select {
    position: relative;
    z-index: 11
}

.filters--results-orderby .input--field.select select {
    color: #f49811;
    font-size: 10px;
    font-size: 1rem;
    line-height: 10px;
    line-height: 1rem;
    text-align: center;
    overflow: visible;
    padding-right: 40px
}

.filters--results-orderby .input--field.select select option {
    text-align: center
}

#recipes-grid {
    position: relative
}

.filters--mobile {
    display: inline-block;
    width: 100%;
    max-width: 125px;
    margin-right: 5px;
    vertical-align: top
}

.filters--mobile .btn, .filters--mobile .form--modal-actions .btn--filters-reset, .filters--mobile .form--modal-actions .btn--filters-submit, .filters--mobile button[type=submit], .filters--mobile input[type=submit], .form--modal-actions .filters--mobile .btn--filters-reset, .form--modal-actions .filters--mobile .btn--filters-submit {
    width: 100%;
    font-size: 10px;
    font-size: 1rem;
    line-height: 10px;
    line-height: 1rem
}

.modal--content .filter--content {
    padding: 0
}

.modal--content .filter--wrapper {
    max-height: 0;
    padding: 10px 15px 0 20px
}

.modal--content .filter.expanded .filter--content {
    padding: 20px 0 0
}

.modal--content .filter.expanded .filter--wrapper {
    max-height: 65px
}

.modal--content .filter.diet {
    margin-top: 10px
}

.modal--content .input--field.checkbox {
    margin: 15px 10px 15px 0
}

.modal--content .input--field.checkbox label {
    display: block;
    max-width: none;
    padding-left: 30px
}

.form--modal-actions {
    position: absolute;
    width: 100%;
    padding: 5px 0 30px;
    bottom: 0;
    left: 0;
    font-size: 0;
    background-color: rgba(9, 77, 165, .95);
    z-index: 2
}

.form--modal-actions .filter--reset, .form--modal-actions .filter--submit {
    display: inline-block;
    width: 50%
}

.form--modal-actions .btn--filters-reset {
    color: #fff;
    background-color: transparent
}

.form--modal-actions .btn--filters-reset, .form--modal-actions .btn--filters-submit {
    display: block;
    font-size: 10px;
    font-size: 1rem;
    line-height: 10px;
    line-height: 1rem;
    width: 100%;
    max-width: calc(100% - 20px);
    margin: 0 auto
}

.networks--list, .sharers--list {
    margin: 0;
    padding: 0
}

.networks--item, .sharers--item {
    position: relative;
    display: inline-block;
    margin: 0 20px;
    vertical-align: middle
}

.networks--item a, .sharers--item a {
    display: block;
    width: 100%;
    height: 100%
}

.networks--item:first-of-type, .sharers--item:first-of-type {
    margin-left: 0
}

.networks--item:last-of-type, .sharers--item:last-of-type {
    margin-right: 0
}

.networks--item .icon, .sharers--item .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 80%;
    max-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.networks--item .icon-facebook, .sharers--item .icon-facebook {
    max-width: 11px;
    max-height: 24px
}

.networks--item .icon-twitter, .sharers--item .icon-twitter {
    max-width: 20px;
    max-height: 17px
}

.networks--item .icon-instagram, .sharers--item .icon-instagram {
    max-width: 19px;
    max-height: 19px
}

.networks--item .icon-pinterest, .sharers--item .icon-pinterest {
    max-width: 17px;
    max-height: 22px
}

.networks--item .icon-youtube, .sharers--item .icon-youtube {
    max-width: 19px;
    max-height: 19px
}

.networks--item .icon-link, .sharers--item .icon-link {
    max-width: 23px;
    max-height: 23px
}

.sharers--title {
    display: block;
    position: relative;
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    line-height: 4rem;
    font-family: Lobster-Regular, cursive;
    margin: 0 auto 10px;
    padding: 0 0 40px;
    text-align: center;
    color: #094da5
}

.sharers--title:after {
    position: absolute;
    color: inherit;
    font-size: 35px;
    font-size: 3.5rem;
    left: 50%;
    bottom: 0;
    content: "\2014";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.sharers--excerpt {
    display: block;
    color: #094da5;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22px;
    line-height: 2.2rem
}

.sharers--list {
    text-align: center
}

.sharers--item {
    position: relative;
    width: 36px;
    height: 36px;
    margin: 20px 10px
}

.sharers--item a:after {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: 50%;
    width: 41px;
    height: 41px;
    border: 4px solid #f49811;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1
}

.sharers--item a:hover:after {
    background: #f49811
}

.sharers--item a:hover .icon {
    fill: #fff
}

.clipboard--message {
    display: block;
    opacity: 0;
    visibility: hidden;
    color: #f49811;
    margin: 5px 0 0;
    text-align: center;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.clipboard--message.visible {
    opacity: 1;
    visibility: visible
}

.content--extras {
    position: relative;
    width: 100%;
    max-width: 580px;
    margin: 0 auto 35px;
    font-size: 0;
    text-align: center;
    z-index: 2
}

.content--properties {
    margin: 0 0 -10px;
    padding: 0 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 13px 35px 4px rgba(51, 51, 51, .1)
}

.content--meta, .content--properties {
    position: relative;
    display: inline-block
}

.content--meta {
    padding: 7px 12px;
    vertical-align: top
}

.content--meta:after {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 1px;
    height: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #cedbed
}

.content--meta:first-of-type:after {
    content: normal
}

.content--meta li, .content--meta ul {
    margin: 0;
    padding: 0
}

.content--meta li {
    opacity: .3
}

.content--meta li.active {
    opacity: 1
}

.content--meta button {
    margin: 0 auto
}

.content--meta button, .content--meta.comments .content--meta-label {
    text-decoration: underline
}

.content--meta-label {
    display: block;
    color: #9b9b9b;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 11px;
    line-height: 1.1rem;
    margin: -5px 0 0
}

.content--socials .content--meta {
    width: 50%;
    max-width: 190px;
    padding: 0 10px;
    text-align: center
}

.content--socials .content--meta:after {
    background-color: #cdcdcd
}

.content--socials .content--meta-label {
    color: #5c5c5c;
    font-weight: 300;
    margin: 0 0 5px
}

.content--socials .icon--arrow {
    position: absolute;
    bottom: 12px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.content--socials .content--meta-button {
    margin: 0 auto;
    cursor: pointer
}

.content--difficulty li, .content--price li, .content--ratings li {
    display: inline-block
}

.section--recipes.error-404 {
    padding: 60px 0 0
}

.section--recipes.error-404 .section--recipes-title {
    color: #094da5
}

.section--recipes .slider--container {
    padding: 20px 20px 30px
}

.section--recipes .block--push-thumb, .section--recipes .block--single-thumb {
    border-radius: 10px
}

.section--recipes-title {
    color: #f49811;
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 35px;
    line-height: 3.5rem;
    margin: 0;
    padding: 0;
    text-align: center
}

.section--recipes-title .separator {
    display: block
}

.section--recipes-subtitle {
    display: block;
    color: #9b9b9b;
    font-size: 20px;
    font-size: 2rem
}

.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-origin {
    position: absolute;
    height: 0;
    width: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    -webkit-transition: top .3s, right .3s, bottom .3s, left .3s;
    transition: top .3s, right .3s, bottom .3s, left .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-base, .noUi-handle {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.noUi-horizontal {
    height: 3px
}

.noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px;
    left: -10px;
    top: -9px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

.noUi-target {
    background: #fff;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-connect {
    background: #f49811;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .45);
    -webkit-transition: background .45s;
    transition: background .45s
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border-radius: 50%;
    background: #f49811;
    cursor: default
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips, .noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-large, .noUi-marker-sub {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    padding-left: 25px
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 120%
}

.modals {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 60px);
    margin: 60px 0 0;
    border-top: 1px solid #fff;
    z-index: -1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.modals.opened {
    opacity: 1;
    visibility: visible;
    z-index: 98
}

.modal--wrapper {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 50px
}

.modal--wrapper.opened {
    opacity: 1;
    visibility: visible
}

.modal--wrapper.comments, .modal--wrapper.search {
    color: #fff;
    text-align: center;
    background-color: #094da5
}

.modal--wrapper.search .modal--title {
    margin: 0;
    padding: 0
}

.modal--wrapper.search .modal--title:after {
    content: normal
}

.modal--wrapper.ingredients {
    color: #fff;
    text-align: center;
    background-color: #094da5
}

.modal--wrapper.ingredients .form--recipe-quantity {
    padding: 15px 0
}

.modal--wrapper.ingredients .recipe--ingredients-checklist {
    padding: 10px 40px 30px 100px
}

.modal--wrapper.ingredients .form--recipe-quantity .input--field.select, .modal--wrapper.ingredients .input--field.select .select--wrapper {
    max-width: none
}

.modal--wrapper.filters {
    color: #fff;
    padding: 50px 20px;
    text-align: center;
    background-color: #094da5
}

.modal--wrapper.filters .modal--header {
    padding-bottom: 30px
}

.modal--wrapper.filters .modal--title {
    margin: 0;
    padding: 0
}

.modal--wrapper.filters .modal--title:after {
    content: normal
}

.modal--wrapper.filters .filters--results-count, .modal--wrapper.filters .modal--subtitle {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
    line-height: 2.4rem
}

.modal--wrapper.video {
    background: #094da5
}

.modal--wrapper.video .modal--content {
    overflow: hidden
}

.modal--wrapper.video .video-player {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.row-modal {
    position: static
}

.modal--content {
    position: relative;
    height: 100%;
    overflow: auto;
    z-index: 1
}

.modal--title {
    display: block;
    position: relative;
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    line-height: 4rem;
    font-family: Lobster-Regular, cursive;
    margin: 0 auto 10px;
    padding: 0 0 40px;
    text-align: center
}

.modal--title:after {
    position: absolute;
    color: inherit;
    font-size: 35px;
    font-size: 3.5rem;
    left: 50%;
    bottom: 0;
    content: "\2014";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.modal--subtitle {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18px;
    line-height: 1.8rem
}

.modal--close {
    display: none;
    position: absolute;
    color: #fff;
    cursor: pointer;
    border: 0;
    background: 0 0;
    z-index: 100
}

.modal--close .icon {
    fill: #fff;
    width: 23px;
    height: 23px
}

.comment {
    font-weight: 300;
    padding-bottom: 40px
}

.comment--quote {
    font-style: italic;
    font-weight: 400;
    padding-bottom: 5px
}

.modal-search--container {
    width: 100%;
    max-width: 495px;
    margin: 0 auto
}

.modal-search--input {
    border-bottom: 1px solid #fff;
    padding: 0;
    margin: 60px 0 35px
}

.modal-search--input .input--text {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 25px;
    line-height: 2.5rem;
    font-weight: 300;
    border: none;
    border-radius: 0;
    background-color: transparent
}

.modal-search--input input::-webkit-input-placeholder {
    color: #3a73bc !important;
    text-align: center;
    text-overflow: ellipsis !important
}

.modal-search--input input:-moz-placeholder, .modal-search--input input::-moz-placeholder {
    color: #3a73bc !important;
    text-align: center;
    text-overflow: ellipsis !important
}

.modal-search--input input:-ms-input-placeholder {
    color: #3a73bc !important;
    text-align: center;
    text-overflow: ellipsis !important
}

.modal-search--input textarea::-webkit-input-placeholder {
    color: #3a73bc !important;
    text-align: center;
    text-overflow: ellipsis !important
}

.modal-search--input textarea:-moz-placeholder, .modal-search--input textarea::-moz-placeholder {
    color: #3a73bc !important;
    text-align: center;
    text-overflow: ellipsis !important
}

.modal-search--input textarea:-ms-input-placeholder {
    color: #3a73bc !important;
    text-align: center;
    text-overflow: ellipsis !important
}

.modal-search--results {
    width: 100%;
    max-width: 320px;
    max-height: 0;
    overflow: hidden;
    margin: 30px auto 0;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.modal-search--results.expanded {
    max-height: 315px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.modal-search--results ul {
    padding: 10px 0
}

.modal-search--results .modal-search--result {
    list-style: none;
    margin: 0;
    padding: 5px 25px;
    text-align: left
}

.modal-search--results .modal-search--result a {
    position: relative;
    display: block;
    padding: 5px 0;
    text-decoration: none
}

.modal-search--results .modal-search--result .result-count {
    position: absolute;
    right: 0
}

.modal--newsletter .modal--content {
    top: 40px;
    bottom: auto;
    right: 10px;
    left: 10px;
    overflow: visible;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 50px 20px;
    text-align: center;
    color: #fff;
    background-color: #094da5;
    border-radius: 20px
}

.modal--newsletter .modal--content .modal--close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block
}

.modal--newsletter .modal--content .modal--close .icon-close {
    display: block;
    width: 20px;
    height: 20px;
    fill: #fff
}

.modal--newsletter .modal--content .form--newsletter {
    float: none;
    margin: 20px auto 0
}

.modal--newsletter .modal--content .form--newsletter input[type=text] {
    box-shadow: none
}

.modal--newsletter .modal--content:after {
    z-index: -1;
    display: block;
    position: absolute;
    content: "";
    bottom: -25px;
    left: 50%;
    width: 50px;
    height: 50px;
    -webkit-transform: translate(-50%) rotate(45deg);
    -ms-transform: translate(-50%) rotate(45deg);
    transform: translate(-50%) rotate(45deg);
    background-color: #094da5
}

.pagination {
    padding-bottom: 50px
}

.pagination--links {
    color: #30363d;
    font-size: 0;
    text-align: center
}

.pagination--links li {
    display: inline-block;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 11px;
    line-height: 1.1rem;
    margin: 0;
    vertical-align: middle
}

.pagination--links a {
    color: inherit;
    text-decoration: none
}

.pagination--links .pagination--links-nb {
    position: relative;
    margin: 0 5px
}

.pagination--links .pagination--links-nb .current, .pagination--links .pagination--links-nb.active a, .pagination--links .pagination--links-nb:hover a {
    color: #f49811;
    font-weight: 700
}

.pagination--links .pagination--links-nb ~ .pagination--links-nb:after {
    position: absolute;
    display: block;
    content: "-";
    top: 0;
    left: -7px
}

.pagination--links .pagination--links-prev {
    margin-right: 5px
}

.pagination--links .pagination--links-prev a {
    position: relative;
    font-size: 7px;
    font-size: .7rem;
    letter-spacing: 0;
    padding: 11px 10px 8px 20px;
    border-radius: 25px
}

.pagination--links .pagination--links-prev .icon {
    position: absolute;
    fill: #f49811;
    width: 5px;
    height: 9px;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pagination--links .pagination--links-prev:hover .icon {
    fill: #fff
}

.pagination--links .pagination--links-next {
    margin-left: 5px
}

.pagination--links .pagination--links-next a {
    position: relative;
    font-size: 7px;
    font-size: .7rem;
    letter-spacing: 0;
    padding: 11px 20px 8px 10px;
    border-radius: 25px
}

.pagination--links .pagination--links-next .icon {
    position: absolute;
    fill: #f49811;
    width: 5px;
    height: 9px;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pagination--links .pagination--links-next:hover .icon {
    fill: #fff
}

.pagination--links .icon-arrow-prev {
    fill: #f49811
}

.section--instagram {
    display: none;
    padding: 15px 0;
    text-align: center
}

.section--instagram .grid-col-free {
    width: calc(50% - 40px);
    margin: 0 20px
}

.instagram--account {
    position: relative;
    color: #9b9b9b;
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
    line-height: 2rem;
    top: 10px;
    text-decoration: none;
    z-index: 2
}

.instagram--hashtag {
    display: block;
    font-family: Lobster-Regular, cursive;
    font-size: 60px;
    font-size: 6rem;
    line-height: 60px;
    line-height: 6rem;
    margin: 0 0 55px;
    padding: 5px 0 55px;
    color: #ffba59;
    background: url(images/icon-instagram-alt.svg) bottom no-repeat;
    background-size: 50px 50px
}

.img-instagram {
    display: block;
    margin: 0 auto 20px
}

.cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    width: 100%;
    text-align: left;
    background-color: #094da5;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 100
}

.cookies.accepted {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.cookies--content {
    position: relative;
    padding: 10px 40px 10px 10px
}

.cookies--content p {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16px;
    line-height: 1.6rem;
    padding: 0
}

.cookies--content a {
    color: inherit;
    font-weight: 700
}

.cookies--content button {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
    border: 0
}

.cookies--content .icon {
    display: block;
    width: 16px;
    height: 16px;
    fill: #fff
}

.optanon-cookie-policy-group-name {
    color: #094da5;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
    line-height: 2rem;
    font-weight: 400;
    padding: 0 0 20px
}

.optanon-alert-box-close {
    display: none !important
}

.edbm_items {
    margin: 0;
    padding: 0
}

.edbm_items li {
    display: inline-block
}

.edbm_item img {
    max-height: 75px
}

.edbm_item div {
    width: 75px;
    height: 75px;
    background: #fff;
    border-radius: 70px
}

.edbm_separator {
    display: inline-block;
    background: #3a71b7;
    width: 1px;
    height: 50px;
    margin: 0 15px 20px
}

.block--br.recipe {
    padding: 35px 0 0;
    border-top: 1px solid #3a71b7
}

.block--br.product {
    position: relative;
    color: #fff;
    margin: 0 auto 50px;
    padding: 20px;
    border-radius: 20px;
    background-color: #094da5
}

.block--br.product p:last-of-type {
    padding: 0
}

.block--br.product:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    width: 25px;
    height: 25px;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    -ms-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg);
    background-color: inherit;
    z-index: -1
}

.block--br-coupons {
    padding: 0 0 20px
}

.countdown {
    position: relative;
    width: 194px;
    height: 194px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 50%;
    border: 3px solid #f49811;
    overflow: hidden;
    z-index: 2
}

.countdown--content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 152px;
    height: 152px;
    color: #fff;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: #f49811
}

.countdown--value {
    display: block;
    font-family: Lobster-Regular, cursive;
    font-size: 58px;
    font-size: 5.8rem;
    line-height: 58px;
    line-height: 5.8rem;
    padding: 45px 0 15px;
    text-transform: uppercase
}

.countdown--subtitle {
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 14px;
    line-height: 1.4rem;
    padding: 0 25px
}

.countdown--circle {
    display: block;
    margin: -2px
}

.countdown--circle path {
    stroke: #094da5;
    -webkit-transition: 1s ease;
    transition: 1s ease
}

.countdown--circle.notloaded path {
    stroke-dasharray: 0, 100
}

.header--cover {
    position: relative;
    min-height: 475px;
    background-position: 50%;
    background-size: cover;
    overflow: hidden
}

.header--cover:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .3) 20%, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .05));
    background: linear-gradient(45deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .3) 20%, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .05))
}

.header--cover-image {
    position: relative;
    min-height: 475px;
    overflow: hidden;
    z-index: 1;
    background-size: cover;
    background-position: 50%
}

@media (min-width: 768px) {

    .header--cover, .header--cover-image {
        max-height: 325px;
        min-height: 75px;
    }

    #product .header--cover{
        max-height: 475px;
    }

}

.header--cover-image img {
    /*position: absolute;*/
    position: relative;
    display: block;
    /*top: 50%;
    left: 50%;*/
    /*width: auto;*/
    min-width: 100%;
    /*max-width: none;
    height: 100%;*/
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
    /*-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
    z-index: 2
}

.header--cover-image--blurred {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-filter: blur(40px);
    filter: blur(40px)
}

.header--cover-image--little img {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: auto;
    min-width: 100%;
    max-width: none;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cover--nav, .slider--nav {
    position: absolute;
    width: 100%;
    max-width: 1260px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 4
}

.cover--nav-next, .cover--nav-prev, .slider--nav-next, .slider--nav-prev {
    position: absolute;
    top: 0;
    width: 25px;
    height: 47px;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    border: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cover--nav-prev, .slider--nav-prev {
    left: 20px;
    right: auto;
    text-align: left
}

.cover--nav-prev .icon, .slider--nav-prev .icon {
    display: block;
    width: 19px;
    height: 35px;
    fill: #fff
}

.cover--nav-prev:focus .cover--nav-label, .cover--nav-prev:focus .slider--nav-label, .cover--nav-prev:hover .cover--nav-label, .cover--nav-prev:hover .slider--nav-label, .slider--nav-prev:focus .cover--nav-label, .slider--nav-prev:focus .slider--nav-label, .slider--nav-prev:hover .cover--nav-label, .slider--nav-prev:hover .slider--nav-label {
    opacity: 1;
    visibility: visible;
    padding: 0 0 0 10px
}

.cover--nav-prev .cover--nav-label, .cover--nav-prev .slider--nav-label, .slider--nav-prev .cover--nav-label, .slider--nav-prev .slider--nav-label {
    opacity: 0;
    left: 100%;
    padding: 0 0 0 5px;
    visibility: hidden;
    -webkit-transform: translate(-5px, -50%);
    -ms-transform: translate(-5px, -50%);
    transform: translate(-5px, -50%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.cover--nav-next, .slider--nav-next {
    left: auto;
    right: 20px;
    text-align: right
}

.cover--nav-next .icon, .slider--nav-next .icon {
    display: block;
    width: 19px;
    height: 35px;
    fill: #fff
}

.cover--nav-next:focus .cover--nav-label, .cover--nav-next:focus .slider--nav-label, .cover--nav-next:hover .cover--nav-label, .cover--nav-next:hover .slider--nav-label, .slider--nav-next:focus .cover--nav-label, .slider--nav-next:focus .slider--nav-label, .slider--nav-next:hover .cover--nav-label, .slider--nav-next:hover .slider--nav-label {
    opacity: 1;
    visibility: visible;
    padding: 0 10px 0 0
}

.cover--nav-next .cover--nav-label, .cover--nav-next .slider--nav-label, .slider--nav-next .cover--nav-label, .slider--nav-next .slider--nav-label {
    opacity: 0;
    right: 100%;
    padding: 0 5px 0 0;
    visibility: hidden;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.cover--nav-label, .slider--nav-label {
    position: absolute;
    top: 50%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: -4px
}

.slider--pagination {
    position: absolute;
    width: 100%;
    max-width: 1260px;
    left: 50% !important;
    bottom: 40px !important;
    text-align: center;
    z-index: 5;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.slider--pagination-bullet {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0 10px;
    padding: 0;
    text-indent: -9999px;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: transparent;
    vertical-align: middle;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.slider--pagination-bullet:focus {
    outline: 0
}

.slider--pagination-bullet.active {
    width: 10px;
    height: 10px;
    border: 1px solid transparent;
    background-color: #f49811
}

.slide--content {
    position: absolute;
    width: 100%;
    padding: 0 20px 40px;
    left: 50%;
    bottom: 30px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 4
}

.slide--content-title {
    color: #fff;
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 60px;
    line-height: 6rem;
    font-weight: 400
}

.slide--content-type {
    display: block;
    position: relative;
    color: #f49811;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    padding: 0 0 0 15px;
    text-transform: uppercase
}

.slide--content-type:before {
    display: block;
    position: absolute;
    content: "—";
    top: 0;
    left: -2px
}

.header--main {
    position: fixed;
    color: #fff;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 60px;
    -webkit-transition: height .15s ease-in-out .15s;
    transition: height .15s ease-in-out .15s;
    background-color: #094da5;
    z-index: 101
}

.header--main.opened {
    height: 100%
}

.header--main.opened .header--wrap-nav {
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.header--main.opened .header--search {
    display: none
}

.header--main.opened .nav--toggle {
    top: 19px;
    left: auto;
    right: 20px
}

.header--main.opened .nav--toggle span {
    display: none
}

.header--main.opened .nav--toggle .icon {
    fill: #fff;
    max-width: 22px;
    max-height: 22px
}

.header--main.opened .nav--main {
    opacity: 1;
    visibility: visible;
    max-height: none;
    -webkit-transition: all .2s ease-in-out .2s;
    transition: all .2s ease-in-out .2s
}

.header--main.opened .header--additional-links, .header--main.opened .header--networks, .header--main.opened .header--newsletter, .header--main.opened .header--user-account {
    opacity: 1;
    visibility: visible
}

.header--wrap {
    height: 100%
}

.logo--main {
    position: relative;
    width: 100%;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 2
}

.logo--main a {
    display: block
}

.logo-svg {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100px;
    z-index: 2;
    overflow: visible;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.logo-svg, .logo-svg .logo--seal {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.logo-svg .logo--seal {
    opacity: 1;
    fill: #fff
}

.logo-svg.mini {
    width: 75px
}

.logo-svg.mini .logo--seal {
    opacity: 0
}

.header--wrap-mobile {
    width: 100%;
    text-align: left
}

.nav--main {
    opacity: 0;
    visibility: hidden;
    font-size: 15px;
    font-size: 1.5rem;
    max-height: 0;
    overflow: hidden
}

.nav--main ul, .nav--main ul li {
    margin: 0;
    padding: 0
}

.nav--main ul li {
    list-style: none
}

.nav--main > ul {
    padding: 0 35px
}

.nav--main > ul > li {
    font-weight: 700
}

.nav--main > ul > li > a {
    position: relative;
    padding: 10px 0
}

.nav--main a {
    display: block;
    color: inherit;
    text-decoration: none
}

.parent-menu {
    position: relative;
    max-height: 42px;
    overflow: hidden;
    -webkit-transition: max-height .3s ease-in-out;
    transition: max-height .3s ease-in-out;
    z-index: 2
}

.parent-menu.opened > a:after {
    -webkit-transform: rotate(90deg) scale(0);
    -ms-transform: rotate(90deg) scale(0);
    transform: rotate(90deg) scale(0)
}

.parent-menu .icon {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    fill: #fff;
    width: 12px;
    height: 12px;
    top: 14px;
    right: 4px;
    z-index: 2
}

.submenu {
    display: block;
    text-align: left
}

.submenu ul {
    max-width: 250px;
    padding: 20px 0 20px 35px
}

.submenu ul li {
    position: relative;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: 300;
    margin: 0;
    padding: 0 0 0 20px;
    text-transform: none
}

.submenu ul li:before {
    display: block;
    position: absolute;
    content: "—";
    top: 10px;
    left: 0
}

.submenu ul li a {
    padding: 10px 0
}

.symbol-booklet {
    padding: 0 !important
}

.symbol-booklet:before {
    content: normal !important
}

.symbol-booklet .icon {
    display: inline-block;
    width: 32px;
    height: 20px;
    fill: #094da5;
    stroke: #fff;
    position: relative;
    top: -1px;
    left: -5px;
    vertical-align: middle
}

.nav--main > ul > li.symbol-coupons a {
    padding-bottom: 17px
}

.symbol-coupons .icon {
    display: inline-block;
    width: 32px;
    height: 20px;
    fill: #fff;
    stroke: #fff;
    position: relative;
    top: -3px;
    left: -5px;
    vertical-align: middle
}

.nav--toggle {
    position: absolute;
    top: 10px;
    left: 15px;
    max-width: 26px;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 10
}

.nav--toggle .icon {
    fill: #fff;
    max-width: 26px;
    max-height: 26px
}

.nav--toggle span {
    display: block;
    color: #fff;
    font-size: 9px;
    font-size: .9rem;
    line-height: 9px;
    line-height: .9rem;
    width: 100%;
    text-align: center;
    text-transform: uppercase
}

.nav--toggle-icon {
    display: block;
    max-width: 15px
}

.header--wrap-nav {
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 60px);
    padding: 20px 0 0;
    z-index: 1
}

.header--additional-links {
    opacity: 0;
    visibility: hidden;
    padding: 0 35px
}

.header--additional-links ul {
    position: relative;
    margin: 10px 0 0;
    padding: 20px 0
}

.header--additional-links ul:before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 20px;
    height: 1px;
    background-color: #fff
}

.header--additional-links ul:after {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 0;
    width: 20px;
    height: 1px;
    background-color: #fff
}

.header--additional-links ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.header--additional-links a {
    display: block;
    color: inherit;
    padding: 5px 0;
    text-decoration: none
}

.header--networks {
    opacity: 0;
    visibility: hidden;
    padding: 25px 35px
}

.header--networks .networks--list, .header--networks .sharers--list {
    text-align: center
}

.header--networks .networks--item, .header--networks .sharers--item {
    margin: 0 25px
}

.header--networks .icon {
    fill: #fff
}

.header--networks li:first-of-type {
    margin-left: 0
}

.header--networks li:last-of-type {
    margin-right: 0
}

.header--newsletter {
    opacity: 0;
    visibility: hidden;
    padding: 0 35px
}

.header--newsletter .form--newsletter {
    float: none;
    margin: 0 auto
}

.header--user-account {
    opacity: 0;
    visibility: hidden;
    color: #094da5;
    padding: 20px 0;
    text-align: center;
    background-color: #fff
}

.user-account-title {
    display: block;
    color: #094da5;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 22px;
    line-height: 2.2rem;
    padding: 0 0 15px
}

.header--account {
    position: absolute;
    display: none;
    top: 23px;
    right: 60px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 13px;
    line-height: 1.3rem;
    font-weight: 400;
    text-transform: uppercase;
    z-index: 10
}

.header--account a {
    text-decoration: none
}

.header--search {
    position: absolute;
    top: 19px;
    right: 20px;
    z-index: 10
}

.header--search button {
    cursor: pointer
}

.header--search .icon {
    fill: #fff;
    width: 22px;
    height: 22px
}

.section--featured-recipes {
    position: relative
}

.recipes--slide {
    display: block;
    text-decoration: none;
    overflow: hidden
}

.recipes--slide img {
    display: block;
    width: 100%;
    min-width: 100%;
    /*height: 100%;*/
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
    z-index: 2
}

.recipes--slide .slide--content-title {
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 40px;
    line-height: 4rem
}

.recipes--slide:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .3) 20%, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .05));
    background: linear-gradient(45deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .3) 20%, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .05))
}

.slide--special-title {
    position: absolute;
    top: 60px;
    left: 50%;
    width: calc(90% - 40px);
    max-width: 560px;
    color: #fff;
    overflow: hidden;
    text-align: center;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 5
}

.slide--special-title-wrap {
    position: absolute;
    top: 0;
    width: 100%;
    height: calc(100% - 11px)
}

.slide--title {
    color: #fff;
    font-size: 30px;
    font-size: 3rem;
    line-height: 30px;
    line-height: 3rem;
    font-weight: 400;
    padding: 20px 0 10px;
    letter-spacing: -1px
}

.slide--subtitle {
    position: relative;
    font-family: Times New Roman, Times, serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
    padding: 0 10px;
    bottom: 2px
}

.slide--subtitle:before {
    opacity: .5;
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    right: 0;
    width: 1000px;
    height: 1px;
    -webkit-transform: translate(100%);
    -ms-transform: translate(100%);
    transform: translate(100%);
    background-color: #fff
}

.slide--subtitle:after {
    opacity: .5;
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 1000px;
    height: 1px;
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    transform: translate(-100%);
    background-color: #fff
}

.blur-bg, .slide--special-background {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    overflow: hidden;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    z-index: -1
}

.slide .block--push, .slide .block--single {
    max-width: 320px;
    margin: 0 auto
}

.slide .block--push-content, .slide .block--single-content {
    position: relative;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.slide.active .block--push-content, .slide.active .block--single-content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.list--item {
    position: relative;
    text-align: center
}

.list--item:hover .list--item-thumb img {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.list--item .content--meta {
    max-width: none;
    padding: 10px 15px
}

.list--item .content--meta:after {
    background-color: #e5ecf5
}

.list--item .content--meta.ratings .content--meta-label {
    color: #e0182f
}

.list--item .content--meta.comments .content--meta-label {
    color: #094da5
}

.list--item .content--meta-label {
    font-size: 10px;
    font-size: 1rem;
    line-height: 10px;
    line-height: 1rem
}

.list--item .icon-preptime {
    fill: #094da5;
    width: 18px;
    height: 18px
}

.list--item .icon-difficulty {
    width: 18px;
    height: 18px
}

.list--item .icon-vegan {
    width: 27px;
    height: 18px
}

.list--item .content--socials {
    border-bottom: 1px solid #e5ecf5
}

.list--item .content--socials .content--meta {
    padding: 0 15px
}

.list--item .content--socials .content--meta:after {
    background-color: #e5ecf5
}

.list--item .icon-rating {
    width: 14px;
    height: 13px
}

.list--item .icon-comments {
    width: 15px;
    height: 16px
}

.list--item-thumb {
    position: relative;
    height: 215px;
    overflow: hidden
}

.list--item-thumb img {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: auto;
    min-width: 100%;
    max-width: none;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-height: 215px;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: all .35s ease-out;
    transition: all .35s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.list--item-link {
    display: block;
    text-decoration: none
}

.list--item-excerpt {
    padding: 0
}

.list--item.recipe {
    margin-bottom: 50px
}

.recipes--header {
    position: relative;
    padding: 85px 0 30px;
    text-align: center;
    overflow: hidden
}

.recipes--header-title {
    position: relative;
    font-family: Lobster-Regular, cursive;
    font-size: 30px;
    font-size: 3rem;
    line-height: 36px;
    line-height: 3.6rem;
    margin: 0 auto 10px;
    padding: 0 20px 20px;
    text-align: center
}

.recipes--header-content {
    position: relative;
    padding: 95px 0 20px;
    z-index: 2
}

.recipes--header.has-cover {
    padding: 0
}

.recipes--header.has-cover .recipes--header-title {
    color: #fff;
    margin: 0 auto 20px;
    text-shadow: 0 0 76px rgba(0, 0, 0, .89)
}

.recipes--header.has-cover .recipes--header-title:after {
    content: normal
}

.recipes--header.has-cover .recipes--header-cover {
    position: relative;
    min-height: 280px
}

.recipes--header.has-cover .recipes--header-image {
    position: absolute;
    top: 0;
    width: 100%;
    min-height: 100%;
    z-index: 1;
    overflow: hidden
}

.recipes--header.has-cover .recipes--header-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    max-width: none;
    min-height: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.recipes--header.has-cover .breadcrumb {
    color: #fff
}

.recipes--downloads {
    margin: 0 0 15px
}

.recipes--downloads .button {
    white-space: nowrap
}

.recipes--subcats {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto
}

.recipes--subcats-list {
    font-size: 0
}

.recipes--subcats-list li {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
    font-weight: 400;
    margin: 0 3px 10px !important;
    border-radius: 16px;
    background-color: #094da5
}

.recipes--subcats-list li:hover {
    color: #094da5;
    background-color: #fff
}

.recipes--subcats-list a {
    display: block;
    color: inherit;
    padding: 8px 14px;
    text-decoration: none
}

.recipes--category-description {
    padding: 20px;
    text-align: center
}

.recipes--list .page--excerpt, .recipes--list .product--subcategory-excerpt {
    max-width: 880px;
    margin: 0 auto
}

.recipes--list .list-item--title {
    padding: 0 20px 20px
}

.recipes-row {
    text-align: left
}

.recipes-row .recipe-col {
    width: 100%;
    padding: 0 20px
}

.header, .header--404 {
    position: relative;
    min-height: 475px
}

.header--slide {
    min-height: 475px;
    z-index: 1
}

.header--slide img {
    top: 50%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.header--content, .header--slide img {
    position: absolute;
    left: 50%;
    width: 100%
}

.header--content {
    bottom: 20px;
    max-width: 1166px;
    padding: 0 20px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 3
}

.header--content-title {
    color: #fff;
    font-family: Lobster-Regular, cursive;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 40px;
    line-height: 4rem
}

.header--content-type {
    display: block;
    position: relative;
    color: #f49811;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 0 0 0 15px;
    text-transform: uppercase
}

.header--content-type:before {
    display: block;
    position: absolute;
    content: "—";
    top: 0;
    left: -2px
}

.recette--ingredients {
    position: relative;
    color: #fff;
    margin: 0 0 40px;
    padding: 35px 0 40px;
    text-align: center;
    border-radius: 10px;
    background-color: #094da5
}

.recette--ingredients:after {
    display: block;
    position: absolute;
    content: "";
    bottom: -25px;
    left: 50%;
    width: 50px;
    height: 50px;
    -webkit-transform: translate(-50%) rotate(45deg);
    -ms-transform: translate(-50%) rotate(45deg);
    transform: translate(-50%) rotate(45deg);
    background-color: #094da5
}

.recette--ingredients-title {
    display: block;
    position: relative;
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    line-height: 4rem;
    font-family: Lobster-Regular, cursive;
    margin: 0 auto 10px;
    padding: 0 0 40px;
    text-align: center;
    color: #fff
}

.recette--ingredients-title:after {
    position: absolute;
    color: inherit;
    font-size: 35px;
    font-size: 3.5rem;
    left: 50%;
    bottom: 0;
    content: "\2014";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.recipe--ingredients-checklist {
    padding: 10px 40px 30px
}

.aside--br {
    padding: 45px 0 60px
}

.aside--br-title {
    display: block;
    position: relative;
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    line-height: 4rem;
    font-family: Lobster-Regular, cursive;
    text-align: center;
    color: #e0182f;
    font-size: 50px;
    font-size: 5rem;
    line-height: 50px;
    line-height: 5rem;
    margin: 0 auto 25px;
    padding: 0
}

.aside--br-title:after {
    position: absolute;
    color: inherit;
    font-size: 35px;
    font-size: 3.5rem;
    left: 50%;
    bottom: 0;
    content: "\2014";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.aside--br-title:after {
    content: normal
}

.sidebar .js-aside--suggestions {
    display: none
}

.aside--suggestions-title {
    display: block;
    position: relative;
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    line-height: 4rem;
    font-family: Lobster-Regular, cursive;
    margin: 0 auto 10px;
    padding: 0 0 40px;
    text-align: center;
    color: #094da5;
    display: none
}

.aside--suggestions-title:after {
    position: absolute;
    color: inherit;
    font-size: 35px;
    font-size: 3.5rem;
    left: 50%;
    bottom: 0;
    content: "\2014";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.aside--suggestions a {
    text-decoration: none
}

.recipe--preparation-title {
    display: block;
    position: relative;
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    line-height: 4rem;
    font-family: Lobster-Regular, cursive;
    margin: 0 auto 10px;
    padding: 0 0 40px;
    text-align: center;
    color: #094da5
}

.recipe--preparation-title:after {
    position: absolute;
    color: inherit;
    font-size: 35px;
    font-size: 3.5rem;
    left: 50%;
    bottom: 0;
    content: "\2014";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.product--presentation-excerpt, .recipe--steps {
    margin-bottom: 40px
}

.product--section, .recipe--section {
    position: relative;
    max-width: 710px;
    padding: 0 20px 40px
}

.end.product--section, .recipe--section.end {
    margin-top: 35px;
    padding: 0
}

.end.product--section:before, .recipe--section.end:before {
    content: normal
}

.end.product--section:after, .recipe--section.end:after {
    background-color: transparent
}

.product--section:before, .recipe--section:before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #094da5;
    border: 2px solid #fff;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 2
}

.product--section:after, .recipe--section:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #094da5;
    z-index: 1
}

.product--section p, .recipe--section p {
    color: #094da5
}

.product--section p:last-of-type, .recipe--section p:last-of-type {
    padding: 0
}

.special--step [class^=icon-] {
    position: relative;
    z-index: 2
}

.recette--tip-title {
    display: block;
    color: #f49811;
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
    line-height: 2rem;
    font-weight: 700;
    text-align: center
}

.recette--tip {
    position: relative;
    color: #ffba59;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22px;
    line-height: 2.2rem;
    font-weight: 400;
    margin-top: 100px;
    padding: 40px 35px 35px;
    border: 1px solid #f49811;
    border-radius: 20px;
    background: url(images/icon-quote.svg) #fff 50% no-repeat;
    background-size: 118px 76px
}

.recette--tip:before {
    content: normal
}

.recette--tip .icon--tip {
    position: absolute;
    top: -27px;
    left: 50%;
    width: 96px;
    height: 96px;
    border: 1px solid #f49811;
    border-radius: 50%;
    background-color: #fff;
    background-size: 37px 53px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.recette--tip .icon--tip:after {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 80px;
    height: 30px;
    -webkit-transform: translate(-50%, 27px);
    -ms-transform: translate(-50%, 27px);
    transform: translate(-50%, 27px);
    background-color: #fff
}

.recette--tip-author {
    display: block;
    color: #9b9b9b;
    margin-top: 10px
}

.recette--tip-date {
    font-size: 12px;
    font-size: 1.2rem
}

.recette--tip-actions {
    position: absolute;
    right: 15px;
    bottom: 20px
}

.recette--tip-actions button {
    display: inline-block
}

.recette--story {
    position: relative;
    color: #fff;
    margin-top: 100px;
    padding: 40px 35px 35px;
    text-align: center;
    border: 1px solid #f49811;
    border-radius: 20px;
    background-color: #f49811
}

.recette--story:before {
    content: normal
}

.recette--story p {
    color: #fff
}

.recette--story .icon--story {
    position: absolute;
    top: -27px;
    left: 50%;
    width: 96px;
    height: 96px;
    border: 1px solid #f49811;
    border-radius: 50%;
    background-color: #f49811;
    background-size: 49px 40px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.recette--story .icon--story:after {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 80px;
    height: 30px;
    -webkit-transform: translate(-50%, 27px);
    -ms-transform: translate(-50%, 27px);
    transform: translate(-50%, 27px);
    background-color: #f49811
}

.recette--video {
    color: #f49811;
    text-align: center
}

.video-header {
    position: relative;
    padding-bottom: 55px
}

.video-header:after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 3px;
    width: 1px;
    height: 30px;
    background-color: #f49811
}

.video-title {
    font-weight: 700
}

.video-subtitle, .video-title {
    display: block;
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
    line-height: 2rem;
    margin-bottom: 5px
}

.video-subtitle {
    font-weight: 300
}

.recipe--interactions .content--comments {
    position: relative;
    padding-bottom: 40px
}

.recipe--interactions .content--comments:after {
    display: block;
    position: absolute;
    content: "";
    bottom: -25px;
    left: 50%;
    width: 50px;
    height: 50px;
    -webkit-transform: translate(-50%) rotate(45deg);
    -ms-transform: translate(-50%) rotate(45deg);
    transform: translate(-50%) rotate(45deg);
    background-color: #094da5
}

.recipe--interactions .content--sharer {
    margin: 0 auto 75px
}

.recipe--suggestion {
    margin: 50px auto
}

.recipe--suggestion .aside--suggestions-title {
    display: block
}

.recipe--extra-tips {
    position: relative;
    color: #fff;
    margin: 0 auto 50px;
    border-radius: 10px;
    background-color: #094da5
}

.recipe--extra-tips p {
    color: #fff
}

.recipe--extra-tips:after {
    display: block;
    position: absolute;
    content: "";
    bottom: -25px;
    left: 50%;
    width: 50px;
    height: 50px;
    -webkit-transform: translate(-50%) rotate(45deg);
    -ms-transform: translate(-50%) rotate(45deg);
    transform: translate(-50%) rotate(45deg);
    background-color: #094da5
}

.recipe--extra-tips-header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    padding: 45px;
    text-align: center
}

.recipe--extra-tips-title {
    position: relative;
    color: #fff;
    font-family: Lobster-Regular, cursive;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    line-height: 3rem;
    padding-bottom: 40px
}

.recipe--extra-tips-title:after {
    position: absolute;
    color: inherit;
    font-size: 35px;
    font-size: 3.5rem;
    left: 50%;
    bottom: 0;
    content: "\2014";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.recipe--extra-tips-content {
    padding: 0 25px 40px
}

.recipe--extra-tips-baseline {
    display: block;
    font-family: Lobster-Regular, cursive;
    font-size: 30px;
    font-size: 3rem;
    line-height: 35px;
    line-height: 3.5rem;
    padding: 10px 0 0;
    text-align: center
}

.content--comments {
    position: relative;
    color: #fff;
    margin: 0 auto;
    padding: 20px;
    border-radius: 10px;
    background-color: #094da5
}

.content--comments p:last-of-type {
    padding: 0
}

.content--comments-title {
    display: block;
    position: relative;
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    line-height: 4rem;
    font-family: Lobster-Regular, cursive;
    margin: 0 auto 10px;
    padding: 0 0 40px;
    text-align: center;
    color: #fff
}

.content--comments-title:after {
    position: absolute;
    color: inherit;
    font-size: 35px;
    font-size: 3.5rem;
    left: 50%;
    bottom: 0;
    content: "\2014";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.form--recipe-actions label {
    max-width: 25%;
    text-align: right
}

.form--recipe-actions .recipe-rating label {
    max-width: none;
    padding-right: 0;
    text-align: center
}

.form--recipe-actions .input--field.radiogroup {
    margin: 10px 0 15px 25%
}

.form--recipe-actions .input--field.radiogroup .radio {
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 5px 0 10px 15px;
    margin-bottom: 10px
}

.form--recipe-actions .input--field.radiogroup .radio label {
    cursor: pointer;
    position: relative;
    max-width: none;
    text-align: left;
    z-index: 2
}

.form--recipe-actions .input--field.radiogroup .radio:after, .form--recipe-actions .input--field.radiogroup .radio:before {
    content: normal
}

.form--recipe-actions .ginput_container, .form--recipe-actions .upload-wrapper {
    display: inline-block;
    width: 100%;
    max-width: 75%;
    vertical-align: middle
}

.form--recipe-actions .ginput_container_text, .form--recipe-actions .upload-placeholder, .form--recipe-actions .upload-wrapper:before {
    max-width: 250px
}

.form--recipe-actions .gform_footer {
    margin-top: 20px;
    text-align: center
}

.form--recipe-actions .icon-comment, .form--recipe-actions .icon-picture, .form--recipe-actions .icon-share {
    cursor: pointer;
    position: absolute;
    top: -2px;
    left: 0;
    width: 38px;
    height: 30px;
    fill: #fff;
    z-index: 1
}

.gform_confirmation_message_2 {
    text-align: center
}

.mobile--toolbar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 90;
    border-top: 1px solid #fff;
    background-color: #094da5;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.mobile--toolbar.visible {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.mobile--toolbar button {
    color: #fff;
    margin: 0;
    border-left: 1px solid #fff;
    background-color: #f49811
}

.mobile--toolbar button:first-of-type {
    border-left: 0
}

.mobile--toolbar .icon-ingredients {
    fill: #fff;
    width: 10px;
    height: 11px;
    margin-right: 5px
}

.mobile--toolbar .icon-photos-gallery {
    fill: #fff;
    width: 10px;
    height: 10px;
    margin-right: 5px
}

.mobile--toolbar-button {
    float: left;
    display: block;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 35px;
    line-height: 3.5rem;
    width: 100%;
    max-width: 50%;
    padding: 0 10px
}

.mobile--toolbar-button .icon {
    display: inline-block
}

.content--meta.intensity .content--meta-label {
    color: #094da5;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
    line-height: 1.8rem;
    margin-bottom: 10px;
    text-transform: none
}

.product--thumb {
    position: relative;
    height: 215px;
    overflow: hidden
}

.product--thumb img {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: auto;
    min-width: 100%;
    max-width: none;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 215px
}

.product--intensity {
    position: relative
}

.product--intensity li {
    position: relative;
    display: inline-block;
    margin: 0 2px;
    opacity: 1;
    background-color: #fff;
    z-index: 2
}

.product--intensity li.active .icon {
    opacity: 1
}

.product--intensity .icon {
    display: block;
    opacity: .3
}

.product--intensity:after {
    display: block;
    position: absolute;
    content: "";
    top: 8px;
    left: 50%;
    width: 90%;
    height: 2px;
    background-color: #094da5;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 1
}

.product--section.end {
    margin-top: 0;
    padding: 0 20px 30px
}

.product--section.end:before {
    top: 70px
}

.product--section.end:after {
    content: normal
}

.product--block-title {
    display: block;
    position: relative;
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    line-height: 4rem;
    font-family: Lobster-Regular, cursive;
    margin: 0 auto 10px;
    padding: 0 0 40px;
    text-align: center
}

.product--block-title:after {
    position: absolute;
    color: inherit;
    font-size: 35px;
    font-size: 3.5rem;
    left: 50%;
    bottom: 0;
    content: "\2014";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.product--presentation-excerpt {
    margin-top: 0
}

.product--ingredients {
    position: relative;
    margin: 0 auto 50px;
    padding: 20px;
    border-radius: 20px;
    background-color: #094da5;
    color: #fff
}

.product--ingredients p:last-of-type {
    padding: 0
}

.product--ingredients:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    width: 25px;
    height: 25px;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    -ms-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg);
    background-color: inherit;
    z-index: -1
}

.product--ingredients p {
    color: #fff
}

.product--ingredients-title {
    display: block;
    position: relative;
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    line-height: 4rem;
    font-family: Lobster-Regular, cursive;
    margin: 0 auto 10px;
    padding: 0 0 40px;
    text-align: center;
    color: #fff
}

.product--ingredients-title:after {
    position: absolute;
    color: inherit;
    font-size: 35px;
    font-size: 3.5rem;
    left: 50%;
    bottom: 0;
    content: "\2014";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.product--ingredients-title:after {
    content: normal
}

.product--composition {
    padding: 0 0 0 45px
}

.product--composition-value {
    font-weight: 300
}

.product--block {
    padding-top: 1px;
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 65px;
    /*border-bottom: 1px solid #094da5;*/
}

.product--block:after {
    /*display: block;*/
    display: none;
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    width: 25px;
    height: 25px;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    -ms-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg);
    background-color: #fff;
    border-color: #fff #094da5 #094da5 #fff;
    border-style: solid;
    border-width: 1px;
    z-index: 1
}

.product--block.presentation {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0
}

.product--block.presentation:after {
    content: normal
}

.product--tasting-title {
    display: block;
    position: relative;
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    line-height: 4rem;
    font-family: Lobster-Regular, cursive;
    margin: 0 auto 10px;
    padding: 0 0 40px;
    text-align: center
}

.product--tasting-title:after {
    position: absolute;
    color: inherit;
    font-size: 35px;
    font-size: 3.5rem;
    left: 50%;
    bottom: 0;
    content: "\2014";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.product--associations-title {
    display: block;
    position: relative;
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    line-height: 4rem;
    font-family: Lobster-Regular, cursive;
    margin: 0 auto 10px;
    padding: 0 0 40px;
    text-align: center
}

.product--associations-title:after {
    position: absolute;
    color: inherit;
    font-size: 35px;
    font-size: 3.5rem;
    left: 50%;
    bottom: 0;
    content: "\2014";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.product--associations-grid .grid-item {
    width: calc(33% - 8px);
    margin: 0 4px 4px
}

.product--associations-grid .grid-item img {
    width: 100%
}

.product--preservation-title {
    display: block;
    position: relative;
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    line-height: 4rem;
    font-family: Lobster-Regular, cursive;
    margin: 0 auto 10px;
    padding: 0 0 40px;
    text-align: center
}

.product--preservation-title:after {
    position: absolute;
    color: inherit;
    font-size: 35px;
    font-size: 3.5rem;
    left: 50%;
    bottom: 0;
    content: "\2014";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.product--nutrition {
    position: relative;
    color: #fff;
    padding: 20px;
    border-radius: 20px;
    background-color: #094da5;
    margin: -85px auto 0;
    padding-top: 70px !important;
    z-index: 2
}

.product--nutrition p:last-of-type {
    padding: 0
}

.product--nutrition:before {
    display: block;
    position: absolute;
    content: "";
    top: -25px;
    left: 50%;
    width: 50px;
    height: 50px;
    -webkit-transform: translate(-50%) rotate(45deg);
    -ms-transform: translate(-50%) rotate(45deg);
    transform: translate(-50%) rotate(45deg);
    background-color: #fff
}

.product--nutrition-title {
    display: block;
    position: relative;
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    line-height: 4rem;
    font-family: Lobster-Regular, cursive;
    margin: 0 auto 10px;
    padding: 0 0 40px;
    text-align: center;
    color: #fff
}

.product--nutrition-title:after {
    position: absolute;
    color: inherit;
    font-size: 35px;
    font-size: 3.5rem;
    left: 50%;
    bottom: 0;
    content: "\2014";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.product--nutrition-title span {
    display: block;
    font-family: Roboto Light, sans-serif;
    font-size: 18px;
    font-size: 1.8rem
}

.product--nutrition-values {
    max-width: 430px;
    margin: 0 auto
}

.product--nutrition-row {
    position: relative;
    margin: 0 0 15px;
    z-index: 2
}

.product--nutrition-row:after {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 5px;
    width: 100%;
    height: 1px;
    background-color: #2a65b1;
    z-index: 1
}

.product--nutrition-row .product--nutrition-label {
    position: relative;
    display: inline-block;
    font-weight: 400;
    padding: 0 30px 0 0;
    background-color: #094da5;
    z-index: 3
}

.product--nutrition-row .product--nutrition-value {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    padding: 0 0 0 30px;
    background-color: #094da5;
    z-index: 3
}

.product-category--list .page--excerpt, .product-category--list .product--subcategory-excerpt, .products-categories--list .page--excerpt, .products-categories--list .product--subcategory-excerpt {
    max-width: 880px;
    margin: 0 auto
}

.products-row .product-col {
    width: 100%;
    padding: 0 20px
}

.products-categories--list .products-row {
    text-align: left
}

.list--item.product {
    margin-bottom: 20px
}

.list--item.product .list--item-thumb {
    margin-bottom: 25px
}

.products--subcategory-row {
    position: relative;
    padding: 60px 0;
    text-align: center
}

.products--subcategory-row:first-child {
    padding-top: 0
}

.products--subcategory-row:nth-child(odd) {
    background-color: #fff1de
}

.products--subcategory-row:last-child {
    padding-bottom: 0
}

.products--subcategory-row .list--item.product {
    margin-bottom: 0
}

.product--subcategory-excerpt {
    max-width: 1060px !important;
    margin-bottom: 40px !important
}

.booklets-row {
    padding-top: 35px
}

.booklets-row .booklet-col {
    width: 100%;
    padding: 0 20px
}

.list--item.booklet {
    margin: 25px auto
}

.list--item.booklet .list--item-thumb {
    background-size: cover;
    margin-bottom: 25px
}

.row--lp-recipe .col--media, .row--manifesto .col--media {
    margin: 0;
    width: 100%
}

.col--content, .col--media {
    position: relative
}

.col--content {
    padding: 20px 0 35px
}

.lp-recipe--section-thumb img, .manifesto--section-thumb img {
    display: block
}

.lp-recipe--section, .manifesto--section {
    text-align: center
}

.lp-recipe--section .sharers--item, .manifesto--section .sharers--item {
    margin: 5px 10px
}

.lp-recipe--section .sharers--item:after, .manifesto--section .sharers--item:after {
    width: 44px;
    height: 44px;
    border: 2px solid #f49811
}

.lp-recipe--section .sharers--item .icon-facebook, .manifesto--section .sharers--item .icon-facebook {
    max-width: 11px;
    max-height: 24px
}

.lp-recipe--section .sharers--item .icon-twitter, .manifesto--section .sharers--item .icon-twitter {
    max-width: 20px;
    max-height: 17px
}

.lp-recipe--section .sharers--item .icon-pinterest, .manifesto--section .sharers--item .icon-pinterest {
    max-width: 17px;
    max-height: 22px
}

.lp-recipe--section .sharers--item .icon-link, .manifesto--section .sharers--item .icon-link {
    max-width: 23px;
    max-height: 23px
}

.lp-recipe--section-nb, .manifesto--section-nb {
    display: inline-block;
    color: #9b9b9b;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
    line-height: 1.5rem;
    margin: 0 0 10px
}

.lp-recipe--section-content, .manifesto--section-content {
    max-width: 450px;
    margin: 0 auto;
    padding: 10px 15px 30px
}

.lp-recipe--section-content p, .manifesto--section-content p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem
}

.lp-recipe--section-content p:last-of-type, .manifesto--section-content p:last-of-type {
    padding: 0
}

.lp-recipe--infos-label, .lp-recipe--section-highlight, .lp-recipe--section-title, .manifesto--section-title {
    display: block;
    color: #094da5;
    font-family: Lobster-Regular, cursive;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 22px;
    line-height: 2.2rem;
    padding-bottom: 15px
}

.section--theme {
    padding: 50px 0
}

.section--theme .block--push {
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px
}

.section--theme p {
    padding-bottom: 25px
}

.section--theme:nth-child(odd) {
    background-color: #fff1de
}

.relatedLinks {
    text-align: center
}

.relatedLinks__list {
    padding: 0;
    margin: 20px auto 0;
    text-align: center
}

.relatedLinks__list-item {
    display: inline-block;
    margin: 5px 10px
}

.relatedLinks__list-link {
    font-family: Roboto, sans-serif;
    font-weight: 700;
    color: #094da5
}

.section--theme-content {
    max-width: 770px
}

.section--theme-nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -55px;
    margin-bottom: 32px;
    position: relative
}

.section--theme-nav .toggle-mobile-close, .section--theme-nav .toggle-mobile-open {
    display: none;
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    background-color: #094da5;
    padding: 0 0 2px;
    text-align: center;
    width: 45px;
    color: #fff;
    font-family: Lobster-Regular, cursive;
    outline: 0;
    font-size: 43px;
    font-size: 4.3rem;
    line-height: 43px;
    line-height: 4.3rem
}

.section--theme-nav .toggle-desktop {
    cursor: pointer;
    position: relative
}

.section--theme-nav .toggle-desktop span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 63px;
    font-size: 6.3rem;
    line-height: 63px;
    line-height: 6.3rem;
    font-family: Lobster-Regular, cursive;
    color: #fff
}

.section--theme-nav.show-all a:not(.toggle-desktop):nth-child(n) {
    display: block
}

.section--theme-nav > a {
    width: 12.5%;
    height: 110px;
    z-index: 1;
    text-align: center;
    text-decoration: none;
    border: 1px solid #fff;
    border-left: 0;
    border-bottom: 0;
    background-color: #094da5;
    padding: 15px 10px;
    position: relative
}

.section--theme-nav > a:nth-child(8n+1) {
    border-left: 1px solid #fff
}

.section--theme-nav > a:nth-child(n+9) {
    display: none
}

.section--theme-nav > a img {
    height: 40px
}

.section--theme-nav > a h3, .section--theme-nav > a legend {
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 14px;
    line-height: 1.4rem;
    font-weight: 700;
    margin-top: 5px;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    bottom: 14px;
    padding: 0 14px;
    left: 0;
    text-align: center
}

.section--theme-category {
    margin-bottom: 22px
}

.section--theme-category:last-child {
    margin-bottom: 56px
}

.section--theme-category h2 {
    position: relative;
    margin-bottom: 30px;
    font-family: Lobster-Regular, cursive;
    font-size: 38px;
    font-size: 3.8rem;
    line-height: 38px;
    line-height: 3.8rem;
    color: #094da5;
    text-align: center
}

.section--theme-category h2:after {
    content: " ";
    position: absolute;
    bottom: -14px;
    left: 50%;
    width: 12px;
    height: 4px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #094da5
}

.section--theme-sub-categories {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section--theme-sub-category {
    width: 33.3333%;
    padding: 20px
}

.section--theme-sub-category img {
    width: 100%
}

.section--theme-sub-category .cover-img {
    padding-top: 56.25%;
    background-size: cover
}

.section--theme-sub-category h3, .section--theme-sub-category legend {
    margin-top: 20px;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 25px;
    line-height: 2.5rem;
    font-family: Lobster-Regular, cursive;
    color: #094da5;
    text-align: center
}

.section--theme-sub-category .thematic-list {
    width: calc(100% - 20px);
    padding-bottom: 20px;
    border-bottom: 1px solid #e1eaf5
}

.section--theme-sub-category .thematic-list a {
    display: block;
    margin-top: 11px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16px;
    line-height: 1.6rem;
    text-align: center;
    color: #7f7f7f;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.section--theme-sub-category .thematic-list a:nth-child(n+4) {
    display: none
}

.section--theme-sub-category .thematic-list a:hover {
    color: #094da5
}

.section--theme-sub-category .thematic-list .toggle {
    width: 22px;
    margin: 18px auto 0;
    cursor: pointer;
    outline: 0
}

.section--theme-sub-category .thematic-list.is-opened .toggle {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.section--theme-sub-category .thematic-list.is-opened a:nth-child(n) {
    display: block
}

.section--theme-title {
    display: block;
    position: relative;
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    line-height: 4rem;
    font-family: Lobster-Regular, cursive;
    margin: 0 auto 10px;
    padding: 0 0 40px;
    text-align: center;
    color: #094da5
}

.section--theme-title:after {
    position: absolute;
    color: inherit;
    font-size: 35px;
    font-size: 3.5rem;
    left: 50%;
    bottom: 0;
    content: "\2014";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.section--theme-subtitle {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 26px;
    line-height: 2.6rem;
    color: #094da5;
    text-align: center
}

.section--theme-banner {
    margin-top: 15px
}

.section--theme-ending {
    padding: 80px 0;
    text-align: center
}

.section--theme-share {
    padding: 40px 0;
    border-top: 1px solid #cedbed;
    border-bottom: 1px solid #cedbed
}

.row--account {
    text-align: center
}

.row--account .button {
    margin: 10px 5px
}

.account--register-title {
    display: block;
    position: relative;
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    line-height: 4rem;
    font-family: Lobster-Regular, cursive;
    margin: 0 auto 10px;
    text-align: center;
    color: #094da5;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 25px;
    line-height: 2.5rem;
    padding: 0 0 10px
}

.account--register-title:after {
    position: absolute;
    color: inherit;
    font-size: 35px;
    font-size: 3.5rem;
    left: 50%;
    bottom: 0;
    content: "\2014";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.account--register-title:after {
    content: normal
}

.subnav {
    margin-bottom: 60px;
    box-shadow: 0 4px 20px rgba(9, 77, 165, .2)
}

.account--nav {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
    line-height: 1.5rem;
    font-weight: 400;
    text-align: center
}

.account--nav li {
    display: inline-block
}

.account--nav li:hover a {
    color: #094da5
}

.account--nav li.active a {
    color: #094da5
}

.account--nav li.active a:after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 5px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f49811
}

.account--nav a {
    position: relative;
    display: block;
    color: #a1bade;
    margin: 0 10px;
    padding: 22px 10px;
    text-decoration: none
}

.account--form-wrap {
    position: relative;
    color: #fff;
    padding: 20px;
    border-radius: 20px;
    background-color: #094da5;
    max-width: 800px;
    margin: 0 20px 50px
}

.account--form-wrap p:last-of-type {
    padding: 0
}

.account--form-wrap:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    width: 25px;
    height: 25px;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    -ms-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg);
    background-color: inherit;
    z-index: -1
}

.account--form-wrap .input--field {
    max-width: 440px;
    margin: 0 auto 15px;
    text-align: right
}

.account--form-wrap .input--field.checkbox.optin {
    max-width: 460px
}

.account--form-wrap .input--field.checkbox.optin .gfield_label {
    display: none
}

.account--form-wrap .input--field.checkbox.optin .gfield_checkbox label {
    max-width: none;
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17px;
    line-height: 1.7rem
}

.account--form-wrap .input--field.checkbox.optin .ginput_container {
    width: 100% !important
}

.account--form-wrap .input--field.checkbox.optin .gfield_description.validation_message {
    display: none
}

.account--form-wrap .input--field.checkbox.optin label {
    max-width: none;
    padding: 0 0 0 40px;
    text-align: left
}

.account--form-wrap .input--field .gfield_description.validation_message {
    display: block
}

.account--form-wrap .input--field.radiogroup .radiogroup-label {
    padding-top: 3px;
    text-align: right
}

.account--form-wrap .gfield_description.validation_message {
    display: none
}

.account--actions-wrap, .account--form-wrap .gform_confirmation_wrapper {
    text-align: center
}

.account--actions-wrap .button {
    margin: 5px
}

#loginform {
    max-width: 440px;
    margin: 0 auto
}

#loginform .input--field.inline > input {
    max-width: 250px
}

#loginform .input--field.col {
    min-height: 0
}

.loginform--actions {
    font-size: 0;
    margin-top: 30px;
    text-align: center
}

.loginform--actions label {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 11px;
    line-height: 1.1rem;
    text-align: right;
    max-width: none
}

.loginform--actions .input--field {
    display: inline-block;
    width: 50%;
    text-align: center;
    vertical-align: top
}

.loginform--retrieve-password {
    display: inline-block;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 11px;
    line-height: 1.1rem;
    font-weight: 300;
    padding-top: 3px;
    margin: 0 auto
}

#sitemap .page--content {
    padding-bottom: 0
}

.sitemap--section {
    max-width: 960px;
    margin: 0 auto 45px;
    padding: 0 0 0 35px
}

.sitemap--section .sitemap--list, .sitemap--section .sitemap--list-alt {
    position: relative;
    margin: 0 0 0 20px;
    padding: 15px 0
}

.sitemap--section .sitemap--list li, .sitemap--section .sitemap--list-alt li {
    position: relative;
    margin: 0;
    padding: 10px 25px;
    list-style: none
}

.sitemap--section .sitemap--list li:after, .sitemap--section .sitemap--list-alt li:after {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 15px;
    height: 1px;
    background-color: #9b9b9b;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sitemap--section .sitemap--list-alt {
    margin: 20px auto
}

.sitemap--section .sitemap--list-alt:before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 15px;
    height: 1px;
    background-color: #9b9b9b
}

.sitemap--section .sitemap--list-alt:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 15px;
    height: 1px;
    background-color: #9b9b9b
}

.sitemap--section .sitemap--list-alt li {
    display: list-item;
    padding: 10px 25px 10px 0
}

.sitemap--section .sitemap--list-alt li:after {
    content: normal
}

.sitemap--section a {
    text-decoration: none
}

.sitemap--section-title {
    display: block;
    color: #094da5;
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-weight: 700
}

.quiz--intro, .quiz--result {
    padding: 50px 0 0;
    text-align: center
}

.quiz--intro .page--excerpt, .quiz--intro .product--subcategory-excerpt, .quiz--result .page--excerpt, .quiz--result .product--subcategory-excerpt {
    padding-bottom: 35px
}

.quiz--questions {
    position: relative;
    color: #fff;
    border-radius: 10px;
    background-color: #f49811;
    max-width: 800px;
    margin: 40px auto 20px;
    padding: 40px 20px 20px
}

.quiz--questions p:last-of-type {
    padding: 0
}

.quiz--questions .icon--question {
    position: absolute;
    top: 0;
    left: 50%;
    width: 67px;
    height: 67px;
    border-radius: 50%;
    background-color: #f49811;
    background-size: 19px 30px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.quiz--questions-label {
    padding-bottom: 25px;
    text-align: center
}

.quiz--questions-label a {
    font-style: italic
}

.quiz--answers-list {
    font-size: 0;
    margin: 25px 0 0;
    text-align: center
}

.quiz--answers-list li {
    display: inline-block;
    width: 33%;
    max-width: 75px;
    margin: 0 5px
}

.quiz--answers-item {
    text-align: center
}

.quiz--answers-img {
    display: none
}

.quiz--answers-img img {
    display: block
}

.quiz--answers-label {
    display: block;
    color: #094da5;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    font-weight: 400;
    width: 100%;
    max-width: 110px;
    margin: 0 auto;
    padding: 10px 5px;
    border-radius: 8px;
    background-color: #fff
}

.quiz--register {
    position: relative;
    color: #fff;
    margin: 0 auto 50px;
    padding: 20px;
    border-radius: 10px;
    background-color: #094da5;
    max-width: 800px
}

.quiz--register p:last-of-type {
    padding: 0
}

.quiz--register:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    width: 25px;
    height: 25px;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    -ms-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg);
    background-color: inherit;
    z-index: -1
}

.quiz--sharer {
    padding: 0 0 15px
}

.quiz--sharer .sharers--item {
    margin: 20px 15px
}

.quiz--result-title {
    display: block;
    color: #f49811;
    font-family: Lobster-Regular, cursive;
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 48px;
    line-height: 4.8rem;
    padding-bottom: 25px
}

.quiz--second-chance {
    position: relative;
    color: #fff;
    margin: 0 auto 50px;
    padding: 20px;
    border-radius: 10px;
    background-color: #094da5;
    text-align: center
}

.quiz--second-chance p:last-of-type {
    padding: 0
}

.quiz--second-chance:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    width: 25px;
    height: 25px;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    -ms-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg);
    background-color: inherit;
    z-index: -1
}

.section--content.jeu-concours .wrapper {
    max-width: 890px
}

.page--header-content .quiz--logo {
    position: absolute;
    top: 15px;
    left: 50%;
    width: 80%;
    max-width: 584px;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.page--header-content .quiz--dotation {
    position: absolute;
    right: 50%;
    bottom: -20px;
    width: 85%;
    max-width: 325px;
    -webkit-transform: translate(56%, 100%);
    -ms-transform: translate(56%, 100%);
    transform: translate(56%, 100%)
}

.jeu-concours--opened, .jeu-concours--register {
    position: relative;
    padding: 360px 0 0
}

.jeu-concours--opened:before, .jeu-concours--register:before {
    display: block;
    position: absolute;
    content: "";
    top: 310px;
    left: 50%;
    width: 2px;
    height: 27px;
    margin-left: -1px;
    background-color: #f49811
}

.jeu-concours--register-form {
    position: relative;
    color: #fff;
    max-width: 880px;
    margin: -35px auto 50px;
    padding: 45px 20px 20px;
    text-align: center;
    border-radius: 20px;
    background-color: #f49811;
    z-index: 1
}

.jeu-concours--register-form input[type=email], .jeu-concours--register-form input[type=text] {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
    line-height: 1.8rem;
    padding: 20px;
    border: 2px solid #fff;
    border-radius: 15px;
    background-color: transparent
}

.jeu-concours--register-form input[type=email] input::-webkit-input-placeholder, .jeu-concours--register-form input[type=text] input::-webkit-input-placeholder {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem
}

.jeu-concours--register-form input[type=email] input:-moz-placeholder, .jeu-concours--register-form input[type=text] input:-moz-placeholder {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem
}

.jeu-concours--register-form input[type=email] input::-moz-placeholder, .jeu-concours--register-form input[type=text] input::-moz-placeholder {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem
}

.jeu-concours--register-form input[type=email] input:-ms-input-placeholder, .jeu-concours--register-form input[type=text] input:-ms-input-placeholder {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem
}

.jeu-concours--register-form input[type=email] textarea::-webkit-input-placeholder, .jeu-concours--register-form input[type=text] textarea::-webkit-input-placeholder {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem
}

.jeu-concours--register-form input[type=email] textarea:-moz-placeholder, .jeu-concours--register-form input[type=text] textarea:-moz-placeholder {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem
}

.jeu-concours--register-form input[type=email] textarea::-moz-placeholder, .jeu-concours--register-form input[type=text] textarea::-moz-placeholder {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem
}

.jeu-concours--register-form input[type=email] textarea:-ms-input-placeholder, .jeu-concours--register-form input[type=text] textarea:-ms-input-placeholder {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem
}

.jeu-concours--register-form .gform_body li {
    margin: 0
}

.jeu-concours--register-form .gform_body label {
    padding: 0
}

.jeu-concours--register-form .gform_body input {
    margin-top: 0 !important
}

.jeu-concours--register-form .gform_footer {
    margin-top: 10px
}

.jeu-concours--register-form button[type=submit], .jeu-concours--register-form input[type=submit] {
    color: #f49811;
    padding: 25px 20px;
    background-color: #fff
}

.jeu-concours--register-form button[type=submit]:hover, .jeu-concours--register-form input[type=submit]:hover {
    background-color: hsla(0, 0%, 100%, .9)
}

.jeu-concours--register-form-title {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-weight: 700
}

.jeu-concours--teasing {
    max-width: 880px;
    margin: 0 auto;
    text-align: center
}

.jeu-concours--teasing-title {
    color: #094da5;
    display: block;
    position: relative;
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    line-height: 4rem;
    font-family: Lobster-Regular, cursive;
    margin: 0 auto 10px;
    padding: 0 0 40px;
    text-align: center
}

.jeu-concours--teasing-title:after {
    position: absolute;
    color: inherit;
    font-size: 35px;
    font-size: 3.5rem;
    left: 50%;
    bottom: 0;
    content: "\2014";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.btn--jeu-concours--teasing {
    margin: 40px auto
}

.section--content.jeu-concours .quiz--mentions {
    color: #094da5;
    margin: 20px auto 0;
    padding: 0 0 50px
}

.section--content.jeu-concours .quiz--mentions .wrapper {
    max-width: 1320px
}

.section--content.jeu-concours .quiz--mentions p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 14px;
    line-height: 1.4rem
}

.jeu-concours--opened:before {
    background-color: #094da5;
    top: 65px
}

.quiz--episode-header {
    color: #094da5;
    font-family: Lobster-Regular, cursive;
    text-align: center
}

.quiz--episode-step-nb {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 35px;
    line-height: 3.5rem;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    background-color: #094da5;
    vertical-align: bottom
}

.quiz--episode-title {
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 38px;
    line-height: 3.8rem;
    padding: 0 0 5px
}

.quiz--choices-title, .quiz--episode-subtitle, .quiz--participate-title {
    display: block;
    position: relative;
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    line-height: 4rem;
    font-family: Lobster-Regular, cursive;
    margin: 0 auto 10px;
    padding: 0 0 40px;
    text-align: center;
    color: #094da5;
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 26px;
    line-height: 2.6rem
}

.quiz--choices-title:after, .quiz--episode-subtitle:after, .quiz--participate-title:after {
    position: absolute;
    color: inherit;
    font-size: 35px;
    font-size: 3.5rem;
    left: 50%;
    bottom: 0;
    content: "\2014";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.quiz--form {
    position: relative;
    font-size: 0;
    margin: 40px auto;
    padding: 0 0 20px;
    overflow: hidden;
    border: 3px solid #094da5;
    border-radius: 20px
}

.quiz--form.validated .quiz--form-choices, .quiz--form.validated .quiz--form-participate {
    display: none
}

.quiz--form.validated:before {
    content: normal
}

.quiz--form.validated .quiz--form-validation {
    opacity: 1;
    max-height: none;
    padding: 15px 0
}

.quiz--form-header {
    display: none
}

.quiz--form-choices {
    padding: 35px 15px
}

.quiz--choices {
    margin: 0;
    padding: 0
}

.quiz--choices .radio-alt {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 17px;
    line-height: 1.7rem
}

.quiz--choices .input--field {
    margin-bottom: 0
}

.quiz--choices label {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 17px;
    line-height: 1.7rem;
    display: inline-block;
    width: auto;
    margin: 0;
    padding-left: 20px;
    cursor: pointer
}

.quiz--answers {
    color: #fff;
    padding: 30px 20px;
    border-radius: 20px;
    background-color: #094da5
}

.quiz--form-participate {
    padding: 0 15px
}

.quiz--form-participate .gfield {
    margin-bottom: 10px
}

.quiz--form-participate input[type=text] {
    color: #094da5;
    padding: 6px 20px;
    border: 2px solid #094da5;
    border-radius: 15px;
    background-color: #fff
}

.quiz--form-participate input::-webkit-input-placeholder {
    color: #094da5;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem
}

.quiz--form-participate input:-moz-placeholder, .quiz--form-participate input::-moz-placeholder {
    color: #094da5;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem
}

.quiz--form-participate input:-ms-input-placeholder {
    color: #094da5;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem
}

.quiz--form-participate textarea::-webkit-input-placeholder {
    color: #094da5;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem
}

.quiz--form-participate textarea:-moz-placeholder, .quiz--form-participate textarea::-moz-placeholder {
    color: #094da5;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem
}

.quiz--form-participate textarea:-ms-input-placeholder {
    color: #094da5;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem
}

.quiz--form-participate .gfield_checkbox {
    padding: 0
}

.quiz--form-participate .gfield_checkbox li {
    position: relative
}

.quiz--form-participate .gfield_checkbox li:before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    background-color: #fff;
    border: 2px solid #094da5
}

.quiz--form-participate .gfield_checkbox li input[type=checkbox] {
    position: absolute;
    left: -9999px
}

.quiz--form-participate .gfield_checkbox label {
    color: #094da5;
    font-size: 9px;
    font-size: .9rem;
    line-height: 11px;
    line-height: 1.1rem;
    padding: 0 0 0 16px;
    max-width: none;
    z-index: 2
}

.quiz--form-participate .gfield.checkbox.checked .gfield_checkbox li:after {
    opacity: 1;
    visibility: visible;
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    background-color: #094da5
}

.quiz--choices-title, .quiz--participate-title {
    padding-bottom: 15px;
    text-align: center
}

.quiz--choices-title .quiz--episode-step-nb, .quiz--participate-title .quiz--episode-step-nb {
    display: block;
    margin: 0 auto 5px
}

.quiz--choices-title:after, .quiz--participate-title:after {
    content: normal
}

.quiz--form-validation {
    opacity: 0;
    max-height: 0;
    padding: 0 0 20px;
    overflow: hidden;
    text-align: center;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    color: #094da5;
    font-family: Lobster-Regular, cursive;
    font-weight: 400
}

.quiz--form-validation .message {
    padding: 0
}

.quiz--form-validation-head {
    width: 450px;
    margin: 0 auto;
    max-width: 100%
}

.quiz--form-validation-title {
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 35px;
    line-height: 3.5rem
}

.quiz--form-validation-subtitle {
    width: 720px;
    max-width: 100%;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 21px;
    line-height: 2.1rem;
    position: relative;
    margin: 15px auto 20px;
    padding: 0 15px 40px;
    font-family: Helvetica, Arial, sans-serif
}

.quiz--form-validation-subtitle:after {
    position: absolute;
    color: inherit;
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 35px;
    line-height: 3.5rem;
    left: 50%;
    bottom: 0;
    content: "\2014";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.quiz--form-validation-video {
    width: 70%;
    margin: 20px auto 0;
    padding: 0 15px
}

.quiz--fb-register {
    padding: 0 0 10px
}

.quiz--fb-register .symbol-fb-register {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 15px 0 0;
    border-radius: 50%;
    border: 3px solid #094da5;
    vertical-align: top
}

.quiz--fb-register .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    margin: 0 auto;
    max-width: 8px;
    max-height: 18px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.button.fb-login {
    cursor: pointer;
    color: #fff;
    font-size: 10px;
    font-size: 1rem;
    line-height: 10px;
    line-height: 1rem;
    padding: 12px 12px 10px;
    border: 0;
    background-color: #094da5
}

.button.fb-login:hover, .input--field.file .upload-wrapper:hover .fb-login.button {
    background-color: rgba(9, 77, 165, .9)
}

.jeu-concours--over {
    padding: 100px 0 60px
}

.jeu-concours--over:before {
    display: block;
    position: absolute;
    content: "";
    left: 50%;
    width: 2px;
    margin-left: -1px;
    background-color: #094da5;
    top: 30px;
    height: 60px
}

.page--header.lp-jeu-concours .jeu-concours--over-title.product--subcategory-title, .page--header.lp-jeu-concours .page--title.jeu-concours--over-title {
    margin-bottom: 25px
}

.page--header.lp-jeu-concours .page--subtitle.jeu-concours--over-subtitle {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 21px;
    line-height: 2.1rem;
    font-family: Helvetica, Helvetica Neue, Arial, sans-serif
}

.jeu-concours--over-header {
    display: block;
    position: relative;
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 40px;
    line-height: 4rem;
    font-family: Lobster-Regular, cursive;
    margin: 0 auto 20px;
    padding: 0 0 45px;
    text-align: center;
    color: #094da5
}

.jeu-concours--over-header:after {
    content: "\2014";
    position: absolute;
    color: inherit;
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 35px;
    line-height: 3.5rem;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.quiz-winter {
    margin-bottom: 50px
}

.quiz-winter img {
    width: 100%
}

.quiz-winter img.gform_ajax_spinner {
    width: 25px;
    position: absolute;
    margin-left: 8px;
    margin-top: 8px
}

.quiz-winter .js-quizWinterConfirmation, .quiz-winter .js-quizWinterCorrect, .quiz-winter .js-quizWinterIncorrect, .quiz-winter .js-quizWinterRules {
    display: none
}

.quiz-winter .quiz-winter-cover {
    margin: 0 auto 20px;
    max-width: 1366px
}

.quiz-winter .quiz-winter-step-headings {
    text-align: center;
    margin-bottom: 40px;
    overflow: hidden
}

.quiz-winter .quiz-winter-step-headings h2 {
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 40px;
    line-height: 4rem
}

.quiz-winter .quiz-winter-step-headings h1 {
    font-size: 50px;
    font-size: 5rem;
    line-height: 55px;
    line-height: 5.5rem;
    padding-bottom: 6px;
    color: #f49811;
    display: inline-block
}

.quiz-winter .quiz-winter-step-headings h1.with-stars {
    position: relative
}

.quiz-winter .quiz-winter-step-headings h1.with-stars:before {
    content: "";
    background-image: url(images/jeux-concours-winter/stars-title.png);
    background-size: contain;
    width: 80px;
    height: 35px;
    position: absolute;
    left: -90px;
    top: 4px
}

.quiz-winter .quiz-winter-step-headings h1.with-stars:after {
    content: "";
    background-image: url(images/jeux-concours-winter/stars-title.png);
    background-size: contain;
    width: 80px;
    height: 35px;
    position: absolute;
    right: -90px;
    top: 4px
}

.quiz-winter .quiz-winter-question-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.quiz-winter .orange-top-border {
    background-color: #f49811;
    width: calc(100% + 12px);
    height: 6px;
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px);
    border: 0;
    margin: 0;
    padding: 0
}

.quiz-winter .quiz-winter-question {
    background: -webkit-linear-gradient(top, #4c9cda, #4c9cda 42%, #2e2755);
    background: linear-gradient(180deg, #4c9cda 0, #4c9cda 42%, #2e2755);
    color: #fff;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 8px;
    padding: 6px;
    position: relative;
    margin-bottom: 30px
}

.quiz-winter .quiz-winter-question:after {
    content: "1";
    font-family: Lobster-Regular, cursive;
    font-size: 122px;
    line-height: 1;
    position: absolute;
    bottom: 14px;
    right: 34px;
    color: #fe0018
}

.quiz-winter .quiz-winter-question:nth-child(2):after {
    content: "2"
}

.quiz-winter .quiz-winter-question:nth-child(3):after {
    content: "3"
}

.quiz-winter .quiz-winter-question.bg-orange {
    background: -webkit-linear-gradient(top, #facd8d, #facd8d 42%, #f49913);
    background: linear-gradient(180deg, #facd8d 0, #facd8d 42%, #f49913)
}

.quiz-winter .quiz-winter-question.bg-orange:after {
    color: #094da5
}

.quiz-winter .quiz-winter-question h4 {
    color: #fff;
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 30px;
    line-height: 3rem
}

.quiz-winter .quiz-winter-question-image {
    height: 275px;
    background-size: cover;
    background-position: 50%
}

.quiz-winter .quiz-winter-question-content {
    margin: 24px 84px 24px 24px;
    min-height: 84px;
    padding-bottom: 40px
}

.quiz-winter .quiz-winter-question-content a {
    margin-top: 12px;
    font-weight: 700;
    font-size: 12px;
    font-size: 1.2rem;
    position: absolute;
    bottom: 28px
}

.quiz-winter .quiz-winter-question-content .btn-recipe {
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.quiz-winter .quiz-winter-question-content .btn-recipe:hover {
    background: #fff;
    color: #f49811
}

.quiz-winter .quiz-winter-radio-group {
    margin-bottom: 6px
}

.quiz-winter .quiz-winter-radio-group input {
    vertical-align: initial
}

.quiz-winter .quiz-winter-radio-group label {
    display: inline;
    font-size: 17px;
    font-size: 1.7rem
}

.quiz-winter .quiz-winter-action {
    padding-top: 40px;
    padding-bottom: 34px;
    text-align: center;
    overflow: hidden
}

.quiz-winter .quiz-winter-action button {
    position: relative;
    margin-top: 40px;
    min-width: 240px;
    border-radius: 32px;
    box-shadow: 0 4px 22px rgba(0, 0, 0, .25);
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 38px;
    line-height: 3.8rem
}

.quiz-winter .quiz-winter-action button:focus {
    outline: 0
}

.quiz-winter .quiz-winter-action button:before {
    content: "";
    background-image: url(images/jeux-concours-winter/stars-left.png);
    background-size: contain;
    width: 100px;
    height: 110px;
    position: absolute;
    left: -70px;
    top: -28px
}

.quiz-winter .quiz-winter-action button:after {
    content: "";
    background-image: url(images/jeux-concours-winter/stars-right.png);
    background-size: contain;
    width: 63px;
    height: 100px;
    position: absolute;
    right: -65px;
    top: -22px
}

.quiz-winter .quiz-winter-rules {
    width: 100%;
    text-align: center;
    max-width: 640px;
    margin: 60px auto 0
}

.quiz-winter .quiz-winter-rules a {
    cursor: pointer;
    text-align: center;
    color: #094da5;
    text-decoration: underline;
    display: inline-block
}

.quiz-winter .quiz-winter-form {
    margin: 30px auto 20px;
    display: block;
    border: 4px solid #094da5;
    padding: 25px;
    border-radius: 14px;
    max-width: 640px;
    width: 100%;
    color: #094da5
}

.quiz-winter .quiz-winter-form-title {
    margin-top: 50px;
    text-align: center;
    max-width: 800px;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 38px;
    line-height: 3.8rem;
    line-height: 1.2
}

.quiz-winter .blue-line {
    margin: 0 auto 14px;
    width: 2px;
    height: 60px;
    background-color: #094da5
}

.quiz-winter .quiz-winter-promo {
    margin-top: 20px;
    text-align: center
}

.quiz-winter .quiz-winter-promo h3, .quiz-winter .quiz-winter-promo legend {
    color: #f49811;
    font-size: 2em;
    max-width: 600px;
    margin: auto;
    width: 100%;
    line-height: 1.2
}

.quiz-winter .quiz-winter-promo .promo-image {
    overflow: hidden;
    display: block;
    border-radius: 20px
}

.quiz-winter .quiz-winter-sharer {
    margin-top: 20px
}

.quiz-winter .quiz-winter-confirmation {
    text-align: center;
    max-width: 840px;
    margin: auto
}

.quiz-winter .quiz-winter-rules-extract {
    max-width: 640px;
    margin: auto;
    color: #094da5
}

.quiz-winter .quiz-winter-rules-extract p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.6rem
}

.contact--form {
    width: calc(100% - 40px);
    margin: 0 20px
}

.form--contact {
    position: relative;
    color: #fff;
    margin: 0 auto 50px;
    padding: 20px;
    border-radius: 10px;
    background-color: #094da5
}

.form--contact p:last-of-type {
    padding: 0
}

.form--contact:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    width: 25px;
    height: 25px;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    -ms-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg);
    background-color: inherit;
    z-index: -1
}

.form--contact .gfield_label, .form--contact label {
    display: inline-block;
    max-width: 40%;
    text-align: right
}

.form--contact .input--field.radiogroup.col {
    padding-top: 0
}

.form--contact .input--field.radiogroup .gfield_label, .form--contact .input--field.radiogroup .radiogroup-label {
    padding-top: 3px;
    text-align: right
}

.form--contact .ginput_container_email, .form--contact .ginput_container_phone, .form--contact .ginput_container_select, .form--contact .ginput_container_text {
    display: inline-block;
    width: 100%;
    max-width: 60%
}

.form--contact .ginput_container_phone .select--wrapper, .form--contact .ginput_container_phone input[type=text], .form--contact .ginput_container_select .select--wrapper, .form--contact .ginput_container_select input[type=text], .form--contact .ginput_container_text .select--wrapper, .form--contact .ginput_container_text input[type=text] {
    max-width: none
}

.form--contact #field_3_14 {
    clear: both;
    padding-top: 10px
}

.form--contact #field_3_14 label {
    display: none !important
}

.contact--sidebar {
    width: calc(100% - 40px);
    margin: 0 20px
}

.sidebar--title {
    display: block;
    position: relative;
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    line-height: 4rem;
    font-family: Lobster-Regular, cursive;
    margin: 0 auto 10px;
    padding: 0 0 40px;
    text-align: center;
    color: #094da5
}

.sidebar--title:after {
    position: absolute;
    color: inherit;
    font-size: 35px;
    font-size: 3.5rem;
    left: 50%;
    bottom: 0;
    content: "\2014";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.contact--phone {
    position: relative;
    color: #fff;
    padding: 20px;
    border-radius: 10px;
    background-color: #f49811;
    text-align: center;
    margin: 0 auto 35px
}

.contact--phone p:last-of-type {
    padding: 0
}

.contact--phone p {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 26px;
    line-height: 2.6rem;
    margin-top: 10px
}

.contact--phone .icon--phone {
    position: absolute;
    top: 0;
    left: 50%;
    width: 67px;
    height: 67px;
    border-radius: 50%;
    background-color: #f49811;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.contact--phone .icon {
    position: absolute;
    display: block;
    width: 30px;
    height: 42px;
    fill: #fff;
    top: 10px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.contact--phone-number {
    display: block;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 36px;
    line-height: 3.6rem;
    font-weight: 700;
    margin-top: 10px
}

.contact--phone-mention {
    display: block;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 13px;
    line-height: 1.3rem;
    margin: 10px 0 0
}

.contact--mail {
    margin-bottom: 30px;
    text-align: center
}

#lp-delizioso .section--push {
    margin-bottom: 0;
    padding-bottom: 20px
}

#lp-delizioso .section--push:after {
    content: normal
}

.lp-recipe--infos {
    margin: 60px auto 75px
}

.lp-recipe--infos-block {
    margin-bottom: 40px;
    text-align: center
}

.lp-recipe--infos-block .icon {
    display: block;
    margin: 0 auto
}

.lp-recipe--infos-block .icon-difficulty, .lp-recipe--infos-block .icon-preptime {
    width: 60px;
    height: 60px
}

.lp-recipe--infos-block .icon-success {
    width: 56px;
    height: 41px;
    margin: 20px auto 5px
}

.lp-recipe--infos-label, .lp-recipe--section-highlight {
    color: #f49811;
    max-width: 65%;
    margin: 20px auto 0
}

.lp-recipe--ingredients-title {
    display: block;
    position: relative;
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    line-height: 4rem;
    font-family: Lobster-Regular, cursive;
    margin: 0 auto 10px;
    padding: 0 0 40px;
    text-align: center;
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 48px;
    line-height: 4.8rem
}

.lp-recipe--ingredients-title:after {
    position: absolute;
    color: inherit;
    font-size: 35px;
    font-size: 3.5rem;
    left: 50%;
    bottom: 0;
    content: "\2014";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.lp-recipe--ingredients-excerpt {
    text-align: center
}

.lp-recipe--ingredients-excerpt p {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 22px;
    line-height: 2.2rem
}

.lp-recipe--ingredients-subtitle {
    display: block;
    color: #f49811;
    font-family: Lobster-Regular, cursive;
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 40px;
    line-height: 4rem;
    margin-top: 50px;
    text-align: center
}

.lp-recipe--ingredients-subtitle span {
    display: block;
    color: #094da5;
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
    line-height: 2rem;
    margin: 10px 0 30px
}

.lp-recipe--ingredients-list {
    font-size: 0;
    text-align: center
}

.lp-recipe--ingredients-list .icon-plus {
    display: none;
    width: 25px;
    height: 25px;
    margin-top: 55px
}

.lp-recipe--ingredients-list .icon-plus.sep {
    display: block;
    margin: 0 auto 10px
}

.lp-recipe--ingredient {
    display: inline-block;
    width: 50%;
    vertical-align: top
}

.lp-recipe--ingredient-image {
    max-width: 135px;
    min-height: 160px;
    margin: 0 auto
}

.lp-recipe--ingredient-image img {
    display: block
}

.lp-recipe--ingredient-label {
    color: #094da5;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    line-height: 1.6rem
}

.lp-recipe--preparation {
    margin-top: 70px
}

.lp-recipe--section-content {
    font-weight: 400
}

.lp--sharer {
    padding: 30px 0
}

.section--push {
    position: relative;
    padding: 80px 0 70px;
    background-color: #fff1de
}

.section--push .grid-col-free {
    width: calc(100% - 40px);
    margin: 0 20px
}

.section--push a {
    text-decoration: none
}

.section--push .block--push-content {
    padding-bottom: 70px;
    max-height: 180px;
}

.section--push .button {
    position: absolute;
    left: auto;
    left: 50%;
    right: auto;
    bottom: 25px;
    white-space: nowrap;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.footer--link {
    color: #094da5;
    padding: 30px 0;
    text-align: center
}

.footer--link button {
    cursor: pointer;
    display: inline-block
}

.footer--link button:focus {
    outline: transparent
}

.footer--link span {
    display: block;
    color: #094da5;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    line-height: 1.6rem;
    font-weight: 300;
    margin: 0 0 10px;
    text-decoration: underline
}

.footer--link .icon-arrow-bottom {
    display: block;
    fill: #094da5;
    width: 20px;
    height: 14px;
    margin: 3px auto 0
}

.seo-content {
    opacity: 0;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.seo-content.expanded {
    opacity: 1;
    padding: 20px 0 0;
    max-height: 1000px;
    visibility: visible
}

.seo-links {
    margin: 20px auto 0
}

.seo-internal-links {
    font-size: 0;
    max-width: 1320px;
    margin: 20px auto 0;
    padding: 0;
    text-align: center
}

.seo-internal-links li {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    line-height: 1.6rem;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    margin: 10px 0;
    display: inline-block;
    width: 33.33333%
}

.footer--main {
    padding: 60px 20px;
    background-color: #094da5
}

.footer--links {
    position: relative;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    line-height: 1.6rem;
    margin: 0;
    padding: 0
}

.footer--links > li {
    list-style-type: none
}

.footer--links a {
    color: inherit;
    text-decoration: none
}

.footer--sitemap-corporate {
    border-top: 1px solid #fff;
    padding: 40px 0;
    text-align: center
}

.footer--sitemap-corporate .footer--corporate, .footer--sitemap-corporate .footer--sitemap {
    display: inline-block
}

.footer--sitemap-corporate .footer--corporate li, .footer--sitemap-corporate .footer--sitemap li {
    display: inline-block;
    padding-left: 20px;
    font-size: 13px
}

.footer--networks {
    padding-bottom: 25px
}

.footer--networks .networks--list, .footer--networks .sharers--list {
    text-align: center
}

.footer--networks .networks--item, .footer--networks .sharers--item {
    margin: 0 5px
}

.footer--networks .networks--item a, .footer--networks .sharers--item a {
    width: 45px;
    height: 45px;
    background-color: #fff;
    border-radius: 100%
}

.footer--networks .icon {
    fill: #094da5
}

.footer--networks .icon-facebook {
    max-width: 19px;
    max-height: 19px;
    height: 21px
}

.footer--networks .icon-twitter {
    max-width: 16px;
    max-height: 16px;
    height: 16px
}

.footer--networks .icon-instagram {
    max-width: 19px;
    max-height: 19px;
    height: 19px
}

.footer--networks .icon-youtube {
    max-width: 27px;
    max-height: 27px;
    height: 27px
}

.footer--networks .icon-pinterest {
    max-width: 23px;
    max-height: 23px;
    height: 23px
}

.footer--networks li:first-of-type {
    margin-left: 0
}

.footer--networks li:last-of-type {
    margin-right: 0
}

.form--newsletter {
    position: relative;
    max-width: 380px;
    margin: 0 auto
}

.form--newsletter input:focus::-webkit-input-placeholder {
    color: transparent
}

.form--newsletter input:focus:-moz-placeholder {
    color: transparent
}

.form--newsletter input:focus::-moz-placeholder {
    color: transparent
}

.form--newsletter .input--text, .form--newsletter input[type=text] {
    color: #094da5;
    height: 50px;
    max-width: 100% !important;
    padding-right: 55px;
    padding-left: 30px;
    background-color: #fff;
    border: 0;
    border-radius: 25px;
    box-shadow: 0 20px 40px 0 rgba(38, 38, 38, .2)
}

.form--newsletter .form--footer, .form--newsletter .gform_footer {
    position: absolute;
    top: 5px;
    right: 5px
}

.form--newsletter input::-webkit-input-placeholder {
    color: #094da5
}

.form--newsletter input:-moz-placeholder, .form--newsletter input::-moz-placeholder {
    color: #094da5
}

.form--newsletter input:-ms-input-placeholder {
    color: #094da5
}

.form--newsletter textarea::-webkit-input-placeholder {
    color: #094da5
}

.form--newsletter textarea:-moz-placeholder, .form--newsletter textarea::-moz-placeholder {
    color: #094da5
}

.form--newsletter textarea:-ms-input-placeholder {
    color: #094da5
}

.form--newsletter .gform_ajax_spinner {
    display: none
}

.form--newsletter .gform_confirmation_message {
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem
}

.footer--logo {
    display: none
}

.footer--links-alt {
    padding: 0 0 50px
}

.footer--links-alt:nth-of-type(2) {
    text-align: right
}

.footer--parent-menu {
    margin-top: 30px;
    text-align: center;
    border-top: 1px solid #fff
}

.footer--parent-menu > a {
    position: relative;
    top: -18px;
    display: inline-block;
    height: 30px;
    padding: 0 40px;
    font-size: 25px;
    line-height: 1.2;
    font-weight: 700;
    font-family: Lobster-Regular, cursive;
    background-color: #094da5
}

.footer--submenu {
    display: block;
    text-align: left
}

.footer--submenu ul {
    max-width: 240px;
    padding: 20px 0 20px 35px
}

.footer--submenu ul li {
    position: relative;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: 300;
    margin: 0;
    padding: 0 0 0 20px;
    text-transform: none
}

.footer--submenu ul li:before {
    display: block;
    position: absolute;
    list-style-type: disc;
    top: 4px;
    left: 0
}

.footer--submenu ul li a {
    display: block;
    padding: 5px 0
}

.footer--submenu .sub-menu {
    float: none;
    padding: 0
}

.footer--categories {
    max-width: 1080px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px
}

.footerCat__list1 {
    padding: 0
}

.footerCat__list1 li {
    margin: 0;
    text-align: left
}

.footerCat__list1 > li {
    display: block;
    list-style-type: disc;
    padding: 0 35px 20px 0
}

.footerCat__list1 li > a {
    position: relative;
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.5rem;
    font-weight: 300;
    margin: 0;
    padding: 0;
    text-transform: none
}

.footerCat__list1 > li > a {
    font-weight: 700;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18px;
    line-height: 1.8rem
}

.footerCat__list1 .footerCat__submenu, .footerCat__list1 .footerCat__submenu li {
    list-style-type: disc
}

.footerCat__list1--recettes {
    float: left;
    width: 60%
}

.footerCat__list1--autres, .footerCat__list1--tiramisu {
    float: left
}

.footerCat__list1--autres > li, .footerCat__list1--tiramisu > li {
    padding-bottom: 10px
}

.footerCat__list1--autres .footerCat__submenu, .footerCat__list1--tiramisu .footerCat__submenu {
    padding-top: 0
}

.footerCat__list1--autres .footerCat__submenu-parent > a, .footerCat__list1--tiramisu .footerCat__submenu-parent > a {
    font-weight: 700;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.5rem
}

.footer--products-menu .footer--submenu ul {
    max-width: none;
    width: 100%;
    text-align: center
}

.footer--products-menu .footer--submenu ul li {
    display: inline-block
}

.footer--products-menu .footer--submenu ul li a {
    font-size: 13px
}

.header--404 {
    background: url(images/bg-404-small.jpg) 50% no-repeat;
    background-size: cover
}

.header--404 .header--content-title {
    display: block;
    color: #094da5;
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 40px;
    line-height: 4rem;
    padding: 0 0 20px
}

.storyDates {
    height: 69px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 4px 20px rgba(9, 77, 165, .2)
}

.storyDates.header--main.opened, .storyDates.sticky {
    z-index: 98;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0
}

.customize-support .storyDates.header--main.opened, .customize-support .storyDates.sticky {
    top: 92px
}

.storyDates__TranslateWrap {
    white-space: nowrap;
    position: absolute;
    left: 50%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.storyDates__link {
    float: left;
    height: 69px;
    width: 70px;
    padding: 0 10px;
    margin: 0 15px;
    font-weight: 700;
    font-size: 18px;
    line-height: 69px;
    color: #094da5;
    text-decoration: none
}

.storyDates__link.active {
    border-bottom: 5px solid #f49811
}

.storyContainer {
    position: relative;
    padding-top: 60px
}

.story__middleLine {
    position: absolute;
    top: 90px;
    bottom: 0;
    left: 50%;
    width: 1px;
    background: #094da5
}

.storyItem {
    position: relative;
    float: left;
    clear: left;
    width: 50%;
    padding: 20px 5% 40px;
    text-align: center
}

.storyItem:before {
    content: "";
    position: absolute;
    left: 100%;
    width: 30px;
    height: 30px;
    right: 0;
    margin-top: 10px;
    border: 3px solid #fff;
    background: #094da5;
    border-radius: 100%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.storyItem:nth-child(2n) {
    float: right;
    clear: right
}

.storyItem:nth-child(2n):before {
    position: absolute;
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: -30px
}

.storyItem:nth-child(2) {
    margin-top: 250px
}

.storyItem__title {
    position: relative;
    font-size: 45px;
    line-height: 1.2;
    padding-bottom: 35px;
    margin-bottom: 35px
}

.storyItem__title:before {
    position: absolute;
    content: "\2014";
    left: 50%;
    bottom: -15px;
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 48px;
    line-height: 4.8rem;
    color: inherit;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.storyItem__content {
    white-space: pre-line
}

.storyItem__content img {
    display: block;
    margin: 20px auto
}

.storyContainer--mobile {
    padding-top: 20px
}

.storyContainer--mobile .story__middleLine {
    display: none
}

.storyContainer--mobile .storyItem {
    float: none;
    width: 100%;
    max-width: 530px;
    margin-left: auto;
    margin-right: auto
}

.storyContainer--mobile .storyItem:nth-child(2n) {
    float: none
}

.storyContainer--mobile .storyItem:nth-child(2) {
    margin-top: 0
}

.storyContainer--mobile .storyItem:before {
    display: none
}

@media (min-width: 375px) {
    .input--field input[type=email].day, .input--field input[type=email].month, .input--field input[type=password].day, .input--field input[type=password].month, .input--field input[type=text].day, .input--field input[type=text].month {
        max-width: 45px;
        margin-right: 8px;
        padding: 12px 10px
    }

    .input--field input[type=email].year, .input--field input[type=password].year, .input--field input[type=text].year {
        max-width: 70px;
        padding: 12px 10px
    }

    .modal--content .input--field.checkbox {
        margin: 15px 20px 15px 0
    }

    .form--modal-actions .btn--filters-reset, .form--modal-actions .btn--filters-submit {
        max-width: calc(100% - 40px)
    }

    .loginform--actions label, .loginform--retrieve-password {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 12px;
        line-height: 1.2rem
    }

    .form--contact .input--field.radiogroup .radio {
        margin-right: 5px
    }
}

@media (min-width: 480px) {
    .modal--newsletter .modal--content {
        width: 560px
    }

    .modal--newsletter .modal--content p {
        font-size: 20px;
        line-height: 1.5
    }

    .booklets-row .booklet-col, .products-row .product-col {
        display: inline-block;
        max-width: 50%;
        vertical-align: top
    }

    .loginform--actions label, .loginform--retrieve-password {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 15px;
        line-height: 1.5rem
    }

    .form--contact .input--field.radiogroup .radio {
        margin-right: 15px
    }

    .footerCat__list1--recettes {
        width: 50%
    }

    .footerCat__list1--recettes > li {
        float: left;
        width: 100%
    }

    .footerCat__list1--autres, .footerCat__list1--tiramisu {
        width: 50%
    }
}

@media (min-width: 520px) {
    .input--field input[type=email].day, .input--field input[type=email].month, .input--field input[type=password].day, .input--field input[type=password].month, .input--field input[type=text].day, .input--field input[type=text].month {
        max-width: 70px;
        margin-right: 12px;
        padding: 12px 20px
    }

    .input--field input[type=email].year, .input--field input[type=password].year, .input--field input[type=text].year {
        max-width: 100px;
        padding: 12px 20px
    }
}

@media (min-width: 768px) {
    .footer--main .grid-row-fluid .grid-col-1, .footer--main .lp-recipe--infos .grid-col-1, .footer--main .lp-recipe--ingredients-list .grid-col-1, .footer--main .row--lp-recipe .grid-col-1, .footer--main .row--manifesto .grid-col-1, .footer--main .storyContainer .grid-col-1, .footer--main .storyDates__content .grid-col-1, .grid-row .grid-col-1, .header--wrap .grid-col-1, .row--account .grid-col-1, .row--contact .grid-col-1, .row-modal .grid-col-1, .section--theme-share .grid-col-1, .slide--content .grid-col-1, .slider--row .grid-col-1 {
        float: left;
        margin: 0 20px;
        width: calc(8.33333% - 40px)
    }

    .footer--main .grid-row-fluid .grid-col-2, .footer--main .lp-recipe--infos .grid-col-2, .footer--main .lp-recipe--ingredients-list .grid-col-2, .footer--main .row--lp-recipe .grid-col-2, .footer--main .row--manifesto .grid-col-2, .footer--main .storyContainer .grid-col-2, .footer--main .storyDates__content .grid-col-2, .grid-row .grid-col-2, .header--wrap .grid-col-2, .row--account .grid-col-2, .row--contact .grid-col-2, .row-modal .grid-col-2, .section--theme-share .grid-col-2, .slide--content .grid-col-2, .slider--row .grid-col-2 {
        float: left;
        margin: 0 20px;
        width: calc(16.66667% - 40px)
    }

    .footer--main .grid-row-fluid .grid-col-3, .footer--main .lp-recipe--infos .grid-col-3, .footer--main .lp-recipe--ingredients-list .grid-col-3, .footer--main .row--lp-recipe .grid-col-3, .footer--main .row--manifesto .grid-col-3, .footer--main .storyContainer .grid-col-3, .footer--main .storyDates__content .grid-col-3, .grid-row .grid-col-3, .header--wrap .grid-col-3, .row--account .grid-col-3, .row--contact .grid-col-3, .row-modal .grid-col-3, .section--theme-share .grid-col-3, .slide--content .grid-col-3, .slider--row .grid-col-3 {
        float: left;
        margin: 0 20px;
        width: calc(25% - 40px)
    }

    .footer--main .grid-row-fluid .grid-col-4, .footer--main .lp-recipe--infos .grid-col-4, .footer--main .lp-recipe--ingredients-list .grid-col-4, .footer--main .row--lp-recipe .grid-col-4, .footer--main .row--manifesto .grid-col-4, .footer--main .storyContainer .grid-col-4, .footer--main .storyDates__content .grid-col-4, .grid-row .grid-col-4, .header--wrap .grid-col-4, .row--account .grid-col-4, .row--contact .grid-col-4, .row-modal .grid-col-4, .section--theme-share .grid-col-4, .slide--content .grid-col-4, .slider--row .grid-col-4 {
        float: left;
        margin: 0 20px;
        width: calc(33.33333% - 40px)
    }

    .footer--main .grid-row-fluid .grid-col-5, .footer--main .lp-recipe--infos .grid-col-5, .footer--main .lp-recipe--ingredients-list .grid-col-5, .footer--main .row--lp-recipe .grid-col-5, .footer--main .row--manifesto .grid-col-5, .footer--main .storyContainer .grid-col-5, .footer--main .storyDates__content .grid-col-5, .grid-row .grid-col-5, .header--wrap .grid-col-5, .row--account .grid-col-5, .row--contact .grid-col-5, .row-modal .grid-col-5, .section--theme-share .grid-col-5, .slide--content .grid-col-5, .slider--row .grid-col-5 {
        float: left;
        margin: 0 20px;
        width: calc(41.66667% - 40px)
    }

    .footer--main .grid-row-fluid .col--content, .footer--main .grid-row-fluid .col--media, .footer--main .grid-row-fluid .footer--corporate, .footer--main .grid-row-fluid .footer--links-alt, .footer--main .grid-row-fluid .footer--networks, .footer--main .grid-row-fluid .grid-col-6, .footer--main .lp-recipe--infos .col--content, .footer--main .lp-recipe--infos .col--media, .footer--main .lp-recipe--infos .footer--corporate, .footer--main .lp-recipe--infos .footer--links-alt, .footer--main .lp-recipe--infos .footer--networks, .footer--main .lp-recipe--infos .grid-col-6, .footer--main .lp-recipe--ingredients-list .col--content, .footer--main .lp-recipe--ingredients-list .col--media, .footer--main .lp-recipe--ingredients-list .footer--corporate, .footer--main .lp-recipe--ingredients-list .footer--links-alt, .footer--main .lp-recipe--ingredients-list .footer--networks, .footer--main .lp-recipe--ingredients-list .grid-col-6, .footer--main .row--lp-recipe .col--content, .footer--main .row--lp-recipe .col--media, .footer--main .row--lp-recipe .footer--corporate, .footer--main .row--lp-recipe .footer--links-alt, .footer--main .row--lp-recipe .footer--networks, .footer--main .row--lp-recipe .grid-col-6, .footer--main .row--manifesto .col--content, .footer--main .row--manifesto .col--media, .footer--main .row--manifesto .footer--corporate, .footer--main .row--manifesto .footer--links-alt, .footer--main .row--manifesto .footer--networks, .footer--main .row--manifesto .grid-col-6, .footer--main .storyContainer .col--content, .footer--main .storyContainer .col--media, .footer--main .storyContainer .footer--corporate, .footer--main .storyContainer .footer--links-alt, .footer--main .storyContainer .footer--networks, .footer--main .storyContainer .grid-col-6, .footer--main .storyDates__content .col--content, .footer--main .storyDates__content .col--media, .footer--main .storyDates__content .footer--corporate, .footer--main .storyDates__content .footer--links-alt, .footer--main .storyDates__content .footer--networks, .footer--main .storyDates__content .grid-col-6, .grid-row .col--content, .grid-row .col--media, .grid-row .footer--corporate, .grid-row .footer--links-alt, .grid-row .footer--networks, .grid-row .grid-col-6, .header--wrap .col--content, .header--wrap .col--media, .header--wrap .footer--corporate, .header--wrap .footer--links-alt, .header--wrap .footer--networks, .header--wrap .grid-col-6, .row--account .col--content, .row--account .col--media, .row--account .footer--corporate, .row--account .footer--links-alt, .row--account .footer--networks, .row--account .grid-col-6, .row--contact .col--content, .row--contact .col--media, .row--contact .footer--corporate, .row--contact .footer--links-alt, .row--contact .footer--networks, .row--contact .grid-col-6, .row-modal .col--content, .row-modal .col--media, .row-modal .footer--corporate, .row-modal .footer--links-alt, .row-modal .footer--networks, .row-modal .grid-col-6, .section--theme-share .col--content, .section--theme-share .col--media, .section--theme-share .footer--corporate, .section--theme-share .footer--links-alt, .section--theme-share .footer--networks, .section--theme-share .grid-col-6, .slide--content .col--content, .slide--content .col--media, .slide--content .footer--corporate, .slide--content .footer--links-alt, .slide--content .footer--networks, .slide--content .grid-col-6, .slider--row .col--content, .slider--row .col--media, .slider--row .footer--corporate, .slider--row .footer--links-alt, .slider--row .footer--networks, .slider--row .grid-col-6 {
        float: left;
        margin: 0 20px;
        width: calc(50% - 40px)
    }

    .footer--main .grid-row-fluid .grid-col-7, .footer--main .lp-recipe--infos .grid-col-7, .footer--main .lp-recipe--ingredients-list .grid-col-7, .footer--main .row--lp-recipe .grid-col-7, .footer--main .row--manifesto .grid-col-7, .footer--main .storyContainer .grid-col-7, .footer--main .storyDates__content .grid-col-7, .grid-row .grid-col-7, .header--wrap .grid-col-7, .row--account .grid-col-7, .row--contact .grid-col-7, .row-modal .grid-col-7, .section--theme-share .grid-col-7, .slide--content .grid-col-7, .slider--row .grid-col-7 {
        float: left;
        margin: 0 20px;
        width: calc(58.33333% - 40px)
    }

    .footer--main .grid-row-fluid .grid-col-8, .footer--main .lp-recipe--infos .grid-col-8, .footer--main .lp-recipe--ingredients-list .grid-col-8, .footer--main .row--lp-recipe .grid-col-8, .footer--main .row--manifesto .grid-col-8, .footer--main .storyContainer .grid-col-8, .footer--main .storyDates__content .grid-col-8, .grid-row .grid-col-8, .header--wrap .grid-col-8, .row--account .grid-col-8, .row--contact .grid-col-8, .row-modal .grid-col-8, .section--theme-share .grid-col-8, .slide--content .grid-col-8, .slider--row .grid-col-8 {
        float: left;
        margin: 0 20px;
        width: calc(66.66667% - 40px)
    }

    .footer--main .grid-row-fluid .grid-col-9, .footer--main .lp-recipe--infos .grid-col-9, .footer--main .lp-recipe--ingredients-list .grid-col-9, .footer--main .row--lp-recipe .grid-col-9, .footer--main .row--manifesto .grid-col-9, .footer--main .storyContainer .grid-col-9, .footer--main .storyDates__content .grid-col-9, .grid-row .grid-col-9, .header--wrap .grid-col-9, .row--account .grid-col-9, .row--contact .grid-col-9, .row-modal .grid-col-9, .section--theme-share .grid-col-9, .slide--content .grid-col-9, .slider--row .grid-col-9 {
        float: left;
        margin: 0 20px;
        width: calc(75% - 40px)
    }

    .footer--main .grid-row-fluid .grid-col-10, .footer--main .lp-recipe--infos .grid-col-10, .footer--main .lp-recipe--ingredients-list .grid-col-10, .footer--main .row--lp-recipe .grid-col-10, .footer--main .row--manifesto .grid-col-10, .footer--main .storyContainer .grid-col-10, .footer--main .storyDates__content .grid-col-10, .grid-row .grid-col-10, .header--wrap .grid-col-10, .row--account .grid-col-10, .row--contact .grid-col-10, .row-modal .grid-col-10, .section--theme-share .grid-col-10, .slide--content .grid-col-10, .slider--row .grid-col-10 {
        float: left;
        margin: 0 20px;
        width: calc(83.33333% - 40px)
    }

    .footer--main .grid-row-fluid .grid-col-11, .footer--main .lp-recipe--infos .grid-col-11, .footer--main .lp-recipe--ingredients-list .grid-col-11, .footer--main .row--lp-recipe .grid-col-11, .footer--main .row--manifesto .grid-col-11, .footer--main .storyContainer .grid-col-11, .footer--main .storyDates__content .grid-col-11, .grid-row .grid-col-11, .header--wrap .grid-col-11, .row--account .grid-col-11, .row--contact .grid-col-11, .row-modal .grid-col-11, .section--theme-share .grid-col-11, .slide--content .grid-col-11, .slider--row .grid-col-11 {
        float: left;
        margin: 0 20px;
        width: calc(91.66667% - 40px)
    }

    .footer--main .grid-row-fluid .grid-col-12, .footer--main .lp-recipe--infos .grid-col-12, .footer--main .lp-recipe--ingredients-list .grid-col-12, .footer--main .row--lp-recipe .grid-col-12, .footer--main .row--manifesto .grid-col-12, .footer--main .storyContainer .grid-col-12, .footer--main .storyDates__content .grid-col-12, .grid-row .grid-col-12, .header--wrap .grid-col-12, .row--account .grid-col-12, .row--contact .grid-col-12, .row-modal .grid-col-12, .section--theme-share .grid-col-12, .slide--content .grid-col-12, .slider--row .grid-col-12 {
        float: left;
        margin: 0 20px;
        width: calc(100% - 40px)
    }

    .footer--main .grid-row-fluid .grid-offset-1, .footer--main .lp-recipe--infos .grid-offset-1, .footer--main .lp-recipe--ingredients-list .grid-offset-1, .footer--main .row--lp-recipe .grid-offset-1, .footer--main .row--manifesto .grid-offset-1, .footer--main .storyContainer .grid-offset-1, .footer--main .storyDates__content .grid-offset-1, .grid-row .grid-offset-1, .header--wrap .grid-offset-1, .row--account .grid-offset-1, .row--contact .grid-offset-1, .row-modal .grid-offset-1, .section--theme-share .grid-offset-1, .slide--content .grid-offset-1, .slider--row .grid-offset-1 {
        margin-left: calc(8.33333% + 20px)
    }

    .footer--main .grid-row-fluid .grid-offset-2, .footer--main .lp-recipe--infos .grid-offset-2, .footer--main .lp-recipe--ingredients-list .grid-offset-2, .footer--main .row--lp-recipe .grid-offset-2, .footer--main .row--manifesto .grid-offset-2, .footer--main .storyContainer .grid-offset-2, .footer--main .storyDates__content .grid-offset-2, .grid-row .grid-offset-2, .header--wrap .grid-offset-2, .row--account .grid-offset-2, .row--contact .grid-offset-2, .row-modal .grid-offset-2, .section--theme-share .grid-offset-2, .slide--content .grid-offset-2, .slider--row .grid-offset-2 {
        margin-left: calc(16.66667% + 20px)
    }

    .footer--main .grid-row-fluid .grid-offset-3, .footer--main .lp-recipe--infos .grid-offset-3, .footer--main .lp-recipe--ingredients-list .grid-offset-3, .footer--main .row--lp-recipe .grid-offset-3, .footer--main .row--manifesto .grid-offset-3, .footer--main .storyContainer .grid-offset-3, .footer--main .storyDates__content .grid-offset-3, .grid-row .grid-offset-3, .header--wrap .grid-offset-3, .row--account .grid-offset-3, .row--contact .grid-offset-3, .row-modal .grid-offset-3, .section--theme-share .grid-offset-3, .slide--content .grid-offset-3, .slider--row .grid-offset-3 {
        margin-left: calc(25% + 20px)
    }

    .footer--main .grid-row-fluid .grid-offset-4, .footer--main .lp-recipe--infos .grid-offset-4, .footer--main .lp-recipe--ingredients-list .grid-offset-4, .footer--main .row--lp-recipe .grid-offset-4, .footer--main .row--manifesto .grid-offset-4, .footer--main .storyContainer .grid-offset-4, .footer--main .storyDates__content .grid-offset-4, .grid-row .grid-offset-4, .header--wrap .grid-offset-4, .row--account .grid-offset-4, .row--contact .grid-offset-4, .row-modal .grid-offset-4, .section--theme-share .grid-offset-4, .slide--content .grid-offset-4, .slider--row .grid-offset-4 {
        margin-left: calc(33.33333% + 20px)
    }

    .footer--main .grid-row-fluid .grid-offset-5, .footer--main .lp-recipe--infos .grid-offset-5, .footer--main .lp-recipe--ingredients-list .grid-offset-5, .footer--main .row--lp-recipe .grid-offset-5, .footer--main .row--manifesto .grid-offset-5, .footer--main .storyContainer .grid-offset-5, .footer--main .storyDates__content .grid-offset-5, .grid-row .grid-offset-5, .header--wrap .grid-offset-5, .row--account .grid-offset-5, .row--contact .grid-offset-5, .row-modal .grid-offset-5, .section--theme-share .grid-offset-5, .slide--content .grid-offset-5, .slider--row .grid-offset-5 {
        margin-left: calc(41.66667% + 20px)
    }

    .footer--main .grid-row-fluid .grid-offset-6, .footer--main .lp-recipe--infos .grid-offset-6, .footer--main .lp-recipe--ingredients-list .grid-offset-6, .footer--main .row--lp-recipe .grid-offset-6, .footer--main .row--manifesto .grid-offset-6, .footer--main .storyContainer .grid-offset-6, .footer--main .storyDates__content .grid-offset-6, .grid-row .grid-offset-6, .header--wrap .grid-offset-6, .row--account .grid-offset-6, .row--contact .grid-offset-6, .row-modal .grid-offset-6, .section--theme-share .grid-offset-6, .slide--content .grid-offset-6, .slider--row .grid-offset-6 {
        margin-left: calc(50% + 20px)
    }

    .footer--main .grid-row-fluid .grid-offset-7, .footer--main .lp-recipe--infos .grid-offset-7, .footer--main .lp-recipe--ingredients-list .grid-offset-7, .footer--main .row--lp-recipe .grid-offset-7, .footer--main .row--manifesto .grid-offset-7, .footer--main .storyContainer .grid-offset-7, .footer--main .storyDates__content .grid-offset-7, .grid-row .grid-offset-7, .header--wrap .grid-offset-7, .row--account .grid-offset-7, .row--contact .grid-offset-7, .row-modal .grid-offset-7, .section--theme-share .grid-offset-7, .slide--content .grid-offset-7, .slider--row .grid-offset-7 {
        margin-left: calc(58.33333% + 20px)
    }

    .footer--main .grid-row-fluid .grid-offset-8, .footer--main .lp-recipe--infos .grid-offset-8, .footer--main .lp-recipe--ingredients-list .grid-offset-8, .footer--main .row--lp-recipe .grid-offset-8, .footer--main .row--manifesto .grid-offset-8, .footer--main .storyContainer .grid-offset-8, .footer--main .storyDates__content .grid-offset-8, .grid-row .grid-offset-8, .header--wrap .grid-offset-8, .row--account .grid-offset-8, .row--contact .grid-offset-8, .row-modal .grid-offset-8, .section--theme-share .grid-offset-8, .slide--content .grid-offset-8, .slider--row .grid-offset-8 {
        margin-left: calc(66.66667% + 20px)
    }

    .footer--main .grid-row-fluid .grid-offset-9, .footer--main .lp-recipe--infos .grid-offset-9, .footer--main .lp-recipe--ingredients-list .grid-offset-9, .footer--main .row--lp-recipe .grid-offset-9, .footer--main .row--manifesto .grid-offset-9, .footer--main .storyContainer .grid-offset-9, .footer--main .storyDates__content .grid-offset-9, .grid-row .grid-offset-9, .header--wrap .grid-offset-9, .row--account .grid-offset-9, .row--contact .grid-offset-9, .row-modal .grid-offset-9, .section--theme-share .grid-offset-9, .slide--content .grid-offset-9, .slider--row .grid-offset-9 {
        margin-left: calc(75% + 20px)
    }

    .footer--main .grid-row-fluid .grid-offset-10, .footer--main .lp-recipe--infos .grid-offset-10, .footer--main .lp-recipe--ingredients-list .grid-offset-10, .footer--main .row--lp-recipe .grid-offset-10, .footer--main .row--manifesto .grid-offset-10, .footer--main .storyContainer .grid-offset-10, .footer--main .storyDates__content .grid-offset-10, .grid-row .grid-offset-10, .header--wrap .grid-offset-10, .row--account .grid-offset-10, .row--contact .grid-offset-10, .row-modal .grid-offset-10, .section--theme-share .grid-offset-10, .slide--content .grid-offset-10, .slider--row .grid-offset-10 {
        margin-left: calc(83.33333% + 20px)
    }

    .footer--main .grid-row-fluid .grid-offset-11, .footer--main .lp-recipe--infos .grid-offset-11, .footer--main .lp-recipe--ingredients-list .grid-offset-11, .footer--main .row--lp-recipe .grid-offset-11, .footer--main .row--manifesto .grid-offset-11, .footer--main .storyContainer .grid-offset-11, .footer--main .storyDates__content .grid-offset-11, .grid-row .grid-offset-11, .header--wrap .grid-offset-11, .row--account .grid-offset-11, .row--contact .grid-offset-11, .row-modal .grid-offset-11, .section--theme-share .grid-offset-11, .slide--content .grid-offset-11, .slider--row .grid-offset-11 {
        margin-left: calc(91.66667% + 20px)
    }

    .footer--main .grid-row-fluid .grid-offset-12, .footer--main .lp-recipe--infos .grid-offset-12, .footer--main .lp-recipe--ingredients-list .grid-offset-12, .footer--main .row--lp-recipe .grid-offset-12, .footer--main .row--manifesto .grid-offset-12, .footer--main .storyContainer .grid-offset-12, .footer--main .storyDates__content .grid-offset-12, .grid-row .grid-offset-12, .header--wrap .grid-offset-12, .row--account .grid-offset-12, .row--contact .grid-offset-12, .row-modal .grid-offset-12, .section--theme-share .grid-offset-12, .slide--content .grid-offset-12, .slider--row .grid-offset-12 {
        margin-left: calc(100% + 20px)
    }

    .grid-row-fluid .grid-col-1, .lp-recipe--infos .grid-col-1, .lp-recipe--ingredients-list .grid-col-1, .row--lp-recipe .grid-col-1, .row--manifesto .grid-col-1, .storyContainer .grid-col-1, .storyDates__content .grid-col-1 {
        float: left;
        margin: 0;
        width: 8.33333%
    }

    .grid-row-fluid .grid-col-2, .lp-recipe--infos .grid-col-2, .lp-recipe--ingredients-list .grid-col-2, .row--lp-recipe .grid-col-2, .row--manifesto .grid-col-2, .storyContainer .grid-col-2, .storyDates__content .grid-col-2 {
        float: left;
        margin: 0;
        width: 16.66667%
    }

    .grid-row-fluid .grid-col-3, .lp-recipe--infos .grid-col-3, .lp-recipe--ingredients-list .grid-col-3, .row--lp-recipe .grid-col-3, .row--manifesto .grid-col-3, .storyContainer .grid-col-3, .storyDates__content .grid-col-3 {
        float: left;
        margin: 0;
        width: 25%
    }

    .grid-row-fluid .grid-col-4, .lp-recipe--infos .grid-col-4, .lp-recipe--ingredients-list .grid-col-4, .row--lp-recipe .grid-col-4, .row--manifesto .grid-col-4, .storyContainer .grid-col-4, .storyDates__content .grid-col-4 {
        float: left;
        margin: 0;
        width: 33.33333%
    }

    .grid-row-fluid .grid-col-5, .lp-recipe--infos .grid-col-5, .lp-recipe--ingredients-list .grid-col-5, .row--lp-recipe .grid-col-5, .row--manifesto .grid-col-5, .storyContainer .grid-col-5, .storyDates__content .grid-col-5 {
        float: left;
        margin: 0;
        width: 41.66667%
    }

    .grid-row-fluid .col--content, .grid-row-fluid .col--media, .grid-row-fluid .footer--corporate, .grid-row-fluid .footer--links-alt, .grid-row-fluid .footer--networks, .grid-row-fluid .grid-col-6, .lp-recipe--infos .col--content, .lp-recipe--infos .col--media, .lp-recipe--infos .footer--corporate, .lp-recipe--infos .footer--links-alt, .lp-recipe--infos .footer--networks, .lp-recipe--infos .grid-col-6, .lp-recipe--ingredients-list .col--content, .lp-recipe--ingredients-list .col--media, .lp-recipe--ingredients-list .footer--corporate, .lp-recipe--ingredients-list .footer--links-alt, .lp-recipe--ingredients-list .footer--networks, .lp-recipe--ingredients-list .grid-col-6, .row--lp-recipe .col--content, .row--lp-recipe .col--media, .row--lp-recipe .footer--corporate, .row--lp-recipe .footer--links-alt, .row--lp-recipe .footer--networks, .row--lp-recipe .grid-col-6, .row--manifesto .col--content, .row--manifesto .col--media, .row--manifesto .footer--corporate, .row--manifesto .footer--links-alt, .row--manifesto .footer--networks, .row--manifesto .grid-col-6, .storyContainer .col--content, .storyContainer .col--media, .storyContainer .footer--corporate, .storyContainer .footer--links-alt, .storyContainer .footer--networks, .storyContainer .grid-col-6, .storyDates__content .col--content, .storyDates__content .col--media, .storyDates__content .footer--corporate, .storyDates__content .footer--links-alt, .storyDates__content .footer--networks, .storyDates__content .grid-col-6 {
        float: left;
        margin: 0;
        width: 50%
    }

    .grid-row-fluid .grid-col-7, .lp-recipe--infos .grid-col-7, .lp-recipe--ingredients-list .grid-col-7, .row--lp-recipe .grid-col-7, .row--manifesto .grid-col-7, .storyContainer .grid-col-7, .storyDates__content .grid-col-7 {
        float: left;
        margin: 0;
        width: 58.33333%
    }

    .grid-row-fluid .grid-col-8, .lp-recipe--infos .grid-col-8, .lp-recipe--ingredients-list .grid-col-8, .row--lp-recipe .grid-col-8, .row--manifesto .grid-col-8, .storyContainer .grid-col-8, .storyDates__content .grid-col-8 {
        float: left;
        margin: 0;
        width: 66.66667%
    }

    .grid-row-fluid .grid-col-9, .lp-recipe--infos .grid-col-9, .lp-recipe--ingredients-list .grid-col-9, .row--lp-recipe .grid-col-9, .row--manifesto .grid-col-9, .storyContainer .grid-col-9, .storyDates__content .grid-col-9 {
        float: left;
        margin: 0;
        width: 75%
    }

    .grid-row-fluid .grid-col-10, .lp-recipe--infos .grid-col-10, .lp-recipe--ingredients-list .grid-col-10, .row--lp-recipe .grid-col-10, .row--manifesto .grid-col-10, .storyContainer .grid-col-10, .storyDates__content .grid-col-10 {
        float: left;
        margin: 0;
        width: 83.33333%
    }

    .grid-row-fluid .grid-col-11, .lp-recipe--infos .grid-col-11, .lp-recipe--ingredients-list .grid-col-11, .row--lp-recipe .grid-col-11, .row--manifesto .grid-col-11, .storyContainer .grid-col-11, .storyDates__content .grid-col-11 {
        float: left;
        margin: 0;
        width: 91.66667%
    }

    .grid-row-fluid .grid-col-12, .lp-recipe--infos .grid-col-12, .lp-recipe--ingredients-list .grid-col-12, .row--lp-recipe .grid-col-12, .row--manifesto .grid-col-12, .storyContainer .grid-col-12, .storyDates__content .grid-col-12 {
        float: left;
        margin: 0;
        width: 100%
    }

    .grid-row-fluid .grid-offset-1, .lp-recipe--infos .grid-offset-1, .lp-recipe--ingredients-list .grid-offset-1, .row--lp-recipe .grid-offset-1, .row--manifesto .grid-offset-1, .storyContainer .grid-offset-1, .storyDates__content .grid-offset-1 {
        margin-left: 8.33333%
    }

    .grid-row-fluid .grid-offset-2, .lp-recipe--infos .grid-offset-2, .lp-recipe--ingredients-list .grid-offset-2, .row--lp-recipe .grid-offset-2, .row--manifesto .grid-offset-2, .storyContainer .grid-offset-2, .storyDates__content .grid-offset-2 {
        margin-left: 16.66667%
    }

    .grid-row-fluid .grid-offset-3, .lp-recipe--infos .grid-offset-3, .lp-recipe--ingredients-list .grid-offset-3, .row--lp-recipe .grid-offset-3, .row--manifesto .grid-offset-3, .storyContainer .grid-offset-3, .storyDates__content .grid-offset-3 {
        margin-left: 25%
    }

    .grid-row-fluid .grid-offset-4, .lp-recipe--infos .grid-offset-4, .lp-recipe--ingredients-list .grid-offset-4, .row--lp-recipe .grid-offset-4, .row--manifesto .grid-offset-4, .storyContainer .grid-offset-4, .storyDates__content .grid-offset-4 {
        margin-left: 33.33333%
    }

    .grid-row-fluid .grid-offset-5, .lp-recipe--infos .grid-offset-5, .lp-recipe--ingredients-list .grid-offset-5, .row--lp-recipe .grid-offset-5, .row--manifesto .grid-offset-5, .storyContainer .grid-offset-5, .storyDates__content .grid-offset-5 {
        margin-left: 41.66667%
    }

    .grid-row-fluid .grid-offset-6, .lp-recipe--infos .grid-offset-6, .lp-recipe--ingredients-list .grid-offset-6, .row--lp-recipe .grid-offset-6, .row--manifesto .grid-offset-6, .storyContainer .grid-offset-6, .storyDates__content .grid-offset-6 {
        margin-left: 50%
    }

    .grid-row-fluid .grid-offset-7, .lp-recipe--infos .grid-offset-7, .lp-recipe--ingredients-list .grid-offset-7, .row--lp-recipe .grid-offset-7, .row--manifesto .grid-offset-7, .storyContainer .grid-offset-7, .storyDates__content .grid-offset-7 {
        margin-left: 58.33333%
    }

    .grid-row-fluid .grid-offset-8, .lp-recipe--infos .grid-offset-8, .lp-recipe--ingredients-list .grid-offset-8, .row--lp-recipe .grid-offset-8, .row--manifesto .grid-offset-8, .storyContainer .grid-offset-8, .storyDates__content .grid-offset-8 {
        margin-left: 66.66667%
    }

    .grid-row-fluid .grid-offset-9, .lp-recipe--infos .grid-offset-9, .lp-recipe--ingredients-list .grid-offset-9, .row--lp-recipe .grid-offset-9, .row--manifesto .grid-offset-9, .storyContainer .grid-offset-9, .storyDates__content .grid-offset-9 {
        margin-left: 75%
    }

    .grid-row-fluid .grid-offset-10, .lp-recipe--infos .grid-offset-10, .lp-recipe--ingredients-list .grid-offset-10, .row--lp-recipe .grid-offset-10, .row--manifesto .grid-offset-10, .storyContainer .grid-offset-10, .storyDates__content .grid-offset-10 {
        margin-left: 83.33333%
    }

    .grid-row-fluid .grid-offset-11, .lp-recipe--infos .grid-offset-11, .lp-recipe--ingredients-list .grid-offset-11, .row--lp-recipe .grid-offset-11, .row--manifesto .grid-offset-11, .storyContainer .grid-offset-11, .storyDates__content .grid-offset-11 {
        margin-left: 91.66667%
    }

    .grid-row-fluid .grid-offset-12, .lp-recipe--infos .grid-offset-12, .lp-recipe--ingredients-list .grid-offset-12, .row--lp-recipe .grid-offset-12, .row--manifesto .grid-offset-12, .storyContainer .grid-offset-12, .storyDates__content .grid-offset-12 {
        margin-left: 100%
    }

    .booklets-row .grid-col-1, .grid-row-centered .grid-col-1, .products-row .grid-col-1, .recipes-row .grid-col-1 {
        display: inline-block;
        width: 8.33333%;
        padding: 0 20px;
        vertical-align: top
    }

    .booklets-row .grid-col-2, .grid-row-centered .grid-col-2, .products-row .grid-col-2, .recipes-row .grid-col-2 {
        display: inline-block;
        width: 16.66667%;
        padding: 0 20px;
        vertical-align: top
    }

    .booklets-row .grid-col-3, .grid-row-centered .grid-col-3, .products-row .grid-col-3, .recipes-row .grid-col-3 {
        display: inline-block;
        width: 25%;
        padding: 0 20px;
        vertical-align: top
    }

    .booklets-row .grid-col-4, .grid-row-centered .grid-col-4, .products-row .grid-col-4, .recipes-row .grid-col-4 {
        display: inline-block;
        width: 33.33333%;
        padding: 0 20px;
        vertical-align: top
    }

    .booklets-row .grid-col-5, .grid-row-centered .grid-col-5, .products-row .grid-col-5, .recipes-row .grid-col-5 {
        display: inline-block;
        width: 41.66667%;
        padding: 0 20px;
        vertical-align: top
    }

    .booklets-row .col--content, .booklets-row .col--media, .booklets-row .footer--corporate, .booklets-row .footer--links-alt, .booklets-row .footer--networks, .booklets-row .grid-col-6, .grid-row-centered .col--content, .grid-row-centered .col--media, .grid-row-centered .footer--corporate, .grid-row-centered .footer--links-alt, .grid-row-centered .footer--networks, .grid-row-centered .grid-col-6, .products-row .col--content, .products-row .col--media, .products-row .footer--corporate, .products-row .footer--links-alt, .products-row .footer--networks, .products-row .grid-col-6, .recipes-row .col--content, .recipes-row .col--media, .recipes-row .footer--corporate, .recipes-row .footer--links-alt, .recipes-row .footer--networks, .recipes-row .grid-col-6 {
        display: inline-block;
        width: 50%;
        padding: 0 20px;
        vertical-align: top
    }

    .booklets-row .grid-col-7, .grid-row-centered .grid-col-7, .products-row .grid-col-7, .recipes-row .grid-col-7 {
        display: inline-block;
        width: 58.33333%;
        padding: 0 20px;
        vertical-align: top
    }

    .booklets-row .grid-col-8, .grid-row-centered .grid-col-8, .products-row .grid-col-8, .recipes-row .grid-col-8 {
        display: inline-block;
        width: 66.66667%;
        padding: 0 20px;
        vertical-align: top
    }

    .booklets-row .grid-col-9, .grid-row-centered .grid-col-9, .products-row .grid-col-9, .recipes-row .grid-col-9 {
        display: inline-block;
        width: 75%;
        padding: 0 20px;
        vertical-align: top
    }

    .booklets-row .grid-col-10, .grid-row-centered .grid-col-10, .products-row .grid-col-10, .recipes-row .grid-col-10 {
        display: inline-block;
        width: 83.33333%;
        padding: 0 20px;
        vertical-align: top
    }

    .booklets-row .grid-col-11, .grid-row-centered .grid-col-11, .products-row .grid-col-11, .recipes-row .grid-col-11 {
        display: inline-block;
        width: 91.66667%;
        padding: 0 20px;
        vertical-align: top
    }

    .booklets-row .grid-col-12, .grid-row-centered .grid-col-12, .products-row .grid-col-12, .recipes-row .grid-col-12 {
        display: inline-block;
        width: 100%;
        padding: 0 20px;
        vertical-align: top
    }

    .hide-on-phone {
        display: block
    }

    body {
        padding-top: 60px
    }

    .page--header {
        padding: 50px 0
    }

    .page--header.has-cover .page--header-cover.cover--large .page--header-content {
        margin-top: 0
    }

    .page--header.lp-jeu-concours .page--header-content {
        padding: 25px 55px
    }

    .page--title, .product--subcategory-title {
        font-size: 48px;
        font-size: 4.8rem;
        line-height: 48px;
        line-height: 4.8rem;
        margin: 0 auto 30px;
        padding: 0 0 35px
    }

    .page--excerpt p, .product--subcategory-excerpt p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2rem
    }

    .breadcrumb {
        top: 20px
    }

    .breadcrumb .breadcrumb--links {
        padding-left: 120px
    }

    .block--push-title, .block--single-title {
        font-size: 20px;
        font-size: 2rem;
        line-height: 26px;
        line-height: 2.6rem
    }

    .block--push-content {
        max-width: 320px;
        margin: -35px auto 0;
        padding: 20px 20px 30px
    }

    .sidebar {
        max-width: 340px
    }

    .btn, .button, .form--modal-actions .btn--filters-reset, .form--modal-actions .btn--filters-submit, button[type=submit], input[type=submit] {
        font-size: 13px;
        font-size: 1.3rem;
        padding: 13px 30px
    }

    .input--field.radiogroup .radiogroup-wrapper, .input--field.select .select--wrapper {
        max-width: none
    }

    .input--field.radiogroup .radio label {
        margin: 0 15px 0 0;
        padding: 0 0 0 30px
    }

    .input--field.radiogroup .radio:before {
        width: 20px;
        height: 20px
    }

    .input--field.radiogroup .radio:after {
        width: 10px;
        height: 10px
    }

    .input--field.radio-alt:before {
        width: 10px;
        height: 10px
    }

    .input--field.radio-alt:after {
        width: 10px;
        height: 10px
    }

    .input--field.col {
        float: left;
        width: calc(50% - 10px);
        min-height: 85px
    }

    .input--field.col:nth-of-type(2n) {
        margin-left: 20px
    }

    .input--field.col:nth-of-type(2n):after {
        display: block;
        content: "";
        clear: both
    }

    fieldset {
        margin: 0 0 25px
    }

    .input--field.radiogroup .radiogroup-label, .label, label {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 18px;
        line-height: 1.8rem;
        max-width: none;
        padding: 12px 15px 0 0;
        text-align: left;
        vertical-align: top
    }

    .form--recipe-quantity .input--field.select {
        max-width: 65px
    }

    .form--recipe-quantity .input--field.select .select--wrapper {
        max-width: none
    }

    tbody {
        display: table-row-group
    }

    .table-head, th {
        font-weight: 700;
        text-align: left;
        text-transform: uppercase;
        background-color: #ccc
    }

    .icon-difficulty {
        width: 24px;
        height: 24px;
        margin: 0 3px
    }

    .icon-price {
        width: 22px;
        height: 22px;
        margin: 0 3px
    }

    .icon-preptime {
        width: 24px;
        height: 24px
    }

    .icon-vegan {
        width: 36px;
        height: 22px
    }

    .icon-rating {
        width: 21px;
        height: 20px;
        margin: 0 1px
    }

    .icon-intensity {
        width: 18px;
        height: 18px;
        margin: 0 1px
    }

    .list--search-tags {
        margin: 0 15px
    }

    .list--search-tags li {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 16px;
        line-height: 1.6rem;
        width: 125px;
        margin: 5px 10px 4px !important
    }

    .modal--content .input--field.checkbox {
        margin: 0 35px 15px 0
    }

    .modal--content .input--field.checkbox label {
        padding-left: 35px
    }

    .networks--item .icon-facebook, .sharers--item .icon-facebook {
        max-width: 17px;
        max-height: 36px
    }

    .networks--item .icon-twitter, .sharers--item .icon-twitter {
        max-width: 32px;
        max-height: 26px
    }

    .networks--item .icon-instagram, .sharers--item .icon-instagram {
        max-width: 36px;
        max-height: 36px
    }

    .networks--item .icon-pinterest, .sharers--item .icon-pinterest {
        max-width: 28px;
        max-height: 36px
    }

    .networks--item .icon-link, .networks--item .icon-youtube, .sharers--item .icon-link, .sharers--item .icon-youtube {
        max-width: 36px;
        max-height: 36px
    }

    .sharers--item {
        margin: 20px 30px
    }

    .sharers--item a:after {
        width: 64px;
        height: 64px
    }

    .content--meta {
        padding: 7px 30px
    }

    .content--meta-label {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 13px;
        line-height: 1.3rem;
    }

    .section--recipes .block--push-media, .section--recipes .block--single-media {
        padding-bottom: 120px
    }

    .modal--subtitle {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2rem
    }

    .modal-search--input .input--text {
        font-size: 48px;
        font-size: 4.8rem;
        line-height: 48px;
        line-height: 4.8rem
    }

    .pagination--links li {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 22px;
        line-height: 2.2rem
    }

    .pagination--links .pagination--links-nb {
        margin: 0 15px
    }

    .pagination--links .pagination--links-nb ~ .pagination--links-nb:after {
        left: -15px
    }

    .pagination--links .pagination--links-prev {
        margin-right: 45px
    }

    .pagination--links .pagination--links-prev a {
        font-size: 12px;
        font-size: 1.2rem;
        padding: 16px 30px 16px 55px
    }

    .pagination--links .pagination--links-prev .icon {
        width: 12px;
        height: 18px;
        left: 25px
    }

    .pagination--links .pagination--links-next {
        margin-left: 45px
    }

    .pagination--links .pagination--links-next a {
        font-size: 12px;
        font-size: 1.2rem;
        padding: 16px 55px 16px 30px
    }

    .pagination--links .pagination--links-next .icon {
        width: 12px;
        height: 18px;
        right: 25px
    }

    .section--instagram .grid-col-free {
        width: calc(20% - 40px);
        margin: 0 20px
    }

    .section--instagram .grid-col-free:nth-child(odd) {
        margin-top: 35px
    }

    .section--instagram .grid-col-free:nth-child(2n) {
        margin-top: 0
    }

    .section--instagram {
        display: block
    }

    .img-instagram {
        margin: 0 auto 40px
    }

    .block--br.product:after {
        width: 50px;
        height: 50px
    }

    .block--br.product {
        padding: 30px
    }

    .slider--pagination {
        bottom: 50px !important
    }

    .slider--pagination-bullet.active {
        width: 15px;
        height: 15px
    }

    .slider--pagination-bullet {
        width: 10px;
        height: 10px;
        background-color: #fff
    }

    .slide--content {
        padding-left: 30px;
        padding-right: 30px
    }

    .slide--special-title {
        width: 100%
    }

    .slide--title {
        font-size: 62px;
        font-size: 6.2rem;
        line-height: 62px;
        line-height: 6.2rem;
        padding: 20px 0
    }

    .slide--subtitle {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 16px;
        line-height: 1.6rem
    }

    .slide--subtitle:after, .slide--subtitle:before {
        opacity: 1;
        height: 2px
    }

    .slide--subtitle {
        bottom: 0
    }

    .blur-bg, .slide--special-background {
        opacity: 1;
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
        border-right: 2px solid #fff
    }

    .slide .block--push, .slide .block--single {
        max-width: 480px
    }

    .slide .block--push-content, .slide .block--single-content, .slide.active .block--push-content, .slide.active .block--single-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .list--item .content--meta-label {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 11px;
        line-height: 1.1rem
    }

    .list--item .icon-difficulty, .list--item .icon-price {
        width: 18px;
        height: 18px;
        margin: 0 2px
    }

    .recipes--header {
        padding: 50px 0
    }

    .recipes--header-title {
        font-size: 65px;
        font-size: 6.5rem;
        line-height: 65px;
        line-height: 6.5rem
    }

    .recipes--header-content {
        padding: 95px 0 20px;
        white-space: nowrap
    }

    .recipes--header.has-cover .recipes--header-title {
        margin: 0 auto 50px;
        padding: 0
    }

    .recipes--downloads {
        margin: 0 0 25px
    }

    .recipes--subcats-list {
        margin: 0 15px
    }

    .recipes--subcats-list li {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 16px;
        line-height: 1.6rem;
        margin: 0 10px !important
    }

    .recipes--list .list-item--title {
        padding: 0;
        min-height: 70px;
        font-size: 20px;
        font-size: 2rem;
        line-height: 20px;
        line-height: 2rem
    }

    .recipes-row .recipe-col {
        display: inline-block;
        max-width: 50%;
        vertical-align: top
    }

    .header--content-title {
        font-size: 48px;
        font-size: 4.8rem;
        line-height: 60px;
        line-height: 6rem
    }

    .aside--suggestions-title, .sidebar .js-aside--suggestions {
        display: block
    }

    .end.product--section, .recipe--section.end {
        margin-top: 0;
        padding: 0 20px
    }

    .end.product--section:before {
        display: block;
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #094da5;
        border: 2px solid #fff;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
        z-index: 2
    }

    .end.product--section:after {
        background-color: #f49811
    }

    .recipe--interactions .content--sharer {
        margin: 0 auto 75px
    }

    .recipe--interactions .content--comments:after {
        display: none
    }

    .recipe--suggestion {
        display: none
    }

    .recipe--extra-tips {
        margin: 0 auto 130px
    }

    .recipe--extra-tips-header {
        background-image: url(images/bg-extra-tips.jpg);
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover
    }

    .recipe--extra-tips-title {
        font-size: 35px;
        font-size: 3.5rem;
        line-height: 40px;
        line-height: 4rem;
        padding-bottom: 0
    }

    .recipe--extra-tips-title:after {
        content: normal
    }

    .recipe--extra-tips-content {
        padding: 40px
    }

    .content--comments {
        padding: 30px
    }

    .mobile--toolbar {
        display: none
    }

    .product--ingredients:after {
        width: 50px;
        height: 50px
    }

    .product--ingredients {
        padding: 30px
    }

    .product--block:after {
        width: 50px;
        height: 50px
    }

    .product--nutrition {
        padding: 30px
    }

    .products--subcategory-row:nth-child(odd):before {
        display: block;
        position: absolute;
        content: "";
        top: -25px;
        left: 50%;
        width: 50px;
        height: 50px;
        -webkit-transform: translate(-50%) rotate(45deg);
        -ms-transform: translate(-50%) rotate(45deg);
        transform: translate(-50%) rotate(45deg);
        background-color: #fff
    }

    .products--subcategory-row:nth-child(odd):after {
        z-index: -1;
        display: block;
        position: absolute;
        content: "";
        bottom: -25px;
        left: 50%;
        width: 50px;
        height: 50px;
        -webkit-transform: translate(-50%) rotate(45deg);
        -ms-transform: translate(-50%) rotate(45deg);
        transform: translate(-50%) rotate(45deg);
        background-color: inherit
    }

    .row--lp-recipe .col--media, .row--manifesto .col--media {
        width: 50%
    }

    .row--lp-recipe:nth-of-type(odd) .col--media, .row--manifesto:nth-of-type(odd) .col--media {
        float: right
    }

    .col--content {
        padding: 0
    }

    .lp-recipe--section, .manifesto--section {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .lp-recipe--section-content, .manifesto--section-content {
        padding-bottom: 10px
    }

    .lp-recipe--infos-label, .lp-recipe--section-highlight, .lp-recipe--section-title, .manifesto--section-title {
        font-size: 20px;
        font-size: 2rem;
        line-height: 20px;
        line-height: 2rem;
        padding-bottom: 5px
    }

    .section--theme-subtitle {
        text-align: left
    }

    .account--nav {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 18px;
        line-height: 1.8rem
    }

    .account--form-wrap:after {
        width: 50px;
        height: 50px
    }

    .account--form-wrap {
        padding: 30px;
        margin: 0 auto 50px;
        padding: 40px 0
    }

    .account--form-wrap .input--field.radiogroup .radiogroup-label {
        padding-top: 12px;
        max-width: 40%
    }

    .account--form-wrap .input--field.radiogroup .radiogroup-wrapper {
        padding-top: 10px
    }

    .sitemap--section {
        padding: 0;
        text-align: center
    }

    .sitemap--section .sitemap--list li, .sitemap--section .sitemap--list-alt li {
        display: inline-block
    }

    .sitemap--section .sitemap--list li:after, .sitemap--section .sitemap--list-alt li:after {
        width: 1px;
        height: 15px
    }

    .sitemap--section .sitemap--list li.nb:after, .sitemap--section .sitemap--list li:first-of-type:after, .sitemap--section .sitemap--list-alt li.nb:after, .sitemap--section .sitemap--list-alt li:first-of-type:after {
        content: normal
    }

    .sitemap--section .sitemap--list, .sitemap--section .sitemap--list-alt {
        margin: 0
    }

    .sitemap--section .sitemap--list-alt li {
        padding: 10px 25px
    }

    .sitemap--section .sitemap--list-alt:after, .sitemap--section .sitemap--list-alt:before {
        left: 50%;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%)
    }

    .quiz--questions {
        padding: 30px
    }

    .quiz--answers-list li {
        width: auto;
        max-width: 150px;
        margin: 0 20px
    }

    .quiz--answers-img {
        display: block;
        max-width: 150px;
        overflow: hidden;
        border-radius: 50%
    }

    .quiz--answers-label {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 18px;
        line-height: 1.8rem;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .quiz--register:after {
        width: 50px;
        height: 50px
    }

    .quiz--register {
        padding: 30px
    }

    .quiz--sharer .sharers--item {
        margin: 20px 35px
    }

    .quiz--second-chance:after {
        width: 50px;
        height: 50px
    }

    .quiz--second-chance {
        padding: 30px
    }

    .page--header-content .quiz--dotation {
        bottom: -220px;
        right: -125px;
        max-width: 350px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .jeu-concours--opened, .jeu-concours--register {
        padding: 100px 0 0
    }

    .jeu-concours--opened:before, .jeu-concours--register:before {
        top: 23px;
        height: 57px
    }

    .jeu-concours--register-form {
        padding: 45px
    }

    .jeu-concours--register-form .gform_body {
        display: inline-block;
        width: 80%;
        vertical-align: top
    }

    .jeu-concours--register-form .gform_footer {
        display: inline-block;
        width: 18%;
        margin-top: 0;
        vertical-align: top
    }

    .jeu-concours--opened {
        padding-top: 135px
    }

    .quiz--form {
        background-image: url(images/jeux-concours/quiz-stamp.jpg);
        background-repeat: no-repeat;
        background-position: top 5px right 5px
    }

    .quiz--form:before {
        position: absolute;
        display: block;
        content: "";
        top: 130px;
        left: 50%;
        width: 2px;
        height: 434px;
        background-color: #094da5
    }

    .quiz--form-header {
        display: block;
        margin: -10px auto;
        text-align: center
    }

    .quiz--form-choices {
        padding: 35px 25px 0
    }

    .quiz--form-choices, .quiz--form-participate {
        display: inline-block;
        width: 50%;
        vertical-align: top
    }

    .quiz--form-participate {
        padding: 0 25px
    }

    .quiz--choices-title, .quiz--participate-title {
        text-align: left
    }

    .quiz--choices-title .quiz--episode-step-nb, .quiz--participate-title .quiz--episode-step-nb {
        display: inline-block;
        top: 9px
    }

    .quiz--form-validation-video {
        width: 100%
    }

    .jeu-concours--over:before {
        top: 23px;
        height: 57px
    }

    .contact--form {
        float: left;
        width: calc(66.66667% - 40px);
        margin: 0 20px
    }

    .form--contact:after {
        width: 50px;
        height: 50px
    }

    .form--contact {
        padding: 30px
    }

    .form--contact .gfield_label, .form--contact label {
        max-width: none;
        text-align: left
    }

    .form--contact .input--field.radiogroup .gfield_label, .form--contact .input--field.radiogroup .radiogroup-label {
        padding-top: 12px;
        text-align: left
    }

    .form--contact .input--field.radiogroup .radiogroup-wrapper {
        padding-top: 10px
    }

    .form--contact .input--field.radiogroup .radio {
        margin-right: 0
    }

    .form--contact .input--field.radiogroup .radio label {
        margin-right: 9px;
        padding-left: 25px
    }

    .form--contact .ginput_container_email, .form--contact .ginput_container_phone, .form--contact .ginput_container_select, .form--contact .ginput_container_text {
        display: block;
        max-width: none
    }

    .form--contact #field_3_14 {
        padding-top: 30px
    }

    .contact--sidebar {
        float: left;
        width: calc(33.33333% - 40px);
        margin: 0 20px
    }

    .contact--phone {
        padding: 30px;
        margin-bottom: 90px
    }

    .contact--phone-number {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 24px;
        line-height: 2.4rem
    }

    .contact--mail {
        margin-bottom: 0
    }

    .lp-recipe--infos-block {
        float: left;
        width: calc(33.33333% - 40px);
        margin: 0 20px
    }

    .lp-recipe--infos-label, .lp-recipe--section-highlight {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 36px;
        line-height: 3.6rem;
        max-width: none
    }

    .lp-recipe--ingredients-list .icon-plus {
        display: inline-block
    }

    .lp-recipe--ingredients-list .icon-plus.sep {
        display: inline-block;
        margin-top: 55px
    }

    .lp-recipe--ingredient {
        width: calc(16.66667% - 40px);
        margin: 0 20px
    }

    .lp-recipe--section {
        width: 90%
    }

    .lp-recipe--section-title {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 36px;
        line-height: 3.6rem
    }

    .lp--sharer {
        padding: 75px 0 90px
    }

    .section--push .grid-col-free {
        width: calc(33.33333% - 40px);
        margin: 0 20px
    }

    .section--push .block--push-content {
        max-width: 280px
    }

    .section--push:before {
        display: block;
        position: absolute;
        content: "";
        top: -25px;
        left: 50%;
        width: 50px;
        height: 50px;
        -webkit-transform: translate(-50%) rotate(45deg);
        -ms-transform: translate(-50%) rotate(45deg);
        transform: translate(-50%) rotate(45deg);
        background-color: #fff
    }

    .section--push:after {
        z-index: -1;
        display: block;
        position: absolute;
        content: "";
        bottom: -25px;
        left: 50%;
        width: 50px;
        height: 50px;
        -webkit-transform: translate(-50%) rotate(45deg);
        -ms-transform: translate(-50%) rotate(45deg);
        transform: translate(-50%) rotate(45deg);
        background-color: inherit
    }

    .footer--link {
        padding: 50px 0
    }

    .footer--main {
        padding-top: 60px;
        padding-bottom: 80px
    }

    .footer--links li:first-of-type {
        margin-left: 0
    }

    .footer--links li:last-of-type {
        margin-right: 0
    }

    .footer--networks {
        padding-bottom: 70px
    }

    .footer--networks .networks--item, .footer--networks .sharers--item {
        float: left
    }

    .footer--networks .networks--list, .footer--networks .sharers--list {
        text-align: left
    }

    .form--newsletter {
        float: right;
        width: 100%;
        margin: 0 0 0 auto
    }

    .footer--logo {
        display: block;
        position: relative;
        text-align: center
    }

    .footer--logo:before {
        display: block;
        position: absolute;
        content: "";
        top: 58px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #fff;
        z-index: 1
    }

    .footer--logo:after {
        position: absolute;
        display: block;
        content: "";
        top: 0;
        left: 50%;
        width: 160px;
        height: 100%;
        background-color: #094da5;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
        z-index: 2
    }

    .footer--logo img {
        position: relative;
        display: block;
        max-width: 150px;
        margin: 0 auto;
        z-index: 3
    }

    .footer--links-alt {
        padding: 0 0 120px
    }

    .footer--submenu {
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out
    }

    .footer--submenu ul {
        display: block;
        float: left;
        padding: 20px 35px 20px 0
    }

    .footer--submenu ul li {
        display: block
    }

    .footerCat__list1--recettes {
        width: 50%
    }

    .footerCat__list1--recettes > li {
        float: left;
        width: 50%
    }

    .footerCat__list1--autres, .footerCat__list1--tiramisu {
        width: 25%
    }

    .header--404 {
        background: url(images/bg-404.jpg) 50% no-repeat;
        background-size: cover
    }
}

@media (min-width: 960px) {
    .input--field.radiogroup .selectric .radiogroup-label, .selectric .button, .selectric .input--field.radiogroup .radiogroup-label, .selectric .label {
        height: 38px;
        line-height: 38px
    }

    .recipes--filters {
        display: block
    }

    .form--filters {
        display: table;
        table-layout: fixed;
        width: 100%;
        border-bottom: 2px solid #fff
    }

    .filter--title {
        font-family: Lobster-Regular, cursive;
        font-size: 20px;
        font-size: 2rem;
        width: 80px;
        height: 60px;
        padding: 18px 10px;
        text-align: center;
        border-right: 1px solid #fff
    }

    .filter, .filter--title {
        display: table-cell;
        vertical-align: top
    }

    .filter--label, .filter--option {
        height: 60px;
        padding: 20px 35px 20px 10px;
        border-right: 1px solid #fff;
        border-bottom: 0
    }

    .filter--content {
        position: absolute;
        left: 0;
        max-height: none;
        padding: 30px 20px 25px
    }

    .filter--wrapper {
        display: inline-block;
        max-height: none;
        padding: 0 25px;
        border-left: 1px solid hsla(0, 0%, 100%, .2);
        border-right: 1px solid hsla(0, 0%, 100%, .2)
    }

    .filter--reset {
        display: table-cell;
        width: 85px;
        padding: 0 10px;
        text-align: center;
        vertical-align: middle
    }

    .btn--filters-reset {
        display: block;
        color: #fff;
        opacity: .5;
        margin: 0 auto;
        padding: 0;
        text-decoration: underline;
        border: 0;
        background-color: transparent
    }

    .recipes--filters-additional {
        margin: 0 10px 40px
    }

    .filters--results {
        padding-bottom: 0;
        -webkit-transform: translateY(-81px);
        -ms-transform: translateY(-81px);
        transform: translateY(-81px)
    }

    .filters--results, .filters--results-count {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 24px;
        line-height: 2.4rem
    }

    .filters--results-orderby {
        display: block;
        float: right;
        margin-left: 0;
        max-width: 170px
    }

    .filters--results-orderby .input--field.select select {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 13px;
        line-height: 1.3rem
    }

    .filters--mobile {
        display: none
    }

    .booklets-row .booklet-col, .products-row .product-col {
        max-width: 33.33333%
    }
}

@media (min-width: 980px) {
    .logo--main {
        left: 20px;
        width: 140px
    }

    .logo--main, .logo-svg {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0)
    }

    .logo-svg {
        left: 0
    }

    .header--wrap-mobile {
        text-align: center
    }

    .nav--main {
        position: relative;
        opacity: 1;
        visibility: visible;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 14px;
        line-height: 1.4rem;
        padding: 0;
        max-height: none;
        overflow: visible;
        text-transform: uppercase
    }

    .nav--main > ul {
        padding: 0
    }

    .nav--main > ul > li {
        display: inline-block;
        margin: 0;
        padding: 0;
        vertical-align: top
    }

    .nav--main > ul > li > a {
        padding: 23px 10px
    }

    .nav--main > ul > li > a:before {
        content: normal
    }

    .nav--main > ul > li > a:after {
        position: absolute;
        display: block;
        content: "";
        top: auto;
        bottom: 0;
        left: 50%;
        right: auto;
        width: 0;
        height: 5px;
        background-color: #fff;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .nav--main > ul > li:hover > a:after {
        left: 0;
        width: 100%
    }

    .parent-menu {
        position: static;
        max-height: none
    }

    .parent-menu:hover .submenu {
        max-height: 400px;
        opacity: 1;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        -webkit-transition: all .3s ease-in-out .2s;
        transition: all .3s ease-in-out .2s
    }

    .parent-menu .icon {
        display: none
    }

    .submenu {
        position: absolute;
        opacity: 0;
        max-height: 0;
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
        overflow: hidden;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out
    }

    .submenu ul {
        float: left;
        padding: 20px 35px 20px 0
    }

    .submenu ul, .submenu ul li {
        display: block
    }

    .nav--toggle {
        display: none
    }

    .header--wrap-nav {
        position: relative;
        padding: 0;
        top: 0
    }

    .header--additional-links, .header--networks, .header--newsletter, .header--user-account {
        display: none
    }

    .header--account {
        display: block;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 12px;
        line-height: 1.2rem
    }

    .header--account .icon-user {
        margin-right: 5px
    }
}

@media (min-width: 1024px) {
    .filter {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2rem
    }
}

@media (min-width: 1025px) {
    .breadcrumb {
        top: 20px;
        left: 50%;
        margin: 0 auto;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%)
    }

    .breadcrumb .breadcrumb--links {
        padding-left: 160px
    }

    .block--push-content, .block--single-content {
        margin: -10px auto 0;
        padding: 20px 80px 30px
    }

    .block--single-content.small, .small.block--push-content {
        margin: -35px auto 0
    }

    .input--field.select select {
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield
    }

    .input--field.col {
        width: calc(50% - 72px)
    }

    .input--field.col:nth-of-type(2n) {
        margin-left: 40px
    }

    input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url] {
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield
    }

    textarea {
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield
    }

    .form--search .form--footer, .form--search-modal .form--footer {
        top: 5px;
        right: 5px
    }

    .sharers--item {
        margin: 20px 50px
    }

    .modal--wrapper.video .video-player {
        width: 60%
    }

    .row-modal {
        position: relative;
        height: 100%
    }

    .cookies {
        text-align: center
    }

    .cookies--content {
        padding: 15px
    }

    .cookies--content button {
        top: 50%;
        right: 15px;
        width: 23px;
        height: 23px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .cookies--content .icon {
        width: 23px;
        height: 23px
    }

    .slide--content {
        padding-left: 40px;
        padding-right: 40px
    }

    .logo-svg {
        width: 140px;
        height: 138px
    }

    .logo-svg.mini {
        top: -30px;
        width: 95px
    }

    .nav--main > ul > li {
        margin: 0 15px
    }

    .header--account {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 13px;
        line-height: 1.3rem
    }

    .recipes--header-content {
        padding: 50px 0 40px
    }

    .recipes--list .list-item--title {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 24px;
        line-height: 2.4rem
    }

    .recipes-row .recipe-col {
        max-width: 33.33333%
    }

    .product--presentation-excerpt, .recipe--steps {
        margin: 30px 0 0px
    }

    .end.product--section, .recipe--section.end {
        padding: 0 0 0 110px
    }

    .product--section, .recipe--section {
        padding: 0 0 40px 110px
    }

    .product--section:before, .recipe--section:before {
        width: 16px;
        height: 16px
    }

    .product--section.end {
        padding: 0 0 40px 110px
    }

    .product--presentation-excerpt {
        margin-top: 0
    }

    .lp-recipe--section .sharers--item, .manifesto--section .sharers--item {
        margin: 20px 15px
    }

    .lp-recipe--section .sharers--item:after, .manifesto--section .sharers--item:after {
        width: 64px;
        height: 64px;
        border: 4px solid #f49811
    }

    .lp-recipe--section .sharers--item .icon-facebook, .manifesto--section .sharers--item .icon-facebook {
        max-width: 17px;
        max-height: 36px
    }

    .lp-recipe--section .sharers--item .icon-twitter, .manifesto--section .sharers--item .icon-twitter {
        max-width: 32px;
        max-height: 26px
    }

    .lp-recipe--section .sharers--item .icon-pinterest, .manifesto--section .sharers--item .icon-pinterest {
        max-width: 28px;
        max-height: 36px
    }

    .lp-recipe--section .sharers--item .icon-link, .manifesto--section .sharers--item .icon-link {
        max-width: 36px;
        max-height: 36px
    }

    .lp-recipe--section-nb, .manifesto--section-nb {
        font-size: 20px;
        font-size: 2rem;
        line-height: 20px;
        line-height: 2rem;
        margin: 0 0 5px
    }

    .lp-recipe--section-content p, .manifesto--section-content p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2rem
    }

    .lp-recipe--section-content, .manifesto--section-content {
        padding-bottom: 20px
    }

    .lp-recipe--infos-label, .lp-recipe--section-highlight, .lp-recipe--section-title, .manifesto--section-title {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 32px;
        line-height: 3.2rem;
        padding-bottom: 15px
    }

    .section--theme {
        padding: 80px 0
    }

    .account--form-wrap .input--field.radiogroup .radiogroup-wrapper {
        max-width: 69%
    }

    .form--contact .input--field.radiogroup.col {
        padding-top: 40px
    }

    .form--contact .input--field.radiogroup .gfield_label, .form--contact .input--field.radiogroup .radiogroup-label {
        max-width: 31%
    }

    .form--contact .input--field.radiogroup .radiogroup-wrapper {
        max-width: 69%
    }

    .form--contact .input--field.radiogroup .radio label {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 16px;
        line-height: 1.6rem
    }

    .contact--phone-number {
        font-size: 36px;
        font-size: 3.6rem;
        line-height: 36px;
        line-height: 3.6rem
    }
}

@media (min-width: 1100px) {
    .form--contact .input--field.radiogroup .radio label {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 18px;
        line-height: 1.8rem
    }
}

@media (min-width: 1180px) {
    .account--form-wrap .input--field.radiogroup .radiogroup-wrapper {
        max-width: 74%
    }

    .form--contact .input--field.radiogroup .gfield_label, .form--contact .input--field.radiogroup .radiogroup-label {
        max-width: 26%
    }

    .form--contact .input--field.radiogroup .radiogroup-wrapper {
        max-width: 74%
    }

    .form--contact .input--field.radiogroup .radio {
        margin-right: 12px
    }
}

@media (min-width: 1280px) {
    .filter--title {
        font-size: 24px;
        font-size: 2.2rem;
        width: 120px;
    }

    .filter {
        width: 170px
    }

    .filter.diet {
        width: 150px
    }

    .filter--label, .filter--option {
        padding: 20px 50px 20px 20px
    }

    .filter--label .icon, .filter--option .icon {
        right: 15px
    }

    .filter--reset {
        width: 115px
    }

    .modal--wrapper {
        padding: 50px 0
    }

    .modal--close {
        display: block;
        top: 0;
        right: 20px
    }

    .modal-search--input {
        padding: 0 55px
    }

    .cover--nav-prev, .slider--nav-prev {
        left: 0
    }

    .cover--nav-next, .slider--nav-next {
        right: 0
    }

    .header--content {
        padding: 0
    }

    .lp-recipe--section-content, .manifesto--section-content {
        padding-bottom: 30px
    }

    .lp-recipe--infos-label, .lp-recipe--section-highlight, .lp-recipe--section-title, .manifesto--section-title {
        font-size: 45px;
        font-size: 4.5rem;
        line-height: 45px;
        line-height: 4.5rem;
        padding-bottom: 20px
    }

    .account--form-wrap .input--field.radiogroup .radiogroup-wrapper {
        max-width: 75%
    }

    .form--contact .input--field.radiogroup .gfield_label, .form--contact .input--field.radiogroup .radiogroup-label {
        max-width: 25%
    }

    .form--contact .input--field.radiogroup .radiogroup-wrapper {
        max-width: 75%
    }

    .form--contact .input--field.radiogroup .radio label {
        margin-right: 15px;
        padding-left: 30px
    }

    .contact--phone-number {
        font-size: 42px;
        font-size: 4.2rem;
        line-height: 42px;
        line-height: 4.2rem
    }

    .footerCat__list1--recettes {
        width: 100%
    }

    .footerCat__list1--recettes > li {
        float: left;
        width: 33%
    }

    .footerCat__list1--recettes > li:nth-child(3n+1) {
        clear: left
    }

    .footerCat__list1--autres, .footerCat__list1--tiramisu {
        width: 20%
    }
}

@media (min-width: 1440px) {
    .recipes--header.has-cover .recipes--header-image img {
        width: 100%;
        height: auto
    }
}

@media (max-width: 980px) {
    .section--theme .page--content {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

    .section--theme-nav .toggle-desktop {
        display: none
    }

    .section--theme-nav.show-all .toggle-mobile-close {
        display: block
    }

    .section--theme-nav:not(.show-all) .toggle-mobile-open {
        display: block
    }

    .section--theme-nav {
        margin-bottom: 64px
    }

    .section--theme-sub-category {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .section--theme-nav > a {
        width: 33.3333%
    }

    .section--theme-nav > a:nth-child(n+4) {
        display: none
    }

    .section--theme-nav > a:nth-child(8n+1) {
        border-left: 0
    }

    .section--theme-nav > a:first-child, .section--theme-nav > a:nth-child(11), .section--theme-nav > a:nth-child(14), .section--theme-nav > a:nth-child(17), .section--theme-nav > a:nth-child(4), .section--theme-nav > a:nth-child(7) {
        border-left: 1px solid #fff
    }

    .section--theme-category h2 {
        margin-bottom: 30px
    }

    .section--theme-category h2:after {
        bottom: -4px
    }

    .quiz-winter .quiz-winter-step-headings h1 {
        font-size: 40px;
        font-size: 4rem;
        line-height: 45px;
        line-height: 4.5rem
    }

    .quiz-winter .quiz-winter-step-headings h2 {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 30px;
        line-height: 3rem
    }

    .quiz-winter .quiz-winter-form-title {
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 32px;
        line-height: 3.2rem
    }

    .quiz-winter .quiz-winter-question-wrapper {
        display: block
    }

    .quiz-winter .quiz-winter-question-image {
        height: 440px
    }

    .quiz-winter-question .quiz-winter:after {
        font-size: 92px
    }

    .quiz-winter .quiz-winter-action button {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 38px;
        line-height: 3.8rem;
        min-width: 128px
    }

    .quiz-winter .quiz-winter-promo h3, .quiz-winter .quiz-winter-promo legend {
        font-size: 1.8em
    }
}

@media (max-width: 768px) {
    .header--cover-image img {
        min-height: 100%;
        height: 100%;
    }
}

@media (max-width: 420px) {
    .form--recipe-actions .ginput_container {
        max-width: none
    }

    .form--recipe-actions .radiogroup {
        margin-left: 0
    }
}

@media (min-width: desktop-lg) {
    .filter--title {
        font-size: 24px;
        font-size: 2.4rem;
        width: 120px;
        padding: 18px 20px
    }

    .filter--label, .filter--option {
        padding: 20px 50px 20px 20px
    }

    .filter--label .icon, .filter--option .icon {
        right: 15px
    }

    .modal--wrapper {
        padding: 50px 0
    }

    .modal--close {
        display: block;
        top: 0;
        right: 20px
    }

    .modal-search--input {
        padding: 0 55px
    }

    .cover--nav-prev, .slider--nav-prev {
        left: 0
    }

    .cover--nav-next, .slider--nav-next {
        right: 0
    }

    .header--content {
        padding: 0
    }

    .lp-recipe--section-content, .manifesto--section-content {
        padding-bottom: 30px
    }

    .lp-recipe--infos-label, .lp-recipe--section-highlight, .lp-recipe--section-title, .manifesto--section-title {
        font-size: 45px;
        font-size: 4.5rem;
        line-height: 45px;
        line-height: 4.5rem;
        padding-bottom: 20px
    }

    .account--form-wrap .input--field.radiogroup .radiogroup-wrapper {
        max-width: 75%
    }

    .form--contact .input--field.radiogroup .gfield_label, .form--contact .input--field.radiogroup .radiogroup-label {
        max-width: 25%
    }

    .form--contact .input--field.radiogroup .radiogroup-wrapper {
        max-width: 75%
    }

    .form--contact .input--field.radiogroup .radio label {
        margin-right: 15px;
        padding-left: 30px
    }

    .contact--phone-number {
        font-size: 42px;
        font-size: 4.2rem;
        line-height: 42px;
        line-height: 4.2rem
    }

    .footerCat__list1--recettes {
        width: 60%
    }

    .footerCat__list1--recettes > li {
        float: left;
        width: 33%
    }

    .footerCat__list1--recettes > li:nth-child(3n+1) {
        clear: left
    }

    .footerCat__list1--autres, .footerCat__list1--tiramisu {
        width: 20%
    }
}

@media all {
    .featherlight {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2147483647;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        background: #333;
        background: 0 0
    }

    .featherlight:last-of-type {
        background: rgba(0, 0, 0, .8)
    }

    .featherlight:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .featherlight .featherlight-content {
        position: relative;
        text-align: left;
        vertical-align: middle;
        display: inline-block;
        overflow: auto;
        padding: 25px 25px 0;
        border-bottom: 25px solid transparent;
        margin-left: 5%;
        margin-right: 5%;
        max-height: 95%;
        background: #fff;
        cursor: auto;
        white-space: normal
    }

    .featherlight .featherlight-inner {
        display: block;
        width: 100%
    }

    .featherlight link.featherlight-inner, .featherlight script.featherlight-inner, .featherlight style.featherlight-inner {
        display: none
    }

    .featherlight .featherlight-close-icon {
        position: absolute;
        z-index: 9999;
        top: 0;
        right: 0;
        line-height: 25px;
        width: 25px;
        cursor: pointer;
        text-align: center;
        font-family: Arial, sans-serif;
        background: #fff;
        background: hsla(0, 0%, 100%, .3);
        color: #000;
        border: none;
        padding: 0
    }

    .featherlight .featherlight-close-icon::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    .featherlight .featherlight-image {
        width: 100%
    }

    .featherlight-iframe .featherlight-content {
        width: 90%;
        max-width: 970px;
        border-bottom: 0;
        padding: 0;
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll
    }

    .featherlight iframe {
        border: none
    }

    .featherlight * {
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media (max-width: 680px) {
    .quiz-winter .quiz-winter-question-image {
        height: 360px
    }
}

@media (max-width: 520px) {
    .quiz-winter .quiz-winter-question-image {
        height: 300px
    }

    .quiz-winter .quiz-winter-question-content {
        min-height: 120px
    }

    .quiz-winter .quiz-winter-question:after {
        bottom: 60px
    }
}

@media (max-width: 440px) {
    .quiz-winter .quiz-winter-question-image {
        height: 260px
    }
}

@media only screen and (max-width: 1024px) {
    .featherlight .featherlight-content {
        margin-left: 0;
        margin-right: 0;
        max-height: 98%;
        padding: 10px 10px 0;
        border-bottom: 10px solid transparent
    }
}

.pll-parent-menu-item .submenu ul li:before {
    display: none !important
}

.pll-parent-menu-item .submenu ul li {
    padding: 0 0 0 10px !important
}

@media (min-width: 960px) {
    .filters--products-count {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 24px;
        line-height: 2.4rem
    }
}

.btn--filters-reset {
    font-size: 13.3333px
}

.products-row-title, .thematic-row-title {
    font-size: 3.5rem;
    line-height: 3.5rem;
    margin: 50px;
    padding: 0;
    text-align: center
}

.filters--products-count, .filters--thematics-count {
    font-size: 2.4rem;
    color: #5c5c5c;
    text-align: center;
    margin-bottom: 20px
}

.product--thumb img {
    position: static;
    max-width: none;
    width: 100%;
    height: 100%;
    object-fit: contain;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.nothing-is-found {
    text-align: center
}

.row--manifesto.alone {
    display: none
}

.page-template-page-secret main {
    padding-top: 100px
}

.title-secret {
    text-align: center;
    font-size: 40px;
    padding-top: 50px
}

.item-secret {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 768px) {
    .item-secret {
        flex-direction: row
    }

    .page-template-page-secret .left-column {
        width: 25% !important;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 20px
    }

    .page-template-page-secret .left-column img {
        width: 80%
    }

    .page-template-page-secret .right-column {
        width: 75% !important;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .page-template-page-secret .right-column h2 {
        text-align: initial
    }
}

.page-template-page-secret .left-column {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px
}

.page-template-page-secret .left-column img {
    width: 80%;
    max-width: 228px
}

.page-template-page-secret .right-column {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.page-template-page-secret .right-column h2 {
    text-align: center
}

.footer--networks {
    float: none !important;
    width: fit-content !important;
    margin: 0 auto !important
}

.input-select-left {
    margin-left: 0 !important
}

@media (min-width: 1025px) {
    .input-select-left + .input--field.col {
        margin-left: 40px
    }
}

.form--contact .input--field.select .select--wrapper:after {
    background: 0 0
}

.recipes--slide {
    max-height: 475px;
}

.checklist--item-disable {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.products-categories--list .page--header-cover {
    overflow: hidden;
}

.products-categories--list .page--header.has-cover .page--header-cover {
    max-height: none;
    min-height: auto;
}

.single-recipe .header--cover-image--little img {
    height: auto;
}

@media (min-width: 768px) {
    .header--cover-image {
        min-height: 325px;
    }

    .single-recipe .header--cover, .single-product .header--cover-image, .single-recipe .header--cover-image {
        min-height: 475px;
    }
}


/* HEADBAND */

.headband {
    color: #ffffff;
    text-align: center;
    height: auto;
    max-height: calc(100vh - 145px);
    width: auto;
    max-width: 100%;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}

.headband--video {
    z-index: 1;
    height: auto;
    width: 100%;
    position: relative;
}

@media (min-width: 768px) {

    .headband {
        min-height: 39.5vw;
        padding-bottom: 30px;
        display: block;
        overflow: hidden;
    }

    .headband-video-container {
        display: block;
        margin: 0 auto;
        position: relative;
    }

    .headband--video {
        z-index: 1;
        height: 35.5vw;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .headband-video-container .slick-prev {
        border: 0;
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 9999;
        width: 17px;
        height: 37px;
        left: 16%;
        background-image: url(img/yellow-arrow-prev.png);
    }

    .headband-video-container .slick-next {
        border: 0;
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 9999;
        width: 17px;
        height: 37px;
        right: 16%;
        background-image: url(img/yellow-arrow-next.png);
    }
}

@media (max-width: 768px) {
    /*.headband-video-container .slick-next {
        display: none !important;
    }
    .headband-video-container .slick-prev {
        display: none !important;
    }

    .headband-video-container{
        display: none !important;
    }*/
    .headband--video {
        max-height: 50vw;
    }

    .headband-video-container .slick-prev {
        border: 0;
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 9999;
        width: 17px;
        height: 37px;
        left: 2%;
        background-image: url(img/yellow-arrow-prev.png);
    }

    .headband-video-container .slick-next {
        border: 0;
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 9999;
        width: 17px;
        height: 37px;
        right: 2%;
        background-image: url(img/yellow-arrow-next.png);
    }
}

.headband-video-container video {
    width: auto !important;
}

/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    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);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[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;
}

.tags-list{
    margin-bottom: 45px;
    margin-top: 20px;
}

.manifesto .header--cover-image{
    position: relative !important;
}

.product--section.end{
    margin-top: 70px;
}

.product--block-title:after{
    display: none;
}

.product--suggestion {
    display: none;
}

.product--presentation .product--presentation-excerpt p{
    font-size: 1.9rem;
}

.product--presentation .product--ingredients p{
    font-size: 1.8rem;
}

.product--presentation .product--section:first-child{
    padding-bottom: 0px;
}

.product--presentation .product--section:first-child .product--block{
    padding-bottom: 20px;
}

.products-row{
    margin-top: 75px
}

/*.single-product .header--cover-image img{
    height: 475px;
}*/

.tax-product_category .header--cover-image{
    max-height: 280px;
}

@media (min-width: 768px) {
    .single-product .header--cover-image {
        min-height: auto;
        max-height: 280px;
    }
}

#popin {
    display: none
}

.popin--background {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.popin--box {
    position: fixed;
    top: 7%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    width: 50%;
    max-width: 500px;
    background-color: #fff;
}

.popin--box::after {
    content: '';
    display: block;
    /*padding-top: 128.4281%;*/
}

.popin--hide-button {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 0;
    background: 0 0;
    font-size: 32px;
    line-height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    width: 32px;
    z-index: 99;
    color: #000
}

.popin--hide-button.white {
    color: #fff
}

.popin--hide {
    cursor: pointer
}

.popin--content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.popin--content img {
    max-width: 100%;
    height: auto;
}

.popin--leave {
    display: block;
    position: absolute;
    width: 19%;
    height: 4%;
    bottom: 1%;
    left: 50%;
    transform: translateX(-50%)
}

@media (max-width: 628px) and (min-height: 128vw) {
    .popin--box {
        width: calc(100% - 30px)
    }
}

@media (max-height: 798px) and (max-height: 128vw) {
    .popin--box {
        width: 70%;
        max-height: calc(100% - 30px)
    }
}
@media (max-width: 900px) {
    .header--cover, .header--cover-image{
        min-height: auto;
    }

    .page--header.has-cover .page--header-cover{
        min-height: auto;
    }
}

.filters--mobile{
    display: none;
}

#home .recipes--slide{
    max-height: 790px !important;
}

.list--item .product--title {
    margin-top: 20px;
}