.swiper-container {
    margin: 0 auto;
    position: relative;
  overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1 
}
/*

  .hidden div {display:none;}
.visible div { display:block;}
*/

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0;
    -moz-transform: translate3d(0, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0;
    -o-transform: translate3d(0, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0, 0);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0;
    -ms-transform: translate3d(0, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0;
    transform: translate3d(0, 0, 0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    float: left
}

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

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

/*@charset "UTF-8";

! normalize.css v2.1.0 | MIT License | git.io/normalize */

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

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

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

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

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

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

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
table,
th,
td,
caption,
hr {
    margin: 0;
    padding: 0
}

abbr[title],
dfn[title] {
    cursor: help
}

u,
ins {
    text-decoration: none
}

ins {
    border-bottom: 1px solid
}

img {
    font-style: italic
}

label,
input,
textarea,
button,
select,
option {
    cursor: pointer
}

.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus {
    cursor: text;
    outline: 0
}

.cf:after,
.nav:after,
.media:after {
    content: "";
    display: table;
    clear: both
}

html {
    font: .9375em/1.6 sans-serif;
    overflow-y: scroll;
    min-height: 100%
}

.nav {
    list-style: none;
    margin-left: 0
}

.nav>li,
.nav>li>a {
    display: inline-block;
    *display: inline;
    zoom: 1
}

.nav--stacked>li {
    display: list-item
}

.nav--stacked>li>a {
    display: block
}

.nav--banner {
    text-align: center
}

.nav--block {
    line-height: 1;
    letter-spacing: -0.31em;
    word-spacing: -0.43em;
    white-space: nowrap
}

.nav--block>li {
    letter-spacing: normal;
    word-spacing: normal
}

.nav--block>li>a {
    padding: 12px
}

.nav--fit {
    display: table;
    width: 100%
}

.nav--fit>li {
    display: table-cell
}

.nav--fit>li>a {
    display: block
}

.nav--keywords>li:after {
    content: "\002C" "\00A0"
}

.nav--keywords>li:last-child:after {
    display: none
}

.grid {
/*    margin-left: -24px;*/
    list-style: none;
    margin-bottom: 0
}

.grid>.grid {
    margin-left: 0
}

.grid__item {
    display: inline-block;
  width: 95%;
padding-left: 5px;
    vertical-align: top
}

.one-whole {
    width: 100%
}

.one-half,
.two-quarters,
.three-sixths,
.four-eighths,
.five-tenths,
.six-twelfths {
    width: 50%
}

.one-third,
.two-sixths,
.four-twelfths {
    width: 32%
}

.two-thirds,
.four-sixths,
.eight-twelfths {
    width: 66.666%
}

.one-quarter,
.two-eighths,
.three-twelfths {
    width: 25%
}

.three-quarters,
.six-eighths,
.nine-twelfths {
    width: 75%
}

.one-fifth,
.two-tenths {
    width: 20%
}

.two-fifths,
.four-tenths {
    width: 40%
}

.three-fifths,
.six-tenths {
    width: 60%
}

.four-fifths,
.eight-tenths {
    width: 80%
}

.one-sixth,
.two-twelfths {
    width: 16.666%
}

.five-sixths,
.ten-twelfths {
    width: 83.333%
}

.one-eighth {
    width: 12.5%
}

.three-eighths {
    width: 37.5%
}

.five-eighths {
    width: 62.5%
}

.seven-eighths {
    width: 87.5%
}

.one-tenth {
    width: 10%
}

.three-tenths {
    width: 30%
}

.seven-tenths {
    width: 70%
}

.nine-tenths {
    width: 90%
}

.one-twelfth {
    width: 8.333%
}

.five-twelfths {
    width: 41.666%
}

.seven-twelfths {
    width: 58.333%
}

.eleven-twelfths {
    width: 91.666%
}

@media only screen and (max-width:500px) {
    .palm-one-whole {
        width: 100%
    }
    .palm-one-half,
    .palm-two-quarters,
    .palm-three-sixths,
    .palm-four-eighths,
    .palm-five-tenths,
    .palm-six-twelfths {
        width: 50%
    }
    .palm-one-third,
    .palm-two-sixths,
    .palm-four-twelfths {
        width: 33.333%
    }
    .palm-two-thirds,
    .palm-four-sixths,
    .palm-eight-twelfths {
        width: 66.666%
    }
    .palm-one-quarter,
    .palm-two-eighths,
    .palm-three-twelfths {
        width: 25%
    }
    .palm-three-quarters,
    .palm-six-eighths,
    .palm-nine-twelfths {
        width: 75%
    }
    .palm-one-fifth,
    .palm-two-tenths {
        width: 20%
    }
    .palm-two-fifths,
    .palm-four-tenths {
        width: 40%
    }
    .palm-three-fifths,
    .palm-six-tenths {
        width: 60%
    }
    .palm-four-fifths,
    .palm-eight-tenths {
        width: 80%
    }
    .palm-one-sixth,
    .palm-two-twelfths {
        width: 16.666%
    }
    .palm-five-sixths,
    .palm-ten-twelfths {
        width: 83.333%
    }
    .palm-one-eighth {
        width: 12.5%
    }
    .palm-three-eighths {
        width: 37.5%
    }
    .palm-five-eighths {
        width: 62.5%
    }
    .palm-seven-eighths {
        width: 87.5%
    }
    .palm-one-tenth {
        width: 10%
    }
    .palm-three-tenths {
        width: 30%
    }
    .palm-seven-tenths {
        width: 70%
    }
    .palm-nine-tenths {
        width: 90%
    }
    .palm-one-twelfth {
        width: 8.333%
    }
    .palm-five-twelfths {
        width: 41.666%
    }
    .palm-seven-twelfths {
        width: 58.333%
    }
    .palm-eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:501px) and (max-width:986px) {
    .lap-one-whole {
        width: 100%
    }
    .lap-one-half,
    .lap-two-quarters,
    .lap-three-sixths,
    .lap-four-eighths,
    .lap-five-tenths,
    .lap-six-twelfths {
        width: 49%
    }
    .lap-one-third,
    .lap-two-sixths,
    .lap-four-twelfths {
        width: 33.333%
    }
    .lap-two-thirds,
    .lap-four-sixths,
    .lap-eight-twelfths {
        width: 66.666%
    }
    .lap-one-quarter,
    .lap-two-eighths,
    .lap-three-twelfths {
        width: 25%
    }
    .lap-three-quarters,
    .lap-six-eighths,
    .lap-nine-twelfths {
        width: 75%
    }
    .lap-one-fifth,
    .lap-two-tenths {
        width: 20%
    }
    .lap-two-fifths,
    .lap-four-tenths {
        width: 40%
    }
    .lap-three-fifths,
    .lap-six-tenths {
        width: 60%
    }
    .lap-four-fifths,
    .lap-eight-tenths {
        width: 80%
    }
    .lap-one-sixth,
    .lap-two-twelfths {
        width: 16.666%
    }
    .lap-five-sixths,
    .lap-ten-twelfths {
        width: 83.333%
    }
    .lap-one-eighth {
        width: 12.5%
    }
    .lap-three-eighths {
        width: 37.5%
    }
    .lap-five-eighths {
        width: 62.5%
    }
    .lap-seven-eighths {
        width: 87.5%
    }
    .lap-one-tenth {
        width: 10%
    }
    .lap-three-tenths {
        width: 30%
    }
    .lap-seven-tenths {
        width: 70%
    }
    .lap-nine-tenths {
        width: 90%
    }
    .lap-one-twelfth {
        width: 8.333%
    }
    .lap-five-twelfths {
        width: 41.666%
    }
    .lap-seven-twelfths {
        width: 58.333%
    }
    .lap-eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:501px) {
    .lap-and-up-one-whole {
        width: 100%
    }
    .lap-and-up-one-half,
    .lap-and-up-two-quarters,
    .lap-and-up-three-sixths,
    .lap-and-up-four-eighths,
    .lap-and-up-five-tenths,
    .lap-and-up-six-twelfths {
        width: 50%
    }
    .lap-and-up-one-third,
    .lap-and-up-two-sixths,
    .lap-and-up-four-twelfths {
        width: 33.333%
    }
    .lap-and-up-two-thirds,
    .lap-and-up-four-sixths,
    .lap-and-up-eight-twelfths {
        width: 66.666%
    }
    .lap-and-up-one-quarter,
    .lap-and-up-two-eighths,
    .lap-and-up-three-twelfths {
        width: 25%
    }
    .lap-and-up-three-quarters,
    .lap-and-up-six-eighths,
    .lap-and-up-nine-twelfths {
        width: 75%
    }
    .lap-and-up-one-fifth,
    .lap-and-up-two-tenths {
        width: 20%
    }
    .lap-and-up-two-fifths,
    .lap-and-up-four-tenths {
        width: 40%
    }
    .lap-and-up-three-fifths,
    .lap-and-up-six-tenths {
        width: 60%
    }
    .lap-and-up-four-fifths,
    .lap-and-up-eight-tenths {
        width: 80%
    }
    .lap-and-up-one-sixth,
    .lap-and-up-two-twelfths {
        width: 16.666%
    }
    .lap-and-up-five-sixths,
    .lap-and-up-ten-twelfths {
        width: 83.333%
    }
    .lap-and-up-one-eighth {
        width: 12.5%
    }
    .lap-and-up-three-eighths {
        width: 37.5%
    }
    .lap-and-up-five-eighths {
        width: 62.5%
    }
    .lap-and-up-seven-eighths {
        width: 87.5%
    }
    .lap-and-up-one-tenth {
        width: 10%
    }
    .lap-and-up-three-tenths {
        width: 30%
    }
    .lap-and-up-seven-tenths {
        width: 70%
    }
    .lap-and-up-nine-tenths {
        width: 90%
    }
    .lap-and-up-one-twelfth {
        width: 8.333%
    }
    .lap-and-up-five-twelfths {
        width: 41.666%
    }
    .lap-and-up-seven-twelfths {
        width: 58.333%
    }
    .lap-and-up-eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (max-width:986px) {
    .portable-one-whole {
        width: 100%
    }
    .portable-one-half,
    .portable-two-quarters,
    .portable-three-sixths,
    .portable-four-eighths,
    .portable-five-tenths,
    .portable-six-twelfths {
        width: 49%
    }
    .portable-one-third,
    .portable-two-sixths,
    .portable-four-twelfths {
        width: 33.333%
    }
    .portable-two-thirds,
    .portable-four-sixths,
    .portable-eight-twelfths {
        width: 66.666%
    }
    .portable-one-quarter,
    .portable-two-eighths,
    .portable-three-twelfths {
        width: 25%
    }
    .portable-three-quarters,
    .portable-six-eighths,
    .portable-nine-twelfths {
        width: 75%
    }
    .portable-one-fifth,
    .portable-two-tenths {
        width: 20%
    }
    .portable-two-fifths,
    .portable-four-tenths {
        width: 40%
    }
    .portable-three-fifths,
    .portable-six-tenths {
        width: 60%
    }
    .portable-four-fifths,
    .portable-eight-tenths {
        width: 80%
    }
    .portable-one-sixth,
    .portable-two-twelfths {
        width: 16.666%
    }
    .portable-five-sixths,
    .portable-ten-twelfths {
        width: 83.333%
    }
    .portable-one-eighth {
        width: 12.5%
    }
    .portable-three-eighths {
        width: 37.5%
    }
    .portable-five-eighths {
        width: 62.5%
    }
    .portable-seven-eighths {
        width: 87.5%
    }
    .portable-one-tenth {
        width: 10%
    }
    .portable-three-tenths {
        width: 30%
    }
    .portable-seven-tenths {
        width: 70%
    }
    .portable-nine-tenths {
        width: 90%
    }
    .portable-one-twelfth {
        width: 8.333%
    }
    .portable-five-twelfths {
        width: 41.666%
    }
    .portable-seven-twelfths {
        width: 58.333%
    }
    .portable-eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:987px) {
    .desk-one-whole {
        width: 100%
    }
    .desk-one-half,
    .desk-two-quarters,
    .desk-three-sixths,
    .desk-four-eighths,
    .desk-five-tenths,
    .desk-six-twelfths {
        width: 50%
    }
    .desk-one-third,
    .desk-two-sixths,
    .desk-four-twelfths {
        width: 33.333%
    }
    .desk-two-thirds,
    .desk-four-sixths,
    .desk-eight-twelfths {
        width: 66.666%
    }
    .desk-one-quarter,
    .desk-two-eighths,
    .desk-three-twelfths {
/*width: 24%*/
  width: 32%
    }
 
    
    .desk-three-quarters,
    .desk-six-eighths,
    .desk-nine-twelfths {
        width: 75%
    }
    .desk-one-fifth,
    .desk-two-tenths {
/*        width: 20%*/
         width: 24%
    }
    .desk-two-fifths,
    .desk-four-tenths {
        width: 40%
    }
    .desk-three-fifths,
    .desk-six-tenths {
        width: 60%
    }
    .desk-four-fifths,
    .desk-eight-tenths {
        width: 80%
    }
    .<strong>desk-one-sixth,
    .desk-two-twelfths</strong> {
        width: 10.5%
    }
    .desk-five-sixths,
    .desk-ten-twelfths {
        width: 83.333%
    }
    .desk-one-eighth {
        width: 12.5%
    }
    .desk-three-eighths {
        width: 37.5%
    }
    .desk-five-eighths {
        width: 62.5%
    }
    .desk-seven-eighths {
        width: 87.5%
    }
    .desk-one-tenth {
        width: 10%
    }
    .desk-three-tenths {
        width: 30%
    }
    .desk-seven-tenths {
        width: 70%
    }
    .desk-nine-tenths {
        width: 90%
    }
    .desk-one-twelfth {
        width: 8.333%
    }
    .desk-five-twelfths {
        width: 41.666%
    }
    .desk-seven-twelfths {
        width: 58.333%
    }
    .desk-eleven-twelfths {
        width: 91.666%
    }
}

.push--one-whole {
    left: 100%
}

.push--one-half,
.push--two-quarters,
.push--three-sixths,
.push--four-eighths,
.push--five-tenths,
.push--six-twelfths {
    left: 50%
}

.push--one-third,
.push--two-sixths,
.push--four-twelfths {
    left: 33.333%
}

.push--two-thirds,
.push--four-sixths,
.push--eight-twelfths {
    left: 66.666%
}

.push--one-quarter,
.push--two-eighths,
.push--three-twelfths {
    left: 25%
}

.push--three-quarters,
.push--six-eighths,
.push--nine-twelfths {
    left: 75%
}

.push--one-fifth,
.push--two-tenths {
    left: 20%
}

.push--two-fifths,
.push--four-tenths {
    left: 40%
}

.push--three-fifths,
.push--six-tenths {
    left: 60%
}

.push--four-fifths,
.push--eight-tenths {
    left: 80%
}

.push--one-sixth,
.push--two-twelfths {
    left: 16.666%
}

.push--five-sixths,
.push--ten-twelfths {
    left: 83.333%
}

.push--one-eighth {
    left: 12.5%
}

.push--three-eighths {
    left: 37.5%
}

.push--five-eighths {
    left: 62.5%
}

.push--seven-eighths {
    left: 87.5%
}

.push--one-tenth {
    left: 10%
}

.push--three-tenths {
    left: 30%
}

.push--seven-tenths {
    left: 70%
}

.push--nine-tenths {
    left: 90%
}

.push--one-twelfth {
    left: 8.333%
}

.push--five-twelfths {
    left: 41.666%
}

.push--seven-twelfths {
    left: 58.333%
}

.push--eleven-twelfths {
    left: 91.666%
}

[class*="push--"] {
    position: relative
}

@media only screen and (min-width:501px) and (max-width:986px) {
    .push--lap-one-whole {
        left: 100%
    }
    .push--lap-one-half,
    .push--lap-two-quarters,
    .push--lap-three-sixths,
    .push--lap-four-eighths,
    .push--lap-five-tenths,
    .push--lap-six-twelfths {
        left: 49%
    }
    .push--lap-one-third,
    .push--lap-two-sixths,
    .push--lap-four-twelfths {
        left: 33.333%
    }
    .push--lap-two-thirds,
    .push--lap-four-sixths,
    .push--lap-eight-twelfths {
        left: 66.666%
    }
    .push--lap-one-quarter,
    .push--lap-two-eighths,
    .push--lap-three-twelfths {
        left: 25%
    }
    .push--lap-three-quarters,
    .push--lap-six-eighths,
    .push--lap-nine-twelfths {
        left: 75%
    }
    .push--lap-one-fifth,
    .push--lap-two-tenths {
        left: 20%
    }
    .push--lap-two-fifths,
    .push--lap-four-tenths {
        left: 40%
    }
    .push--lap-three-fifths,
    .push--lap-six-tenths {
        left: 60%
    }
    .push--lap-four-fifths,
    .push--lap-eight-tenths {
        left: 80%
    }
    .push--lap-one-sixth,
    .push--lap-two-twelfths {
        left: 16.666%
    }
    .push--lap-five-sixths,
    .push--lap-ten-twelfths {
        left: 83.333%
    }
    .push--lap-one-eighth {
        left: 12.5%
    }
    .push--lap-three-eighths {
        left: 37.5%
    }
    .push--lap-five-eighths {
        left: 62.5%
    }
    .push--lap-seven-eighths {
        left: 87.5%
    }
    .push--lap-one-tenth {
        left: 10%
    }
    .push--lap-three-tenths {
        left: 30%
    }
    .push--lap-seven-tenths {
        left: 70%
    }
    .push--lap-nine-tenths {
        left: 90%
    }
    .push--lap-one-twelfth {
        left: 8.333%
    }
    .push--lap-five-twelfths {
        left: 41.666%
    }
    .push--lap-seven-twelfths {
        left: 58.333%
    }
    .push--lap-eleven-twelfths {
        left: 91.666%
    }
}

@media only screen and (min-width:987px) {
    .push--desk-one-whole {
        left: 100%
    }
    .push--desk-one-half,
    .push--desk-two-quarters,
    .push--desk-three-sixths,
    .push--desk-four-eighths,
    .push--desk-five-tenths,
    .push--desk-six-twelfths {
        left: 50%
    }
    .push--desk-one-third,
    .push--desk-two-sixths,
    .push--desk-four-twelfths {
        left: 33.333%
    }
    .push--desk-two-thirds,
    .push--desk-four-sixths,
    .push--desk-eight-twelfths {
        left: 66.666%
    }
    .push--desk-one-quarter,
    .push--desk-two-eighths,
    .push--desk-three-twelfths {
        left: 25%
    }
    .push--desk-three-quarters,
    .push--desk-six-eighths,
    .push--desk-nine-twelfths {
        left: 75%
    }
    .push--desk-one-fifth,
    .push--desk-two-tenths {
        left: 20%
    }
    .push--desk-two-fifths,
    .push--desk-four-tenths {
        left: 40%
    }
    .push--desk-three-fifths,
    .push--desk-six-tenths {
        left: 60%
    }
    .push--desk-four-fifths,
    .push--desk-eight-tenths {
        left: 80%
    }
    .push--desk-one-sixth,
    .push--desk-two-twelfths {
        left: 16.666%
    }
    .push--desk-five-sixths,
    .push--desk-ten-twelfths {
        left: 83.333%
    }
    .push--desk-one-eighth {
        left: 12.5%
    }
    .push--desk-three-eighths {
        left: 37.5%
    }
    .push--desk-five-eighths {
        left: 62.5%
    }
    .push--desk-seven-eighths {
        left: 87.5%
    }
    .push--desk-one-tenth {
        left: 10%
    }
    .push--desk-three-tenths {
        left: 30%
    }
    .push--desk-seven-tenths {
        left: 70%
    }
    .push--desk-nine-tenths {
        left: 90%
    }
    .push--desk-one-twelfth {
        left: 8.333%
    }
    .push--desk-five-twelfths {
        left: 41.666%
    }
    .push--desk-seven-twelfths {
        left: 58.333%
    }
    .push--desk-eleven-twelfths {
        left: 91.666%
    }
}

[class*="pull--"] {
    position: relative
}

.pull--one-whole {
    right: 100%
}

.pull--one-half,
.pull--two-quarters,
.pull--three-sixths,
.pull--four-eighths,
.pull--five-tenths,
.pull--six-twelfths {
    right: 50%
}

.pull--one-third,
.pull--two-sixths,
.pull--four-twelfths {
    right: 33.333%
}

.pull--two-thirds,
.pull--four-sixths,
.pull--eight-twelfths {
    right: 66.666%
}

.pull--one-quarter,
.pull--two-eighths,
.pull--three-twelfths {
    right: 25%
}

.pull--three-quarters,
.pull--six-eighths,
.pull--nine-twelfths {
    right: 75%
}

.pull--one-fifth,
.pull--two-tenths {
    right: 20%
}

.pull--two-fifths,
.pull--four-tenths {
    right: 40%
}

.pull--three-fifths,
.pull--six-tenths {
    right: 60%
}

.pull--four-fifths,
.pull--eight-tenths {
    right: 80%
}

.pull--one-sixth,
.pull--two-twelfths {
    right: 16.666%
}

.pull--five-sixths,
.pull--ten-twelfths {
    right: 83.333%
}

.pull--one-eighth {
    right: 12.5%
}

.pull--three-eighths {
    right: 37.5%
}

.pull--five-eighths {
    right: 62.5%
}

.pull--seven-eighths {
    right: 87.5%
}

.pull--one-tenth {
    right: 10%
}

.pull--three-tenths {
    right: 30%
}

.pull--seven-tenths {
    right: 70%
}

.pull--nine-tenths {
    right: 90%
}

.pull--one-twelfth {
    right: 8.333%
}

.pull--five-twelfths {
    right: 41.666%
}

.pull--seven-twelfths {
    right: 58.333%
}

.pull--eleven-twelfths {
    right: 91.666%
}

@media only screen and (min-width:987px) {
    .pull--desk-one-whole {
        right: 100%
    }
    .pull--desk-one-half,
    .pull--desk-two-quarters,
    .pull--desk-three-sixths,
    .pull--desk-four-eighths,
    .pull--desk-five-tenths,
    .pull--desk-six-twelfths {
        right: 50%
    }
    .pull--desk-one-third,
    .pull--desk-two-sixths,
    .pull--desk-four-twelfths {
        right: 33.333%
    }
    .pull--desk-two-thirds,
    .pull--desk-four-sixths,
    .pull--desk-eight-twelfths {
        right: 66.666%
    }
    .pull--desk-one-quarter,
    .pull--desk-two-eighths,
    .pull--desk-three-twelfths {
        right: 25%
    }
    .pull--desk-three-quarters,
    .pull--desk-six-eighths,
    .pull--desk-nine-twelfths {
        right: 75%
    }
    .pull--desk-one-fifth,
    .pull--desk-two-tenths {
        right: 20%
    }
    .pull--desk-two-fifths,
    .pull--desk-four-tenths {
        right: 40%
    }
    .pull--desk-three-fifths,
    .pull--desk-six-tenths {
        right: 60%
    }
    .pull--desk-four-fifths,
    .pull--desk-eight-tenths {
        right: 80%
    }
    .pull--desk-one-sixth,
    .pull--desk-two-twelfths {
        right: 16.666%
    }
    .pull--desk-five-sixths,
    .pull--desk-ten-twelfths {
        right: 83.333%
    }
    .pull--desk-one-eighth {
        right: 12.5%
    }
    .pull--desk-three-eighths {
        right: 37.5%
    }
    .pull--desk-five-eighths {
        right: 62.5%
    }
    .pull--desk-seven-eighths {
        right: 87.5%
    }
    .pull--desk-one-tenth {
        right: 10%
    }
    .pull--desk-three-tenths {
        right: 30%
    }
    .pull--desk-seven-tenths {
        right: 70%
    }
    .pull--desk-nine-tenths {
        right: 90%
    }
    .pull--desk-one-twelfth {
        right: 8.333%
    }
    .pull--desk-five-twelfths {
        right: 41.666%
    }
    .pull--desk-seven-twelfths {
        right: 58.333%
    }
    .pull--desk-eleven-twelfths {
        right: 91.666%
    }
}

.brand {
    font-family: Helvetica Neue, sans-serif !important;
    color: #4a8ec2 !important
}

.brand-face {
    font-family: Helvetica Neue, sans-serif !important
}

.brand-color,
.brand-colour {
    color: #4a8ec2 !important
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: url("/bundles/udgweb/fonts/RobotoCondensed/light.woff") format("woff")
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url("/bundles/udgweb/fonts/RobotoCondensed/regular.woff") format("woff")
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url("/bundles/udgweb/fonts/RobotoCondensed/bold.woff") format("woff")
}

@media only screen and (min-width:987px) {
    .u-margin\@desk {
        margin: 20px !important
    }
}

.u-margin {
    margin: 20px !important
}

@media only screen and (min-width:987px) {
    .u-margin-0\@desk {
        margin: 0 !important
    }
}

.u-margin-0 {
    margin: 0 !important
}

@media only screen and (min-width:987px) {
    .u-margin-auto\@desk {
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.u-margin-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

@media only screen and (min-width:987px) {
    .u-margin-top\@desk {
        margin-top: 20px !important
    }
}

.u-margin-top {
    margin-top: 20px !important
}

@media only screen and (min-width:987px) {
    .u-margin-top-0\@desk {
        margin-top: 0 !important
    }
}

.u-margin-top-0 {
    margin-top: 0 !important
}

@media only screen and (min-width:987px) {
    .u-margin-top-10px\@desk {
        margin-top: 10px !important
    }
}

.u-margin-top-10px {
    margin-top: 10px !important
}

@media only screen and (min-width:987px) {
    .u-margin-bottom\@desk {
        margin-bottom: 20px !important
    }
}

.u-margin-bottom {
    margin-bottom: 20px !important
}

@media only screen and (min-width:987px) {
    .u-margin-bottom-0\@desk {
        margin-bottom: 0 !important
    }
}

.u-margin-bottom-0 {
    margin-bottom: 0 !important
}

@media only screen and (min-width:987px) {
    .u-margin-bottom-10px\@desk {
        margin-bottom: 10px !important
    }
}

.u-margin-bottom-10px {
    margin-bottom: 10px !important
}

@media only screen and (min-width:987px) {
    .u-padding-0\@desk {
        padding: 0 !important
    }
}

.u-padding-0 {
    padding: 0 !important
}

@media only screen and (min-width:987px) {
    .u-padding-top\@desk {
        padding-top: 20px !important
    }
}

.u-padding-top {
    padding-top: 20px !important
}

@media only screen and (min-width:987px) {
    .u-padding-top-0\@desk {
        padding-top: 0 !important
    }
}

.u-padding-top-0 {
    padding-top: 0 !important
}

@media only screen and (min-width:987px) {
    .u-padding-right\@desk {
        padding-right: 20px !important
    }
}

.u-padding-right {
    padding-right: 20px !important
}

@media only screen and (min-width:987px) {
    .u-padding-left\@desk {
        padding-left: 20px !important
    }
}

.u-padding-left {
    padding-left: 20px !important
}

@media only screen and (min-width:987px) {
    .u-padding-bottom\@desk {
        padding-bottom: 20px !important
    }
}

.u-padding-bottom {
    padding-bottom: 20px !important
}

@media only screen and (min-width:987px) {
    .u-padding-bottom-0\@desk {
        padding-bottom: 0 !important
    }
}

.u-padding-bottom-0 {
    padding-bottom: 0 !important
}

@media only screen and (min-width:990px) {
    .u-padding-top\@desk {
        padding-top: 20px !important
    }
}

@media only screen and (min-width:990px) {
    .u-padding-bottom\@desk {
        padding-bottom: 20px !important
    }
}

.u-clear:after {
    content: "";
    display: table;
    clear: both
}

.u-float-left {
    float: left
}

.u-float-right {
    float: right
}

.u-relative {
    position: relative
}

.u-table {
    display: table
}

.u-cell {
    display: table-cell;
    vertical-align: middle
}

.u-hidden {
    display: none !important
}

.u-align-left {
    text-align: left !important
}

.u-align-right {
    text-align: right !important
}

.u-align-center {
    text-align: center !important
}

.u-align-top {
    vertical-align: top
}

.u-align-bottom {
    vertical-align: bottom
}

.u-align-middle {
    vertical-align: middle
}

@media only screen and (min-width:480px) {
    .u-align-left\@phone {
        text-align: left !important
    }
    .u-align-right\@phone {
        text-align: right !important
    }
    .u-align-center\@phone {
        text-align: center !important
    }
}

@media only screen and (min-width:660px) {
    .u-align-left\@tablet {
        text-align: left !important
    }
    .u-align-right\@tablet {
        text-align: right !important
    }
    .u-align-center\@tablet {
        text-align: center !important
    }
}

@media only screen and (min-width:990px) {
    .u-align-left\@desk {
        text-align: left !important
    }
    .u-align-right\@desk {
        text-align: right !important
    }
    .u-align-center\@desk {
        text-align: center !important
    }
}

@media only screen and (max-width:480px) {
    .u-hide\@phone {
        display: none
    }
}

@media only screen and (max-width:660px) {
    .u-hide\@tablet {
        display: none
    }
}

@media only screen and (max-width:990px) {
    .u-hide\@desk {
        display: none
    }
}

.u-upper {
    text-transform: uppercase
}

.u-underline {
    text-decoration: underline
}

.u-overflow-hidden {
    overflow: hidden
}

.u-break-word {
    word-break: break-word
}

.u-padding {
    padding: 20px
}

.u-border {
    border: 1px solid #3e3e41
}

.u-spacer {
    display: block;
    height: 20px
}

.u-block {
    display: block !important
}

.u-iblock {
    display: inline-block !important
}

.u-inline {
    display: inline !important
}

.u-regular {
    font-weight: 400 !important
}

.u-bold {
    font-weight: 700 !important
}

.u-color-gold {
    color: #bca351 !important
}

.u-color-orange {
    color: #e94e1b !important
}

.u-color-success {
    color: #5eb171 !important
}

.u-color-danger {
    color: red !important
}

.u-fill-gold {
    fill: #bca351 !important
}

.u-trashhand {
    font-family: 'trash-hand'
}

.u-roboto-condensed {
    font-family: 'Roboto Condensed', sans-serif
}

.u-regular {
    font-weight: 400 !important
}

.u-w-5 {
    width: 5% !important
}

.u-w-10 {
    width: 10% !important
}

.u-w-15 {
    width: 15% !important
}

.u-w-20 {
    width: 20% !important
}

.u-w-25 {
    width: 25% !important
}

.u-w-30 {
    width: 30% !important
}

.u-w-35 {
    width: 35% !important
}

.u-w-40 {
    width: 40% !important
}

.u-w-45 {
    width: 45% !important
}

.u-w-50 {
    width: 50% !important
}

.u-w-55 {
    width: 55% !important
}

.u-w-60 {
    width: 60% !important
}

.u-w-65 {
    width: 65% !important
}

.u-w-70 {
    width: 70% !important
}

.u-w-75 {
    width: 75% !important
}

.u-w-80 {
    width: 80% !important
}

.u-w-85 {
    width: 85% !important
}

.u-w-90 {
    width: 90% !important
}

.u-w-95 {
    width: 95% !important
}

.u-w-100 {
    width: 100% !important
}

.u-email-obfuscate:before {
    content: attr(data-website) "@" attr(data-user);
    unicode-bidi: bidi-override;
    direction: rtl
}

.txt-small,
.form__checkbox-tooltip,
.cart-item__hint {
    font-family: arial;
    font-size: 13px;
    line-height: 20px
}

.txt-big,
.article-header__chapo {
    font-family: arial;
    font-size: 20px;
    font-size: 1.33333rem;
    line-height: 30px;
    line-height: 2rem
}

@media print {
    .txt-big,
    .article-header__chapo {
        font-size: 13pt
    }
}

.txt-fat {
    font-size: 32px;
    font-size: 2.13333rem;
    line-height: 32px;
    line-height: 2.13333rem
}

@media print {
    .txt-fat {
        font-size: 25pt
    }
}

.section__title,
.section__subtitle,
.plancha__font-4 {
    color: #96969a;
    font-size: 20px;
    font-size: 1.0rem;
    line-height: 21px;
    line-height: 1.4rem;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 300;
    margin-bottom: 10px;
    position: relative;
    letter-spacing: 2px
}

@media print {
    .section__title,
    .section__subtitle,
    .plancha__font-4 {
        font-size: 13pt
    }
}

@media only screen and (min-width:987px) {
    .section__title,
    .section__subtitle,
    .plancha__font-4 {
margin-bottom: 25px

    }
}
/*


    .section__title  {
    display: inline-block;
    background-color: #fff;
    padding: 0 12px;
    top: 10px;
    position: relative;
}
*/


.section__title>*,
.section__subtitle>*,
.plancha__font-4>* {
    display: inline-block;
    background-color: #fff;
    padding: 0 12px;
    top: -11px;
    position: relative
}

.rct__add-instr,
.rct__add-step,
.link-tag {
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase
}

.rct__add-instr,
.rct__add-step,
.link-tag,
.some-link,
.tags__tag-link,
.certifie,
.faq a,
.mod-recipe__edit-mod,
.mod-recipe__edit-label,
.recipe-ingredients__item a {
    color: #856400;
    text-decoration: none;
    font-style: normal;
    cursor: pointer
}

.rct__add-instr:hover,
.rct__add-step:hover,
.link-tag:hover,
.some-link:hover,
.tags__tag-link:hover,
.certifie:hover,
.faq a:hover,
.mod-recipe__edit-mod:hover,
.mod-recipe__edit-label:hover,
.recipe-ingredients__item a:hover {
    text-decoration: underline
}

.link-orange {
    color: #957000;
    text-align: center
}

.link-orange a {
    text-decoration: none
}

.landing-presentation__title,
.gras-maj-noir__1,
.recipe-header__new-label,
.recipe-header__title--normal,
.gras-maj-noir__2,
.pap__intro-title,
.gras-maj-noir__3,
.recipe-header__title--chef,
.landing-subscription__title,
.seasons__item {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #3e3e41
}

.landing-presentation__title,
.gras-maj-noir__1,
.recipe-header__new-label,
.recipe-header__title--normal {
    font-size: 18px;
    line-height: 22px
}

@media only screen and (min-width:501px) {
    .landing-presentation__title,
    .gras-maj-noir__1,
    .recipe-header__new-label,
    .recipe-header__title--normal {
        font-size: 26px;
        line-height: 32px
    }
}

@media only screen and (min-width:987px) {
    .landing-presentation__title,
    .gras-maj-noir__1,
    .recipe-header__new-label,
    .recipe-header__title--normal {
        font-size: 34px;
        line-height: 46px
    }
}

.gras-maj-noir__2,
.pap__intro-title {
    font-size: 18px;
    line-height: 22px
}

@media only screen and (min-width:501px) {
    .gras-maj-noir__2,
    .pap__intro-title {
        font-size: 32px;
        line-height: 38px
    }
}

@media only screen and (min-width:987px) {
    .gras-maj-noir__2,
    .pap__intro-title {
        font-size: 40px;
        line-height: 46px
    }
}

.gras-maj-noir__3,
.recipe-header__title--chef {
    font-size: 24px;
    line-height: 26px
}

@media only screen and (min-width:501px) {
    .gras-maj-noir__3,
    .recipe-header__title--chef {
        font-size: 32px;
        line-height: 38px
    }
}

@media only screen and (min-width:987px) {
    .gras-maj-noir__3,
    .recipe-header__title--chef {
        font-size: 42px;
        line-height: 42px
    }
}

.landing__cover-user,
.form__row-label,
.form__row-label-top,
.normal-min-noir__1,
.mod-cta__desc,
.landing-offer__paragraph,
.form__row-label-med,
.normal-min-noir__2,
.table1 th,
.flash--confirm,
.flash--error,
.recipe-header__disabled-h2,
.mod-cta__h2,
.landing-subscription__subtitle,
.lexicon,
.form__label,
.form__row-label-big,
.pager__link,
.normal-min-noir__3,
.faq-rub-top,
.faq-rub-mid,
.landing-register__headline,
.recipe-ingredients__items-title,
.quote__author-name,
.landing__author,
.article__title,
.card-part__title,
.normal-min-noir__4,
.rich-text h3,
.md-preview h3,
.faq-cat,
.recipe-steps__step-title,
.menu-label,
.pap__footer-state,
.pap__step-title,
.mod-cta__h1-AAA,
.mod-cta__h1,
.ph-header-partner,
.fav__title {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #3e3e41
}

.landing__cover-user,
.form__row-label,
.form__row-label-top,
.normal-min-noir__1,
.mod-cta__desc {
    font-size: 15px;
    line-height: 20px
}

.landing-offer__paragraph,
.form__row-label-med,
.normal-min-noir__2,
.table1 th,
.flash--confirm,
.flash--error,
.recipe-header__disabled-h2,
.mod-cta__h2 {
    font-size: 15px;
    line-height: 20px
}

@media only screen and (min-width:501px) {
    .landing-offer__paragraph,
    .form__row-label-med,
    .normal-min-noir__2,
    .table1 th,
    .flash--confirm,
    .flash--error,
    .recipe-header__disabled-h2,
    .mod-cta__h2 {
        font-size: 16px;
        line-height: 21px
    }
}

@media only screen and (min-width:987px) {
    .landing-offer__paragraph,
    .form__row-label-med,
    .normal-min-noir__2,
    .table1 th,
    .flash--confirm,
    .flash--error,
    .recipe-header__disabled-h2,
    .mod-cta__h2 {
        font-size: 18px;
        line-height: 25px
    }
}

.landing-subscription__subtitle,
.lexicon,
.form__label,
.form__row-label-big,
.pager__link,
.normal-min-noir__3,
.faq-rub-top,
.faq-rub-mid,
.landing-register__headline,
.recipe-ingredients__items-title,
.quote__author-name {
    font-size: 15px;
    line-height: 20px
}

@media only screen and (min-width:501px) {
    .landing-subscription__subtitle,
    .lexicon,
    .form__label,
    .form__row-label-big,
    .pager__link,
    .normal-min-noir__3,
    .faq-rub-top,
    .faq-rub-mid,
    .landing-register__headline,
    .recipe-ingredients__items-title,
    .quote__author-name {
        font-size: 18px;
        line-height: 22px
    }
}

@media only screen and (min-width:987px) {
    .landing-subscription__subtitle,
    .lexicon,
    .form__label,
    .form__row-label-big,
    .pager__link,
    .normal-min-noir__3,
    .faq-rub-top,
    .faq-rub-mid,
    .landing-register__headline,
    .recipe-ingredients__items-title,
    .quote__author-name {
        font-size: 20px;
        line-height: 24px
    }
}

.landing__author,
.article__title,
.card-part__title,
.normal-min-noir__4,
.rich-text h3,
.md-preview h3,
.faq-cat,
.recipe-steps__step-title,
.menu-label,
.pap__footer-state,
.pap__step-title,
.mod-cta__h1-AAA,
.mod-cta__h1,
.ph-header-partner,
.fav__title {
    font-size: 17px;
    line-height: 23px
}

@media only screen and (min-width:501px) {
    .landing__author,
    .article__title,
    .card-part__title,
    .normal-min-noir__4,
    .rich-text h3,
    .md-preview h3,
    .faq-cat,
    .recipe-steps__step-title,
    .menu-label,
    .pap__footer-state,
    .pap__step-title,
    .mod-cta__h1-AAA,
    .mod-cta__h1,
    .ph-header-partner,
    .fav__title {
        font-size: 20px;
        line-height: 26px
    }
}

@media only screen and (min-width:987px) {
    .landing__author,
    .article__title,
    .card-part__title,
    .normal-min-noir__4,
    .rich-text h3,
    .md-preview h3,
    .faq-cat,
    .recipe-steps__step-title,
    .menu-label,
    .pap__footer-state,
    .pap__step-title,
    .mod-cta__h1-AAA,
    .mod-cta__h1,
    .ph-header-partner,
    .fav__title {
        font-size: 24px;
        line-height: 30px
    }
}

.u-some-link,
.rich-text a,
.rich-text label,
.md-preview a,
.md-preview label {
    color: #856400;
    border-bottom: 1px dotted #ccc;
    cursor: pointer
}

.u-some-link:hover,
.rich-text a:hover,
.rich-text label:hover,
.md-preview a:hover,
.md-preview label:hover {
    color: #614900
}

.readmore {
    color: #89660a;
    border-bottom: 1px dotted #dadada;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 3px
}

.readmore:hover {
    color: #684d08
}

a.landing__cover-user-name:hover,
a.mod-pedia__body:hover,
a.activity__author-name:hover,
a.reco-list__item:hover,
a.gras-min-noir__1:hover,
a.mod-user__name:hover,
a.mod-book__price:hover,
a.ingredients-family__item:hover,
a.figure2__title:hover,
a.mod-place__title:hover,
a.map-addresses-search__tooltip-title:hover,
a.activity__title:hover,
a.fundamental__title:hover,
a.comment__author-name:hover,
a.reco-list-labels__item:hover,
a.gras-min-noir__2:hover,
a.mod-user__name--big:hover,
a.mod-user__name--vvbig:hover,
a.mod-recipe__title:hover,
a.mod-book__title:hover,
a.mod-book__subtitle:hover,
a.landing-offer__paragraph-title:hover,
a.variete__title:hover,
a.mod-edito__title:hover,
a.mod-article__title:hover,
a.gras-min-noir__3:hover,
a.landing-register__stitle:hover,
a.mod-generic__title:hover,
a.pap__intro-author-name:hover,
a.mod-edito__title--headline:hover,
a.gras-min-noir__4:hover,
a.err__msg:hover,
a.recipe-header__disabled-h1:hover,
a.pedia-header__title:hover,
a.ph-chef__title:hover,
a.ph-default__title:hover,
a.gras-min-noir__5:hover,
a.landing-register__title:hover,
a.user-header__name:hover,
a.partner-casino__baseline:hover,
a.partner-casino-2__baseline:hover,
a.article-header__title:hover,
a.gras-min-noir__6:hover,
a.landing__title:hover {
    color: #78787a
}

.landing__cover-user-name,
.mod-pedia__body,
.activity__author-name,
.reco-list__item,
.gras-min-noir__1,
.mod-user__name,
.mod-book__price,
.ingredients-family__item,
.figure2__title,
.mod-place__title,
.map-addresses-search__tooltip-title,
.activity__title,
.fundamental__title,
.comment__author-name,
.reco-list-labels__item,
.gras-min-noir__2,
.mod-user__name--big,
.mod-user__name--vvbig,
.recipe-header .mod-users__list .mod-user__name,
.mod-recipe__title,
.mod-book__title,
.mod-book__subtitle,
.landing-offer__paragraph-title,
.variete__title,
.mod-edito__title,
.mod-article__title,
.gras-min-noir__3,
.landing-register__stitle,
.mod-generic__title,
.recipe-header .mod-user__name,
.activity .mod-recipe__title,
.pap__intro-author-name,
.mod-edito__title--headline,
.gras-min-noir__4,
.err__msg,
.recipe-header__disabled-h1,
.pedia-header__title,
.ph-chef__title,
.ph-default__title,
.gras-min-noir__5,
.landing-register__title,
.user-header__name,
.partner-casino__baseline,
.partner-casino-2__baseline,
.article-header__title,
.gras-min-noir__6,
.landing__title {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #333
}

.landing__cover-user-name,
.mod-pedia__body,
.activity__author-name,
.reco-list__item,
.gras-min-noir__1,
.mod-user__name {
    font-size: 12px;
    line-height: 18px
}

@media only screen and (min-width:501px) {
    .landing__cover-user-name,
    .mod-pedia__body,
    .activity__author-name,
    .reco-list__item,
    .gras-min-noir__1,
    .mod-user__name {
        font-size: 13px;
        line-height: 20px
    }
}

.mod-book__price,
.ingredients-family__item,
.figure2__title,
.mod-place__title,
.map-addresses-search__tooltip-title,
.activity__title,
.fundamental__title,
.comment__author-name,
.reco-list-labels__item,
.gras-min-noir__2,
.mod-user__name--big,
.mod-user__name--vvbig,
.recipe-header .mod-users__list .mod-user__name,
.mod-recipe__title {
    font-size: 15px;
    line-height: 17px
}

@media only screen and (min-width:501px) {
    .mod-book__price,
    .ingredients-family__item,
    .figure2__title,
    .mod-place__title,
    .map-addresses-search__tooltip-title,
    .activity__title,
    .fundamental__title,
    .comment__author-name,
    .reco-list-labels__item,
    .gras-min-noir__2,
    .mod-user__name--big,
    .mod-user__name--vvbig,
    .recipe-header .mod-users__list .mod-user__name,
    .mod-recipe__title {
        font-size: 14px;
        line-height: 18px
    }
}

@media only screen and (min-width:987px) {
    .mod-book__price,
    .ingredients-family__item,
    .figure2__title,
    .mod-place__title,
    .map-addresses-search__tooltip-title,
    .activity__title,
    .fundamental__title,
    .comment__author-name,
    .reco-list-labels__item,
    .gras-min-noir__2,
    .mod-user__name--big,
    .mod-user__name--vvbig,
    .recipe-header .mod-users__list .mod-user__name,
    .mod-recipe__title {
        font-size: 14px;
        line-height: 20px
    }
}

.mod-book__title,
.mod-book__subtitle,
.landing-offer__paragraph-title,
.variete__title,
.mod-edito__title,
.mod-article__title,
.gras-min-noir__3,
.landing-register__stitle,
.mod-generic__title,
.recipe-header .mod-user__name,
.activity .mod-recipe__title,
.pap__intro-author-name {
    font-size: 15px;
    line-height: 20px
}

@media only screen and (min-width:501px) {
    .mod-book__title,
    .mod-book__subtitle,
    .landing-offer__paragraph-title,
    .variete__title,
    .mod-edito__title,
    .mod-article__title,
    .gras-min-noir__3,
    .landing-register__stitle,
    .mod-generic__title,
    .recipe-header .mod-user__name,
    .activity .mod-recipe__title,
    .pap__intro-author-name {
        font-size: 16px;
        line-height: 22px
    }
}

@media only screen and (min-width:987px) {
    .mod-book__title,
    .mod-book__subtitle,
    .landing-offer__paragraph-title,
    .variete__title,
    .mod-edito__title,
    .mod-article__title,
    .gras-min-noir__3,
    .landing-register__stitle,
    .mod-generic__title,
    .recipe-header .mod-user__name,
    .activity .mod-recipe__title,
    .pap__intro-author-name {
        font-size: 15px;
        line-height: 24px
    }
}

.mod-edito__title--headline,
.gras-min-noir__4,
.err__msg,
.recipe-header__disabled-h1 {
    font-size: 20px;
    line-height: 26px
}

@media only screen and (min-width:501px) {
    .mod-edito__title--headline,
    .gras-min-noir__4,
    .err__msg,
    .recipe-header__disabled-h1 {
        font-size: 28px;
        line-height: 32px
    }
}

@media only screen and (min-width:987px) {
    .mod-edito__title--headline,
    .gras-min-noir__4,
    .err__msg,
    .recipe-header__disabled-h1 {
        font-size: 30px;
        line-height: 36px
    }
}

.pedia-header__title,
.ph-chef__title,
.ph-default__title,
.gras-min-noir__5,
.landing-register__title,
.user-header__name,
.partner-casino__baseline,
.partner-casino-2__baseline {
    font-size: 28px;
    line-height: 30px
}

@media only screen and (min-width:501px) {
    .pedia-header__title,
    .ph-chef__title,
    .ph-default__title,
    .gras-min-noir__5,
    .landing-register__title,
    .user-header__name,
    .partner-casino__baseline,
    .partner-casino-2__baseline {
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width:987px) {
    .pedia-header__title,
    .ph-chef__title,
    .ph-default__title,
    .gras-min-noir__5,
    .landing-register__title,
    .user-header__name,
    .partner-casino__baseline,
    .partner-casino-2__baseline {
        font-size: 36px;
        line-height: 46px
    }
}

.article-header__title,
.gras-min-noir__6 {
    font-size: 28px;
    line-height: 32px
}

@media only screen and (min-width:501px) {
    .article-header__title,
    .gras-min-noir__6 {
        font-size: 36px;
        line-height: 40px
    }
}

@media only screen and (min-width:987px) {
    .article-header__title,
    .gras-min-noir__6 {
        font-size: 44px;
        line-height: 50px
    }
}

.normal-min-gris__1,
.mod-user__par,
.mod-user__stats,
.mod-recipe__favorites,
.article-header__author,
.normal-min-gris__2,
.user-header__links,
.mod-user__par--big,
.recipe-ingredients__servings,
.normal-min-gris__3,
.ctas .favorite__nb,
.pap__intro-author-par,
.search-global__result-message {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    color: #96969a
}

.normal-min-gris__1,
.mod-user__par,
.mod-user__stats,
.mod-recipe__favorites {
    font-size: 12px;
    line-height: 18px
}

@media only screen and (min-width:501px) {
    .normal-min-gris__1,
    .mod-user__par,
    .mod-user__stats,
    .mod-recipe__favorites {
        font-size: 13px;
        line-height: 20px
    }
}

.article-header__author,
.normal-min-gris__2,
.user-header__links,
.mod-user__par--big,
.recipe-ingredients__servings {
    font-size: 15px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.33333rem
}

@media print {
    .article-header__author,
    .normal-min-gris__2,
    .user-header__links,
    .mod-user__par--big,
    .recipe-ingredients__servings {
        font-size: 8pt
    }
}

.normal-min-gris__3,
.ctas .favorite__nb,
.pap__intro-author-par,
.search-global__result-message {
    font-size: 18px;
    font-size: 1.2rem
}

@media print {
    .normal-min-gris__3,
    .ctas .favorite__nb,
    .pap__intro-author-par,
    .search-global__result-message {
        font-size: 11pt
    }
}

.activity__type,
.fundamental__type,
.normal-maj-gris__1,
.mod-user__title,
.spinner__label,
.form__checkbox label:before,
.form__radio .label--1,
.form__checkbox .label--1,
.rct__time,
.rct__time-label,
.rct__step-label,
.rct__step-ingr-label,
.mod-place__cat,
.place-addresses__dt,
.normal-maj-gris__2,
.tags__tag-link,
.certifie,
.user-header__stat-label,
.mod-recipe__category,
.recipe-time__label,
.recipe-time__time,
.onglets__link,
.ingredients-family__title,
.ph-chef__category,
.ph-default__category,
.place-quotes__title,
.normal-maj-gris__3,
.pap__intro-author-title,
.section__title-centered,
.cat-header__title-total,
.landing-offer__section-title,
.reco-list__title,
.normal-maj-gris__4,
.recipe-steps__title,
.recipe-ingredients__title,
.recipe-comments-title,
.cat-header__title--mid,
.landing-offer__title,
.lexicon__letter,
.normal-maj-gris__5,
.user-header__job,
.user-fellows__title,
.cat-header__title--big,
.normal-maj-gris__6 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    color: #96969a;
    text-transform: uppercase
}

.activity__type,
.fundamental__type,
.normal-maj-gris__1,
.mod-user__title,
.spinner__label {
    font-size: 12px;
    line-height: 18px
}

@media only screen and (min-width:501px) {
    .activity__type,
    .fundamental__type,
    .normal-maj-gris__1,
    .mod-user__title,
    .spinner__label {
        font-size: 13px;
        line-height: 20px
    }
}

.form__checkbox label:before,
.form__radio .label--1,
.form__checkbox .label--1,
.rct__time,
.rct__time-label,
.rct__step-label,
.rct__step-ingr-label,
.mod-place__cat,
.place-addresses__dt,
.normal-maj-gris__2,
.tags__tag-link,
.certifie,
.user-header__stat-label,
.mod-recipe__category,
.recipe-time__label,
.recipe-time__time {
    font-size: 15px;
    font-size: 1rem
}

@media print {
    .form__checkbox label:before,
    .form__radio .label--1,
    .form__checkbox .label--1,
    .rct__time,
    .rct__time-label,
    .rct__step-label,
    .rct__step-ingr-label,
    .mod-place__cat,
    .place-addresses__dt,
    .normal-maj-gris__2,
    .tags__tag-link,
    .certifie,
    .user-header__stat-label,
    .mod-recipe__category,
    .recipe-time__label,
    .recipe-time__time {
        font-size: 8pt
    }
}

.onglets__link,
.ingredients-family__title,
.ph-chef__category,
.ph-default__category,
.place-quotes__title,
.normal-maj-gris__3,
.pap__intro-author-title {
    font-size: 18px;
    font-size: 1.2rem;
    line-height: 24px;
    line-height: 1.6rem
}

@media print {
    .onglets__link,
    .ingredients-family__title,
    .ph-chef__category,
    .ph-default__category,
    .place-quotes__title,
    .normal-maj-gris__3,
    .pap__intro-author-title {
        font-size: 11pt
    }
}

.section__title-centered,
.cat-header__title-total,
.landing-offer__section-title,
.reco-list__title,
.normal-maj-gris__4,
.recipe-steps__title,
.recipe-ingredients__title,
.recipe-comments-title {
    font-size: 20px;
    font-size: 1.33333rem;
    line-height: 26px;
    line-height: 1.73333rem
}

@media print {
    .section__title-centered,
    .cat-header__title-total,
    .landing-offer__section-title,
    .reco-list__title,
    .normal-maj-gris__4,
    .recipe-steps__title,
    .recipe-ingredients__title,
    .recipe-comments-title {
        font-size: 13pt
    }
}

.cat-header__title--mid,
.landing-offer__title,
.lexicon__letter,
.normal-maj-gris__5,
.user-header__job,
.user-fellows__title {
    font-size: 26px;
    font-size: 1.73333rem
}

@media print {
    .cat-header__title--mid,
    .landing-offer__title,
    .lexicon__letter,
    .normal-maj-gris__5,
    .user-header__job,
    .user-fellows__title {
        font-size: 19pt
    }
}

.cat-header__title--big,
.normal-maj-gris__6 {
    font-size: 20px;
    line-height: 26px
}

@media only screen and (min-width:501px) {
    .cat-header__title--big,
    .normal-maj-gris__6 {
        font-size: 30px;
        line-height: 36px
    }
}

@media only screen and (min-width:987px) {
    .cat-header__title--big,
    .normal-maj-gris__6 {
        font-size: 40px;
        line-height: 70px
    }
}

.js-loading .js-bt-loading,
.js-loading.js-bt-loading {
    position: relative;
    background: #f5f5f5 !important;
    border-color: #f5f5f5 !important;
    color: #333 !important;
    overflow: hidden;
    cursor: default;
    -moz-transition: background-color .3s ease-in, color .3s ease-in;
    -o-transition: background-color .3s ease-in, color .3s ease-in;
    -webkit-transition: background-color .3s ease-in, color .3s ease-in;
    transition: background-color .3s ease-in, color .3s ease-in
}

.js-loading .js-bt-loading .icon,
.js-loading.js-bt-loading .icon {
    visibility: hidden
}

.js-loading .js-bt-loading span,
.js-loading.js-bt-loading span {
    position: relative;
    z-index: 1
}

.js-loading .js-bt-loading:before,
.js-loading.js-bt-loading:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #ddd;
    -moz-animation: js-loading 10s cubic-bezier(0, 1, 1, 1) 1 forwards;
    -webkit-animation: js-loading 10s cubic-bezier(0, 1, 1, 1) 1 forwards;
    animation: js-loading 10s cubic-bezier(0, 1, 1, 1) 1 forwards
}

@-moz-keyframes js-loading {
    0 {
        width: 0
    }
    100% {
        width: 95%
    }
}

@-webkit-keyframes js-loading {
    0 {
        width: 0
    }
    100% {
        width: 95%
    }
}

@keyframes js-loading {
    0 {
        width: 0
    }
    100% {
        width: 95%
    }
}

.button-icon,
.recipe-actions__step-by-step {
    color: #856400;
    border: 1px solid #e1e1e1;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 26px;
    font-weight: 300;
    margin: 0;
    background: #fff;
    vertical-align: middle;
    text-align: center
}

.button-icon:hover,
.recipe-actions__step-by-step:hover,
.js-metalinked:hover .button-icon,
.js-metalinked:hover .recipe-actions__step-by-step {
    background-color: #f7f7f7;
    color: #78787a;
    cursor: pointer
}

.ribbon-min,
.ribbon-small,
.ribbon-big {
    display: inline-block;
    background-color: #baa256;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    vertical-align: middle;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300
}

.ribbon-min:before,
.ribbon-small:before,
.ribbon-big:before,
.ribbon-min:after,
.ribbon-small:after,
.ribbon-big:after {
    content: " ";
    border-style: solid;
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    -ms-transform: scale(0.9999);
    -webkit-transform: scale(0.9999);
    transform: scale(0.9999);
    -moz-transform: scale(1)
}

.ribbon-min:before,
.ribbon-small:before,
.ribbon-big:before {
    border-color: #baa256 #baa256 #baa256 transparent
}

.ribbon-min:after,
.ribbon-small:after,
.ribbon-big:after {
    border-color: #baa256 transparent #baa256 #baa256
}

.ribbon-o-min,
.ribbon-o-small,
.ribbon-o-big {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #baa256;
    color: #baa256;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    vertical-align: middle;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    -moz-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg)
}

.ribbon-o-min .ribbon-o__label,
.ribbon-o-small .ribbon-o__label,
.ribbon-o-big .ribbon-o__label {
    display: inline-block;
    -moz-transform: skew(20deg);
    -ms-transform: skew(20deg);
    -webkit-transform: skew(20deg);
    transform: skew(20deg)
}

.ribbon-aaa-min,
.ribbon-aaa-small,
.ribbon-aaa-big {
    display: inline-block;
    background-color: #e8420c;
    color: #fff !important;
    position: relative;
    text-align: center;
    vertical-align: middle;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300
}

.ribbon-aaa-min:before,
.ribbon-aaa-small:before,
.ribbon-aaa-big:before,
.ribbon-aaa-min:after,
.ribbon-aaa-small:after,
.ribbon-aaa-big:after {
    content: " ";
    border-style: solid;
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    -ms-transform: scale(0.9999);
    -webkit-transform: scale(0.9999);
    transform: scale(0.9999);
    -moz-transform: scale(1)
}

.ribbon-aaa-min:before,
.ribbon-aaa-small:before,
.ribbon-aaa-big:before {
    border-color: #e8420c #e8420c #e8420c transparent
}

.ribbon-aaa-min:after,
.ribbon-aaa-small:after,
.ribbon-aaa-big:after {
    border-color: #e8420c transparent #e8420c #e8420c
}

.ribbon-aaa-min strong,
.ribbon-aaa-small strong,
.ribbon-aaa-big strong {
    color: #fff !important
}

.mod-user__par--ellip {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (min-width:987px) {
    .desk-hidden {
        display: none !important
    }
}

@media only screen and (max-width:500px) {
    .palm-hidden {
        display: none !important
    }
}

@media only screen and (max-width:986px) {
    .portable-hidden {
        display: none !important
    }
}

@media only screen and (min-width:501px) and (max-width:986px) {
    .lap-hidden {
        display: none !important
    }
}

@media only screen and (min-width:501px) {
    .lap-and-up-hidden {
        display: none !important
    }
}

.vamid {
    vertical-align: middle
}

.section__content,
.section__footer-content,
.banner__content,
.landing-offer__section-content,
.search-global__bar-wrapper,
.search-global__result-content {
    position: relative;
    max-width: 480px;
    padding: 0 12px;
    margin: 0 auto;
    color:black
}

@media only screen and (min-width:501px) {
    .section__content,
    .section__footer-content,
    .banner__content,
    .landing-offer__section-content,
    .search-global__bar-wrapper,
    .search-global__result-content {
        max-width: 530px
/*        margin: 30px auto*/
    }
}

@media only screen and (min-width:655px) {
    .section__content,
    .section__footer-content,
    .banner__content,
    .landing-offer__section-content,
    .search-global__bar-wrapper,
    .search-global__result-content {
        max-width: 640px;
/*        margin: 36px auto*/
    }
}

@media only screen and (min-width:987px) {
    .section__content,
    .section__footer-content,
    .banner__content,
    .landing-offer__section-content,
    .search-global__bar-wrapper,
    .search-global__result-content {
/*        max-width: 972px*/
             max-width: 1024px
    }
}

.onglets {
    margin-top: 20px;
    text-align: center
}

.onglets__item {
    display: inline-block;
    text-align: center;
    border: 1px solid #e5e5e5;
    position: relative;
    margin-bottom: -1px
}

.onglets__item:nth-child(odd) {
    border-left: 1px solid #e5e5e5
}

.onglets__item.is-active,
.onglets__item:hover {
    border-bottom-color: #e5e5e5
}

.onglets__item+.onglets__item {
    border-left: 0
}

.onglets__item.is-active,
.onglets__item:hover {
    border-bottom-color: #fff
}

.onglets__item.is-active .onglets__link,
.onglets__item:hover .onglets__link {
    background-color: #fff;
    color: #333
}

.onglets__item:hover {
    border-bottom-color: #e5e5e5
}

.onglets__item.is-active:hover {
    border-bottom-color: #fff
}

.onglets__link {
    display: block;
    line-height: 39px;
    background-color: #f0f0f0;
    white-space: pre;
    padding: 0 10px
}

@media only screen and (min-width:501px) {
    .onglets__link {
        padding: 0 20px
    }
}

@media only screen and (min-width:987px) {
    .onglets__link {
        padding: 0 30px
    }
}

@media only screen and (min-width:501px) {
    .onglets__icon+.onglets__label {
        margin-left: 10px
    }
}

.onglets__label {
    display: none
}

@media only screen and (min-width:501px) {
    .onglets__label {
        display: inline
    }
}

@media only screen and (min-width:501px) {
    .onglets__short {
        text-align: center
    }
    .onglets__short .onglets__item {
        width: auto
    }
}

@media only screen and (min-width:987px) {
    .onglets__long {
        text-align: center
    }
    .onglets__long .onglets__item {
        width: auto
    }
}

.ribbon-min {
    line-height: 16px;
    padding: 0 10px;
    font-size: 10px
}

.ribbon-min:before {
    border-width: 8px 0 8px 5px;
    left: -5px
}

.ribbon-min:after {
    border-width: 8px 5px 8px 0;
    right: -5px
}

.ribbon-small {
    line-height: 16px;
    padding: 0 10px;
    font-size: 10px
}

.ribbon-small:before {
    border-width: 8px 0 8px 5px;
    left: -5px
}

.ribbon-small:after {
    border-width: 8px 5px 8px 0;
    right: -5px
}

@media only screen and (min-width:501px) {
    .ribbon-small {
        line-height: 20px;
        padding: 0 10px;
        font-size: 12px
    }
    .ribbon-small:before {
        border-width: 10px 0 10px 5px;
        left: -5px
    }
    .ribbon-small:after {
        border-width: 10px 5px 10px 0;
        right: -5px
    }
}

.ribbon-big {
    line-height: 20px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 700
}

.ribbon-big:before {
    border-width: 10px 0 10px 5px;
    left: -5px
}

.ribbon-big:after {
    border-width: 10px 5px 10px 0;
    right: -5px
}

@media only screen and (min-width:987px) {
    .ribbon-big {
        line-height: 28px;
        padding: 0 10px;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 2px
    }
    .ribbon-big:before {
        border-width: 14px 0 14px 5px;
        left: -5px
    }
    .ribbon-big:after {
        border-width: 14px 5px 14px 0;
        right: -5px
    }
}

.ribbon-o-min {
    line-height: 16px;
    padding: 0 10px;
    font-size: 10px
}

.ribbon-o-small {
    line-height: 16px;
    padding: 0 10px;
    font-size: 10px
}

@media only screen and (min-width:501px) {
    .ribbon-o-small {
        line-height: 20px;
        padding: 0 10px;
        font-size: 12px
    }
}

.ribbon-o-big {
    line-height: 20px;
    padding: 0 10px;
    font-size: 12px
}

@media only screen and (min-width:987px) {
    .ribbon-o-big {
        line-height: 30px;
        padding: 0 17px;
        font-size: 15px;
        letter-spacing: 2px
    }
}

.ribbon-aaa-min {
    line-height: 16px;
    padding: 0 10px;
    font-size: 10px
}

.ribbon-aaa-min:before {
    border-width: 8px 0 8px 5px;
    left: -5px
}

.ribbon-aaa-min:after {
    border-width: 8px 5px 8px 0;
    right: -5px
}

.ribbon-aaa-small {
    line-height: 16px;
    padding: 0 10px;
    font-size: 10px
}

.ribbon-aaa-small:before {
    border-width: 8px 0 8px 5px;
    left: -5px
}

.ribbon-aaa-small:after {
    border-width: 8px 5px 8px 0;
    right: -5px
}

@media only screen and (min-width:501px) {
    .ribbon-aaa-small {
        line-height: 14px;
        padding: 0 10px;
        font-size: 12px
    }
    .ribbon-aaa-small:before {
        border-width: 14px 0 14px 5px;
        left: -5px
    }
    .ribbon-aaa-small:after {
        border-width: 14px 5px 14px 0;
        right: -5px
    }
    .ribbon-aaa-small strong {
        display: block
    }
}

.ribbon-aaa-big {
    line-height: 14px;
    padding: 0 10px;
    font-size: 12px
}

.ribbon-aaa-big:before {
    border-width: 14px 0 14px 5px;
    left: -5px
}

.ribbon-aaa-big:after {
    border-width: 14px 5px 14px 0;
    right: -5px
}

.ribbon-aaa-big strong {
    display: block
}

@media only screen and (min-width:987px) {
    .ribbon-aaa-big {
        line-height: 28px;
        padding: 0 10px;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 2px
    }
    .ribbon-aaa-big:before {
        border-width: 14px 0 14px 5px;
        left: -5px
    }
    .ribbon-aaa-big:after {
        border-width: 14px 5px 14px 0;
        right: -5px
    }
    .ribbon-aaa-big strong {
        display: inline
    }
}

.ribbon-corner {
    display: block;
    position: absolute;
    top: -6px;
    right: -6px;
    overflow: hidden;
    height: 150px
}

.ribbon-corner__content {
    display: block;
    position: relative;
    background-color: #bca351;
    top: 23px;
    right: -40px;
    padding: 5px 29px 5px 26px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ribbon-corner__content:before,
.ribbon-corner__content:after {
    content: ' ';
    display: block;
    position: absolute;
    border-style: solid;
    border-color: transparent transparent #a48e4b transparent;
    border-width: 0 5px 5px 5px;
    width: 0;
    height: 0
}

.ribbon-corner__content:before {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: -4px;
    left: -3px
}

.ribbon-corner__content:after {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: -4px;
    right: -3px
}

.ribbon-corner__txt1 {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    color: #fff;
    text-align: center
}

.ribbon-corner__txt2 {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    line-height: 15px;
    color: #fff;
    text-align: center
}

.ribbon-corner__content--offer {
    top: 33px;
    right: -31px
}

.ribbon-corner__content--offer--macaron {
    width: 140px;
    height: 140px
}

@media only screen and (min-width:987px) {
    .ribbon-corner__content--offer--macaron {
        width: 224px;
        height: 224px
    }
}

.ribbon-corner__content--offer--macaron--small {
    width: 120px;
    height: 120px;
    margin: 10px
}

.ribbon-corner__content--box {
    top: 18px;
    right: -39px
}

.ribbon-corner__content--new-chef {
    top: 22px;
    right: -22px;
    padding: 5px 22px 5px 22px
}

.ribbon-corner__txt2--new-chef {
    font-size: 10px;
    line-height: 10px;
    width: 64px
}

.ribbon-corner__txt2--new-chef-big {
    font-size: 10px;
    line-height: 10px;
    width: 64px
}

@media only screen and (min-width:987px) {
    .ribbon-corner__txt2--new-chef-big {
        font-size: 15px;
        line-height: 15px;
        width: 96px
    }
}

.ribbon-corner__content--new-chef-big {
    top: 22px;
    right: -22px;
    padding: 5px 22px 5px 22px
}

@media only screen and (min-width:987px) {
    .ribbon-corner__content--new-chef-big {
        top: 33px;
        right: -29px;
        padding: 5px 29px 5px 26px
    }
}

.badge-orange {
    position: absolute;
    display: inline-block;
    height: 100px;
    line-height: 100px;
    width: 100px;
    vertical-align: middle;
    border-radius: 50%;
    color: #fff;
    background: #ff8600;
    text-transform: uppercase;
    text-align: center
}

@media only screen and (min-width:501px) {
    .badge-orange {
        height: 120px;
        line-height: 120px;
        width: 120px
    }
}

.badge-orange__content {
    display: inline-block;
    padding: 10px;
    line-height: 16px;
    font-size: 10px;
    vertical-align: middle
}

@media only screen and (min-width:501px) {
    .badge-orange__content {
        font-size: 12px
    }
}

@media only screen and (min-width:501px) {
    .badge-orange__content:before,
    .badge-orange__content:after {
        content: "";
        display: block;
        border-top: 1px solid;
        height: 0;
        margin: 10px
    }
}

.badge-gold,
.badge-white,
.badge-half-promo {
    position: absolute;
    padding: 10px;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    vertical-align: middle
}

.badge-gold__content,
.badge-white__content,
.badge-half-promo__content {
    display: inline-block;
    line-height: 16px
}

.badge-gold {
    background: #bca351;
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #bca351;
    color: #fff
}

.badge-gold-meder {
    position: absolute;
    top: 15%;
    left: 65%;
    padding: 10px;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    background: #bca351;
    font-size: 14px;
    text-transform: uppercase;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    vertical-align: middle;
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #bca351
}

@media only screen and (min-width:501px) {
    .badge-gold-meder {
        top: 13%;
        left: 58%
    }
}

.badge-gold-meder__content {
    display: inline-block;
    line-height: 20px
}

.badge-white {
    background: white;
    box-shadow: none;
    color: #e94e1b;
    font-weight: 700;
    border: 1px solid #e94e1b;
    width: 105px;
    height: 105px;
    line-height: 105px
}

.badge-white:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border: 1px solid #e94e1b;
    border-radius: 50%
}

.badge-half-promo {
    background: #e94e1b;
    box-shadow: none;
    color: white;
    font-weight: 700;
    border: 1px solid white;
    width: 80px;
    height: 80px;
    font-size: 28px;
    line-height: 62px;
    box-shadow: 0 0 0 1px #fff, 0 0 0 5px #e94e1b
}

@media only screen and (min-width:501px) {
    .badge-half-promo {
        width: 105px;
        height: 105px;
        font-size: 38px;
        line-height: 90px
    }
}

@media only screen and (max-width:320px) {
    .badge-half-promo {
        width: 70px;
        height: 70px;
        font-size: 24px;
        line-height: 50px
    }
}

.badge-half-promo:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border: 1px solid #e94e1b;
    border-radius: 50%
}

.badge-new {
    position: absolute;
    display: inline-block;
    height: 100px;
    line-height: 100px;
    width: 100px;
    vertical-align: middle;
    border-radius: 50%;
    color: #fff;
    background: #d7ab42;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold
}

@media only screen and (min-width:501px) {
    .badge-new {
        height: 120px;
        line-height: 120px;
        width: 120px
    }
}

.badge-new__content {
    display: inline-block;
    padding: 10px;
    line-height: 16px;
    font-size: 10px;
    vertical-align: middle
}

@media only screen and (min-width:501px) {
    .badge-new__content {
        font-size: 12px
    }
}

@media only screen and (min-width:501px) {
    .badge-new__content:before,
    .badge-new__content:after {
        content: "";
        display: block;
        border-top: 1px solid;
        height: 0;
        margin: 10px
    }
}

.button-simple {
    color: #856400;
    border: 1px solid #e1e1e1;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 26px;
    font-weight: 300;
    margin: 0;
    background: #fff;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    padding: 0 15px;
    position: relative
}

.button-simple:hover,
.js-metalinked:hover .button-simple {
    background-color: #f7f7f7;
    color: #78787a;
    cursor: pointer
}

.button-simple .button-simple__label {
    vertical-align: middle
}

.button-simple.button-simple--gold {
    color: #fff;
    border: 1px solid #bca351;
    background-color: #bca351
}

.button-simple.button-simple--gold:hover,
.js-metalinked:hover .button-simple.button-simple--gold {
    color: #fff;
    background-color: #a48f4b
}

.button-simple.button-simple--orange {
    color: #fff;
    border: 1px solid #e94e1b;
    background-color: #e94e1b
}

.button-simple.button-simple--orange:hover,
.js-metalinked:hover .button-simple.button-simple--orange {
    color: #fff;
    background-color: #e94e1b
}

.button-simple.button-simple--facebook {
    color: #fff;
    border: 1px solid #3b5999;
    background-color: #3b5999
}

.button-simple.button-simple--facebook:hover,
.js-metalinked:hover .button-simple.button-simple--facebook {
    color: #fff;
    background-color: #3b5999
}

.button-simple.button-simple--facebook .icon {
    margin: 0
}

.button-simple.button-simple--dark {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    border: 0
}

.button-simple.button-simple--dark:hover,
.js-metalinked:hover .button-simple.button-simple--dark {
    color: #3e3e41;
    background-color: rgba(255, 255, 255, 0.8)
}

.button-simple.button-simple--dark:hover .icon,
.js-metalinked:hover .button-simple.button-simple--dark .icon {
    fill: #3e3e41
}

.button-simple.button-simple--white {
    color: #bca351;
    border: 1px solid #bca351;
    background-color: #fff
}

.button-simple.button-simple--white:hover,
.js-metalinked:hover .button-simple.button-simple--white {
    color: #fff;
    background-color: #bca351
}

.button-simple.button-simple--noborder {
    border: 0;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent
}

@media only screen and (min-width:987px) {
    .button-simple.button-simple--right {
        float: right
    }
}

@media only screen and (min-width:501px) {
    .button-simple.button-simple--big {
/*        font-size: 20px;*/
        line-height: 36px;
        text-align: center
    }
}

.button-simple.button-simple--huge {
    padding-left: 1em;
    padding-right: 1em;
    font-size: 22px;
    line-height: 42px;
    text-align: center
}

@media only screen and (min-width:501px) {
    .button-simple.button-simple--huge {
        font-size: 27px
    }
}

.button-icon {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    min-width: 30px;
    line-height: 27px;
    font-weight: 300
}

.button-simple+.button-icon {
    margin-left: 20px
}

.button-icon .button-icon__label {
    display: none;
    vertical-align: middle;
    padding-left: 5px
}

.button-icon--share {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 100%;
    background: 0;
    border: 0;
    text-align: center
}

.button-icon--share:hover {
    background: 0;
    border: 0
}

.button-icon--facebook {
    border-right: solid 1px #fff
}

.button-icon--facebook .icon {
    vertical-align: text-top
}

.button-icon--facebook:hover {
    border-right: solid 1px #fff
}

.button-circle {
    display: block;
    margin: 30px auto 0;
    width: 60px;
    height: 60px;
    line-height: 55px;
    border: 1px solid gray;
    border-radius: 50%;
    text-align: center;
    z-index: 1
}

.button-circle .icon {
    width: 70%;
    height: 70%;
    vertical-align: middle;
    fill: gray
}

body {
    -webkit-animation: bugfix infinite 1s
}

@-webkit-keyframes bugfix {
    from {
        padding: 0
    }
    to {
        padding: 0
    }
}

html {
    font: .8125em/1.6 sans-serif;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

@media only screen and (min-width:501px) {
    html {
        font: .875em/1.6 sans-serif
    }
}

@media only screen and (min-width:987px) {
    html {
        font: .9375em/1.6 sans-serif
    }
}

body {
    color: #3e3e41;
    font-family: Arial, sans-serif;
    background-color: #fff
}

body.grey {
    background-color: #f5f5f5
}

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

p,
h1 {
    margin: 0
}

ul {
    margin: 0;
    list-style-type: none
}

fieldset {
    border: 0
}

label {
    margin-bottom: 0;
    font-weight: 400
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.readmore__container {
    text-align: center;
    margin-top: 15px
}

.sp-12 {
    margin-top: -12px
}

.sp-12>.grid__item {
    margin-top: 12px
}

.sp-12.mg-12 {
    margin-top: 12px
}

@media only screen and (min-width:501px) {
    .sp-12.lap-and-up-mg-12 {
        margin-top: 12px
    }
}

.sp-24 {
    margin-top: -24px
}

.sp-24>.grid__item {
    margin-top: 24px
}

.sp-24.mg-12 {
    margin-top: 12px
}

@media only screen and (min-width:501px) {
    .sp-24.lap-and-up-mg-12 {
        margin-top: 12px
    }
}

@media only screen and (min-width:501px) {
    .lap-and-up-sp-24 {
        margin-top: -24px
    }
    .lap-and-up-sp-24>.grid__item {
        margin-top: 24px
    }
    .lap-and-up-sp-24.mg-12 {
        margin-top: 12px
    }
}

@media only screen and (min-width:501px) and (min-width:501px) {
    .lap-and-up-sp-24.lap-and-up-mg-12 {
        margin-top: 12px
    }
}

@media only screen and (min-width:501px) {
    .lap-and-up-sp-20 {
        margin-top: -20px
    }
    .lap-and-up-sp-20>.grid__item {
        margin-top: 20px
    }
    .lap-and-up-sp-20.mg-12 {
        margin-top: 12px
    }
}

@media only screen and (min-width:501px) and (min-width:501px) {
    .lap-and-up-sp-20.lap-and-up-mg-12 {
        margin-top: 12px
    }
}

@media only screen and (min-width:987px) {
    .desk-sp-34 {
        margin-top: -34px
    }
    .desk-sp-34>.grid__item {
        margin-top: 34px
    }
    .desk-sp-34.mg-12 {
        margin-top: 12px
    }
}

@media only screen and (min-width:987px) and (min-width:501px) {
    .desk-sp-34.lap-and-up-mg-12 {
        margin-top: 12px
    }
}

@media only screen and (min-width:501px) {
    .lap-and-up-sp-29 {
        margin-top: -29px
    }
    .lap-and-up-sp-29>.grid__item {
        margin-top: 29px
    }
    .lap-and-up-sp-29.mg-12 {
        margin-top: 12px
    }
}

@media only screen and (min-width:501px) and (min-width:501px) {
    .lap-and-up-sp-29.lap-and-up-mg-12 {
        margin-top: 12px
    }
}

@media only screen and (min-width:987px) {
    .desk-sp-39 {
        margin-top: -39px
    }
    .desk-sp-39>.grid__item {
        margin-top: 39px
    }
    .desk-sp-39.mg-12 {
        margin-top: 12px
    }
}

@media only screen and (min-width:987px) and (min-width:501px) {
    .desk-sp-39.lap-and-up-mg-12 {
        margin-top: 12px
    }
}

.grid__item--align-middle {
    vertical-align: middle
}

.grid__item--align-bottom {
    vertical-align: bottom
}

.grid__item--no-marge {
    margin-top: 0 !important;
    padding-left: 0
}

.grid--no-marge {
    margin-left: 0
}

.grid--center {
    text-align: center
}

.vs {
    margin-top: 25px
}

.vs+.vs {
    margin-top: 0
}

.vs>.grid__item {
    margin-top: 19px
}

@media only screen and (min-width:501px) {
    .vs {
        margin-top: 25px
    }
    .vs>.grid__item {
        margin-top: 29px
    }
}

@media only screen and (min-width:987px) {
    .vs {
        margin-top: 25px
    }
    .vs>.grid__item {
        margin-top: 1px
    }
}

.vs2 {
    margin-top: -14px
}

.vs2+.vs2 {
    margin-top: 0
}

.vs2>.grid__item {
    margin-top: 14px
}

@media only screen and (min-width:987px) {
    .vs2 {
        margin-top: -20px
    }
    .vs2>.grid__item {
        margin-top: 20px
    }
}

.grid__item.center {
    text-align: center
}

.wrapper-simplified {
    display: table;
    table-layout: fixed;
    width: 100%;
    position: absolute;
    height: 100%
}

.wrapper-simplified .content {
    display: table-row;
    height: 100%
}

.wrapper-simplified .pied {
    display: table-cell;
    vertical-align: top;
    padding-top: 0
}

.content--centered:after {
    display: none
}

.pied {
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5
}

.pied .section {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 24px;
    padding-top: 24px
}

.pied__content {
    padding: 10px 0;
    max-width: 948px;
    margin: 0 auto;
    text-align: center
}

.pied__link {
    color: #999;
    font-size: 0px
}

.pied__link+.pied__link {
    padding-left: 20px
}

.content .section:last-child {
    margin-bottom: 30px
}

@media only screen and (min-width:501px) {
    .content .section:last-child {
        margin-bottom: 40px
    }
}

@media only screen and (min-width:987px) {
    .content .section:last-child {
        margin-bottom: 50px
    }
}

.content .section--centered:last-child {
    padding-bottom: 30px
}

@media only screen and (min-width:501px) {
    .content .section--centered:last-child {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:987px) {
    .content .section--centered:last-child {
        padding-bottom: 50px
    }
}

*:not(.section--grey):not(.section--banner)+.section,
.content *:not(.section--grey):not(.section--banner)+[class*="include_"] .section {
/*    margin-top: 90px*/
     margin-top: 10px
}

@media only screen and (min-width:501px) {
    *:not(.section--grey):not(.section--banner)+.section,
    .content *:not(.section--grey):not(.section--banner)+[class*="include_"] .section {
        margin-top: 70px
    }
}

@media only screen and (min-width:987px) {
    *:not(.section--grey):not(.section--banner)+.section,
    .content *:not(.section--grey):not(.section--banner)+[class*="include_"] .section {
        margin-top: 36px
    }
}

.section--grey+.section {
    margin-top: 30px
}

@media only screen and (min-width:501px) {
    .section--grey+.section {
        margin-top: 40px
    }
}

*:not(.section--grey):not(.section--banner)+.section--tight {
    margin-top: 5px;
    margin-bottom: 5px
}

@media only screen and (min-width:501px) {
    *:not(.section--grey):not(.section--banner)+.section--tight {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

@media only screen and (min-width:987px) {
    *:not(.section--grey):not(.section--banner)+.section--tight {
        margin-top: 90px;
        margin-bottom: 20px
    }
}

.content .section:first-of-type:not(.section--grey) {
    margin-top: 30px
}

.content .section--centered:first-of-type {
    padding-top: 30px
}

.banner+.section {
    margin-top: 30px
}

.banner+.section--grey {
    margin-top: 0;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5
}

.section.section--close-to-top {
    margin-top: 25px !important
}

@media only screen and (min-width:501px) {
    .section.section--close-to-top {
        margin-top: 35px !important
    }
}

@media only screen and (min-width:987px) {
    .section.section--close-to-top {
        margin-top: 45px !important
    }
}

.section .grid__item+.grid__item .section__title {
    margin-top: 31px
}

@media only screen and (min-width:501px) {
    .section .grid__item+.grid__item .section__title {
        margin-top: 41px
    }
}

@media only screen and (min-width:987px) {
    .section .grid__item+.grid__item .section__title {
       margin-top: 0px /*  garde  margin-top: 0p */
    }
}


.section__title {
    border-top: 1px solid #dadada
}

.section__title-label--bordered {
    position: relative;
    top: -20px;
    height: 40px;
    padding: 0 40px;
    background: 0;
    line-height: 40px;
    color: #d7ab42;
    z-index: 1
}

.section__title-label--bordered::before,
.section__title-label--bordered::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #d7ab42;
    background: #fff;
    z-index: -1;
    transform: perspective(300px) rotateX(56deg);
    transform-origin: 50% 100%
}

.section__title-label--bordered::before {
    border-top: 0
}

.section__title-label--bordered::after {
    border-bottom: 0;
    transform: perspective(300px) rotateX(-56deg);
    transform-origin: 50% 0
}

.section__subtitle {
    font-weight: normal;
    text-transform: none
}

.section__title-centered {
    display: block;
    border-bottom: 1px solid #dadada;
    padding-bottom: 5px;
    margin-bottom: 10px
}

*+.section__title-centered {
    margin-top: 10px
}

@media only screen and (min-width:501px) {
    .section__title-centered {
        margin-bottom: 20px
    }
    *+.section__title-centered {
        margin-top: 30px
    }
}

@media only screen and (min-width:987px) {
    .section__title-centered {
        margin-bottom: 30px
    }
    *+.section__title-centered {
        margin-top: 50px
    }
}

.section__content--iframe iframe {
    width: 100%;
    height: 200px
}

@media only screen and (min-width:501px) and (max-width:986px) {
    .section__content--iframe iframe {
        height: 300px
    }
}

@media only screen and (min-width:987px) {
    .section__content--iframe iframe {
        height: 600px
    }
}

.section__content--small {
    max-width: 462px
}

.section__content--mid {
    padding: 0 12px
}

@media only screen and (min-width:987px) {
    .section__content--mid {
        max-width: 834px;
        padding: 35px 105px
    }
}

.section__content--786 {
    max-width: 786px
}

@media only screen and (min-width:987px) {
    .section--centered {
        display: table-cell;
        vertical-align: middle
    }
}

.section+.section--grey {
    border-top: 1px solid #e5e5e5
}

.section--grey {
    padding-top: 24px;
    padding-bottom: 0;
    background-color: #f5f5f5
}

.section--grey:first-child {
    border-bottom: 1px solid #e5e5e5
}

.section--grey+.section--grey {
    margin-top: 30px
}

.section--grey__footer {
    padding: 15px 0 20px;
    background-color: #f0f0f0;
    border-top: 1px solid #e5e5e5
}

.section--darkgrey {
    background-color: #282828
}

.section__content--darkgrey {
    width: 948px;
    margin: 0 auto
}

.section--fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    padding-top: 13px;
    padding-bottom: 13px;
    z-index: 1
}

.section__content--fixed {
    height: 33px;
    line-height: 33px
}

.section__content--subscribe,
.section__content--cart,
.section__content--payment {
    max-width: 623px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.9)
}

@media only screen and (min-width:501px) {
    .section__content--subscribe,
    .section__content--cart,
    .section__content--payment {
        padding: 45px 85px
    }
}

img {
    max-width: 100%
}

img[src=""] {
    display: none
}

::-webkit-input-placeholder {
    color: #666
}

:-moz-placeholder {
    color: #666
}

::-moz-placeholder {
    color: #666
}

:-ms-input-placeholder {
    color: #666
}

.no-js .no-js-hide {
    display: none
}

.js-on .js-hide,
.js-off .js-hide {
    display: none
}

.no-js .recipe-header__pap {
    display: none
}

.js-off .hidden-while-js-off {
    display: none !important
}

.js-on .js-fullscreen-recipe {
    cursor: pointer
}

.js-on .js-fullscreen-recipe:hover .button-simple--dark {
    color: #3e3e41;
    background-color: rgba(255, 255, 255, 0.8)
}

.js-on .js-fullscreen-recipe:hover .button-simple--dark .icon {
    fill: #3e3e41
}

.cat-header {
    margin-bottom: 12px
}

.cat-header--bordered {
    border-bottom: 1px solid #dadada;
    padding-bottom: 12px
}

@media only screen and (min-width:501px) {
    .cat-header--bordered {
/*padding-bottom: 20px*/
    }
}

@media only screen and (min-width:501px) {
    .cat-header {
        margin-bottom: 24px
    }
}

@media only screen and (min-width:987px) {
    .cat-header {
        margin-bottom: 40px
    }
}

.fullscreen-active .wrapper {
    display: none
}

.fullscreen {
    position: fixed;
    height: 0;
    width: 0;
    z-index: 1;
    opacity: 0;
    background-color: #fafafa;
    overflow: hidden;
    -moz-transition: opacity .4s linear;
    -o-transition: opacity .4s linear;
    -webkit-transition: opacity .4s linear;
    transition: opacity .4s linear
}

.fullscreen-active .fullscreen {
    opacity: 1;
    height: 100%;
    width: 100%
}

.fullscreen .fullscreen__loader {
    display: table;
    width: 100%;
    height: 100%
}

.fullscreen .fullscreen__loader-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.close-window {
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #96969a;
    vertical-align: middle;
    cursor: pointer
}

.close-window:before {
    content: 'X';
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    font-family: arial;
    text-align: center;
    border: 1px solid #dadada
}

.section-fixed {
    height: 60px
}
/*

.hidden {
    display: none !important
}
*/

.offer-bar {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 230px;
    background-color: #f5f5f5;
    z-index: 3
}

.header__checkbox:checked ~ .wrapper .offer-bar {
    display: block
}

.offer-bar__item {
    display: inline-block;
    line-height: 0;
    width: 100%
}

.offer-bar__item--offer,
.offer-bar__item--subscribe {
    width: 50%
}

.offer-bar__item--login,
.offer-bar__item--code,
.offer-bar__item--offer:last-child {
    width: 100%
}

.offer-bar__item--login {
    border-bottom: 1px solid #dadada;
    text-align: left;
    font-size: 15px;
    padding: 0
}

.offer-bar__link {
    display: block;
    padding: 0 15px;
    vertical-align: middle;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    line-height: 51px;
    text-align: center
}

.offer-bar__link--offer.is-logged {
    background-color: #3f3f41;
    color: #fff
}

.offer-bar__link i {
    position: relative;
    top: -2px;
    margin-right: 10px
}

.offer-bar__link--subscribe {
    background-color: #e94e1b;
    color: #fff
}

.offer-bar__link--subscribe:hover,
.offer-bar__link--subscribe:focus {
    color: #eaeaea
}

.offer-bar__link--login:hover,
.offer-bar__link--login:focus,
.offer-bar__link--code:hover,
.offer-bar__link--code:focus {
    color: #7d7d7d
}

@media only screen and (min-width:987px) {
    .offer-bar {
        position: static;
        width: auto;
        display: block;
        border-bottom: 1px solid #e5e5e5
    }
    .offer-bar__content {
        padding: 0 12px;
        position: relative;
        max-width: 972px;
        margin: 0 auto;
        text-align: right
    }
    .offer-bar__item {
        width: auto
    }
    .offer-bar__item:last-child .offer-bar__link {
        padding: 0 15px
    }
    .offer-bar__item:last-child .offer-bar__link.is-logged {
        width: 130px
    }
    .offer-bar__item--login {
        width: auto;
        border-bottom: 0
    }
    .offer-bar__item--offer:last-child {
        width: auto
    }
    .offer-bar__link {
        display: inline-block;
        line-height: 26px
    }
    .offer-bar__link--login {
        border-right: 1px solid #e5e5e5
    }
}

.has-link-wrapper {
    position: relative
}

.has-link-wrapper a,
.has-link-wrapper button {
    position: relative;
    z-index: 2
}

.u-link-wrapper {
    position: static !important
}

.u-link-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(255, 255, 255, 0)
}

.js-mirror {
    visibility: hidden;
    position: absolute;
    top: -99999px;
    left: -99999px;
    word-wrap: break-word;
    white-space: normal
}

.user-zone__checkbox {
    display: none
}

@media only screen and (min-width:987px) {
    .header.js-is-sticky {
        width: 100%;
        box-shadow: 1px 2px 4px #e1e1e1;
        z-index: 4
    }
    .header.js-is-sticky .autopromo-header {
        display: none
    }
    .header.js-is-sticky .header__menu-icon {
        height: 60px;
        line-height: 60px
    }
    .header.js-is-sticky .header__search {
        height: 65px;
        padding-top: 12px
    }
    .header.js-is-sticky .user-zone__label {
        line-height: 60px
    }
    .header.js-is-sticky .user-zone__login {
        height: 60px;
        line-height: 60px
    }
    .header.js-is-sticky .main-nav__item {
        line-height: 60px
    }
    .header.js-is-sticky .main-nav__link {
        line-height: 60px
    }
}

.header.js-is-sticky .logo--baseline {
    display: none
}

@media only screen and (min-width:987px) {
    .header.js-is-sticky .logo--without-baseline {
        display: block;
        margin: 0;
        height: 40px
    }
}

.header {
    z-index: 4
}

.header__checkbox {
    display: none
}

.header__menu-icon {
    display: block;
    font-family: sans-serif;
    font-size: 36px;
    left: 5px;
    top: 10px;
    line-height: 36px;
    width: 100%;
    text-align: center
}

.header__zone--button-subscribe {
    display: none
}

@media only screen and (max-width:986px) {
    .js-feature-header-button-subscribe .header__zone--button-subscribe {
        display: block
    }
    .js-feature-header-button-subscribe .header__zone--button-subscribe .button-simple {
        font-size: 13px;
        line-height: 26px
    }
}

@media only screen and (max-width:986px) and (max-width:359px) {
    .js-feature-header-button-subscribe .header__zone--button-subscribe .button-simple {
        font-size: 12px
    }
}

@media only screen and (max-width:986px) {
    .js-feature-header-button-subscribe .header__menu-icon {
        line-height: 45px
    }
    .js-feature-header-button-subscribe .header__content {
        height: 50px
    }
    .js-feature-header-button-subscribe .header__zone--menu .icon-hamburger {
        width: 20px;
        height: 20px
    }
    .js-feature-header-button-subscribe .header__zone--logo .logo {
        width: 130px;
        height: 35px;
        margin: 7px 0
    }
    .js-feature-header-button-subscribe .header__zone--logo .logo-link {
        margin-right: 15vw
    }
}

@media only screen and (max-width:986px) and (max-width:501px) {
    .js-feature-header-button-subscribe .header__zone--logo .logo-link {
        margin-right: 25vw
    }
}

@media only screen and (max-width:986px) and (max-width:320px) {
    .js-feature-header-button-subscribe .header__zone--logo .logo-link {
        margin-right: 31vw
    }
}

@media only screen and (max-width:986px) {
    .header {
        position: relative
    }
    .header__menu-icon {
        height: 49px;
        line-height: 49px
    }
    .header__logo {
        height: 49px
    }
    .header.is-fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 3
    }
    .header.is-fixed .header__content {
        position: relative;
        background-color: #4267b2
    }
    .header__zone--logo {
        text-align: center;
        line-height: 0
    }
    .header__zone--menu {
        width: 50px;
        position: absolute;
        top: 0;
        left: 0
    }
    .header__zone--button-subscribe {
        position: absolute;
        top: 10px;
        right: 10px
    }
    .header__search {
        border-top: 1px solid #dadada;
        border-bottom: 1px solid #dadada;
        line-height: 65px;
        width: 100%;
        padding-left: 22px
    }
    .header__search:hover {
        background-color: #dadada
    }
    .header__search-label {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 11px;
        color: #000;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin: 0;
        display: inline-block;
        padding-right: 10px
    }
    .header__sidebar {
        display: block;
        bottom: 0;
        left: -295px;
        position: fixed;
        width: 295px;
        z-index: 1;
        background-color: #f5f5f5;
        border-right: 1px solid #e5e5e5;
        overflow-y: auto;
        top: 102px
    }
    .header__sidebar--2 {
        top: 50px
    }
    .header__content {
        border-bottom: 1px solid #e5e5e5
    }
    .header__checkbox:checked {
        display: block;
        position: fixed;
        z-index: 3;
        width: 100%;
        height: 100%;
        opacity: 0;
        border: 0;
        padding: 0;
        margin: 0
    }
    .header__checkbox:checked ~ .header__modal {
        background-color: #000;
        bottom: 0;
        left: 0;
        opacity: .5;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 2
    }
    .header__checkbox:checked ~ .wrapper .header {

        height: 50px;
    }
    .header__checkbox:checked ~ .wrapper .header .header__content {
        background-color: #4267b2;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 3
    }
    .header__checkbox:checked ~ .wrapper .content .section,
    .header__checkbox:checked ~ .wrapper .content .landing {
        position: relative;
        left: 230px
    }
    .header__checkbox:checked ~ .wrapper .search,
    .header__checkbox:checked ~ .wrapper .sticky-header__burger {
        left: 230px
    }
    .header__checkbox:checked ~ .wrapper .header__sidebar {
        left: 0
    }
    .user-zone__label {
        display: none;
        padding-top: 20px;
        padding-left: 43px
    }
    .user-zone__login {
        display: block;
        height: 70px;
        line-height: 69px;
        color: #856400;
        text-decoration: none;
        font-family: 'Roboto Condensed', sans-serif;
        text-transform: uppercase;
        vertical-align: middle;
        text-align: left;
        border-bottom: 1px solid #dadada;
        padding-left: 22px
    }
    .user-zone__login:hover {
        background-color: #dadada
    }
    .user-zone__menu-link {
        display: block;
        line-height: 39px;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 14px;
        color: #313131;
        width: 100%;
        background-color: transparent;
        border: 0;
        text-align: left;
        padding: 0
    }
    .user-zone__menu-link .icon {
        margin: 0 12px
    }
    .user-zone__menu-link:hover {
        color: #7d7d7d
    }
    .user-zone .icon-arrow_up,
    .user-zone .icon-arrow_down {
        display: none
    }
    .main-nav {
        padding-bottom: 10px
    }
    .main-nav__link {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 11px;
        color: #000000;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin: 0;
        padding: 10px 5px 10px 22px;
        display: block
    }
    .main-nav__link .icon {
        margin: 0 12px
    }
    .is-active .main-nav__link,
    .main-nav__link:hover {
        color: #7d7d7d
    }
}

@media only screen and (min-width:987px) {
    .header {
        background-color: #4267B2
    }
    .header:after {
        display: block;
        content: '';
        border-bottom: 1px solid #e5e5e5
    }
    .header__menu-icon {
        height: 55px;
        line-height: 79px
    }
    .header__content {
        display: table;
        table-layout: fixed;
        width: 948px;
        border-collapse: collapse;
        margin: 0 auto
    }
    .header__sidebar {
        display: table;
        width: 100%
    }
    .header__zone {
        display: table-cell;
        vertical-align: middle
    }
    .header__zone--menu {
        display: none
    }
    .header__zone--logo {
        width: 218px;
        border-right: 1px solid #e5e5e5;
        line-height: 0
    }
    .header__zone--nav {
        width: auto
    }
    .header__zone--search {
        width: 100px;
        border: 1px solid #e5e5e5;
        border-width: 0 1px 0 1px
    }
    .header__zone--user {
        width: 130px;
        border-right: 1px solid #e5e5e5
    }
    .header__search {
        width: 100%;
        text-align: center;
        height: 65px;
       padding-top: 12px
    }
    .header__search:hover,
    .search__checkbox:checked ~ .wrapper .header .header__search {
        background-color: #CDCBCA
    }
    .header__search-label {
        font-size: 11px;
        color: #fff;
        font-family: 'Roboto Condensed', sans-serif;
        display: block;
        text-transform: uppercase
    }
    .user-zone {
        position: relative
    }
    .user-zone__checkbox {
        display: none
    }
    .user-zone__label {
        display: block;
        width: 100%;
        line-height: 79px;
        padding-right: 30px;
        text-align: right
    }
    .user-zone__label img {
        vertical-align: middle;
        width: 30px;
        height: 30px;
        margin-left: 10px;
        border-radius: 50%
    }
    .user-zone__label:hover,
    .user-zone__checkbox:checked ~ .user-zone__label {
        background-color: #f5f5f5
    }
    .user-zone .icon-arrow_up {
        position: absolute;
        height: 0;
        overflow: hidden
    }
    .user-zone__checkbox:checked ~ .user-zone__label .icon-arrow_up {
        position: static;
        height: 18px;
        overflow: visible
    }
    .user-zone__checkbox:checked ~ .user-zone__label .icon-arrow_down {
        position: absolute;
        height: 0;
        overflow: hidden
    }
    .user-zone__menu {
        display: none
    }
    .user-zone__checkbox:checked ~ .user-zone__menu {
        display: block;
        position: absolute;
        right: 0;
        top: 100%;
        z-index: 3
    }
    .user-zone__menu {
        background: #fff;
        border: 1px solid #dadada;
        width: 230px;
        -moz-box-shadow: 0 4px 5px 0 rgba(50, 50, 50, 0.4);
        -webkit-box-shadow: 0 4px 5px 0 rgba(50, 50, 50, 0.4);
        box-shadow: 0 4px 5px 0 rgba(50, 50, 50, 0.4)
    }
    .user-zone__menu-item+.user-zone__menu-item {
        border-top: 1px solid #dadada
    }
    .user-zone__menu-link {
        display: block;
        line-height: 39px;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 14px;
        color: #313131;
        width: 100%;
        background-color: transparent;
        border: 0;
        text-align: left;
        padding: 0
    }
    .user-zone__menu-link .icon {
        margin: 0 12px
    }
    .user-zone__menu-link:hover {
        background-color: #f5f5f5
    }
    .user-zone__login {
        display: block;
        height: 79px;
        line-height: 79px;
        color: #856400;
        text-decoration: none;
        font-family: 'Roboto Condensed', sans-serif;
        text-transform: uppercase;
        vertical-align: middle;
        text-align: center
    }
    .user-zone__login:hover,
    .user-zone__login:active {
        background-color: #f5f5f5
    }
    .main-nav {
        text-align: center
    }
    .main-nav__items {
        display: flex;
        justify-content: space-between
    }
    .main-nav__item {
/*        line-height: 79px;*/
        display: inline-block
    }
    .main-nav__link {
        display: inline-block;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 11px;
        color: #fff;
        letter-spacing: 0;
        text-transform: uppercase;
        margin: 0;
        padding: 0 8px;
/*        line-height: 79px;*/
        vertical-align: middle
    }
    .is-active .main-nav__link,
    .main-nav__link:hover {
        text-decoration: underline;
/*color: #7d7d7d*/
    }
 
    
    .main-nav__link--mooc:hover {
        color: transparent
    }
}

.header-simple__content {
    line-height: 0;
    text-align: center
}

.header-simple .logo-link {
    padding: 7px 0
}

@media only screen and (max-width:500px) {
    .header-simple {
        background-color: #fff;
        border-bottom: 1px solid #dadada
    }
}

@media only screen and (min-width:501px) {
    .header-simple {
        background-color: #fff
    }
    .header-simple:after {
        content: ' ';
        display: block;
        border-bottom: 1px solid #dadada
    }
    .header-simple__content {
        display: block;
        max-width: 948px;
        margin: 0 auto;
        position: relative
    }
}

@media only screen and (min-width:987px) {
    .header-simple {
        display: table;
        width: 100%
    }
    .header-simple__content {
        text-align: left
    }
}

.autopromo-header {
    width: 100%;
    min-height: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #fff
}

.autopromo-header__content {
    width: 100%;
    text-align: center;
    color: #000
}

.autopromo-header__top {
    display: none;
    font-size: 13px;
    line-height: 22px
}

@media only screen and (min-width:987px) {
    .autopromo-header__top {
        display: block
    }
}

.autopromo-header__burger {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    font-size: 13px;
    line-height: 20px;
    z-index: 3
}

@media screen and (max-width:460px) {
    .autopromo-header__burger {
        font-size: 12px
    }
}

@media only screen and (min-width:987px) {
    .autopromo-header__burger {
        display: none
    }
}

.autopromo-header__burger-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #fff;
    z-index: 2
}

@media only screen and (min-width:987px) {
    .autopromo-header__burger-container {
        display: none
    }
}

.autopromo-header a {
    color: #000
}

.mod-book__media {
    text-align: center;
    height: 250px;
    margin-bottom: 10px
}

.mod-book__media img {
    height: 100%;
    object-fit: contain
}

.mod-book-bestof__media {
    text-align: center;
    height: 320px;
    margin-bottom: 10px
}

.mod-book-bestof__media img {
    height: 100%;
    object-fit: contain
}

.mod-book-bestof__media--first {
    height: auto
}

@media only screen and (min-width:501px) {
    .mod-book-bestof__media--first {
        height: 320px
    }
}

.mod-book-bestof__media--first img {
    height: auto
}

@media only screen and (min-width:501px) {
    .mod-book-bestof__media--first img {
        height: 100%
    }
}

.mod-book__img {
    height: 100%;
    object-fit: contain
}

.mod-book__img--first {
    height: auto
}

@media only screen and (min-width:501px) {
    .mod-book__img--first {
        height: 320px
    }
}

.mod-book__actions {
    padding-top: 30px;
    text-align: center;
    margin-top: auto
}

.mod-book__title {
    text-align: center
}

@media only screen and (min-width:501px) {
    .mod-book__title {
        margin-bottom: 5px
    }
}

.mod-book__body .rich-text {
    margin: 5px 0 10px
}

.mod-book__body .rich-text.review {
    font-style: italic
}

.mod-book__price {
    text-align: center
}

.mod-book__price ins {
    border: 0
}

.mod-book__price--price {
    font-size: 18px;
    color: #3e3e41;
    font-weight: bold
}

.mod-book__price--original-price {
    color: #3e3e41;
    text-decoration: line-through
}

.section--bestof {
    padding-top: 30px !important;
    margin-top: 0 !important
}

@media only screen and (min-width:501px) {
    .section--bestof {
        padding-top: 30px !important;
        margin-top: 30px !important
    }
}

.section--noel {
    padding-top: 30px !important;
    margin-top: 0 !important
}

@media only screen and (min-width:501px) {
    .section--noel {
        padding-top: 60px !important;
        margin-top: 30px !important
    }
}

.section--noel h2.subtitle {
    font-size: 33px;
    line-height: 33px;
    padding-top: 10px;
    padding-bottom: 15px;
    text-align: center
}

@media only screen and (min-width:501px) {
    .section--noel h2.subtitle {
        font-size: 38px;
        line-height: 38px;
        padding-top: 30px;
        padding-bottom: 0
    }
}

.landing {
    position: relative;
    padding-bottom: 14px;
    background-size: cover
}

@media only screen and (min-width:501px) {
    .landing {
        padding-bottom: 24px
    }
}

@media only screen and (min-width:987px) {
    .landing {
        padding-bottom: 20px; /* was 0 */
        background-size: auto auto
    }
}

.landing__bg {
    height: 220px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

@media only screen and (min-width:501px) {
    .landing__bg {
        height: 420px
    }
}

@media only screen and (min-width:987px) {
    .landing__bg {
        height: 550px
    }
}


.landing__cover {
    position: absolute;
    height: 180px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    overflow: hidden
}

@media only screen and (min-width:501px) {
    .landing__cover {
        height: 420px
    }
}

@media only screen and (min-width:987px) {
    .landing__cover {
        height: 550px
    }
}

.landing__cover-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer
}

.landing__cover-user {
    display: none;
    position: relative;
    background: rgba(255, 255, 255, 0.9);
    margin-top: 40px;
    padding: 10px
}

.landing__cover-user:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (min-width:501px) {
    .landing__cover-user {
        display: block
    }
}

@media only screen and (min-width:987px) {
    .landing__cover-user {
        display: inline-block
    }
}

.landing__cover-user-avatar {
    float: left;
    margin: 0 10px 0 0
}

.landing__cover-user-text {
    margin-left: 100px
}

@media only screen and (min-width:987px) {
    .landing__cover-user-text {
        max-width: 300px
    }
}

.landing__cover-user-button {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.landing__inside {
    margin: 0 auto;
    position: relative
}

@media only screen and (min-width:501px) {
    .landing__inside {
        max-width: 486px;
        margin: 0 auto
    }
}

@media only screen and (min-width:655px) {
    .landing__inside {
        max-width: 640px;
        margin: 0 auto
    }
}

@media only screen and (min-width:987px) {
    .landing__inside {
        max-width: 972px
    }
}

.landing__content {
    padding: 0;
    text-align: center;
    position: absolute;
    margin-left: 50%;
    margin-top: 40px;
    transform: translate(-50%, 0);
    z-index: 1
}

@media only screen and (min-width:501px) {
    .landing__content {
        margin-top: 150px
    }
}

@media only screen and (min-width:987px) {
    .landing__content {
        margin-top: 180px
    }
}

.landing__items {
    padding: 12px 12px 0 12px
}

@media only screen and (min-width:501px) {
    .landing__items {
        padding: 24px 24px 0 24px;
        margin-top: -50px;
        background-color: #fff
    }
}

@media only screen and (min-width:987px) {
    .landing__items {
        margin-top: -74px
    }
}

.landing__title {
    font-size: 26px;
    line-height: 30px;
    color: #fff;
    text-shadow: 1px 0 10px #969696
}

@media only screen and (min-width:501px) {
    .landing__title {
        margin-top: 70px;
        text-align: center;
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width:987px) {
    .landing__title {
        margin-top: 130px;
        font-size: 36px;
        line-height: 46px
    }
}

.landing__author {
    display: block;
    margin-top: 10px;
    color: #fff
}

.landing .landing__input-wrapper {
    margin: 25px auto 0 auto;
    width: 100%;
    margin-bottom: 15px;
    position: relative
}

@media only screen and (min-width:987px) {
    .landing .landing__input-wrapper {
        width: 460px
    }
}

.landing__link {
    border: 1px solid #d3d3d3;
    display: block;
    position: relative;
    padding-top: 15px;
    background-color: #fff;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    height: 140px
}

.landing__link:hover {
    color: #7f7f81
}

.landing__label-center {
    display: block;
    height: 140px;
    font-size: 21px;
    color: #fff;
    margin-top: -15px;
    white-space: nowrap
}

.landing__label-center:before {
    display: inline-block;
    content: "";
    height: 100%;
    width: 1px;
    vertical-align: middle
}

.landing__label-center-inner {
    display: inline-block;
    vertical-align: middle
}



.landing-offer__highlight {
    color: red;
    font-weight: 700
}

.landing-offer__header,
.landing-offer__content {
    font-family: 'Roboto Condensed', sans-serif
}

.landing-offer__header {
    margin: -15px 0 30px 0
}

.landing-offer__header h1,
.landing-offer__header h2 {
    text-transform: uppercase
}

.landing-offer__header h1 {
    font-size: 22px;
    font-weight: 700
}

@media only screen and (min-width:501px) {
    .landing-offer__header h1 {
        font-size: 34px
    }
}

.landing-offer__header h2 {
    padding: 0 30px;
    font-size: 14px;
    font-weight: 400
}

@media only screen and (min-width:501px) {
    .landing-offer__header h2 {
        margin: 0 auto
    }
    .landing-offer__header h2 br {
        display: none
    }
}

@media only screen and (min-width:987px) {
    .landing-offer__header h2 {
        font-size: 16px
    }
}

@media only screen and (min-width:501px) {
    .landing-offer__section {
        max-width: 501px;
        margin: 0 auto
    }
}

@media only screen and (min-width:987px) {
    .landing-offer__section {
        max-width: 987px
    }
}

.landing-offer__ope--is-selected picture:before {
    background-color: rgba(255, 255, 255, 0) !important
}

.landing-offer__ope--is-selected img {
    outline-color: #bca351 !important
}

.landing-offer__ope li.grid__item {
    position: relative;
    transition: background-color .2s ease-out
}

.landing-offer__ope li.grid__item picture {
    pointer-events: none
}

.landing-offer__ope li.grid__item picture:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 27px;
    left: 0;
    background-color: rgba(255, 255, 255, 0.3);
    transition: background-color .2s ease-out
}

.landing-offer__ope li.grid__item img {
    outline: 2px solid transparent;
    transition: outline-color .4s ease-out
}

.landing-offer__ope li.grid__item a {
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.landing-offer__ope li.grid__item:hover picture:before {
    background-color: rgba(255, 255, 255, 0) !important
}

.landing-offer__ope li.grid__item:hover img {
    outline-color: #bca351
}

.landing-offer__content section {
    margin-bottom: 30px
}

.landing-offer__content section header {
    position: relative;
    margin: 0 24px
}

.landing-offer__content section header:before {
    content: '';
    position: absolute;
    top: 14px;
    right: 0;
    left: 0;
    height: 1px;
    border-top: 1px solid #000;
    z-index: -1
}

.landing-offer__content section h3 {
    display: inline-block;
    padding: 0 15px;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    background-color: #fff
}

.landing-offer__content form {
    position: relative;
    padding-bottom: 60px
}

.landing-offer__content .grid__item {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.landing-offer__content .grid__item input[type="radio"] {
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.landing-offer__content .grid__item input[type="radio"]:checked+.landing__link {
    background-color: #bca351
}

.landing-offer__content .grid__item input[type="radio"]:checked+.landing__link:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #8e7a37
}

.landing-offer__content .grid__item input[type="radio"]:checked+.landing__link span {
    color: #fff
}

.landing-offer__content .grid__item input[type="radio"]:checked+.landing__link svg {
    fill: #fff
}

.landing-offer__content .grid__item .landing__link {
    padding: 0;
    background-color: #f5f5f5;
    -moz-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out
}

.landing-offer__content .grid__item .landing__link:hover {
    background-color: #bca351
}

.landing-offer__content .grid__item .landing__link:hover:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #8e7a37
}

.landing-offer__content .grid__item .landing__link:hover span {
    color: #fff
}

.landing-offer__content .grid__item .landing__link:hover svg {
    fill: #fff
}

.landing-offer__content .grid__item small {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    text-transform: uppercase
}

.landing-offer__presentation {
    position: relative;
    margin: 0 20px 40px 10px
}

@media only screen and (min-width:501px) {
    .landing-offer__presentation {
        margin: 0 auto 40px;
        width: 80%
    }
}

@media only screen and (min-width:987px) {
    .landing-offer__presentation {
        width: 750px;
        min-height: 500px;
        margin-top: 80px
    }
}

.landing-offer__presentation .grid__item {
    display: table;
    cursor: default
}

.landing-offer__presentation picture {
    float: left;
    padding-right: 20px;
    line-height: 0
}

.landing-offer__presentation picture img {
    max-width: 120px
}

@media only screen and (min-width:987px) {
    .landing-offer__presentation picture img {
        max-width: none
    }
}

.landing-offer__presentation p {
    display: table-cell;
    vertical-align: middle;
    font-size: 15px
}

@media only screen and (min-width:501px) {
    .landing-offer__presentation p {
        width: 80%
    }
}

@media only screen and (min-width:987px) {
    .landing-offer__presentation p {
        text-align: center;
        line-height: 20px
    }
}

.landing-offer__presentation p svg {
    display: none;
    width: 100px;
    height: 110px
}

@media only screen and (min-width:987px) {
    .landing-offer__presentation p svg {
        display: block
    }
}

.landing-offer__presentation p strong {
    font-size: 17px
}

@media only screen and (min-width:987px) {
    .landing-offer__presentation p strong {
        display: block;
        font-size: 24px;
        line-height: 26px
    }
}

.landing-offer__presentation p br {
    display: none
}

@media only screen and (min-width:987px) {
    .landing-offer__presentation p br {
        display: inline
    }
}

@media only screen and (min-width:987px) {
    .landing-offer__presentation--recipe picture img,
    .landing-offer__presentation--recipe p,
    .landing-offer__presentation--video picture img,
    .landing-offer__presentation--video p,
    .landing-offer__presentation--chief picture img,
    .landing-offer__presentation--chief p {
        position: absolute
    }
}

@media only screen and (min-width:987px) {
    .landing-offer__presentation--recipe picture img {
        top: 0;
        left: 0;
        right: 0;
        width: 665px;
        margin: 0 auto
    }
}

@media only screen and (min-width:987px) {
    .landing-offer__presentation--recipe p {
        width: 180px;
        top: -20px;
        right: -100px
    }
}

.landing-offer__presentation--recipe p svg {
    margin: -10px 0 0 -80px
}

@media only screen and (min-width:987px) {
    .landing-offer__presentation--video picture img {
        top: 200px;
        left: -30px;
        width: 365px
    }
}

@media only screen and (min-width:987px) {
    .landing-offer__presentation--video p {
        top: 100px;
        left: -175px;
        width: 200px
    }
}

.landing-offer__presentation--video p svg {
    margin: 10px 0 0 85px
}

@media only screen and (min-width:987px) {
    .landing-offer__presentation--chief picture img {
        top: 235px;
        right: 35px;
        width: 115px
    }
}

@media only screen and (min-width:987px) {
    .landing-offer__presentation--chief p {
        width: 160px;
        right: -130px;
        bottom: 210px
    }
}

.landing-offer__presentation--chief p svg {
    position: absolute;
    margin: -10px 0 0 -20px
}

.landing-offer__plan .grid {
    margin: 20px 20px 0 0
}

.landing-offer__plan .grid__item {
    position: relative
}

.landing-offer__plan--label {
    top: 20px;
    color: #bca351
}

.landing-offer__plan--label,
.landing-offer__plan .icon {
    position: absolute;
    left: 0;
    right: 0
}

.landing-offer__plan .icon {
    bottom: 10px;
    fill: #bca351
}

.landing-offer__plan .icon-small,
.landing-offer__plan .icon-fat {
    width: 100%
}

.landing-offer__plan .icon-small {
    height: 50px
}

.landing-offer__plan .icon-fat {
    height: 80px
}

.landing-offer__gift .grid {
    margin: 20px 20px 0 0
}

.landing-offer__gift .grid__item {
    position: relative
}

.landing-offer__gift picture img {
    width: 100%;
    height: 100%;
    padding: 10px;
    object-fit: contain
}

.landing-offer__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px 0;
    height: 60px;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    transition: transform .4s ease-out
}

@media only screen and (min-width:987px) {
    .landing-offer__footer {
        position: static;
        font-size: 16px;
        height: auto
    }
}

.landing-offer__footer--is-fixed {
    position: fixed;
    border-top: 3px solid #fff;
    background-color: #bca351;
    color: #fff;
    transform: translateY(0)
}

.landing-offer__footer--is-fixed button {
    font-weight: 700 !important
}

.landing-offer__footer--is-hidden {
    transform: translateY(100px)
}

.landing-offer__footer strong {
    font-size: 1.6em;
    line-height: 22px
}

@media only screen and (min-width:987px) {
    .landing-offer__footer strong {
        line-height: 52px
    }
}

.landing-offer__footer button {
    margin-top: -40px;
    font-size: 17px !important;
    font-weight: 400;
    padding: 0 2em !important;
    line-height: 38px !important;
    border: 3px solid #fff !important
}

@media only screen and (min-width:987px) {
    .landing-offer__footer button {
        margin-top: 0;
        line-height: 42px !important;
        font-size: 27px !important;
        border: 0 !important
    }
}

.page-homepage .section--instagram .section__subtitle-label {
    letter-spacing: 0
}

.page-homepage .section--instagram .icon {
    fill: #96969a;
    margin-right: 5px
}

.page-homepage .section--instagram .grid__item:last-child {
    display: none
}

@media only screen and (min-width:501px) {
    .page-homepage .section--instagram .grid__item:last-child {
        display: inline-block
    }
}

.page-homepage .section--instagram picture {
    display: block;
    width: 80px;
    height: 80px
}

@media only screen and (min-width:501px) {
    .page-homepage .section--instagram picture {
        width: 105px;
        height: 105px
    }
}

@media only screen and (min-width:987px) {
    .page-homepage .section--instagram picture {
        width: 170px;
        height: 170px
    }
}

.page-homepage .section--instagram img {
    width: 80px;
    height: 80px;
    object-fit: none
}

@media only screen and (min-width:501px) {
    .page-homepage .section--instagram img {
        width: 105px;
        height: 105px
    }
}

@media only screen and (min-width:987px) {
    .page-homepage .section--instagram img {
        width: 170px;
        height: 170px
    }
}

.page-homepage .landing-cover-cta {
    position: absolute;
    top: 20%;
    margin: 0 20px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
    box-sizing: border-box;
    z-index: 1
}

@media only screen and (max-width:320px) {
    .page-homepage .landing-cover-cta {
        top: 20%;
        margin: 0 10px
    }
}

@media only screen and (min-width:987px) {
    .page-homepage .landing-cover-cta {
        top: 25%;
        max-width: 440px;
        margin: 0
    }
}

.page-homepage .landing-cover-cta-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0
}

.page-homepage .landing-cover-cta strong {
    margin-bottom: 5px;
    font-size: 22px
}

@media only screen and (min-width:987px) {
    .page-homepage .landing-cover-cta strong {
        font-size: 28px
    }
}

.page-homepage .landing-cover-cta p {
    padding: 15px;
    font-size: 16px;
    line-height: 22px;
    background-color: rgba(0, 0, 0, 0.6)
}

@media only screen and (min-width:987px) {
    .page-homepage .landing-cover-cta p {
        padding: 25px;
        font-size: 22px;
        line-height: 28px
    }
}

.page-homepage .landing-cover-cta .button-simple {
    margin-top: 10px
}

.mod-pedia {
    position: relative
}

.mod-pedia__media {
    line-height: 0;
    display: none
}

@media only screen and (min-width:501px) {
    .mod-pedia__media {
        display: block
    }
}

.mod-pedia__bg {
    display: none
}

@media only screen and (min-width:501px) {
    .mod-pedia__bg {
        display: block;
        background-color: rgba(0, 0, 0, 0.04);
        box-shadow: inset 0 0 10px #ddd;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
    a:hover .mod-pedia__bg {
        background-color: rgba(0, 0, 0, 0.1)
    }
}

.mod-pedia__title:first-letter {
    text-transform: uppercase
}

.mod-pedia__body:first-letter {
    text-transform: uppercase
}

@media only screen and (min-width:501px) {
    .mod-pedia--oncol {
        position: relative;
        padding-bottom: 28px;
        max-width: 138px;
        margin: 0 auto
    }
}

@media only screen and (min-width:501px) {
    .mod-pedia__body--oncol {
        min-height: 23px;
        position: absolute;
        bottom: 5px;
        width: 100%;
        text-align: center
    }
}

.mod-pedia__title--oncol {
    display: block
}

@media only screen and (min-width:501px) {
    .mod-pedia__title--oncol {
        margin: 0 10px;
        border-top: 1px solid #e5e5e5;
        background-color: #f6f6f6
    }
    a:hover .mod-pedia__title--oncol {
        border-top: 1px solid #d8d8d8;
        background-color: #e5e5e5
    }
}

.mod-pedia__media--oncol {
    padding: 15px 24px 4px 24px
}

@media only screen and (min-width:501px) {
    .mod-pedia__media--oncol {
        text-align: center
    }
}

.mod-pedia__media--oncol img {
    max-height: 90px
}

.mod-pedia--onrow {
    display: table;
    width: 100%;
    padding: 15px
}

.mod-pedia__media--onrow {
    display: table-cell;
    vertical-align: middle
}

.mod-pedia__media--onrow img {
    max-width: 74px;
    max-height: 65px
}

.mod-pedia__body--onrow {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding-left: 15px
}

.ingredients-family__title {
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.ingredients-family__title--bordered {
    padding-bottom: 10px;
    border-bottom: 1px solid
}

.ingredients-family__media {
    line-height: 0;
    margin-bottom: 15px
}

.ingredients-family__list {
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    -ms-column-gap: 24px;
    -o-column-gap: 24px;
    column-gap: 24px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2
}

.ingredients-family__item {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    padding: 3px 0
}

@media only screen and (min-width:501px) {
    .ingredients-family__item {
        padding: 4px 0
    }
}

@media only screen and (min-width:987px) {
    .ingredients-family__item {
        padding: 5px 0
    }
}

.ingredients-family__readmore {
    margin-top: 15px
}

.variete__media {
    float: left
}

.variete__media img {
    max-width: 100px
}

.variete__body {
    overflow: hidden;
    padding-left: 20px
}

.pedia-header {
    position: relative
}

.pedia-header__media {
    line-height: 0;
    text-align: center;
    background-color: #fff;
    position: relative
}

.pedia-header__media:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.04)
}

@media only screen and (min-width:501px) {
    .pedia-header__media {
        position: relative;
        float: left;
        margin-right: 32px;
        width: 39.03%
    }
}

.pedia-header__media-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.pedia-header__media-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.pedia-header__body {
    margin-top: 12px
}

@media only screen and (min-width:501px) {
    .pedia-header__body {
        overflow: hidden;
        margin-top: 0
    }
}

.figure2 {
    max-width: 138px
}

.figure2__media {
    display: none;
    line-height: 0;
    float: left;
    margin-right: 12px
}

.figure2__media img {
    max-width: 40px
}

@media only screen and (min-width:501px) {
    .figure2__media {
        position: relative;
        display: block;
        text-align: center;
        float: none;
        margin-right: 0
    }
    .figure2__media img {
        max-width: 100%
    }
}

.figure2__title {
    overflow: hidden
}

@media only screen and (min-width:501px) {
    .figure2__title {
        text-align: center
    }
}

.figure2__icon {
    display: none
}

@media only screen and (min-width:501px) {
    .figure2__icon {
        position: absolute;
        display: block;
        bottom: 10px;
        left: 10px
    }
}

.lexicon__link {
    display: inline-block;
    width: 7.69%;
    text-align: center;
    padding: 5px 0
}

.lexicon__link:hover {
    background-color: #f5f5f5
}

@media only screen and (min-width:501px) {
    .lexicon__link {
        width: 3.83%
    }
}

.lexicon__link--disabled {
    color: #ccc
}

.lexicon__link--disabled:hover {
    background-color: #fff
}

.lexicon__letter {
    border-bottom: 1px solid #dadada;
    margin-top: 12px;
    margin-bottom: 12px
}

@media only screen and (min-width:501px) {
    .lexicon__letter {
        margin-top: 50px;
        margin-bottom: 29px
    }
}

.mod-edito:after {
    content: "";
    display: table;
    clear: both
}

.mod-edito__media {
    position: relative;
    line-height: 0
}

.mod-edito__media--bg:after {
    content: ' ';
    display: block;
    position: absolute;
 /*   background-color: rgba(0, 0, 0, 0.04);
    box-shadow: inset 0 0 10px #ddd;*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

a:hover .mod-edito__media--bg:after {
    background-color: rgba(0, 0, 0, 0.1)
}

.mod-edito__media--shadow:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-box-shadow: inset 0 0 40px 0 rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: inset 0 0 40px 0 rgba(0, 0, 0, 0.09);
    box-shadow: inset 0 0 40px 0 rgba(0, 0, 0, 0.09)
}

.mod-edito__title a:hover {
    color: #78787a
}

.mod-edito__ribbon {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
    top: -8px
}

@media only screen and (min-width:501px) {
    .mod-edito__ribbon {
        top: -10px
    }
}

.mod-edito__picvid {
    display: block;
    position: absolute;
    bottom: 15px;
    left: 15px
}

.mod-edito__title--swiper {
    margin-bottom: 10px
}

@media only screen and (min-width:501px) {
    .mod-edito__media--swiper {
        float: none;
        position: relative;
        line-height: 0;
        padding-right: 0
    }
    .mod-edito__media--swiper img {
        max-width: 100%
    }
    .mod-edito__body--swiper {
        margin-top: 10px
    }
}

@media only screen and (min-width:987px) {
    .mod-edito--swiper {
        cursor: pointer;
        -moz-transition: opacity .3s ease-out;
        -o-transition: opacity .3s ease-out;
        -webkit-transition: opacity .3s ease-out;
        transition: opacity .3s ease-out;
        opacity: 1;
        padding-bottom: 20px
    }
    .mod-edito--swiper.blured {
        opacity: .5
    }
    .mod-edito__media--swiper {
        max-width: 76px;
        float: left;
        margin-right: 10px
    }
    .mod-edito__media--swiper img {
        max-width: 76px
    }
    .mod-edito__ribbon--swiper {
        display: none
    }
    .mod-edito__picvid--swiper {
        display: none
    }
    .mod-edito__body--swiper {
        overflow: hidden;
        margin-top: 0
    }
    .mod-edito__content--swiper {
        display: none
    }
    .mod-edito__title--swiper {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 0
    }
}

@media only screen and (min-width:987px) {
    .mod-edito--headline {
        display: table;
        width: 100%
    }
}

.mod-edito--headline-bordered {
    border: 1px solid #e5e5e5
}

.mod-edito__media--headline {
    float: none;
    padding-right: 0
}

.mod-edito__media--headline img {
    max-width: 100%
}

@media only screen and (min-width:987px) {
    .mod-edito__media--headline {
        display: table-cell;
        width: 66.666%;
        float: none;
        padding-right: 0
    }
    .mod-edito__media--headline img {
        width: 100%;
        max-width: 100%
    }
}

.mod-edito__body--headline {
    overflow: auto
}

@media only screen and (min-width:987px) {
    .mod-edito__body--headline {
        display: table-cell;
        width: 33.333%;
        vertical-align: middle;
        padding: 10px;
        padding: 10px 30px
    }
}

.mod-edito__title--headline {
    margin-bottom: 10px
}

@media only screen and (min-width:987px) {
    .mod-edito__ribbon--headline {
        display: none
    }
}

.mod-edito__title--default {
    margin-bottom: 10px
}

.mod-edito__media--default {
    float: left;
    margin-right: 12px
}

.mod-edito__media--default img {
    max-width: 120px
}

@media only screen and (min-width:501px) {
    .mod-edito__media--default {
        float: none;
        position: relative;
        line-height: 0;
        padding-right: 0;
        margin-right: 0
    }
    .mod-edito__media--default img {
        max-width: 100%
    }
    .mod-edito__title--default {
        margin-bottom: 10px
    }
    .mod-edito__body--default {
        margin-top: 10px
    }
}

.mod-edito__title {
    margin-top: 10px;
    margin-bottom: 10px
}

.article__title {
    margin-top: 30px;
    margin-bottom: 15px
}

.editos {
    position: relative;
    margin-bottom: 19px
}

.editos__scroller {
    display: none
}

@media only screen and (min-width:987px) {
    .editos__scroller {
        display: block;
        height: 1px;
        background: #e5e5e5;
        overflow: hidden;
        margin-left: 24px;
        margin-bottom: 60px
    }
    .editos__scroller-bar {
        display: inline-block;
        vertical-align: top;
        height: 1px;
        width: 219px;
        background: #3e3e41;
        -moz-transition: margin-left .2s ease;
        -o-transition: margin-left .2s ease;
        -webkit-transition: margin-left .2s ease;
        transition: margin-left .2s ease
    }
    .editos__scroller-bar.pos-0 {
        margin-left: 0
    }
    .editos__scroller-bar.pos-1 {
        margin-left: 243px
    }
    .editos__scroller-bar.pos-2 {
        margin-left: 486px
    }
    .editos__scroller-bar.pos-3 {
        margin-left: 729px
    }
}

@media only screen and (min-width:987px) {
    .edito-swiper {
        position: relative;
        overflow: hidden;
        border: 1px solid #e5e5e5;
        height: 419px
    }
    .edito-swiper .swiper-wrapper {
        position: relative
    }
    .edito-swiper__prev,
    .edito-swiper__next {
        height: 100%;
        width: 70px;
        position: absolute;
        top: 0;
        z-index: 2;
        cursor: pointer;
        -moz-user-select: -moz-none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none
    }
    .edito-swiper__prev-icon,
    .edito-swiper__next-icon {
        display: block;
        position: absolute;
        background-repeat: no-repeat;
        background-color: #fff;
        width: 100%;
        height: 70px;
        top: 37%;
        border-radius: 40px
    }
    .edito-swiper__prev {
        left: -45px
    }
    .edito-swiper__prev-icon {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAeCAMAAAASJ24jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALdQTFRFpqam+vr6gYGB9/f3fn5+f39/+fn5fX19paWlpKSkq6urgoKC+Pj4ra2t9fX1urq6tLS0vb29gICAqqqqu7u7s7Oz9PT0lJSUm5ubqampsrKyubm5yMjIe3t7nZ2dqKiosbGxycnJlpaWsLCw8/Pz3t7efHx8xsbGr6+vnJycp6enwcHB8fHxenp6vr6+g4ODrq6un5+fx8fHl5eXysrKtra29vb2o6Oj+/v7/Pz8/f39/v7+////ZA2kKwAAAQZJREFUeNpMkdeaAyEIhdHpNT3ba7K9dxXe/7kWNGPGO853gP8g0PCQyNDJKQy1JYP0k62iIG/6sqIoOKLJ7dTgyDHRC0cuCrhsKuSxUZilYGlwOKTXAhJSwWFZWupyzSSKHU54Zm/nPY9BLoAN9il7+JU+0diBn+nhlvIAwxzmrvlaB3LuILDf2UHvgwUcuCqun31WJ3mR4FL/9b6w/gIEeFxUCSt2l5HXbuZly7XaDeVhXQo5Q/pJvBYd1im0EQxlYCfRwh52CMR9dpEIHLeg36AW+kjiq/2BQFdO3FEwdcNusvsj56V+NKMjk0WY1y2Nfs7mcPY+cjCq+9Dd+OcQsbz5F2AASWRcHNp7Em8AAAAASUVORK5CYII=');
        background-position: 33px 50%;
        border-right: 1px solid #e5e5e5
    }
    .edito-swiper__next {
        right: -45px
    }
    .edito-swiper__next-icon {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAeCAMAAAASJ24jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALdQTFRF+vr6f39/9/f3fn5+paWlpKSkp6enpqam+fn5qampgYGBe3t7fX199vb2vLy8goKCqKio9fX1u7u7gICAxsbGsLCwtbW1srKyoqKiqqqqra2tg4ODtra2r6+vlpaWuLi4urq6rq6unJycvb299PT0rKysfHx8o6OjysrKtLS03d3dm5ubycnJubm5x8fHsbGxs7Oz8vLyl5eXk5OT+Pj4n5+foKCgwcHB+/v7/Pz8/f39/v7+////tlzO/QAAAQ5JREFUeNpUUQlygzAQs4FACJCjuZO26X3fp9e7/39XtYYEimeYsUZaaWXzMPYkIizNZ07iH/FCcgBoXiTGA9sD0l/blF3LEHG5TToSIDTe5h0JsVBvm7WAw4ny6drBCkoYOFhEaTmn/VDWVFFSnjMJe8OaEb9+L96wYzFcZzLgTDdwhAQI62xwXgMjLAa5VLfxkgODw50kWtk3Uy+OOezl/fTmyTRFYDuefNq7MBRBHGyqj8GMNFhje3URvyBDPQP66NH+anPK0LDV92ioXEQXJU2ywVFIE9Y38pXGQ6mbNqSdZ+VltyC/CvwGQKLr0Rl3Wnf3xa69o8JlcfzvKRd2oa20wOxZ7Q7PIn8CDAC6J1zhSIuQGgAAAABJRU5ErkJggg==');
        background-position: 21px 50%;
        border-left: 1px solid #e5e5e5
    }
}

.figure__caption {
    font-size: 12px;
    font-style: italic
}

.card-part {
    padding-bottom: 15px
}

@media only screen and (min-width:501px) {
    .card-part {
        padding-bottom: 35px
    }
}

.card-part--content {
    margin-top: 30px;
    font-size: 16px;
    font-size: 1.06667rem
}

@media print {
    .card-part--content {
        font-size: 9pt
    }
}

.card-part__title {
    margin-bottom: 20px
}

.card-part__media {
    line-height: 0
}

.card-part__media--left-25 {
    float: left;
    max-width: 50%;
    margin-right: 24px
}

@media only screen and (min-width:501px) {
    .card-part__media--left-25 {
        max-width: 25%
    }
}

.card-part__media--left-50 {
    float: left;
    max-width: 50%;
    margin-right: 24px
}

.card-part__media--right-25 {
    float: right;
    max-width: 50%;
    margin-left: 24px
}

@media only screen and (min-width:501px) {
    .card-part__media--right-25 {
        max-width: 25%
    }
}

.card-part__media--right-50 {
    float: right;
    max-width: 50%;
    margin-left: 24px
}

.card-part__body {
    font-size: 16px;
    font-size: 1.06667rem
}

@media print {
    .card-part__body {
        font-size: 9pt
    }
}

.card-part--decorated {
    padding-bottom: 0
}

@media only screen and (min-width:501px) {
    .card-part--decorated {
        padding-bottom: 35px
    }
    .card-part--decorated:last-child {
        padding-bottom: 0
    }
}

.card-part--decorated2 {
    border-top: 1px dashed #dadada;
    padding-top: 30px;
    margin-top: 30px;
    padding-bottom: 0
}

.card-part__body+.card-part__media {
    margin-top: 20px
}

.card-part__media+.card-part__body {
    margin-top: 20px
}

.card-part__title--decorated {
    margin-bottom: 0
}

@media only screen and (min-width:501px) {
    .card-part__title-label {
        cursor: default
    }
}

.card-part__title-label-open {
    float: right;
    display: none
}

.card-part__title-label-close {
    float: right;
    display: none
}

.card-part--decorated .card-part__checkbox:checked ~ .card-part__title .card-part__title-label-open {
    display: none
}

.card-part--decorated .card-part__checkbox:checked ~ .card-part__title .card-part__title-label-close {
    display: block
}

.card-part--decorated .card-part__title-label-open {
    display: block
}

@media only screen and (min-width:501px) {
    .card-part--decorated .card-part__title-label-open,
    .card-part--decorated .card-part__title-label-close {
        display: none
    }
}

.card-part__title-label--decorated {
    display: block;
    padding-top: 12px;
    padding-bottom: 12px
}

@media only screen and (min-width:501px) {
    .card-part__title-label--decorated {
        padding-top: 40px
    }
}

.card-part+.card-part--decorated {
    border-top: 1px dashed #dadada
}

.card-part__checkbox {
    display: none
}

.card-part__checkbox ~ .card-part__body--decorated {
    display: none;
    -moz-transition: max-height .3s ease;
    -o-transition: max-height .3s ease;
    -webkit-transition: max-height .3s ease;
    transition: max-height .3s ease
}

.card-part__checkbox:checked ~ .card-part__body--decorated {
    display: block;
    margin-bottom: 15px
}

@media only screen and (min-width:501px) {
    .card-part__checkbox:checked ~ .card-part__body--decorated {
        margin-bottom: 0
    }
}

@media only screen and (min-width:501px) {
    .card-part__checkbox ~ .card-part__body {
        display: block
    }
}

.card-part__media-figure {
    position: relative
}

.article-header {
    border-bottom: 1px dashed #dadada;
    margin-bottom: 10px;
    padding-bottom: 15px
}

@media only screen and (min-width:501px) {
    .article-header {
        margin-bottom: 15px;
        padding-bottom: 20px
    }
}

@media only screen and (min-width:987px) {
    .article-header {
        margin-bottom: 20px;
        padding-bottom: 30px
    }
}

.article-header__title {
    margin-bottom: 10px
}

@media only screen and (min-width:987px) {
    .article-header__title {
        margin-bottom: 20px
    }
}

.article-header__title--uppercase {
    text-transform: uppercase
}

.article-header__author {
    display: inline-block;
    vertical-align: middle
}

.article-header__ctas {
    vertical-align: middle;
    margin-top: 10px
}

@media only screen and (min-width:987px) {
    .article-header__ctas {
        display: inline-block
    }
}

.article-header__tags {
    margin-top: 10px
}

.article-header__tag+.article-header__tag {
    margin-left: 15px
}

.article-header__media {
    line-height: 0;
    margin-top: 15px;
    position: relative
}

@media only screen and (min-width:987px) {
    .article-header__media {
        margin-top: 30px
    }
}

.article-header__chapo {
    margin-top: 10px
}

@media only screen and (min-width:501px) {
    .article-header__chapo {
        margin-top: 17px
    }
}

.mod-article {
    position: relative
}

.mod-article__media {
    line-height: 0;
    position: relative;
    float: left;
    max-width: 120px;
    margin-right: 8px
}

.mod-article__media:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-box-shadow: inset 0 0 40px 0 rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: inset 0 0 40px 0 rgba(0, 0, 0, 0.09);
    box-shadow: inset 0 0 40px 0 rgba(0, 0, 0, 0.09)
}

@media only screen and (min-width:501px) {
    .mod-article__media--col {
        float: none;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 12px
    }
}

@media only screen and (min-width:987px) {
    .mod-article__media--row {
        margin-right: 24px;
        max-width: 50%
    }
}

@media only screen and (min-width:501px) {
    .mod-article__title {
        margin-bottom: 5px
    }
}

.mod-article__picvid {
    display: block;
    position: absolute;
    bottom: 5px;
    left: 5px
}

@media only screen and (min-width:501px) {
    .mod-article__picvid {
        bottom: 15px;
        left: 15px
    }
}

.mod-article__badge {
    position: absolute;
    z-index: 2;
    top: -10px;
    left: 10px;
    max-width: 30%
}

.mod-article__badge--premium {
    top: auto;
    right: 5px;
    bottom: 5px;
    left: auto;
    text-align: right
}

.mod-generic--has-badge-right .mod-article__badge {
    left: auto;
    right: 10px
}

.mod-article__badge img {
    max-width: 100%
}

.form__checkboxes {
    margin-top: -15px
}

.form__checkbox {
    display: inline-block;
    line-height: 20px;
    margin-top: 15px
}

.form__checkbox input {
    position: absolute;
    left: -999em;
    opacity: 0
}

.form__checkbox input:checked ~ label:before {
    content: '×'
}

.form__checkbox input:hover ~ label:before,
.form__checkbox input:focus ~ label:before {
    border-color: #ddd3a2
}

.form__checkbox label {
    vertical-align: middle
}

.form__checkbox label:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #dadada;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    text-align: center;
    font-size: 100%;
    line-height: 15px;
    font-size: 30px
}

.form__checkbox label a {
    color: #856400
}

.form__checkbox-tooltip {
    display: none;
    margin-left: 30px
}

.form__checkbox-tooltip a {
    color: #856400
}

.form__checkbox input:checked ~ .form__checkbox-tooltip {
    display: block
}

.form__radio {
    line-height: 20px;
    margin-top: 15px
}

.form__radio input {
    position: absolute;
    left: -999em;
    opacity: 0
}

.form__radio input:checked ~ label:before {
    content: '•';
    color: #000
}

.form__radio input:hover ~ label:before,
.form__radio input:focus ~ label:before {
    border-color: #bca351
}

.form__radio label {
    position: relative;
    vertical-align: middle
}

.form__radio label:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #dadada;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin-right: 10px;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    font-size: 30px
}

.has-error .form__radio label:before {
    border: 1px solid red
}

.form__radio label a {
    color: #856400
}

.form__radio--disabled+label {
    color: #bbb;
    text-decoration: line-through
}

.form__input,
.ui-iws__input {
    border: 1px solid #dadada;
    padding: 12px;
    resize: none;
    color: #666;
    background-color: #fff;
    min-height: 30px;
    overflow: hidden;
    cursor: text
}

.form__input:focus,
.ui-iws__input:focus {
    outline: 1px solid #bca351;
    border: 1px solid #ddd3a2
}

.form__input.has-error,
.has-error.ui-iws__input {
    border: 2px solid #f62b00
}

.form__input--forceheight {
    max-height: 40px
}

.form__input--area {
    min-height: 115px;
    max-height: none
}

.form__input-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
    background-color: #f5f5f5;
    border: 1px solid #d3d3d3;
    line-height: 40px;
    text-align: center
}

.form__input-icon+.form__input,
.form__input-icon+.ui-iws__input {
    padding-left: 50px
}

.md-editor {
    position: relative
}

.md-editor>.btn-toolbar {
    opacity: 0;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    position: absolute;
    top: -36px
}

.md-editor.active>.btn-toolbar,
.md-editor:hover>.btn-toolbar {
    opacity: 1
}

.md-editor>.md-preview {
    padding: 10px
}

.form__search {
    display: table;
    border-collapse: separate;
    position: relative;
    text-align: left;
    background: #fff;
    width: 100%;
    margin-bottom: 10px
}

.form__search-field {
    display: block;
    width: 100%;
    float: left;
    z-index: 2;
    position: relative;
    border: 0;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    padding: 0 5px 0 5px;
    border: 1px solid #dadada;
    cursor: text;
    border-radius: 0
}

@media only screen and (min-width:501px) {
    .form__search-field {
        height: 50px;
        font-size: 15px;
        padding: 0 10px 0 10px
    }
}

@media only screen and (min-width:987px) {
    .form__search-field {
        height: 60px;
        font-size: 16px;
        padding: 0 15px 0 15px
    }
}

.form__search-field:focus {
    outline: 0;
    outline-offset: 0;
    border: 1px solid #bca351
}

.form__search-field.form__search-field-shadow {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    color: #dadada
}

.form__search-button {
    border-left: 1px solid #dadada;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 40px;
    border: 1px solid #dadada;
    border-left: 0
}

@media only screen and (min-width:501px) {
    .form__search-button {
        width: 50px
    }
}

@media only screen and (min-width:987px) {
    .form__search-button {
        width: 60px
    }
}

.form__search-button button {
    background-color: transparent;
    border: 0 none;
    height: 38px;
    padding: 0;
    width: 100%
}

@media only screen and (min-width:501px) {
    .form__search-button button {
        height: 48px
    }
}

@media only screen and (min-width:987px) {
    .form__search-button button {
        height: 58px
    }
}

.form__search-button button:active {
    background-color: #dadada
}

.form__search-filters {
    display: none
}

.form__row {
    display: inline-block
}

.form__row--center {
    text-align: center
}

.form__row--right {
    text-align: right
}

.form__row--left {
    text-align: left
}

.form__row+.form__row {
    margin-top: 20px
}

@media only screen and (min-width:501px) {
    .form__row+.form__row--submit {
        margin-top: 40px
    }
}

.form__row-label {
    vertical-align: middle;
    display: block
}

@media only screen and (min-width:501px) {
    .form__row-label {
        display: inline-block
    }
}

.form__row-label-top {
    margin-top: 20px;
    margin-bottom: 5px
}

.form__row-body {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.form__row-label-opt {
    color: #999;
    font-size: 11px;
    line-height: 16px;
    display: block;
    font-family: arial
}

.form__row-separator {
    margin-top: 20px;
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.form__row-separator:before,
.form__row-separator:after {
    content: "";
    display: table-cell;
    width: 100%;
    border-bottom: 1px solid #dadada;
    transform: translateY(-40%)
}

.form__row-separator--bottom {
    margin-top: 20px;
    margin-bottom: 20px;
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.form__row-separator--bottom:before,
.form__row-separator--bottom:after {
    content: "";
    display: table-cell;
    width: 100%;
    border-bottom: 1px solid #dadada;
    transform: translateY(-40%)
}

.form__row-separator-label {
    display: table-cell;
    white-space: nowrap;
    width: 40px
}

.label--is-required:after {
    content: " *"
}

.form__select {
    position: relative;
    display: block;
    padding: 0;
    border: 1px solid #dadada;
    background-color: #ddd
}

.has-error .form__select,
.form__select.has-error {
    border: 2px solid #f62b00
}

.form__select select {
    width: 100%;
    margin: 0;
    background: 0;
    border: 1px solid transparent;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    color: #666;
    height: 40px;
    padding: 8px;
    line-height: 1.3
}

.form__select select:focus {
    outline: 1px solid #bca351;
    border: 1px solid #ddd3a2
}

.form__select::after {
    content: "";
    position: absolute;
    width: 9px;
    height: 8px;
    top: 50%;
    right: 1em;
    background-image: url(http://www.wefacecook.com/img/select-arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 2;
    pointer-events: none
}

.form__select x:-o-prefocus,
.form__select::after {
    display: none
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .form__select select::-ms-expand {
        display: none
    }
    .form__select select:focus::-ms-value {
        background: transparent;
        color: #222
    }
}

@-moz-document url-prefix() {
    .form__select {
        overflow: hidden
    }
    .form__select select {
        width: 120%;
        width: -moz-calc(100%+3em);
        width: calc(100%+em)
    }
}

.form__select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.one-eighth+.seven-eighths {
    margin-left: 1%;
    width: 86%
}

.some-error {
    color: red;
    padding: 5px 0
}

.form__msg {
    padding: 20px 0
}

.form__error {
    color: #f62b00;
    font-size: 12px;
    padding: 5px 0;
    display: block
}

.rct__container {
    max-width: 790px;
    margin: 0 auto;
    padding-bottom: 30px
}

.rct__fieldset:nth-child(n+3) {
    padding-top: 19px;
    margin-top: 19px;
    border-top: 1px dashed #dadada
}

@media only screen and (min-width:501px) {
    .rct__fieldset:nth-child(n+3) {
        padding-top: 29px;
        margin-top: 29px
    }
}

@media only screen and (min-width:987px) {
    .rct__fieldset:nth-child(n+3) {
        padding-top: 39px;
        margin-top: 39px
    }
}

.rct__input--height1 {
    min-height: 100px
}

.rct__selectbox {
    padding: 10px 0 10px 10px;
    width: 100%;
    background-color: #fff;
    color: #666;
    border: 1px solid #dadada;
    vertical-align: middle
}

.rct__time {
    display: inline-block
}

.rct__time-row+.rct__time-row {
    margin-top: 20px
}

.rct__time-label {
    padding: 0 8px
}

.rct__mul-txt-cont {
    border: 1px solid #dadada;
    background: #fff
}

.rct__mul-txt-cont input {
    padding: 10px;
    width: 100%;
    border: 0
}

.rct__mul-txt-cont input+input {
    border-top: 1px dashed #dadada
}

.rct__add-instr,
.rct__add-step {
    margin-top: 15px;
    margin-bottom: 15px
}

.rct__add-instr:hover,
.rct__add-step:hover {
    cursor: pointer
}

.rct__step-title {
    margin-top: 20px;
    margin-bottom: 20px
}

*+.rct__step-title {
    padding-top: 29px;
    border-top: 1px dashed #dadada
}

.rct__step-title input {
    font-weight: 700
}

.rct__step-label,
.rct__step-ingr-label {
    display: inline-block;
    text-align: right;
    padding-right: 10px
}

.rct__step-ingr-field {
    width: 80%;
    display: inline-block;
    vertical-align: middle
}

.rct__step-field {
    display: inline-block;
    vertical-align: middle
}

.rct__step-rank {
    display: inline-block;
    margin-right: 2%;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    vertical-align: middle
}

.rct__instr {
    margin-top: 20px
}

.admin-mode .rct__instr {
    margin-top: 40px
}

.rct__instr .md-preview {
    line-height: 1.3em
}

.rct__instr-field {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

@media only screen and (min-width:501px) {
    .rct__instr-field {
        width: 80%
    }
}

.rct__instr-media {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    padding-right: 0
}

@media only screen and (min-width:501px) {
    .rct__instr-media {
        width: 20%;
        margin: 0;
        padding-right: 10px
    }
}

.rct__instr-body {
    display: inline-block;
    padding-left: 10px;
    width: 80%;
    color: #666;
    line-height: 23px;
    vertical-align: top
}

.rct__instr-suppr {
    position: relative;
    line-height: 20px;
    color: #856400;
    font-size: 12px;
    cursor: pointer;
    float: right;
    padding: 2px 15px 2px 10px;
    border: 1px solid #dadada;
    margin-top: -1px
}

.rct__instr-suppr-label {
    padding-left: 10px;
    vertical-align: middle
}

.rct__split {
    padding-bottom: 20px;
    margin-bottom: -20px;
    opacity: 0;
    font-size: 20px;
    line-height: 0;
    vertical-align: middle;
    height: 0;
    border-top: 1px dashed #dadada;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.rct__split:hover {
    opacity: 1;
    cursor: pointer
}

.rct__ingr {
    color: #666;
    font-size: 14px;
    line-height: 30px
}

.rct__step-ingredients .rct__ingr {
    margin-left: 20%
}

.rct__ingr-label {
    vertical-align: middle
}

.rct__ingr-label.is-linked {
    border-bottom: 1px dotted #666
}

.rct__ingr-suppr {
    margin-left: 8px;
    cursor: pointer
}

.rct__error {
    position: absolute;
    top: -25px;
    color: #f62b00
}

.rct__right {
    float: right;
    margin-left: 20px
}

.rct__delete-all_ingrs {
    display: none;
    color: #856400;
    font-size: 10px;
    line-height: 10px;
    text-decoration: none;
    text-transform: lowercase;
    cursor: pointer
}

.form__row-label:hover .rct__delete-all_ingrs,
.rct__step-ingr-label:hover .rct__delete-all_ingrs {
    display: inline
}

.ui-iws {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.ui-iws__input {
    background-image: url("http://www.wefacecook.com/img/select-arrow.png");
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
    padding-right: 30px;
    width: 100%;
    margin-left: 5px
}

.ui-iws__input:focus {
    background-image: none;
    padding-right: 0
}

.ui-iws__input:focus+.ui-iws__suggestions {
    display: none
}

.ui-iws__suggestions {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border: 0;
    text-indent: .01px;
    text-overflow: '';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.js-edit-ingredient:hover {
    cursor: text
}

.js-ingr-link {
    display: none;
    cursor: pointer
}

.rct__ingr:hover .js-ingr-link {
    display: inline
}

.js-edit-ingredient-input:focus ~ .js-ingr-suppr ~ .js-ingr-link {
    display: none
}

.js-imgpicker__button {
    margin: 40px 0 20px
}

.js-imgpicker.filled .js-imgpicker__button {
    margin: 0
}

.media {
    display: block
}

.media__img {
    float: left;
    margin-right: 24px
}

.media__img--rev {
    float: right;
    margin-left: 24px
}

.media__img img,
.media__img--rev img {
    display: block
}

.media__body {
    overflow: hidden
}

.media__body,
.media__body>:last-child {
    margin-bottom: 0
}

.islet .media__img {
    margin-right: 12px
}

.islet .media__img--rev {
    margin-left: 12px
}

.place-media {
    max-width: 1200px;
    margin: 0 auto
}

.mod-place__media {
    line-height: 0;
    float: left;
    margin-right: 12px
}

@media only screen and (min-width:501px) {
    .mod-place__media {
        float: none;
        margin-right: 0
    }
}

.mod-place__media img {
    max-width: 120px
}

@media only screen and (min-width:501px) {
    .mod-place__media img {
        max-width: 100%
    }
}

.mod-place__body {
    overflow: hidden
}

.mod-place__media--onrow {
    float: left;
    margin-right: 12px
}

.mod-place__body--onrow {
    overflow: hidden
}

@media only screen and (min-width:501px) {
    .mod-place__media--oncol {
        float: none
    }
}

.mod-place__street {
    display: block
}

.ph-chef {
    padding-bottom: 28px
}

.ph-chef__media {
    line-height: 0;
    margin-bottom: 22px;
    position: relative
}

.ph-chef__category .icon {
    margin-right: 10px
}

.ph-chef__category-label {
    display: inline-block;
    font-size: inherit;
    font-weight: inherit
}

.ph-chef__author {
    margin-top: 24px
}

@media only screen and (min-width:987px) {
    .ph-chef__author {
        margin-top: 12px
    }
}

.ph-default {
    padding-bottom: 28px
}

.ph-default__media {
    line-height: 0;
    margin-bottom: 22px
}

@media only screen and (min-width:987px) {
    .ph-default__media {
        margin-bottom: 0
    }
}

.ph-default__category {
    margin-top: 10px
}

.ph-default__category .icon {
    padding-right: 15px
}

.place-addresses {
    border-top: 1px dashed #dadada;
    padding-top: 20px;
    padding-bottom: 20px
}

@media only screen and (min-width:501px) {
    .place-addresses {
        padding-top: 40px
    }
}

.place-description {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.06667rem
}

@media print {
    .place-description {
        font-size: 9pt
    }
}

.place-map {
    margin-top: 20px;
    text-align: center
}

@media only screen and (min-width:987px) {
    .place-map {
        margin-top: 0
    }
}

.place-quotes {
    border-top: 1px dashed #dadada;
    padding-top: 20px
}

@media only screen and (min-width:501px) {
    .place-quotes {
        padding-top: 40px
    }
}

.place-addresses {
    margin-top: 0;
    -moz-transition: margin .5s linear;
    -o-transition: margin .5s linear;
    -webkit-transition: margin .5s linear;
    transition: margin .5s linear
}

.place-addresses__chef {
    margin-bottom: 15px
}

.place-addresses__dl {
    margin-top: 5px
}

.place-addresses__dt {
    float: left;
    display: block;
    margin-right: 5px
}

.place-addresses__dt:after {
    content: " : "
}

.place-addresses__dd {
    overflow: hidden;
    display: block
}

.map-addresses-search__input-text {
    float: none
}

.map-addresses-search__map {
    width: 100%;
    height: 0;
    margin-top: 30px;
    padding-bottom: 75%
}

.map-addresses-search__map img {
    max-width: inherit
}

.map-addresses-search .twitter-typeahead {
    width: 100%
}

.map-addresses-search .tt-suggestion {
    display: inline-block;
    padding: 4px 15px;
    vertical-align: middle;
    width: 100%
}

@media only screen and (min-width:501px) {
    .map-addresses-search .tt-suggestion {
        padding: 7px 15px
    }
}

.map-addresses-search .tt-suggestion .icon {
    vertical-align: middle;
    margin-right: 5px
}

.map-addresses-search .tt-suggestion:hover,
.map-addresses-search .tt-suggestion.active {
    cursor: pointer;
    background-color: rgba(245, 245, 245, 0.8)
}

.map-addresses-search .tt-suggestion.tt-cursor {
    background-color: rgba(245, 245, 245, 0.8)
}

.map-addresses-search .tt-suggestion--highlight {
    padding: 15px;
    background: rgba(239, 239, 239, 0.8)
}

.map-addresses-search__tooltip {
    cursor: pointer
}

.map-addresses-search__tooltip:after {
    content: "";
    display: block;
    clear: both
}

.map-addresses-search__tooltip-title {
    margin-bottom: 5px
}

.map-addresses-search__tooltip-picture {
    float: left;
    margin-right: 1em;
    width: 60px;
    height: 60px
}

.map-addresses-search__tooltip-content {
    max-width: 200px;
    max-height: 60px;
    line-height: 20px;
    overflow: hidden
}

.pager {
    text-align: center;
    line-height: 40px
}

.pager.pager--normal {
    border-top: 1px solid #e5e5e5;
    padding-top: 12px;
    margin-top: 24px
}

@media only screen and (min-width:501px) {
    .pager.pager--normal {
        padding-top: 30px;
        margin-top: 40px
    }
}

.pager.pager--essio {
    text-align: center;
    max-width: 300px;
    margin: 0 auto
}

@media only screen and (min-width:501px) {
    .pager.pager--essio {
        max-width: 500px
    }
}

.pager.pager--essio::before {
    content: "...";
    display: inline-block;
    font-size: 30px;
    text-align: center
}

.pager.pager--essio:hover::before {
    display: none
}

.pager.pager--essio:hover .pager__line--essio {
    display: inline-block
}

.pager__line {
    display: block;
    position: relative
}

.pager__line--essio {
    display: none;
    text-align: center;
    margin-top: 3px;
    padding: 0 .5em;
    border-top: solid 1px #e5e5e5;
    border-left: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    background: #f5f5f5
}

.pager__line--essio+.pager__line--essio {
    border-top: 0
}

.pager__line--essio:last-child {
    border-bottom: solid 1px #e5e5e5
}

.pager__item {
    display: inline-block
}

.pager__link {
    border: 1px solid #e5e5e5
}

@media only screen and (min-width:501px) {
    .pager__link {
        border: 0
    }
}

.pager__link.selected,
.pager__link:hover {
    color: #96969a
}

.pager__link--normal {
    padding: 5px 15px
}

.pager__link--essio {
    display: inline-block;
    padding: 0 .5em;
    text-align: center
}

.activity {
    float: none
}

.activity+* {
    padding-top: 20px;
    border-top: 1px dotted #e5e5e5
}

.activity__author+.activity__content {
    margin-top: 10px
}

.activity__ribbon-small {
    margin: 0 5px;
    position: relative;
    top: -1px
}

.activity__summary {
    padding-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.activity__author-media {
    float: left;
    padding-right: 10px
}

.activity__author-media img {
    border-radius: 50%
}

.activity__author-body {
    position: relative;
    top: -4px;
    overflow: hidden;
    font-size: 13px
}

.activity__author-name {
    display: block
}

.fundamental {
    position: relative
}

.fundamental--premium {
    border: 1px solid #bca351
}

.fundamental--normal,
.fundamental--user,
.fundamental--encyclo {
    border: 1px solid #e5e5e5
}

.fundamental__media {
    position: relative;
    float: left;
    margin-right: 12px;
    line-height: 0;
    text-align: center
}

.fundamental__media img {
    max-width: 120px
}

@media only screen and (min-width:501px) {
    .fundamental__media {
        float: none;
        margin-right: 0
    }
    .fundamental__media img {
        max-width: 100%
    }
}

@media only screen and (min-width:501px) {
    .fundamental__media--normal {
        margin: 14px 14px 0 14px
    }
}

@media only screen and (min-width:501px) {
    .fundamental__media--user {
        padding: 12px 0;
        border-bottom: 1px solid #e5e5e5;
        background-color: #f5f5f5
    }
}

.fundamental__media--user img {
    border-radius: 50%
}

@media only screen and (min-width:501px) {
    .fundamental__media--encyclo {
        padding: 12px 0;
        border-bottom: 1px solid #e5e5e5
    }
}

.fundamental__bg {
    display: none
}

@media only screen and (min-width:501px) {
    .fundamental--encyclo .fundamental__bg {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.04);
        box-shadow: inset 0 0 10px #ddd
    }
    a:hover .fundamental--encyclo .fundamental__bg {
        background-color: rgba(0, 0, 0, 0.1)
    }
}

.fundamental__ribbon {
    position: absolute;
    top: -9px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 1
}

@media only screen and (min-width:501px) {
    .fundamental__ribbon {
        top: -10px
    }
}

.fundamental__body {
    overflow: hidden
}

.fundamental__body {
    padding-top: 6px
}

@media only screen and (min-width:501px) {
    .fundamental__body {
        padding: 12px 12px 0 12px;
        min-height: 99px
    }
}

@media only screen and (min-width:501px) {
    .fundamental__body--search {
        min-height: 146px
    }
}

.comment {
    padding-top: 20px;
    padding-bottom: 20px
}

.comment+.comment {
    border-top: 1px dashed #dadada
}

.comment__media {
    float: left;
    padding-right: 15px
}

.comment__body {
    position: relative;
    top: -5px;
    overflow: visible
}

@media only screen and (min-width:501px) {
    .comment__body {
        overflow: hidden
    }
}

.comment__date {
    float: right;
    color: #96969a;
    font-size: 12px
}

.comment--quote {
    padding-bottom: 30px;
    padding-top: 30px;
    padding-left: 80px;
    padding-right: 80px
}

.comment__content--quote {
    padding-left: 30px;
    position: relative;
    margin-top: 5px
}

.comment__content--quote:before,
.comment__content--quote:after {
    display: inline-block;
    font-family: arial;
    line-height: 20px;
    vertical-align: middle;
    color: #888
}

.comment__content--quote:before {
    font-size: 56px;
    content: "“";
    position: absolute;
    left: 0;
    top: 16px
}

.comment__content--quote:after {
    font-size: 30px;
    content: "”"
}

.comment-form {
    margin-top: 40px
}

.comment-form__ta {
    border: 1px solid #dadada;
    width: 100%;
    display: block;
    min-height: 120px;
    -moz-transition: height .1s ease-in;
    -o-transition: height .1s ease-in;
    -webkit-transition: height .1s ease-in;
    transition: height .1s ease-in;
    resize: none;
    padding: 10px
}

.comment-form__submit {
    text-align: right;
    padding-top: 24px;
    vertical-align: bottom;
    text-align: right
}

.comment-form .comment-form__about {
    border-bottom: 1px dotted #7e6803;
    color: #7e6803;
    font-size: 11px;
    margin-right: 20px;
    padding-bottom: 5px
}

.comment-form .md-editor {
    margin-top: 40px
}

.reco-list__title {
    margin-bottom: 12px;
    border-bottom: 1px solid #dadada;
    padding-bottom: 5px
}

@media only screen and (min-width:501px) {
    .reco-list__title {
        margin-bottom: 24px
    }
}

.reco-list__item {
    display: block;
    font-size: 14px
}

@media only screen and (min-width:987px) {
    .reco-list__item {
        font-size: 14px
    }
}

.reco-list__item+.reco-list__item {
    margin-top: 15px
}

@media only screen and (min-width:987px) {
    .reco-list__item+.reco-list__item {
        margin-top: 6px
    }
}

.reco-list-labels {
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    -ms-column-gap: 24px;
    -o-column-gap: 24px;
    column-gap: 24px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2
}

.reco-list-labels__item {
    display: block;
    margin-bottom: 10px
}

.plancha__font-4 {
    text-align: left
}

.link-tag--spaced+.link-tag--spaced {
    padding-left: 10px
}

.tags__tag+.tags__tag {
    padding-left: 15px
}

.tags__tag-link,
.certifie {
    color: #856400;
    font-weight: 400;
    vertical-align: middle
}

.rich-text>p+p,
.rich-text .trunc>p+p,
.md-preview>p+p,
.md-preview .trunc>p+p {
    margin-top: 10px
}

.rich-text>ul+p,
.md-preview>ul+p {
    margin-top: 10px
}

.rich-text h3,
.md-preview h3 {
    margin-bottom: 15px
}

.rich-text *+h3,
.md-preview *+h3 {
    margin-top: 30px
}

.rich-text em,
.rich-text i,
.md-preview em,
.md-preview i {
    font-style: italic
}

.rich-text table,
.md-preview table {
    float: left;
    margin-right: 24px;
    width: 25%;
    border: 1px solid #dadada
}

.rich-text table th,
.md-preview table th {
    border-bottom: 1px solid #dadada;
    text-align: center
}

.rich-text ul,
.md-preview ul {
    padding-left: 20px;
    margin-top: 10px;
    list-style-type: disc
}

.follow .hideonhover {
    display: inline-block
}

.follow .showonhover {
    display: none
}

.follow:hover .hideonhover {
    display: none
}

.follow:hover .showonhover {
    display: inline-block
}

.ctas {
    overflow: hidden;
    margin-left: -10px;
    margin-top: -10px
}

.ctas--abs {
    margin-top: 0
}

@media only screen and (min-width:501px) {
    .ctas--abs {
        position: absolute;
        bottom: 0;
        margin-top: -10px
    }
}

.ctas.ctas--rel {
    margin-top: 0
}

.ctas>* {
    margin-top: 10px
}

.ctas .button-simple,
.ctas .button-icon,
.ctas .favorite__nb {
    margin-left: 10px
}

.ctas .favorite .hideonhover {
    display: inline-block
}

.ctas .favorite .showonhover {
    display: none
}

.ctas .favorite:hover .hideonhover {
    display: none
}

.ctas .favorite:hover .showonhover {
    display: inline-block
}

.ctas .favorite,
.ctas .favorite__nb {
    display: inline-block;
    vertical-align: middle
}

.ctas .favorite__nb {
    background-color: #baa256;
    vertical-align: middle;
    padding: 0 15px;
    line-height: 30px;
    font-size: 15px;
    color: #fff;
    position: relative
}

.ctas .favorite__nb:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: -7px;
    display: inline-block;
    border-width: 15px 0 15px 7px;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #baa256;
    border-style: solid;
    -ms-transform: scale(0.9999);
    -webkit-transform: scale(0.9999);
    transform: scale(0.9999);
    -moz-transform: scale(1)
}

.ctas__social {
    display: inline-block;
    vertical-align: middle
}

@media only screen and (min-width:987px) {
    .ctas--right {
        text-align: right
    }
    .ctas__social--right {
        float: right
    }
    .ctas .button-simple:nth-child(n+2),
    .ctas .button-icon {
        margin-left: 10px
    }
}

@media only screen and (min-width:501px) {
    .ctas {
        margin-top: -20px
    }
    .ctas>* {
        margin-top: 20px
    }
}

.partager {
    display: none
}

.partager ~ .ctas__social {
    position: absolute;
    height: 0;
    overflow: hidden
}

.partager:checked ~ label {
    display: none
}

.partager:checked ~ .ctas__social {
    position: static;
    height: auto;
    overflow: visible
}

@media only screen and (min-width:987px) {
    .partager ~ label {
        display: none
    }
    .partager ~ .ctas__social {
        position: static;
        height: auto;
        overflow: visible
    }
}

.inpage-swiper {
    color: #fff;
    text-align: center;
    backface-visibility: hidden;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: auto;
    height: 0;
    margin: -24px -12px 0 -12px
}

.inpage-swiper--normal {
    padding-bottom: 57.3%
}

.inpage-swiper--wide {
    padding-bottom: 47.4%
}

@media only screen and (min-width:501px) {
    .inpage-swiper--wide {
        padding-bottom: 44.2%
    }
}

@media only screen and (min-width:501px) {
    .inpage-swiper {
        margin: 0
    }
}

.inpage-swiper__container {
    position: relative
}

.inpage-swiper .swiper-wrapper {
    position: relative
}

.inpage-swiper .swiper-container {
    color: #fff;
    text-align: center
}

.inpage-swiper .swiper-slide {
    position: relative
}

.inpage-swiper .swiper-legend {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 12px;
    padding: 5px;
    text-align: left
}

.inpage-swiper__prev,
.inpage-swiper__next {
    height: 100%;
    width: 35px;
    position: absolute;
    z-index: 2;
    cursor: pointer
}

.inpage-swiper__prev-icon,
.inpage-swiper__next-icon {
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 60px;
    top: 30%
}

@media only screen and (min-width:501px) {
    .inpage-swiper__prev-icon,
    .inpage-swiper__next-icon {
        top: 45%
    }
}

.inpage-swiper__prev {
    left: -12px
}

@media only screen and (min-width:501px) {
    .inpage-swiper__prev {
        left: 0
    }
}

.inpage-swiper__prev-icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAeCAYAAAAl+Z4RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTgyMkFCQ0M3NUVBMjQ3Q0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTg4NDdGNTZCMzJDMTFFMzg4QkVCMzc1MUNEMTlGRjAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTg4NDdGNTVCMzJDMTFFMzg4QkVCMzc1MUNEMTlGRjAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJEMjgzQzM0MTMyMDY4MTE4MjJBRjI1RDVDRjI0NEVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4MjJBQkNDNzVFQTI0N0NBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SkIj6AAAARpJREFUeNqclTEKwjAUhquBQicnwWN4Bm/jJAiCk+DkJDh1KghOQqFQEAQnwUlwEnRx8waeIL7WPxBD0ySv8A9N+32k6XtJR0oZMa+U8owqASMb+btSDrwGnNWzZ8I7NRYCrwDvKSJUoOBCh30FS8AHSmw+d8ELwKcm2CVQ8JmS2N6zwXPAlzbYJpgBvlJ6rjUyB6aAbz6wKZgAvlP6vvVhwo8QWAnGgF+UQWhvdKklh2jPN+UT3NQwZVrBJKGfoLLlSPQboUmOttJ11YFAr3tLmgYFet7agT69UElyH0nb9HRJyWnnCFCh7UbBG4qSlJDkpsS3YGKshZIIzq4c49f+SULPhUST1Ns752RKUO716cQ9G9VMRl8BBgD/0oEUT0W0yAAAAABJRU5ErkJggg==')
}

.inpage-swiper__next {
    right: -12px
}

@media only screen and (min-width:501px) {
    .inpage-swiper__next {
        right: 0
    }
}

.inpage-swiper__next-icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAfCAYAAAABZyaKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTgyMkFCQ0M3NUVBMjQ3Q0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTg4NDdGNTJCMzJDMTFFMzg4QkVCMzc1MUNEMTlGRjAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTg4NDdGNTFCMzJDMTFFMzg4QkVCMzc1MUNEMTlGRjAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJEMjgzQzM0MTMyMDY4MTE4MjJBRjI1RDVDRjI0NEVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4MjJBQkNDNzVFQTI0N0NBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+oH9kQQAAAPBJREFUeNqk1d0GAkEUB/CpiCWWiB4jeooeJSIiIqKriIiI6Em63SzLEtGzdDmdozMcaz9m/nv4j5m9+DnMxxpr7YSypRg0PKT2X4c2yJjyEeiIIpxRG0gvGHoLdEIRB71CobKPQwWdUcRBuUAXFAmCmlqNKZlAVxRxUFoH+W6jhm4owhlQkjIo9Ihr6I4inKgIdU14fSlPmU8pMdLJXrrI5SyZ1kAoslNAjOxOJeCLbATIygAfxAFpFdCErH2AOmTlC1QhGhggL9tSgMQXKCILBNDIHAUcooEI+QN2aHjQTexTZnJDg4sRBnoowPUTYABzS9n9JEs2qgAAAABJRU5ErkJggg==')
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.video-wrapper iframe,
.video-wrapper .mejs-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.seasons {
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    -ms-column-gap: 24px;
    -o-column-gap: 24px;
    column-gap: 24px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2
}

@media only screen and (min-width:501px) {
    .seasons {
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        -ms-column-gap: 24px;
        -o-column-gap: 24px;
        column-gap: 24px;
        -webkit-column-count: 4;
        -moz-column-count: 4;
        -ms-column-count: 4;
        -o-column-count: 4;
        column-count: 4
    }
}

@media only screen and (min-width:987px) {
    .seasons {
        display: table;
        width: 100%;
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        -ms-column-gap: 24px;
        -o-column-gap: 24px;
        column-gap: 24px;
        -webkit-column-count: none;
        -moz-column-count: none;
        -ms-column-count: none;
        -o-column-count: none;
        column-count: none
    }
}

.seasons__item {
    display: block;
    font-size: 15px
}

@media only screen and (max-width:501px) {
    .seasons__item {
        line-height: 30px
    }
}

@media only screen and (min-width:501px) {
    .seasons__item {
        font-size: 20px
    }
}

@media only screen and (min-width:987px) {
    .seasons__item {
        display: table-cell;
        width: 3%
    }
}

.seasons__item.active {
    color: #96969a
}

.seasons__chapo {
    margin-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #dadada;
    margin-bottom: 30px
}

.js-linked {
    display: block
}

.js-linked:hover {
    cursor: pointer;
    background-color: #f7f7f7
}

@media only screen and (min-width:987px) {
    .js-linked:hover {
        background-color: transparent
    }
}

.js-linked:hover:not(.ribbon-min):not(.ribbon-small):not(.ribbon-big) {
    color: #78787a
}

.js-linked:hover .icon {
    fill: #78787a
}

.js-linked.mod-pedia:hover {
    background-color: transparent
}

.js-metalinked {
    display: block
}

.reg-bloc {
    position: relative;
    border: 1px solid #dadada;
    background-color: #fff;
    padding: 12px;
    position: relative
}

@media only screen and (min-width:501px) {
    .reg-bloc {
        padding: 15px 20px 24px
    }
}

.reg-bloc--centered {
    text-align: center
}

.reg-bloc--gold {
    border-color: #baa256
}

@media only screen and (min-width:501px) {
    .reg-bloc--gold {
        padding: 20px
    }
}

.reg-bloc--border-large {
    border-width: 3px
}

.reg-bloc__title {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 23px;
    line-height: 28px;
    font-weight: 400;
    margin: 0 auto 15px;
    width: 50%;
    text-align: center
}

@media only screen and (min-width:987px) {
    .reg-bloc__title {
        margin: 15px 0 0;
        width: auto;
        text-align: left
    }
}

.reg-bloc__title-grey {
    color: #7f7f81
}

.reg-bloc__title-gold {
    color: #baa256
}

.reg-bloc__description {
    text-align: center;
    margin-top: 15px
}

@media only screen and (min-width:987px) {
    .reg-bloc__description {
        width: 330px;
        text-align: left
    }
}

.reg-bloc__ribbon {
    position: absolute;
    left: 0;
    top: -20px;
    width: 100%;
    text-align: center
}


.table1 {
    width: 100%
}

.table1 th {
    text-align: left;
    padding-bottom: 20px
}

.table1 th:last-child {
    text-align: right
}

.table1 td:last-child {
    text-align: right
}

.table1 a {
    color: #856400
}

.notice {
    color: #666;
    display: block;
    font-size: 11px;
    line-height: 16px
}

.notice a {
    color: #856400
}

.map-wrapper {
    position: relative;
    padding-bottom: 64.35%;
    padding-top: 25px;
    height: 0
}

.map-wrapper .map-container {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media only screen and (min-width:501px) {
    .map-wrapper .map-container {
        padding: 20px
    }
}

.pay-recap {
    width: 100%
}

.pay-ariane {
    margin-top: 20px;
    padding-top: 20px;
    color: #856400;
    display: block;
    text-align: center;
    border-top: 1px solid #dadada;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px
}

.og-zone {
    border-top: 1px solid #dadada;
    margin-top: 24px;
    padding-top: 15px
}

.og-zone__txt1 {
    color: #007dc1;
    font-family: arial;
    font-weight: bold;
    font-size: 13px;
    vertical-align: middle
}

.og-zone__txt2 {
    color: #7f7f81;
    font-size: 11px
}

.og-zone__img1 {
    margin-right: 15px
}

.og-zone__img2 {
    vertical-align: bottom;
    margin-left: 10px
}

.net-link {
    color: #856400
}

.net-link+.net-link {
    padding-left: 10px
}

.net-link .icon {
    margin-right: 5px
}

.faq-rub-top {
    margin-top: 20px;
    margin-bottom: 10px
}

.faq-cat {
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px dashed #dadada
}

.faq-rub-mid {
    padding-top: 25px;
    margin-bottom: 10px
}

.faq-cat+p,
.faq>p+p {
    margin-top: 10px
}

.faq>ul+p {
    margin-top: 10px
}

.faq em,
.faq i {
    font-style: italic
}

.faq ul {
    list-style-type: disc;
    padding-left: 20px;
    margin-top: 10px
}

.logo-link {
    display: inline-block;
    line-height: 0
}

.logo--baseline {
    display: none
}

@media only screen and (min-width:987px) {
    .logo--baseline {
        display: inline;
        width: 200px;
        height: 65px;
        margin: 0
    }
}

.logo--without-baseline {
    display: inline;
    height: 40px;
    width: 149px;
    margin: 5px 0
}

@media only screen and (min-width:987px) {
    .logo--without-baseline {
        display: none;
        width: 190px;
        height: 51px;
        margin: 14px 28px 14px 0
    }
}

.flash {
    border-bottom: 1px solid #dadada
}

.flash--cookie {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px 30px;
    background-color: #000;
    border-bottom: 0;
    color: #fff;
    text-align: center;
    font-size: 11px;
    z-index: 10
}

.flash--cookie .flash__close,
.flash--cookie a {
    color: #fff !important
}

.flash--cookie .flash__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    background-color: #656565
}

.flash--cookie .flash__close:hover {
    background-color: #7f7f7f
}

.flash--cookie a {
    font-weight: 700;
    text-decoration: underline
}

.flash--cookie a:hover {
    text-decoration: none
}

.flash--cookie .icon-close-10 {
    fill: #fff
}

.flash--confirm {
    padding: 8px 0;
    background-color: #e6e6e6;
    text-align: center
}

.flash--error {
    padding: 8px 0;
    background-color: #ffbfbf;
    text-align: center
}

.flash a {
    color: #856400
}

.flash .section__content {
    position: relative
}

.flash__close {
    display: block;
    float: right;
    cursor: pointer;
    font-size: 11px;
    color: #999;
    margin-left: 10px;
    font-family: arial, sans-serif
}

.js-toggle-next+* {
    display: none
}

.certifie {
    display: inline-block;
    margin: 10px 0
}

@media only screen and (min-width:987px) {
    .certifie {
        margin: 0 0 0 10px
    }
}

.certifie img {
    float: left;
    vertical-align: top;
    margin-right: 5px
}

.picvid {
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.7);
    display: block;
    position: absolute;
    bottom: 15px;
    left: 15px
}

.picvid:after {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 12px 18px;
    content: " ";
    display: block;
    height: 0;
    left: 20px;
    position: absolute;
    top: 14px;
    width: 0
}

.ellip {
    display: block;
    height: 100%
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%
}

.ellip,
.ellip-line {
    position: relative;
    overflow: hidden
}

.medium__credits-wrapper {
    display: block;
    position: relative;
    height: 1px;
    top: -1px
}

.medium__credits {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
    color: #fff;
    line-height: 1.3em;
    padding: 12px 8px 6px 8px;
    text-align: right;
    font-size: 12px;
    text-shadow: 0 0 14px rgba(0, 0, 0, 0.5)
}

.medium:hover .medium__credits,
.swiper-slide:hover .medium__credits {
    display: block
}

.medium__legend {
    display: block;
    margin: 10px 0;
    font-style: italic;
    line-height: 17px;
    font-size: 13px
}

.video__credits {
    display: block;
    font-size: 12px;
    text-align: right
}


@media only screen and (min-width:501px) {
    .landing-register {
        padding-top: 30px
    }
}

@media only screen and (min-width:987px) {
    .landing-register {
        padding-top: 40px;
        min-height: 510px
    }
}

.landing-register__content {
    max-width: 768px
}

@media only screen and (min-width:987px) {
    .content .landing-register+section.section:not(.HACK-POUR-PRIORITE) {
        margin-top: -80px
    }
}

.content .landing-register+section.section:not(.HACK-POUR-PRIORITE) .section__content--mid {
    background-color: #fff
}

.landing-register__title {
    text-align: center;
    margin-bottom: 33px
}

.landing-register__stitle {
    display: block;
    margin-top: 15px
}

.landing-register__headline {
    margin-bottom: 33px;
    text-align: center
}

.mod-generic {
    position: relative
}

.mod-generic--padding-20 {
    padding: 20px
}

.mod-generic--padding-5 {
    padding: 5px
}

.mod-generic--grey {
    background: #f5f5f5
}

.mod-generic__media {
    float: left;
    position: relative;
    max-width: 120px;
    margin-right: 8px;
    line-height: 0
}

.mod-generic__media:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-box-shadow: inset 0 0 40px 0 rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: inset 0 0 40px 0 rgba(0, 0, 0, 0.09);
    box-shadow: inset 0 0 40px 0 rgba(0, 0, 0, 0.09)
}

.mod-generic__media--background-transparent:after {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.mod-generic__media--background-white {
    background: #fff;
    padding: 5px
}

.mod-generic__media--background-white:after {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media only screen and (min-width:501px) {
    .mod-generic__media--col {
        float: none;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 12px
    }
}

@media only screen and (min-width:987px) {
    .mod-generic__media--row {
        margin-right: 24px;
        max-width: 50%
    }
}

.mod-generic--has-badge-right .mod-generic__body {
    padding-right: 50px
}

.mod-generic__body--hidden {
    overflow: hidden
}

.mod-generic__body--padding {
    padding: 15px 20px 15px 0;
    overflow: hidden
}

@media only screen and (min-width:501px) {
    .mod-generic__title {
        margin-bottom: 5px
    }
}

.mod-generic__picvid {
    display: block;
    position: absolute;
    bottom: 5px;
    left: 5px
}

@media only screen and (min-width:501px) {
    .mod-generic__picvid {
        bottom: 15px;
        left: 15px
    }
}

.mod-generic__badge {
    position: absolute;
    top: -10px;
    left: 10px;
    max-width: 30%;
    z-index: 2
}

.mod-generic__badge--premium {
    top: auto;
    right: 5px;
    bottom: 5px;
    left: auto;
    text-align: right
}

.mod-generic--has-badge-right .mod-generic__badge {
    left: auto;
    right: 10px
}

.mod-generic__badge img {
    max-width: 100%
}

.mod-list {
    display: table;
    width: 100%;
    table-layout: fixed;
    border: 1px solid #e1e1e1;
    background: #fff
}

.mod-list__media {
    display: table-cell;
    width: 30%;
    min-width: 90px;
    border-right: 1px solid #e1e1e1;
    text-align: center;
    vertical-align: middle
}

.mod-list__media img {
    vertical-align: middle
}

.mod-list__title {
    display: table-cell;
    padding: 0 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    color: #000;
    vertical-align: middle
}

.mod-list__more {
    width: 100%;
    background: 0;
    border: 0;
    padding: 0
}

.mod-list__more-label {
    text-decoration: underline
}

.trunc__checkbox {
    display: none
}

.trunc__checkbox:not(:checked)+.trunc .trunc__part {
    display: none
}

.trunc__checkbox:checked+.trunc .trunc__ellipsis,
.trunc__checkbox:checked+.trunc .trunc__link {
    display: none
}

.cart-breadcrumb {
    position: relative;
    margin: 0 0 40px;
    text-align: center;
    counter-reset: step
}

.cart-breadcrumb:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 50%;
    width: 180px;
    border-top: 1px solid #dadada;
    transform: translateX(-50%);
    z-index: 0
}

.cart-breadcrumb__item {
    position: relative;
    display: inline-block;
    margin: 0 55px;
    color: #dadada;
    text-align: center;
    z-index: 1
}

.cart-breadcrumb__item:before {
    counter-increment: step;
    content: counter(step);
    display: block;
    margin: 0 auto 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    color: #fff;
    background: #dadada
}

.cart-breadcrumb__item--active {
    color: #bda44a
}

.cart-breadcrumb__item--active:before {
    background: #bda44a
}

.cart-item+.cart-item {
    padding-top: 24px
}

.cart-item__label {
    font-weight: 700
}

.cart-item__label:before {
    content: '•';
    color: #baa256;
    margin-right: 5px
}

.cart-item__line {
    color: #555
}

.cart-item__price {
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    color: #baa256
}

.cart-item__price ins {
    border-bottom: 0
}

.cart-item__cta {
    float: right;
    width: 30px;
    text-align: right
}

.cart-item__cta-button {
    padding: 0;
    background-color: transparent;
    border: 0
}

.cart-item__cta-button--marge {
    margin: 20px 0 0;
    text-align: left
}

.cart-item__description {
    font-size: 12px;
    font-style: italic;
    color: #96969a
}

.cart-item__hint {
    margin: 10px 0;
    font-size: 15px;
    font-style: normal;
    font-weight: normal
}

.cart-total {
    text-align: right;
    margin-top: 24px;
    font-weight: 700;
    border-top: 1px dashed #dadada;
    padding-top: 10px
}

.cart-total__label {
    float: left;
    text-align: left
}

.cart-total__price {
    padding-right: 10px
}

.cart-total__price--edit {
    padding-right: 40px
}

.cart__billing-address {
    font-size: 12px;
    font-style: italic
}

.cart-coupon {
    margin-top: 30px
}

.submits-at-bottom {
    margin-top: 25px
}

.submits-at-bottom__link {
    margin: 0 10px
}

.submits-at-bottom__link:first-child {
    margin-left: 0
}

.submits-at-bottom__link:last-child {
    margin-right: 0
}

.logo-partners {
    text-align: center
}

.logo-partners img {
    width: auto;
    height: 30px
}

@media only screen and (min-width:501px) {
    .logo-partners img {
        height: 50px
    }
}

.logo-partners__item {
    display: inline-block;
    width: 30%;
    text-align: center
}

@media only screen and (min-width:987px) {
    .logo-partners__item {
        width: 16%
    }
}

.logo-partners--recipe {
    margin-top: 30px
}

.logo-partners--recipe img {
    width: auto;
    height: 30px
}

@media only screen and (min-width:501px) {
    .lap-and-up-one-seventh {
        width: 14.2857143%
    }
}

.js-toggle-target {
    position: relative;
    cursor: pointer
}

.js-toggle-target__icon {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: transform .2s
}

.js-toggle-target--active .js-toggle-target__icon {
    transform: translateY(-50%) rotate(180deg)
}

.title-arrow {
    text-align: center
}

.title-arrow__label {
    position: relative;
    display: inline-block;
    padding: 0 0 15px;
    margin: 0 auto 70px;
    text-transform: uppercase;
    font: normal 20px/30px 'Roboto Condensed', sans-serif;
    border-bottom: 1px solid;
    color: #bca351
}

.title-arrow__label:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    left: calc(50% - 10px);
    width: 20px;
    height: 20px;
    border: solid #bca351;
    border-width: 0 1px 1px 0;
    background: #fff;
    transform: rotate(45deg)
}

@media only screen and (min-width:987px) {
    .user-header__name {
        max-width: 430px
    }
}

.user-header__follow {
    display: inline-block;
    margin: 15px 20px 0 0
}

.user-header__media {
    float: left;
    width: 33.333%;
    padding-right: 12px;
    line-height: 0
}

@media only screen and (min-width:501px) {
    .user-header__media {
        padding-right: 24px
    }
    .user-header__media--chef {
        width: 33.333%
    }
}

@media only screen and (min-width:987px) {
    .user-header__media--default {
        width: 16.666%
    }
}

.user-header__media img {
    max-width: 100% !important
}

.user-header__media-inside {
    position: relative
}

@media only screen and (min-width:987px) {
    .user-header__body {
        position: relative;
        overflow: hidden
    }
}

@media only screen and (min-width:987px) {
    .user-header__top {
        margin-bottom: 15px
    }
}

.user-header__stats {
    margin-top: 10px
}

@media only screen and (min-width:987px) {
    .user-header__stats {
        position: absolute;
        top: 0;
        right: 0;
        width: 200px;
        margin-top: 0
    }
}

.user-header__stat {
    display: inline-block
}

.user-header__stat+.user-header__stat {
    margin-left: 24px
}

@media only screen and (min-width:987px) {
    .user-header__stat {
        display: block;
        text-align: right
    }
    .user-header__stat+.user-header__stat {
        margin-left: 0
    }
}

@media only screen and (min-width:987px) {
    .user-header__stat-label {
        text-align: left;
        float: left;
        clear: left
    }
}

.user-header__stat-num {
    padding-left: 10px
}

.user-header__bio {
    clear: both;
    padding-top: 10px
}

.user-header__links {
    clear: both;
    border-top: 1px dashed #dadada;
    margin-top: 20px;
    padding: 15px 0
}

@media only screen and (min-width:987px) {
    .user-header__links {
        margin-top: 30px;
        padding: 20px 0
    }
}

.user-header__actions {
    margin-top: 20px;
    overflow: hidden
}

@media only screen and (min-width:987px) {
    .user-header__actions {
        display: flex;
        justify-content: space-between
    }
}

.user-header__actions-item {
    margin-bottom: 10px
}

.mod-users {
    position: relative
}

.mod-users__checkbox {
    display: none
}

.mod-users__label {
    display: none
}

.mod-users__list {
    display: none
}

@media only screen and (min-width:501px) {
    .mod-users__label {
        display: block;
        position: absolute;
        top: -10px;
        right: -10px;
        bottom: -10px;
        left: -10px
    }
    .mod-users__label:hover {
        background-color: rgba(220, 220, 220, 0.24)
    }
    .mod-users__list {
        display: none;
        position: absolute;
        top: 100%;
        left: -1px;
        right: -1px;
        padding: 10px;
        background-color: #fff;
        border: 1px solid #dadada;
        -moz-box-shadow: 0 4px 5px 0 rgba(50, 50, 50, 0.4);
        -webkit-box-shadow: 0 4px 5px 0 rgba(50, 50, 50, 0.4);
        box-shadow: 0 4px 5px 0 rgba(50, 50, 50, 0.4);
        z-index: 2
    }
    .mod-users__list>*+* {
        margin-top: 10px
    }
    .mod-users__checkbox:checked ~ .mod-users__list {
        display: block
    }
}

.mod-user {
    text-align: left;
    line-height: 15px
}

.mod-user--oncol {
    text-align: center
}

.mod-user--vvbig {
    border: 0 !important
}

.mod-user__media {
    line-height: 0
}

.mod-user__media .ribbon-big {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 10px;
    right: 10px;
    padding: 0;
    font-size: 10px;
    line-height: 22px;
    letter-spacing: 0
}

@media only screen and (min-width:501px) {
    .mod-user__media .ribbon-big {
        left: 17px;
        right: 17px;
        font-size: 12px
    }
}

.mod-user__media .ribbon-big:before {
    border-width: 11px 0 11px 5px
}

.mod-user__media .ribbon-big:after {
    border-width: 11px 5px 11px 0
}

.mod-user__media img {
    border-radius: 20%;
    max-width: none
}

.mod-user__par {
    line-height: 18px
}

.mod-user__name {
    cursor: pointer
}

.mod-user__others {
    display: block
}

@media only screen and (min-width:501px) {
    .mod-user__title {
        display: block
    }
}

.mod-user--onrow {
    display: flex;
    align-items: center;
    padding: 3px;
    overflow: hidden
}

@media only screen and (min-width:501px) {
    .mod-user--onrow.mod-user--min {
        height: auto
    }
}

.mod-user__media--onrow {
    float: left
}

.mod-user__body--onrow {
    overflow: hidden;
    display: block
}

.mod-user__par--ellip {
    display: block
}

.mod-user__media--oncol {
    float: none;
    margin-bottom: 10px;
    display: inline-block
}

.mod-user__media--oncol img {
    width: auto;
    height: auto
}

.mod-user__body--oncol {
    overflow: visible
}

@media only screen and (min-width:501px) {
    .mod-user--min {
        height: 30px
    }
}

.mod-user__media--min.mod-user__media--onrow {
    padding-right: 10px
}

@media only screen and (min-width:501px) {
    .mod-user__media--min.mod-user__media--onrow {
        padding-right: 0
    }
}

.mod-user__body--min.mod-user__body--onrow {
    padding-left: 0
}

@media only screen and (min-width:501px) {
    .mod-user__body--min.mod-user__body--onrow {
        padding-left: 10px
    }
}

.mod-user__media--mid.mod-user__media--onrow {
    padding-right: 17px
}

.mod-user__media--big.mod-user__media--onrow {
    padding-right: 20px
}

.mod-user__media--vvbig img {
    max-width: 100px
}

@media only screen and (min-width:501px) {
    .mod-user__media--vvbig img {
/*        max-width: 100%*/
    }
}

.mod-user__media--vvbig.mod-user__media--onrow {
    padding-right: 20px
}

.mod-user__body-content--vvbig.mod-user__body-content--onrow {
    min-height: 52px
}

.user-fellows {
    margin-bottom: 30px
}

.user-fellows__user {
    height: 0
}

.user-fellows__title {
    margin-top: 20px;
    color: gray;
    text-align: center
}

.user-fellows__back {
    margin-top: 20px;
    text-align: center
}

@media only screen and (min-width:501px) {
    .user-fellows__back {
        margin-top: 0
    }
}

.user-fellows__back-button {
    display: inline-block;
    line-height: 18px;
    font-size: 12px;
    color: #bca351;
    border-bottom: 1px dotted
}

@media screen and (max-width:987px) {
    .recipe-page {
        overflow: visible
    }
    .recipe-page__with-sticky-header .wrapper {
        overflow: visible
    }
    .recipe-page__with-sticky-header .header__content {
        position: sticky !important
    }
}

.recipe-header__new-label {
    display: block;
    font-size: 13px
}

@media only screen and (min-width:987px) {
    .recipe-header__new-label {
        font-size: 20px
    }
}

.recipe-header__new-label:after {
    content: attr(aria-label)
}

.recipe-header__title {
    margin-top: 10px
}

.recipe-header__title--normal {
    margin-bottom: 10px
}

@media only screen and (min-width:987px) {
    .recipe-header__title--normal {
        margin-bottom: 20px;
        margin-top: -10px
    }
}

.recipe-header__author--chef {
    text-align: center;
    position: relative
}

@media only screen and (min-width:501px) {
    .recipe-header__author--chef {
        margin-top: 0;
        width: auto
    }
}

.recipe-header__media {
    line-height: 0;
    position: relative
}

.recipe-header__media--chef {
    margin-top: 10px
}

.recipe-header__ribbon {
    text-align: center;
    position: absolute;
    width: 100%;
    top: -10px;
    z-index: 1
}

@media only screen and (min-width:501px) {
    .recipe-header__ribbon {
        top: -10px
    }
}

@media only screen and (min-width:987px) {
    .recipe-header__ribbon {
        top: -16px
    }
}

.recipe-header__pap {
    position: absolute;
    left: 10px;
    bottom: 10px
}

@media only screen and (min-width:501px) {
    .recipe-header__pap {
        left: 20px;
        bottom: 20px
    }
}

.recipe-header__disabled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.recipe-header__button {
    margin-top: 10px !important
}

@media only screen and (min-width:501px) {
    .recipe-header__button {
        margin-top: 20px !important
    }
}

.recipe-header__disabled-table {
    display: table;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45);
    table-layout: fixed;
    overflow: hidden;
    line-height: 1.5em;
    color: #fff
}

.recipe-header__disabled-td {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.recipe-header__disabled-icon {
    background-color: #000;
    width: 30px;
    line-height: 30px;
    display: inline-block
}

@media only screen and (min-width:501px) {
    .recipe-header__disabled-icon {
        width: 50px;
        line-height: 50px
    }
}

.recipe-header__disabled-h1 {
    margin-top: 10px;
    color: #fff
}

.recipe-header__disabled-h2 {
    margin-top: 8px;
    color: #fff
}

.recipe-header__disabled-ctas {
    padding: 0 5%
}

.recipe-header__purchased {
    margin-bottom: 20px;
    padding: 20px;
    background: #e9e9e9;
    text-align: center
}

@media only screen and (min-width:987px) {
    .recipe-header__purchased {
        margin-bottom: 30px
    }
}

.recipe-header__purchased-mention {
    margin-bottom: 10px
}

.recipe-header__badge {
    top: 15px;
    left: 15px
}

.recipe-intro {
    font-size: 16px;
    font-size: 1.06667rem;
    margin-top: 20px
}

@media print {
    .recipe-intro {
        font-size: 9pt
    }
}

@media only screen and (min-width:501px) {
    .recipe-header--normal+.recipe-intro {
        border-top: 1px solid #dadada;
        margin-top: 30px;
        padding-top: 25px
    }
}

.recipe-intro__tags {
    margin-top: 10px
}

@media only screen and (min-width:987px) {
    .recipe-intro__tags {
        display: inline-block;
        margin-top: 0
    }
    .recipe-intro__times+.recipe-intro__tags {
        margin-left: 20px
    }
}

.recipe-intro__ctas {
    margin-top: 10px
}

@media only screen and (min-width:501px) {
    .recipe-intro__ctas {
        margin-top: 30px
    }
}

.recipe-intro__times {
    margin-top: 15px
}

@media only screen and (min-width:501px) {
    .recipe-intro__times {
        margin-top: 0
    }
}

@media only screen and (min-width:987px) {
    .recipe-intro__times {
        display: inline-block;
        white-space: nowrap
    }
}

.recipe-intro__tagline {
    margin-top: 10px
}

@media only screen and (min-width:501px) {
    .recipe-intro__tagline {
        margin-top: 20px
    }
}

.recipes__header_media {
    display: table-cell
}

.recipes__header_body {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    font-weight: bold;
    font-size: 16px
}

.recipes__content {
    border: 1px solid #e5e5e7;
    border-width: 0 1px
}

.recipes__footer {
    border: 1px solid #e5e5e7;
    border-top: 0;
    text-align: right;
    padding: 15px
}

.recipe-content {
    border-top: 1px solid #dadada;
    padding-top: 25px;
    margin-top: 25px;
    position: relative
}

@media only screen and (min-width:987px) {
    .recipe-content {
        padding-top: 40px
    }
    .recipe-content:before {
        content: ' ';
        display: block;
        width: 1px;
        position: absolute;
        background-color: #dadada;
        top: 40px;
        bottom: 0;
        left: 25.84%
    }
}

@media only screen and (min-width:987px) {
    .recipe-col-left {
        display: inline-block;
        vertical-align: top;
        width: 25.84%
    }
    .recipe-col-right {
        display: inline-block;
        vertical-align: top;
        width: 74.16%;
        padding-left: 39px
    }
}

.recipe-actions {
    position: relative
}

.recipe-actions__media {
    width: 100%
}

.recipe-actions__step-by-step {
    position: absolute;
    bottom: 140px;
    width: 100%
}

.mod-recipe {
    position: relative
}

.mod-recipe:after {
    content: "";
    display: table;
    clear: both
}

.mod-recipe .mod-user__media img {
    width: 40px;
    height: 40px
}

@media only screen and (min-width:987px) {
    .mod-recipe .mod-user__media img {
        width: 60px;
        height: 60px
    }
}

.mod-recipe__media {
    float: left;
    position: relative;
    line-height: 0
}

.mod-recipe__media img {
    max-width: 150px
}

@media only screen and (min-width:501px) {
    .mod-recipe__media img {
        max-width: 138px
    }
}

.mod-recipe__icon {
    position: absolute;
    bottom: 7px;
    left: 7px;
    line-height: 20px;
    width: 20px
}


.mod-recipe__title {
    overflow: hidden
}

@media only screen and (min-width:987px) {
    .mod-recipe__title {
        margin-top: 0
    }
}

.mod-recipe__title.has-2-lines {
    max-height: 42px
}

.mod-recipe__title.has-3-lines {
    max-height: 65px
}

.activity .mod-recipe__title {
    min-height: 80px;
    max-height: none
}

.mod-recipe__title.is-new.has-2-lines:before,
.mod-recipe__title.is-new.has-3-lines:before,
.mod-recipe__title.is-new .ellip:before {
    text-transform: uppercase;
    color: #d7ab42
}

[lang=fr] .mod-recipe__title.is-new.has-2-lines:before,
[lang=fr] .mod-recipe__title.is-new.has-3-lines:before,
[lang=fr] .mod-recipe__title.is-new .ellip:before {
    content: 'NOUVEAU - '
}

[lang=en] .mod-recipe__title.is-new.has-2-lines:before,
[lang=en] .mod-recipe__title.is-new.has-3-lines:before,
[lang=en] .mod-recipe__title.is-new .ellip:before {
    content: 'NEW - '
}

.mod-recipe__favorites {
    padding: 3px 14px 3px 0
}

.mod-recipe__favorites .icon {
    margin-right: 5px
}

.mod-recipe__favorites-label {
    vertical-align: middle
}

.mod-recipe__ribbon {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
    top: -8px
}

@media only screen and (min-width:501px) {
    .mod-recipe__ribbon {
        top: -10px
    }
}

@media only screen and (min-width:501px) {
    .mod-recipe__ribbon--min {
        top: -8px
    }
}

@media only screen and (min-width:501px) {
    .mod-recipe__ribbon--purchase {
        top: -14px
    }
}

.mod-recipe__label-signature {
    color: #96969a;
    font-size: 15px;
    line-height: 20px;
    font-family: times, serif;
    font-style: italic
}

.mod-recipe__badge {
    position: absolute;
    top: -10px;
    left: 10px;
    height: 60%
}

.mod-recipe__badge--premium {
    top: auto;
    right: 5px;
    bottom: 5px;
    left: auto;
    text-align: right
}

.mod-recipe__badge img {
    max-height: 100%
}

.mod-recipe__media--small .mod-recipe__badge img {
    max-height: 80%
}

.mod-recipe__author {
    position: relative;
    overflow: hidden;
    padding-left: 12px
}

@media only screen and (min-width:501px) {
    .mod-recipe__author {
        overflow: visible
    }
}

@media only screen and (min-width:501px) {
    .mod-recipe__edit {
        border-top: 1px dotted #dadada;
        padding: 0 14px;
        line-height: 39px;
        vertical-align: middle
    }
}

.mod-recipe__edit-mod,
.mod-recipe__edit-label {
    font-family: 'Roboto Condensed';
    font-size: 13px
}

@media only screen and (min-width:501px) {
    .mod-recipe__edit-label {
        display: none
    }
}

.mod-recipe__edit-del {
    background: 0;
    border: 0;
    padding: 0
}

@media only screen and (min-width:501px) {
    .mod-recipe__edit-del {
        float: right;
        background: 0;
        border: 0;
        margin: 10px 0 0;
        padding: 0
    }
}

.mod-recipe__draft {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    color: #fff;
    font-family: 'Roboto Condensed';
    font-size: 18px;
    line-height: 18px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0
}
.mod-recipe__body {
    overflow: hidden;
    padding-left: 12px
}


@media only screen and (min-width:501px) {
    .mod-recipe__media--oncol {
        float: none;
        margin-right: 0
    }
    .mod-recipe__media--oncol img {
        max-width: 100%
    }
    .mod-recipe__icon--oncol {
        bottom: 10px;
        left: 10px;
        line-height: 30px;
        width: 30px
    }
    .mod-recipe__body--oncol {
        overflow: auto;
        padding-left: 0
    }
    .mod-recipe__body-content--oncol {
        min-height: 58px;
        padding-top: 12px
    }
    .activity .mod-recipe__body-content--oncol {
        padding-top: 15px
    }
}

@media only screen and (min-width:501px) {
    .mod-recipe__media--onrow--1 img {
        max-width: 199px
    }
    .mod-recipe__body-content--onrow--1 {
        min-height: 56px
    }
}

@media only screen and (min-width:501px) {
    .mod-recipe__body-content--onrow--2 {
        min-height: 34px
    }
    .mod-recipe__author--onrow--2 {
        overflow: hidden
    }
}

@media only screen and (min-width:501px) {
    .mod-recipe--bordergold {
        border-radius: 8px;
       border: 1px solid #baa44e
}    
    }
    .mod-recipe--brand {
        border-color: #e5e5e5
    }
    .mod-recipe--normal {
        border-color: #e5e5e5
    }
    .mod-recipe--purchase {
        border-color: #e8420c
    }
    .mod-recipe--bordered {
        border-width: 1px;
        border-style: solid
    }
    .mod-recipe__media--bordered img {
        border-radius: 10px
    }
    .mod-recipe__favorites--bordered {
        padding: 3px 14px
    }
    .mod-recipe__author--bordered {
        padding: 9px;
        border-top: 1px dotted #dadada
    }
    .mod-recipe__body--bordered {
/*        padding-left: 0*/
    }
    .mod-recipe__body-content--bordered {
   /*     padding-left: 14px;
        padding-right: 14px;*/
        padding-top: 5px
    }


.recipe-steps {
    border-top: 1px solid #dadada;
    margin-top: 25px;
    padding-top: 25px
}

@media only screen and (min-width:987px) {
    .recipe-steps {
        border-top: 0;
        margin-top: 0;
        padding-top: 0
    }
}

.recipe-steps__title {
    position: relative;
    top: -5px;
    margin-bottom: 10px;
    line-height: 34px
}

@media only screen and (min-width:987px) {
    .recipe-steps__title {
        margin-bottom: 15px
    }
}

.recipe-steps__step+.recipe-steps__step {
    margin-top: 15px
}

@media only screen and (min-width:501px) {
    .recipe-steps__step+.recipe-steps__step {
        margin-top: 20px
    }
}

@media only screen and (min-width:987px) {
    .recipe-steps__step+.recipe-steps__step {
        margin-top: 30px
    }
}

.recipe-steps__step--fadeout {
    margin-bottom: -20px
}

.recipe-steps__step--fadeout::after {
    content: '';
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.7) 40%, #fff 80%);
    display: block;
    height: 150px;
    width: 100%;
    margin-top: -150px;
    position: relative
}

.recipe-steps__step-title {
    margin-bottom: 15px
}

*+.recipe-steps__step-title {
    margin-top: 15px
}

@media only screen and (min-width:501px) {
    *+.recipe-steps__step-title {
        margin-top: 20px
    }
}

@media only screen and (min-width:987px) {
    *+.recipe-steps__step-title {
        margin-top: 30px
    }
}

.recipe-steps__step-media {
    text-align: center;
    line-height: 0;
    cursor: pointer
}

.recipe-steps__instruction+.recipe-steps__instruction {
    margin-top: 15px
}

@media only screen and (min-width:501px) {
    .recipe-steps__instruction+.recipe-steps__instruction {
        margin-top: 20px
    }
}

@media only screen and (min-width:987px) {
    .recipe-steps__instruction+.recipe-steps__instruction {
        margin-top: 30px
    }
}

.recipe-steps__instruction-body {
    font-size: 16px;
    font-size: 1.06667rem
}

@media print {
    .recipe-steps__instruction-body {
        font-size: 9pt
    }
}

.recipe-steps__step-media+.recipe-steps__instruction-body {
    margin-top: 10px
}

@media only screen and (min-width:501px) {
    .recipe-steps__step-media+.recipe-steps__instruction-body {
        margin-top: 0
    }
}

@media only screen and (min-width:501px) {
    .recipe-steps {
        text-align: left
    }
}

.recipe-time {
    display: block
}

@media only screen and (min-width:501px) {
    .recipe-time {
        display: inline
    }
    .recipe-time+.recipe-time {
        padding-left: 15px
    }
}

.recipe-time__label {
    padding-left: 5px;
    display: inline-block;
    vertical-align: middle
}

.recipe-time__time {
    color: #3e3e41;
    display: inline-block;
    vertical-align: middle
}

.recipe-ingredients {
    padding-right: 20px
}

.recipe-ingredients__is-overflow {
    position: relative;
    overflow: hidden;
    margin-top: -15px
}

.recipe-ingredients__is-overflow:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.7) 40%, #fff 80%)
}

.recipe-ingredients__title {
    margin-top: -5px;
    margin-bottom: 10px;
    line-height: 34px
}

@media only screen and (min-width:987px) {
    .recipe-ingredients__title {
        margin-bottom: 25px
    }
}

.recipe-ingredients__items-title {
    margin-top: 15px;
    margin-bottom: 5px
}

.recipe-ingredients__items {
    margin: 0;
    list-style-type: none
}

@media only screen and (min-width:501px) {
    .recipe-ingredients__items {
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        -ms-column-gap: 24px;
        -o-column-gap: 24px;
        column-gap: 24px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        -ms-column-count: 2;
        -o-column-count: 2;
        column-count: 2
    }
}

@media only screen and (min-width:987px) {
    .recipe-ingredients__items {
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        -ms-column-gap: 0;
        -o-column-gap: 0;
        column-gap: 0;
        -webkit-column-count: auto;
        -moz-column-count: auto;
        -ms-column-count: auto;
        -o-column-count: auto;
        column-count: auto
    }
}

.recipe-ingredients__items.no-col {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    -ms-column-gap: 0;
    -o-column-gap: 0;
    column-gap: 0;
    -webkit-column-count: auto;
    -moz-column-count: auto;
    -ms-column-count: auto;
    -o-column-count: auto;
    column-count: auto
}

@media only screen and (min-width:501px) {
    .recipe-ingredients__item {
        padding: 2px 0
    }
}

@media only screen and (min-width:987px) {
    .recipe-ingredients__item {
        padding: 4px 0
    }
}

.recipe-ingredients__add-to-list {
    margin-top: 20px
}

.recipe-ingredients__checkbox {
    display: none
}

.recipe-ingredients__content {
    transition: max-height .5s
}

@media not print {
    .recipe-ingredients__checkbox ~ .recipe-ingredients__content {
        display: none
    }
}

@media only screen and (min-width:501px) {
    .recipe-ingredients__checkbox ~ .recipe-ingredients__content {
        display: block
    }
}

.recipe-ingredients__checkbox:checked ~ .recipe-ingredients__content {
    display: block
}

.recipe-ingredients__checkbox:checked ~ .recipe-ingredients__label {
    display: none
}

@media only screen and (min-width:501px) {
    .recipe-ingredients__checkbox:checked ~ .recipe-ingredients__label {
        display: none
    }
}

.menu-label {
    margin-bottom: 20px
}

.recipes-by-chef__recipes {
    margin-top: 20px;
    border-top: 1px dashed #dadada;
    padding-top: 20px
     
}

.recipes-by-chef__readmore {
    margin-top: 10px;
    margin-bottom: 20px
    
}

@media only screen and (min-width:987px) {
    .recipes-by-chef__readmore {
        margin-top: 25px
    }
}

.recipe-comments-title {
    margin-bottom: 20px;
    margin-top: 20px
}

@media only screen and (min-width:501px) {
    .recipe-comments-title {
        margin-top: 30px
    }
}

.recipe-categorie__txt {
    display: block;
    font: normal 18px/25px "Roboto", Arial, sans-serif;
    text-transform: uppercase
}

.pap__header {
    background-color: rgba(249, 249, 249, 0.8);
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2
}

@media only screen and (min-width:987px) {
    .pap__header {
        height: 50px
    }
}

.pap__menu {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 20px 5px 10px;
    cursor: pointer
}

.pap__menu-label1 {
    color: #856400;
    font-size: 13px;
    padding-left: 10px;
    font-family: 'Roboto Condensed'
}

.pap__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 10px 5px 20px;
    cursor: pointer
}

.pap__footer {
    background-color: rgba(249, 249, 249, 0.8);
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width:987px) {
    .pap__footer {
        height: 50px
    }
}

.pap__footer-state {
    text-align: center;
    line-height: 40px;
    vertical-align: middle
}

@media only screen and (min-width:987px) {
    .pap__footer-state {
        position: absolute;
        left: 24px;
        bottom: 0;
        line-height: 50px;
        text-align: left
    }
}

.pap__sidebar {
    position: fixed;
    overflow-y: auto;
    left: -249px;
    width: 249px;
    padding: 20px 15px 0 20px;
    top: 0;
    background-color: #f5f5f5;
    border-right: 1px solid #dadada;
    bottom: 0
}

.pap__swiper {
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: auto;
    background-color: #fff
}

@media only screen and (min-width:987px) {
    .pap__swiper {
        right: 24px;
        left: 24px
    }
}

.pap__swiper-wrapper {
    position: relative;
    transform: translate3d(0, 0, 0);
    transition-duration: 0;
    transition-property: transform, left, top;
    transition-timing-function: ease;
    width: 100%
}

.pap__swiper-slide {
    float: left;
    overflow-y: auto;
    position: relative
}

.pap__slide-table {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    width: 100%;
    display: table
}

.pap__slide-content {
    max-width: 948px;
    margin: 0 auto;
    padding: 60px 12px 0 12px
}

.pap__slide-content--promo {
    max-width: 665px
}

.pap__step-title {
    margin-bottom: 15px
}

.pap__step-media img {
    max-width: 948px;
    width: 100%
}

.pap__step-body {
    margin-bottom: 20px
}

@media only screen and (min-width:987px) {
    .pap__slide--has-media .pap__slide-td {
        display: table-cell;
        height: 100%
    }
    .pap__slide--has-media .pap__slide-content {
        height: 100%
    }
    .pap__slide--has-media .pap__slide-content-inside {
        display: table;
        height: 100%;
        width: 100%;
        border-collapse: separate;
        border-spacing: 15px;
        margin-top: -15px
    }
    .pap__slide--has-media .pap__step-title,
    .pap__slide--has-media .pap__step-body {
        display: table-row
    }
    .pap__slide--has-media .pap__step-media {
        display: table-row;
        height: 100%;
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: contain
    }
}

.pap__intro {
    background-color: rgba(255, 255, 255, 0.8);
    position: relative;
    padding: 0 12px 20px 12px
}

@media only screen and (min-width:987px) {
    .pap__intro {
        padding: 0 82px 40px 82px;
        margin: auto
    }
}

.pap__intro-ribbon {
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    text-align: center
}

@media only screen and (min-width:987px) {
    .pap__intro-ribbon {
        top: -16px
    }
}

.pap__intro-title {
    text-align: center;
    padding-top: 24px
}

@media only screen and (min-width:987px) {
    .pap__intro-title {
        padding-top: 40px
    }
}

.pap__intro-title--has-placeholder {
    padding-left: 60px;
    padding-right: 60px
}

@media only screen and (min-width:987px) {
    .pap__intro-title--has-placeholder {
        padding-left: 0;
        padding-right: 0
    }
}

.pap__intro-author {
    padding-bottom: 10px;
    margin-top: 8px;
    border-bottom: 1px solid #dadada;
    text-align: center
}

@media only screen and (min-width:987px) {
    .pap__intro-author {
        margin-top: 24px;
        padding-bottom: 24px
    }
}

.pap__intro-credits {
    display: block;
    color: #969696;
    font-size: 12px;
    margin-top: 10px;
    text-align: center
}

.pap__intro-times {
    margin-top: 12px
}

@media only screen and (min-width:987px) {
    .pap__intro-times {
        text-align: center;
        margin-top: 24px
    }
}

.pap__intro-chapo {
    margin-top: 12px;
    font-size: 16px;
    font-size: 1.06667rem
}

@media print {
    .pap__intro-chapo {
        font-size: 9pt
    }
}

@media only screen and (min-width:987px) {
    .pap__intro-chapo {
        font-size: 18px;
        font-size: 1.2rem;
        margin-top: 24px
    }
}

.pap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #f9f9f9
}

.pap__table {
    display: table;
    width: 100%;
    height: 100%
}

.pap__td {
    display: table-cell
}

.pap__td--prev {
    width: 0
}

.pap__td--next {
    width: 0
}

@media only screen and (min-width:987px) {
    .pap__td--prev,
    .pap__td--next {
        width: 24px
    }
}

.pap__unclick {
    background-color: #000;
    opacity: 0;
    position: absolute;
    cursor: pointer
}

.pap__unclick.active {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .7;
    z-index: 2
}

@media only screen and (min-width:501px) {
    .pap,
    .pap__header,
    .pap__footer,
    .pap__sidebar {
        -moz-transition: left .3s ease;
        -o-transition: left .3s ease;
        -webkit-transition: left .3s ease;
        transition: left .3s ease
    }
}

.pap__sidebar.active {
    left: 0
}

.pap__sidebar.active ~ .pap,
.pap__sidebar.active ~ .pap__header,
.pap__sidebar.active ~ .pap__footer {
    left: 249px
}

.pap__prev {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px 20px 5px 10px;
    cursor: pointer;
    z-index: 2;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.pap__next {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 5px 10px 5px 20px;
    cursor: pointer;
    z-index: 2;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

@media only screen and (min-width:987px) {
    .pap__prev,
    .pap__next {
        height: 100%;
        width: 70px;
        position: absolute;
        top: 0;
        padding: 0
    }
    .pap__prev-zone,
    .pap__next-zone {
        display: block;
        position: absolute;
        background-repeat: no-repeat;
        background-color: #f9f9f9;
        width: 100%;
        height: 70px;
        top: 42%;
        top: calc(50% - 10px);
        border-radius: 40px
    }
    .pap__prev-zone {
        left: -14px;
        padding: 19px 0 0 30px
    }
    .pap__next-zone {
        padding: 19px 30px 0 9px;
        right: -15px
    }
}

.pap__pagination {
    display: none;
    line-height: 50px;
    text-align: center
}

@media only screen and (min-width:987px) {
    .pap__pagination {
        display: block
    }
}

.pap__pagination-item {
    background-color: #adadad;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    height: 8px;
    margin-right: 10px;
    width: 8px
}

.pap__pagination-item.active {
    background-color: #333
}

.pap__placeholder {
    position: absolute;
    z-index: 10
}

.pap__placeholder--top-left {
    top: 0;
    left: 10px
}

.spinner {
    display: inline-block;
    position: relative;
    opacity: 0;
    line-height: 20px
}

.spinner.active {
    opacity: 1
}

.spinner__ta {
    display: table;
    width: 100%;
    height: 100%
}

.spinner__td {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.spinner__label {
    display: block
}

.spinner__wheel {
    display: inline-block;
    border-color: rgba(133, 100, 0, 0.15);
    border-style: solid;
    border-bottom-color: rgba(133, 100, 0, 0.8);
    border-radius: 100%;
    width: 100%;
    height: 100%
}

.active .spinner__wheel {
    -moz-animation: rotation 1s infinite linear;
    -webkit-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear
}

.spinner--fullscreen {
    line-height: 150px;
    height: 150px;
    width: 150px
}

.spinner__wheel--fullscreen {
    border-width: 15px;
    position: absolute;
    top: 0;
    left: 0
}

.spinner--imgpicker {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8)
}

.spinner__wheel--imgpicker {
    width: 20px;
    height: 20px;
    border-width: 5px
}

.js-imgpicker {
    background: #f0f0f0 url("https://www.academiedugout.fr/bundles/udgweb/img/camera.png") no-repeat 50% 30px;
    border: 1px solid #dadada;
    position: relative;
    text-align: center;
    width: 100%;
    min-height: 100px
}

.js-imgpicker__preview {
    position: relative;
    z-index: 1;
    display: inline-block
}

.js-imgpicker__preview img,
.js-imgpicker__preview canvas {
    max-width: 100%;
    max-height: 100%
}

.js-imgpicker__button {
    font-size: 12px;
    line-height: 25px;
    cursor: pointer
}

.js-imgpicker.active {
    background: 0
}

.js-imgpicker.active .js-imgpicker__button {
    display: none
}

.js-imgpicker__suppr {
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: -20px
}

.js-imgpicker.filled .js-imgpicker__legend,
.js-imgpicker.filled .js-imgpicker__credit {
    display: block
}

.js-imgpicker__legend,
.js-imgpicker__credit {
    display: none;
    position: relative;
    right: 0;
    left: 0;
    border: 0;
    border-top: 1px solid #dadada;
    background-color: #fff;
    opacity: .8;
    z-index: 2;
    width: 100%;
    resize: none;
    font-size: 12px;
    height: 16px;
    line-height: 15px;
    overflow: hidden;
    cursor: text;
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    color: #777
}

.js-imgpicker__legend:hover,
.js-imgpicker__credit:hover {
    opacity: 1
}

.js-imgpicker__legend:focus,
.js-imgpicker__credit:focus {
    left: -50%;
    right: -50%;
    bottom: -1px;
    opacity: 1;
    width: 200%;
    border: 1px solid #dadada;
    height: 33px;
    z-index: 3
}

.js-imgpicker__del {
    background-color: #dadada;
    color: #333;
    height: 15px;
    line-height: 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 15px;
    opacity: .5;
    cursor: pointer;
    z-index: 1;
    display: none
}

.js-imgpicker.filled .js-imgpicker__del {
    display: block
}

.js-imgpicker__del:hover {
    opacity: 1
}

.js-imgpicker__target {
    position: absolute;
    border-radius: 50%;
    border: 2px solid #e45000;
    width: 20px;
    height: 20px;
    margin: -10px auto auto -10px;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
    transition: top .1s ease, left .1s ease
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0)
    }
    to {
        -moz-transform: rotate(359deg)
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0)
    }
    to {
        -o-transform: rotate(359deg)
    }
}

@keyframes rotation {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(359deg)
    }
}

.search-global__menu {
    cursor: pointer
}

.search-global__menu.is-opened {
    background: #f5f5f5
}

.search-global__menu-icon .icon-close-18 {
    display: none
}

.is-opened .search-global__menu-icon .icon-lens {
    display: none
}

.is-opened .search-global__menu-icon .icon-close-18 {
    display: inline
}
header__search
.is-opened .search-global__menu-icon .header__search-label {
    display: none
}

@media only screen and (min-width:987px) {
    .search-global__menu-icon--block {
        line-height: 100%
    }
}

.search-global__bar {
    display: none;
    background: #f5f5f5;
    border: 1px solid #e5e5e5
}

.search-global__bar.is-opened {
    display: block;
    margin-top: 50px
}

@media only screen and (min-width:987px) {
    .search-global__bar.is-opened {
        margin-top: 0
    }
}

.search-global__bar-wrapper-content {
    padding: 0 0
}

.search-global__form {
    position: relative;
    display: block;
    width: 100%
}

@media only screen and (min-width:501px) {
    .search-global__form {
        display: table
    }
}

.search-global__selects {
    display: block;
    vertical-align: middle;
    border: 1px solid #dadada;
    border-bottom: 0;
    background-color: #fff
}

@media only screen and (min-width:501px) {
    .search-global__selects {
        display: table-cell;
        border: 1px solid #dadada;
        border-right: 0
    }
}

.search-global__select {
    border: 0;
    min-width: 10em
}

.search-global__select select {
    width: 120%;
    padding-right: 50px
}

.search-global__select select:focus {
    outline: 0;
    border: 0
}

.search-global__inputs {
    position: relative;
    display: table-cell;
    width: 100%
}

.search-global__input {
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    height: 40px;
    padding: 0 10px 0 10px;
    border: 1px solid #dadada;
    cursor: text
}

@media only screen and (min-width:501px) {
    .search-global__input {
        height: 50px
    }
}

@media only screen and (min-width:987px) {
    .search-global__input {
        height: 60px
    }
}

.search-global__input:focus {
    outline: 0;
    outline-offset: 0;
    border: 1px solid #bca351
}

.search-global__buttons {
    display: table-cell;
    vertical-align: middle;
    border-top: 1px solid #dadada;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    background-color: #fff
}

.search-global__button {
    display: block;
    width: 40px;
    background: transparent;
    border: 0;
    background-color: #fff
}

@media only screen and (min-width:501px) {
    .search-global__button {
        width: 50px
    }
}

@media only screen and (min-width:987px) {
    .search-global__button {
        width: 60px
    }
}

.search-global__filters {
    margin-top: 10px
}

.search-global__filter-item {
    margin-top: 5px;
    margin-bottom: 5px
}

.search-global__suggestions {
    display: none;
    position: absolute;
    left: 0;
    top: 40px;
    z-index: 100;
    border: 1px solid #dadada;
    background: #fff;
    width: 100%;
    -moz-box-shadow: 0 2px 5px 0 rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0 2px 5px 0 rgba(50, 50, 50, 0.4);
    box-shadow: 0 2px 5px 0 rgba(50, 50, 50, 0.4)
}

@media only screen and (min-width:501px) {
    .search-global__suggestions {
        top: 50px
    }
}

@media only screen and (min-width:987px) {
    .search-global__suggestions {
        top: 60px
    }
}

.search-global__suggestion {
    padding: .5em;
    cursor: pointer
}

.search-global__suggestion:hover,
.search-global__suggestion--active {
    background-color: rgba(245, 245, 245, 0.8)
}

.search-global__suggestion--highlight {
    padding: 15px;
    background: rgba(239, 239, 239, 0.8)
}

.search-global__suggestion-highlight {
    font-weight: 700
}

.search-global__suggestion-image {
    vertical-align: middle;
    margin-right: 10px
}

.search-global__result {
    display: none;
    height: 100%
}

.search-global__result.is-opened {
    display: block
}

.search-global__result-content {
    padding-bottom: 50px
}

.search-global__result-content:after {
    content: "";
    display: table;
    clear: both
}

.search-global__result-message {
    margin: 1em 0
}

.mod-cta {
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    position: relative
}

.recipe-col-right .mod-cta {
    margin-top: 24px
}

.mod-cta--jumbo {
    padding: 20px
}

.mod-cta--spe1 {
    padding: 20px
}

@media only screen and (min-width:501px) {
    .mod-cta--spe1 {
        padding: 20px 40px
    }
}

@media only screen and (min-width:987px) {
    .mod-cta--spe1 {
        padding: 20px 80px
    }
}

.mod-cta__h1--spe1 {
    padding-bottom: 20px;
    margin-bottom: 30px;
    text-transform: uppercase;
    border-bottom: 1px solid #d8d8db;
    font-size: 24px
}

@media only screen and (min-width:501px) {
    .mod-cta__h1--spe1 {
        font-size: 30px;
        line-height: 36px;
        text-align: center
    }
}

.mod-cta__h1-notice {
    display: block;
    margin-bottom: -10px;
    font-size: 15px;
    text-transform: none;
    font-weight: 400;
    font-style: italic
}

.mod-cta__h1-AAA {
    padding: 10px;
    text-transform: uppercase;
    color: #bca351;
    background: #f3f3f3;
    text-align: center
}

.mod-cta__list-title {
    font-weight: 700
}

.mod-cta__list-item--spe1 {
    padding-left: 24px;
    padding-top: 10px;
    text-indent: -24px
}

.mod-cta__h1--marge {
    margin-bottom: 25px
}

.mod-cta__h1--bg-subscription {
    font-size: 16px;
    color: #3e3e41
}

.mod-cta__h2--bg-subscription {
    font-size: 16px
}

.mod-cta__desc--bg-subscription {
    color: #fff
}

.mod-cta__h1--jumbo {
    margin-bottom: 10px;
    text-align: center
}

.mod-cta__info-label {
    font-size: 12px;
    color: #7f7f81
}

.mod-cta__info-label--bg-subscription {
    color: #3e3e41
}

.mod-cta__info-label--campaign {
    color: #fff
}

.mod-cta__info-action {
    color: #856400;
    text-decoration: none;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    vertical-align: middle;
    text-align: right
}

.mod-cta__info-action--campaign {
    color: #FFF
}

.mod-cta__ribbon {
    position: absolute;
    text-align: center;
    top: -10px;
    left: 0;
    width: 100%;
    z-index: 1
}

.mod-cta--simple {
    padding: 20px;
    text-align: center
}

@media only screen and (min-width:501px) {
    .mod-cta--simple {
        padding: 24px 40px
    }
}

.mod-cta--transparent {
    background-color: transparent
}

.mod-cta--AAA {
    padding: 40px 20px 20px;
    text-align: center
}

@media only screen and (min-width:987px) {
    .mod-cta--AAA strong {
        display: block
    }
}

.mod-cta--juicy {
    margin: 20px 0 60px;
    padding: 15px 0 1px 0;
    text-align: center;
    border: 0;
    border-top: 5px solid #bca351;
    border-radius: 3px;
    box-shadow: 1px 1px 6px rgba(51, 51, 51, 0.8)
}

@media only screen and (min-width:501px) {
    .mod-cta--juicy br {
        display: none
    }
}

.mod-cta--juicy__in-header {
    padding: 10px 15px;
    border-radius: 0;
    z-index: 4
}

.mod-cta--juicy__in-header .mod-cta__text {
    margin-right: 15px !important;
    font-size: 14px !important
}

@media screen and (max-width:380px) {
    .mod-cta--juicy__in-header .mod-cta__text {
        margin-right: 10px !important
    }
}

.mod-cta--juicy__in-header .button-simple {
    font-size: 16px;
    line-height: 32px
}

@media screen and (max-width:380px) {
    .mod-cta--juicy__in-header .button-simple {
        font-size: 12px
    }
}

.mod-cta--juicy .mod-cta__text {
    margin: 5px 0 0 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 22px
}

@media only screen and (max-width:320px) {
    .mod-cta--juicy .mod-cta__text {
        font-size: 14px
    }
}

.mod-cta--juicy .mod-cta__button {
    margin-top: 10px;
    text-align: center
}

.mod-cta--juicy .mod-cta__button .button-simple {
    padding: 0 30px;
    font-size: 18px;
    font-weight: 700;
    box-shadow: 1px 1px 6px rgba(51, 51, 51, 0.8)
}

@media only screen and (max-width:320px) {
    .mod-cta--juicy .mod-cta__button .button-simple {
        font-size: 14px
    }
}

.mod-cta--juicy .mod-cta__small {
    margin: 5px 0
}

@media only screen and (min-width:987px) {
    .mod-cta--juicy .mod-cta__small {
        font-size: 14px
    }
}

@media only screen and (min-width:987px) {
    .mod-cta--juicy__recipe-step {
        text-align: left
    }
    .mod-cta--juicy__recipe-step img {
        width: 44px
    }
}

@media only screen and (min-width:987px) {
    .mod-cta--juicy__recipe-detail img {
        width: 200px
    }
}

.mod-cta--juicy__recipe-premium-warning {
    margin-bottom: -15px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight: 300;
    text-align: center
}

.mod-cta--juicy__recipe-premium-warning img {
    margin-right: 10px;
    vertical-align: text-top
}

.mod-cta--sub {
    padding: 35px 80px
}

.mod-cta__list--sub {
    margin-bottom: 40px
}

.mod-cta__list--jumbo {
    margin-top: 25px
}

@media only screen and (min-width:501px) {
    .mod-cta__list--jumbo {
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        -ms-column-gap: 24px;
        -o-column-gap: 24px;
        column-gap: 24px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        -ms-column-count: 2;
        -o-column-count: 2;
        column-count: 2
    }
}

.mod-cta__list-item--jumbo {
    padding-left: 24px;
    padding-top: 10px;
    text-indent: -24px
}

.mod-cta__cta--jumbo {
    text-align: center;
    margin-top: 30px
}

.mod-cta--narrow {
    text-align: center;
    padding: 12px;
    max-width: 219px;
    margin: 0 auto
}

@media only screen and (min-width:501px) {
    .mod-cta--narrow {
        min-height: 293px;
        padding: 30px
    }
}

.mod-cta__deco--narrow {
    height: 70px
}

.mod-cta__h2+.mod-cta__cta,
.mod-cta__desc+.mod-cta__cta {
    margin-top: 20px
}

.mod-cta--medium {
    padding: 12px 130px 12px 12px
}

@media only screen and (min-width:501px) {
    .mod-cta--medium {
        padding: 35px;
        text-align: center
    }
}

@media only screen and (min-width:987px) {
    .mod-cta--medium {
        padding: 35px 120px 30px 120px
    }
}

.recipe-steps+.mod-cta--medium {
    margin-top: 35px
}

.mod-cta__cta+.mod-cta__info {
    margin-top: 25px
}

.autopromo-subscription {
    padding: 0 0 1px;
    margin-bottom: 50px !important;
    background-color: #f5f5f5;
    color: #555;
    box-shadow: 1px 1px 6px #aaa;
    border-radius: 3px
}

@media only screen and (max-width:987px) {
    .autopromo-subscription br {
        display: none
    }
}

@media only screen and (max-width:654px) {
    .autopromo-subscription {
        margin-top: 50px !important
    }
}

.autopromo-subscription-header {
    text-align: center
}

.autopromo-subscription-header .ribbon-big {
    top: -22px;
    font-size: 18px;
    font-weight: 400;
    line-height: 44px
}

@media only screen and (min-width:501px) {
    .autopromo-subscription-header .ribbon-big {
        font-size: 20px
    }
}

.autopromo-subscription-header .ribbon-big:before {
    border-width: 22px 0 22px 16px;
    left: -15px
}

.autopromo-subscription-header .ribbon-big:after {
    border-width: 22px 16px 22px 0;
    right: -15px
}

.autopromo-subscription-header .icon-gift {
    fill: #fff;
    width: 32px;
    height: 32px;
    margin: -5px 5px 0 0
}

@media only screen and (min-width:987px) {
    .autopromo-subscription-header .icon-gift {
        margin: -5px 10px 0 -15px
    }
}

.autopromo-subscription-header h2 {
    padding: 0 32px 20px;
    line-height: 24px
}

.autopromo-subscription-separator {
    position: relative;
    margin-bottom: 10px;
    text-align: center
}

.autopromo-subscription-separator-anchor {
    position: relative;
    display: inline-block;
    padding: 6px 7px;
    background-color: #fff;
    box-shadow: 1px 1px 6px rgba(51, 51, 51, 0.8);
    border-radius: 50%
}

@media only screen and (min-width:501px) {
    .autopromo-subscription-separator-anchor {
        padding: 6px 8px
    }
}

@media only screen and (min-width:987px) {
    .autopromo-subscription-separator-anchor {
        padding: 6px 9px
    }
}

.autopromo-subscription-separator svg {
    fill: #bca351
}

.autopromo-subscription-separator:before {
    content: '';
    position: absolute;
    top: 16px;
    left: 30px;
    right: 30px;
    height: 1px;
    background-color: #d1d1d1
}

.autopromo-subscription-advantages {
    margin: 0;
    font-size: 20px;
    text-align: left
}

@media only screen and (min-width:501px) {
    .autopromo-subscription-advantages {
/*       padding: 0 20px*/
         padding: 0 0px;
         
    }
}

@media only screen and (min-width:987px) {
    .autopromo-subscription-advantages {
        text-align: center
    }
}

@media only screen and (min-width:987px) {
    .autopromo-subscription-advantages-item {
        text-align: center
    }
}

.autopromo-subscription-advantages-cell {
    display: table-cell;
    vertical-align: middle
}

@media only screen and (min-width:987px) {
    .autopromo-subscription-advantages-cell {
        display: block
    }
}

.autopromo-subscription-advantages header {
    line-height: 28px;
    color: #bca351;
    text-align: center
}

.autopromo-subscription-advantages header h2 {
    width: 50%;
    margin: 0 auto;
    font-size: 22px
}

@media only screen and (min-width:987px) {
    .autopromo-subscription-advantages header h2 {
        margin-bottom: 20px;
        font-size: 34px
    }
}

@media only screen and (max-width:359px) {
    .autopromo-subscription-advantages header h2 {
        width: 80%
    }
}

.autopromo-subscription-advantages img,
.autopromo-subscription-advantages svg.icon {
    float: left;
    min-width: 90px;
    margin-right: 20px
}

@media only screen and (min-width:987px) {
    .autopromo-subscription-advantages img,
    .autopromo-subscription-advantages svg.icon {
        float: none;
        margin: 0;
        width: 160px;
        min-width: auto
    }
}

.autopromo-subscription-advantages svg.icon {
    height: auto
}

.autopromo-subscription-advantages strong {
    display: block;
     margin: 20px 0;
    color: #bca351
}

.autopromo-subscription-advantages p {
    line-height: 0;
}

.autopromo-subscription-info {
    display: block;
    margin: 10px 0;
    font-size: 14px;
    font-style: italic;
    text-align: center
}

.autopromo-subscription-button {
    text-align: center
}

.autopromo-subscription-button .button-simple {
    padding: 0 40px;
    font-size: 18px;
    font-weight: 700;
    box-shadow: 1px 1px 6px rgba(51, 51, 51, 0.8)
}

@media screen and (max-width:340px) {
    .autopromo-subscription-button .button-simple {
        font-size: 14px
    }
}

.autopromo-subscription .grid__item {
    padding: 0
}

@media only screen and (min-width:987px) {
    .autopromo-subscription .grid__item {
        margin: 0 20px
    }
}

.mod-cta-gift-card {
    margin: 100px 0 40px;
    font-family: 'Roboto Condensed', sans-serif;
    border: 1px solid #bca351;
    text-align: center
}

@media only screen and (min-width:987px) {
    .mod-cta-gift-card {
        margin: 80px 0;
        text-align: left
    }
}

.mod-cta-gift-card picture {
    display: block;
    margin-top: -120px
}

@media only screen and (min-width:987px) {
    .mod-cta-gift-card picture {
        margin: -90px 0 0 -10px;
        height: 260px
    }
}

.mod-cta-gift-card p {
    margin: 0 40px 20px;
    font-size: 18px;
    line-height: 26px
}

@media only screen and (min-width:501px) {
    .mod-cta-gift-card p {
        font-size: 24px
    }
}

@media only screen and (min-width:987px) {
    .mod-cta-gift-card p {
        margin: 40px 0
    }
}

.mod-cta-gift-card .button-simple {
    position: relative;
    top: 15px
}

@media only screen and (max-width:501px) {
    .mod-cta-gift-card .button-simple {
        font-size: 14px
    }
}

@media only screen and (min-width:987px) {
    .mod-cta-gift-card .button-simple {
        top: 20px
    }
}

.mod-cta-gift-card-noel19 {
    margin: 100px 0 40px;
    font-family: 'Roboto Condensed', sans-serif;
    border: 1px solid #bca351;
    text-align: center
}

@media only screen and (min-width:987px) {
    .mod-cta-gift-card-noel19 {
        width: 85%;
        margin: 50px auto;
        text-align: left
    }
}

.mod-cta-gift-card-noel19 picture {
    display: block;
    margin-top: -120px
}

@media only screen and (min-width:987px) {
    .mod-cta-gift-card-noel19 picture {
        margin: -90px 0 0 -10px;
        height: 166px
    }
}

.mod-cta-gift-card-noel19 p {
    margin: 0 40px 20px;
    font-size: 18px;
    line-height: 26px
}

@media only screen and (min-width:501px) {
    .mod-cta-gift-card-noel19 p {
        font-size: 18px
    }
}

@media only screen and (min-width:987px) {
    .mod-cta-gift-card-noel19 p {
        margin: 10px 0
    }
}

.mod-cta-gift-card-noel19 .button-simple {
    position: relative;
    top: 15px
}

@media only screen and (max-width:501px) {
    .mod-cta-gift-card-noel19 .button-simple {
        font-size: 14px
    }
}

@media only screen and (min-width:987px) {
    .mod-cta-gift-card-noel19 .button-simple {
        top: 20px;
        margin-left: 30px
    }
}

.banner__content {
    padding: 25px 0
}

.banner__content--nopadding {
    padding: 0
}

.banner--grey {
    background-color: #f5f5f5;
    border-bottom: 1px solid #e5e5e5
}

.landing__link:hover .deco2 {
    fill: #7f7f81
}

.icon {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px
}

.icon-32 {
    width: 32px;
    height: 32px
}

.button-simple .icon {
    margin-right: 10px
}

.button-simple:hover .icon,
.button-icon:hover .icon {
    fill: #78787a
}

.button-simple--gold:hover .icon,
.button-icon--gold:hover .icon {
    fill: #fff
}

.icon-lens {
   fill: #000;
    width: 20px;
    height: 20px
}

.icon-close-18 {
    fill: #313131;
    width: 32px;
    height: 32px
}

.icon-close-10 {
    fill: #313131
}

.icon-bell-outline-32,
.icon-star-outline-32,
.icon-book-outline-32,
.icon-avatar-x2-outline,
.icon-avatar-x1-outline-32,
.icon-ribbon-outline-32,
.icon-ring-outline-32,
.icon-whisk-outline-32 {
    width: 32px;
    height: 32px;
    fill: #96969a
}

.is-active .icon-bell-outline-32,
.onglets__link:hover .icon-bell-outline-32,
.is-active .icon-star-outline-32,
.onglets__link:hover .icon-star-outline-32,
.is-active .icon-book-outline-32,
.onglets__link:hover .icon-book-outline-32,
.is-active .icon-avatar-x2-outline,
.onglets__link:hover .icon-avatar-x2-outline,
.is-active .icon-avatar-x1-outline-32,
.onglets__link:hover .icon-avatar-x1-outline-32,
.is-active .icon-ribbon-outline-32,
.onglets__link:hover .icon-ribbon-outline-32,
.is-active .icon-ring-outline-32,
.onglets__link:hover .icon-ring-outline-32,
.is-active .icon-whisk-outline-32,
.onglets__link:hover .icon-whisk-outline-32 {
    fill: #333
}

.icon-star-12 {
    fill: #aaa;
    width: 12px;
    height: 12px
}

.icon-star,
.icon-print,
.icon-share-facebook,
.icon-share-twitter,
.icon-share-pinterest,
.icon-share-instagram,
.icon-share-mail,
.icon-plus,
.icon-checked,
.icon-pencil {
    fill: #856400
}

.icon-share-twitter-15,
.icon-share-facebook-15,
.icon-share-mail-15 {
    fill: #856400;
    width: 15px;
    height: 15px
}

.icon-checked-white,
.icon-close-white {
    fill: #fff
}

.icon-arrow_up,
.icon-arrow_down,
.icon-avatar-x1-outline,
.icon-bell-outline,
.icon-star-outline,
.icon-gear-outline,
.icon-plus-grey,
.icon-basket-usermenu {
    fill: #313131
}

.icon-fullscreen-fff {
    fill: #fff;
    width: 18px;
    height: 18px
}

.icon-arrow_right {
    fill: #bca351
}

.icon-arrow_right-pap {
    fill: #999;
    width: 30px;
    height: 30px
}

.icon-arrow_left-pap {
    fill: #999;
    width: 30px;
    height: 30px
}

.icon-arrow_left-gold {
    fill: #bca351
}

.icon-oven-grey,
.icon-rest-grey,
.icon-clock-grey,
.icon-freeze-grey,
.icon-thermometer-grey,
.icon-drop-grey,
.icon-steam-grey {
    fill: #96969a;
    width: 16px;
    height: 16px
}

.icon-flatware-grey {
    fill: #96969a;
    width: 16px;
    height: 16px
}

.icon-flatware-grey-18 {
    fill: #96969a
}

.icon-marker-grey-18 {
    fill: #96969a
}

.icon-basket-grey-18 {
    fill: #96969a
}

.icon-hamburger {
    fill: #FFF;
    width: 24px;
    height: 24px
}

.icon-share-facebook-go,
.icon-share-twitter-go {
    background-color: #856400;
    width: 13px;
    height: 13px;
    padding: 2px;
    fill: #fff
}

.icon-share-pinterest-go {
    background-color: #856400;
    width: 13px;
    height: 13px;
    fill: #fff
}

.icon-share-instagram-go {
    background-color: #856400;
    width: 13px;
    height: 13px;
    padding: 2px;
    fill: #fff
}

.icon-plus-big {
    width: 50px;
    height: 50px;
    fill: #bca351
}

.icon-addtolist {
    fill: #856400
}

.icon-list {
    fill: #856400
}

.icon-close-del-ingr {
    border: 1px solid #c9c9c9;
    fill: #999
}

.icon-close-del-instr {
    fill: #856400
}

.icon-share-facebook-input,
.icon-share-twitter-input,
.icon-share-pinterest-input,
.icon-share-web-input,
.icon-share-instagram-input {
    width: 21px;
    height: 21px;
    fill: #7b7b7b
}

.icon-share-facebook-footer,
.icon-share-twitter-footer,
.icon-share-pinterest-footer,
.icon-share-instagram-footer,
.icon-share-youtube-footer {
    width: 18px;
    height: 18px;
    fill: #7b7b7b
}

.icon-share-facebook-login {
    width: 18px;
    height: 18px;
    fill: #fff
}

.icon-share-facebook-login:hover {
    fill: #fff
}

@media only screen and (min-width:501px) {
    .icon-share-facebook-login {
        width: 25px;
        height: 25px
    }
}

.button-simple.button-simple--facebook:hover .icon,
.button-icon.button-icon--facebook:hover .icon {
    fill: #fff
}

.icon-cutlery {
    width: 32px;
    height: 32px;
    fill: #bca351
}

.icon-cutlery-campaign {
    width: 32px;
    height: 32px
}

.icon-pictures {
    background-color: rgba(0, 0, 0, 0.7);
    fill: #fff;
    width: 13px;
    height: 13px;
    padding: 1px
}

@media only screen and (min-width:501px) {
    .icon-pictures {
        width: 28px;
        height: 28px;
        padding: 5px
    }
}

.mod-recipe__icon--onrow--2 .icon-pictures {
    width: 13px;
    height: 13px;
    padding: 1px
}