...
`
*
* This would create a `div` that, at ‘desktop’ sizes, takes up a quarter of the
* horizontal space, a half of that space at ‘tablet’ sizes, and goes full width
* at ‘mobile’ sizes.
*
* Demo: jsfiddle.net/inuitcss/WS4Ge
*
*/
@media only screen and (max-width: 767px) {
/**
* Whole
*/
.palm-one-whole {
width: 100%; }
/**
* Halves
*/
.palm-one-half, .palm-two-quarters, .palm-three-sixths, .palm-four-eighths, .palm-five-tenths, .palm-six-twelfths {
width: 50%; }
/**
* Thirds
*/
.palm-one-third, .palm-two-sixths, .palm-four-twelfths {
width: 33.333%; }
.palm-two-thirds, .palm-four-sixths, .palm-eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.palm-one-quarter, .palm-two-eighths, .palm-three-twelfths {
width: 25%; }
.palm-three-quarters, .palm-six-eighths, .palm-nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.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%; }
/**
* Sixths
*/
.palm-one-sixth, .palm-two-twelfths {
width: 16.666%; }
.palm-five-sixths, .palm-ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.palm-one-eighth {
width: 12.5%; }
.palm-three-eighths {
width: 37.5%; }
.palm-five-eighths {
width: 62.5%; }
.palm-seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.palm-one-tenth {
width: 10%; }
.palm-three-tenths {
width: 30%; }
.palm-seven-tenths {
width: 70%; }
.palm-nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.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: 768px) and (max-width: 1023px) {
/**
* Whole
*/
.lap-one-whole {
width: 100%; }
/**
* Halves
*/
.lap-one-half, .lap-two-quarters, .lap-three-sixths, .lap-four-eighths, .lap-five-tenths, .lap-six-twelfths {
width: 50%; }
/**
* Thirds
*/
.lap-one-third, .lap-two-sixths, .lap-four-twelfths {
width: 33.333%; }
.lap-two-thirds, .lap-four-sixths, .lap-eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.lap-one-quarter, .lap-two-eighths, .lap-three-twelfths {
width: 25%; }
.lap-three-quarters, .lap-six-eighths, .lap-nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.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%; }
/**
* Sixths
*/
.lap-one-sixth, .lap-two-twelfths {
width: 16.666%; }
.lap-five-sixths, .lap-ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.lap-one-eighth {
width: 12.5%; }
.lap-three-eighths {
width: 37.5%; }
.lap-five-eighths {
width: 62.5%; }
.lap-seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.lap-one-tenth {
width: 10%; }
.lap-three-tenths {
width: 30%; }
.lap-seven-tenths {
width: 70%; }
.lap-nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.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: 768px) {
/**
* Whole
*/
.lap-and-up-one-whole {
width: 100%; }
/**
* Halves
*/
.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%; }
/**
* Thirds
*/
.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%; }
/**
* Quarters
*/
.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%; }
/**
* Fifths
*/
.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%; }
/**
* Sixths
*/
.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%; }
/**
* Eighths
*/
.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%; }
/**
* Tenths
*/
.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%; }
/**
* Twelfths
*/
.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: 1023px) {
/**
* Whole
*/
.portable-one-whole {
width: 100%; }
/**
* Halves
*/
.portable-one-half, .portable-two-quarters, .portable-three-sixths, .portable-four-eighths, .portable-five-tenths, .portable-six-twelfths {
width: 50%; }
/**
* Thirds
*/
.portable-one-third, .portable-two-sixths, .portable-four-twelfths {
width: 33.333%; }
.portable-two-thirds, .portable-four-sixths, .portable-eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.portable-one-quarter, .portable-two-eighths, .portable-three-twelfths {
width: 25%; }
.portable-three-quarters, .portable-six-eighths, .portable-nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.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%; }
/**
* Sixths
*/
.portable-one-sixth, .portable-two-twelfths {
width: 16.666%; }
.portable-five-sixths, .portable-ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.portable-one-eighth {
width: 12.5%; }
.portable-three-eighths {
width: 37.5%; }
.portable-five-eighths {
width: 62.5%; }
.portable-seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.portable-one-tenth {
width: 10%; }
.portable-three-tenths {
width: 30%; }
.portable-seven-tenths {
width: 70%; }
.portable-nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.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: 1024px) {
/**
* Whole
*/
.desk-one-whole {
width: 100%; }
/**
* Halves
*/
.desk-one-half, .desk-two-quarters, .desk-three-sixths, .desk-four-eighths, .desk-five-tenths, .desk-six-twelfths {
width: 50%; }
/**
* Thirds
*/
.desk-one-third, .desk-two-sixths, .desk-four-twelfths {
width: 33.333%; }
.desk-two-thirds, .desk-four-sixths, .desk-eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.desk-one-quarter, .desk-two-eighths, .desk-three-twelfths {
width: 25%; }
.desk-three-quarters, .desk-six-eighths, .desk-nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.desk-one-fifth, .desk-two-tenths {
width: 20%; }
.desk-two-fifths, .desk-four-tenths {
width: 40%; }
.desk-three-fifths, .desk-six-tenths {
width: 60%; }
.desk-four-fifths, .desk-eight-tenths {
width: 80%; }
/**
* Sixths
*/
.desk-one-sixth, .desk-two-twelfths {
width: 16.666%; }
.desk-five-sixths, .desk-ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.desk-one-eighth {
width: 12.5%; }
.desk-three-eighths {
width: 37.5%; }
.desk-five-eighths {
width: 62.5%; }
.desk-seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.desk-one-tenth {
width: 10%; }
.desk-three-tenths {
width: 30%; }
.desk-seven-tenths {
width: 70%; }
.desk-nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.desk-one-twelfth {
width: 8.333%; }
.desk-five-twelfths {
width: 41.666%; }
.desk-seven-twelfths {
width: 58.333%; }
.desk-eleven-twelfths {
width: 91.666%; } }
/**
* If you have set the additional `$responsive-extra` variable to ‘true’ in
* `_vars.scss` then you now have access to the following class available to
* accomodate much larger screen resolutions.
*/
@media only screen and (min-width: 1200px) {
/**
* Whole
*/
.desk-wide-one-whole {
width: 100%; }
/**
* Halves
*/
.desk-wide-one-half, .desk-wide-two-quarters, .desk-wide-three-sixths, .desk-wide-four-eighths, .desk-wide-five-tenths, .desk-wide-six-twelfths {
width: 50%; }
/**
* Thirds
*/
.desk-wide-one-third, .desk-wide-two-sixths, .desk-wide-four-twelfths {
width: 33.333%; }
.desk-wide-two-thirds, .desk-wide-four-sixths, .desk-wide-eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.desk-wide-one-quarter, .desk-wide-two-eighths, .desk-wide-three-twelfths {
width: 25%; }
.desk-wide-three-quarters, .desk-wide-six-eighths, .desk-wide-nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.desk-wide-one-fifth, .desk-wide-two-tenths {
width: 20%; }
.desk-wide-two-fifths, .desk-wide-four-tenths {
width: 40%; }
.desk-wide-three-fifths, .desk-wide-six-tenths {
width: 60%; }
.desk-wide-four-fifths, .desk-wide-eight-tenths {
width: 80%; }
/**
* Sixths
*/
.desk-wide-one-sixth, .desk-wide-two-twelfths {
width: 16.666%; }
.desk-wide-five-sixths, .desk-wide-ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.desk-wide-one-eighth {
width: 12.5%; }
.desk-wide-three-eighths {
width: 37.5%; }
.desk-wide-five-eighths {
width: 62.5%; }
.desk-wide-seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.desk-wide-one-tenth {
width: 10%; }
.desk-wide-three-tenths {
width: 30%; }
.desk-wide-seven-tenths {
width: 70%; }
.desk-wide-nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.desk-wide-one-twelfth {
width: 8.333%; }
.desk-wide-five-twelfths {
width: 41.666%; }
.desk-wide-seven-twelfths {
width: 58.333%; }
.desk-wide-eleven-twelfths {
width: 91.666%; } }
/* endif */
/*------------------------------------* $PUSH
\*------------------------------------*/
/**
* Push classes, to move grid items over to the right by certain amounts.
*/
/*------------------------------------* $PULL
\*------------------------------------*/
/**
* Pull classes, to move grid items over to the right by certain amounts.
*/
/*------------------------------------* $BRAND
\*------------------------------------*/
/**
* `.brand` is a quick and simple way to apply your brand face and/or color to
* any element using a handy helper class.
*/
.brand {
font-family: "Helvetica Neue", sans-serif!important;
color: #fdb12d!important; }
.brand-face {
font-family: "Helvetica Neue", sans-serif!important; }
.brand-color,
.brand-colour {
color: #fdb12d!important; }
/*------------------------------------* $HELPER
\*------------------------------------*/
/**
* A series of helper classes to use arbitrarily. Only use a helper class if an
* element/component doesn’t already have a class to which you could apply this
* styling, e.g. if you need to float `.main-nav` left then add `float:left;` to
* that ruleset as opposed to adding the `.float--left` class to the markup.
*
* A lot of these classes carry `!important` as you will always want them to win
* out over other selectors.
*/
/**
* Add/remove floats
*/
.float--right {
float: right !important; }
.float--left {
float: left !important; }
.float--none {
float: none !important; }
/**
* Text alignment
*/
.text--left {
text-align: left !important; }
.text--center {
text-align: center !important; }
.text--right {
text-align: right !important; }
/**
* Font weights
*/
.weight--light {
font-weight: 300 !important; }
.weight--normal {
font-weight: 400 !important; }
.weight--semibold {
font-weight: 600 !important; }
/**
* Add/remove margins
*/
.push {
margin: 24px !important;
margin: 1.5rem !important; }
.push--top {
margin-top: 24px !important;
margin-top: 1.5rem !important; }
.push--right {
margin-right: 24px !important;
margin-right: 1.5rem !important; }
.push--bottom {
margin-bottom: 24px !important;
margin-bottom: 1.5rem !important; }
.push--left {
margin-left: 24px !important;
margin-left: 1.5rem !important; }
.push--ends {
margin: 24px 0 !important;
margin: 1.5rem 0 !important; }
.push--sides {
margin: 0 24px !important;
margin: 0 1.5rem !important; }
.push-half {
margin: 12px !important;
margin: 0.75rem !important; }
.push-half--top {
margin-top: 12px !important;
margin-top: 0.75rem !important; }
.push-half--right {
margin-right: 12px !important;
margin-right: 0.75rem !important; }
.push-half--bottom {
margin-bottom: 12px !important;
margin-bottom: 0.75rem !important; }
.push-half--left {
margin-left: 12px !important;
margin-left: 0.75rem !important; }
.push-half--ends {
margin: 12px 0 !important;
margin: 0.75rem 0 !important; }
.push-half--sides {
margin: 0 12px !important;
margin: 0 0.75rem !important; }
.flush {
margin: 0 !important; }
.flush--top {
margin-top: 0 !important; }
.flush--right {
margin-right: 0 !important; }
.flush--bottom {
margin-bottom: 0 !important; }
.flush--left {
margin-left: 0 !important; }
.flush--ends {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.flush--sides {
margin-right: 0 !important;
margin-left: 0 !important; }
/**
* Add/remove paddings
*/
.soft {
padding: 24px !important;
padding: 1.5rem !important; }
.soft--top {
padding-top: 24px !important;
padding-top: 1.5rem !important; }
.soft--right {
padding-right: 24px !important;
padding-right: 1.5rem !important; }
.soft--bottom {
padding-bottom: 24px !important;
padding-bottom: 1.5rem !important; }
.soft--left {
padding-left: 24px !important;
padding-left: 1.5rem !important; }
.soft--ends {
padding: 24px 0 !important;
padding: 1.5rem 0 !important; }
.soft--sides {
padding: 0 24px !important;
padding: 0 1.5rem !important; }
.soft-half {
padding: 12px !important;
padding: 0.75rem !important; }
.soft-half--top {
padding-top: 12px !important;
padding-top: 0.75rem !important; }
.soft-half--right {
padding-right: 12px !important;
padding-right: 0.75rem !important; }
.soft-half--bottom {
padding-bottom: 12px !important;
padding-bottom: 0.75rem !important; }
.soft-half--left {
padding-left: 12px !important;
padding-left: 0.75rem !important; }
.soft-half--ends {
padding: 12px 0 !important;
padding: 0.75rem 0 !important; }
.soft-half--sides {
padding: 0 12px !important;
padding: 0 0.75rem !important; }
.hard {
padding: 0 !important; }
.hard--top {
padding-top: 0 !important; }
.hard--right {
padding-right: 0 !important; }
.hard--bottom {
padding-bottom: 0 !important; }
.hard--left {
padding-left: 0 !important; }
.hard--ends {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.hard--sides {
padding-right: 0 !important;
padding-left: 0 !important; }
/**
* Pull items full width of `.island` parents.
*/
.full-bleed {
margin-right: -24px !important;
margin-right: -1.5rem !important;
margin-left: -24px !important;
margin-left: -1.5rem !important; }
.islet .full-bleed {
margin-right: -12px !important;
margin-right: -0.75rem !important;
margin-left: -12px !important;
margin-left: -0.75rem !important; }
/**
* Add a help cursor to any element that gives the user extra information on
* `:hover`.
*/
.informative {
cursor: help !important; }
/**
* Mute an object by reducing its opacity.
*/
.muted {
opacity: 0.5 !important;
filter: alpha(opacity=50) !important; }
/**
* Align items to the right where they imply progression/movement forward, e.g.:
*
*
* This would give you a grid item which is 100% width unless it is on a lap
* device, at which point it become 50% wide, or it is on a desktop device, at
* which point it becomes 33.333% width.
*
* csswizardry grids also has push and pull classes which allow you to nudge
* grid items left and right by a defined amount. These follow the same naming
* convention as above, but are prepended by either `push--` or `pull--`, for
* example:
*
`class="grid__item one-half push--one-half"`
*
* This would give you a grid item which is 50% width and pushed over to the
* right by 50%.
*
* All classes in csswizardry grids follow this patten, so you should fairly
* quickly be able to piece together any combinations you can imagine, for
* example:
*
`class="grid__item one-whole lap--one-half desk--one-third push--desk--one-third"`
*
`class="grid__item one-quarter palm--one-half push--palm--one-half"`
*
`class="grid__item palm--one-third desk--five-twelfths"`
*/
/*------------------------------------* $VARIABLES
\*------------------------------------*/
/**
* If you are building a non-responsive site but would still like to use
* csswizardry-grids, set this to ‘false’:
*/
/**
* Is this build mobile first? Setting to ‘true’ means that all grids will be
* 100% width if you do not apply a more specific class to them.
*/
/**
* Set the spacing between your grid items.
*/
/**
* Would you like Sass’ silent classes, or regular CSS classes?
*/
/**
* Would you like push and pull classes enabled?
*/
/**
* Using `inline-block` means that the grid items need their whitespace removing
* in order for them to work correctly. Set the following to true if you are
* going to achieve this by manually removing/commenting out any whitespace in
* your HTML yourself.
*
* Setting this to false invokes a hack which cannot always be guaranteed,
* please see the following for more detail:
*
* github.com/csswizardry/csswizardry-grids/commit/744d4b23c9d2b77d605b5991e54a397df72e0688
* github.com/csswizardry/inuit.css/issues/170#issuecomment-14859371
*/
/**
* Define your breakpoints. The first value is the prefix that shall be used for
* your classes (e.g. `.palm--one-half`), the second value is the media query
* that the breakpoint fires at.
*/
/**
* Define which namespaced breakpoints you would like to generate for each of
* widths, push and pull. This is handy if you only need pull on, say, desk, or
* you only need a new width breakpoint at mobile sizes. It allows you to only
* compile as much CSS as you need. All are turned on by default, but you can
* add and remove breakpoints at will.
*
* Push and pull shall only be used if `$push` and/or `$pull` and `$responsive`
* have been set to ‘true’.
*/
/**
* You do not need to edit anything from this line onward; csswizardry-grids is
* good to go. Happy griddin’!
*/
/*------------------------------------* $MIXINS
\*------------------------------------*/
/**
* These mixins are for the library to use only, you should not need to modify
* them at all.
*
* Enclose a block of code with a media query as named in `$breakpoints`.
*/
/**
* Drop relative positioning into silent classes which can’t take advantage of
* the `[class*="push--"]` and `[class*="pull--"]` selectors.
*/
/*------------------------------------* $GRID SETUP
\*------------------------------------*/
/**
* 1. Allow the grid system to be used on lists.
* 2. Remove any margins and paddings that might affect the grid system.
* 3. Apply a negative `margin-left` to negate the columns’ gutters.
*/
.grid {
list-style: none;
/* [1] */
margin: 0;
/* [2] */
padding: 0;
/* [2] */
margin-left: -28px ;
margin-left: -1.75rem ;
/* [3] */ }
/**
* 1. Cause columns to stack side-by-side.
* 2. Space columns apart.
* 3. Align columns to the tops of each other.
* 4. Full-width unless told to behave otherwise.
* 5. Required to combine fluid widths and fixed gutters.
*/
.grid__item, .label--inline, .label--inline + .field {
display: inline-block;
/* [1] */
padding-left: 28px ;
padding-left: 1.75rem ;
/* [3] */
vertical-align: top;
/* [3] */
width: 100%;
/* [4] */
-webkit-box-sizing: border-box;
/* [5] */
-moz-box-sizing: border-box;
/* [5] */
box-sizing: border-box;
/* [5] */ }
/**
* Reversed grids allow you to structure your source in the opposite order to
* how your rendered layout will appear. Extends `.grid`.
*/
.grid--rev {
direction: rtl;
text-align: left; }
.grid--rev > .grid__item, .grid--rev > .label--inline, .grid--rev > .label--inline + .field {
direction: ltr;
text-align: left; }
/**
* Gutterless grids have all the properties of regular grids, minus any spacing.
* Extends `.grid`.
*/
.grid--full {
margin-left: 0; }
.grid--full > .grid__item, .grid--full > .label--inline, .grid--full > .label--inline + .field {
padding-left: 0; }
/**
* Align the entire grid to the right. Extends `.grid`.
*/
.grid--right {
text-align: right; }
.grid--right > .grid__item, .grid--right > .label--inline, .grid--right > .label--inline + .field {
text-align: left; }
/**
* Centered grids align grid items centrally without needing to use push or pull
* classes. Extends `.grid`.
*/
.grid--center {
text-align: center; }
.grid--center > .grid__item, .grid--center > .label--inline, .grid--center > .label--inline + .field {
text-align: left; }
/**
* Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends
* `.grid`.
*/
.grid--middle > .grid__item, .grid--middle > .label--inline, .grid--middle > .label--inline + .field {
vertical-align: middle; }
.grid--bottom > .grid__item, .grid--bottom > .label--inline, .grid--bottom > .label--inline + .field {
vertical-align: bottom; }
/**
* Create grids with narrower gutters. Extends `.grid`.
*/
.grid--narrow {
margin-left: -14px ;
margin-left: -0.875rem ;
/* [3] */ }
.grid--narrow > .grid__item, .grid--narrow > .label--inline, .grid--narrow > .label--inline + .field {
padding-left: 14px ;
padding-left: 0.875rem ;
/* [3] */ }
/**
* Create grids with wider gutters. Extends `.grid`.
*/
.grid--wide {
margin-left: -56px ;
margin-left: -3.5rem ;
/* [3] */ }
.grid--wide > .grid__item, .grid--wide > .label--inline, .grid--wide > .label--inline + .field {
padding-left: 56px ;
padding-left: 3.5rem ;
/* [3] */ }
/*------------------------------------* $WIDTHS
\*------------------------------------*/
/**
* Create our width classes, prefixed by the specified namespace.
*/
/**
* Our regular, non-responsive width classes.
*/
/**
* Whole
*/
.one-whole {
width: 100%; }
/**
* Halves
*/
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths, .eight-sixteenths, .twelve-twentyfourths {
width: 50%; }
/**
* Thirds
*/
.one-third, .two-sixths, .four-twelfths, .eight-twentyfourths, .eighteen-twentyfourths {
width: 33.333%; }
.two-thirds, .four-sixths, .sixteen-twentyfourths, .eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.one-quarter, .two-eighths, .three-twelfths, .four-sixteenths, .six-twentyfourths, .label--inline {
width: 25%; }
.three-quarters, .six-eighths, .nine-twelfths, .twelve-sixteenths, .label--inline + .field {
width: 75%; }
/**
* Fifths
*/
.one-fifth, .two-tenths {
width: 20%; }
.two-fifths, .four-tenths {
width: 40%; }
.three-fifths, .six-tenths {
width: 60%; }
.four-fifths, .eight-tenths {
width: 80%; }
/**
* Sixths
*/
.one-sixth, .two-twelfths, .four-twentyfourths {
width: 16.666%; }
.five-sixths, .ten-twelfths, .twenty-twentyfourths {
width: 83.333%; }
/**
* Eighths
*/
.one-eighth, .two-sixteenths, .three-twentyfourths {
width: 12.5%; }
.three-eighths, .six-sixteenths, .nineteen-twentyfourths {
width: 37.5%; }
.five-eighths {
width: 62.5%; }
.seven-eighths, .fourteen-sixteenths, .twentyone-twentyfourths {
width: 87.5%; }
/**
* Tenths
*/
.one-tenth {
width: 10%; }
.three-tenths {
width: 30%; }
.seven-tenths {
width: 70%; }
.nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.one-twelfth, .two-twentyfourths {
width: 8.333%; }
.five-twelfths {
width: 41.666%; }
.seven-twelfths, .fourteen-twentyfourths {
width: 58.333%; }
.eleven-twelfths, .twentytwo-twentyfourths {
width: 91.666%; }
/**
* customove rozsireni o grid 16-ti sloupcovy a 24 sloupcovy -> neni soucasti frameworku
*/
/**
* sixteenths
*/
.one-sixteenth {
width: 6.25%; }
.three-sixteenths {
width: 18.75%; }
.five-sixteenths {
width: 31.25%; }
.seven-sixteenths {
width: 43.75%; }
.nine-sixteenths {
width: 56.25%; }
.ten-sixteenths {
width: 62.5%; }
.eleven-sixteenths {
width: 68.75%; }
.thirteen-sixteenths {
width: 81.25%; }
.fifteen-sixteenths {
width: 93.75%; }
/**
* twentyfourths
*/
.one-twentyfourth {
width: 4.16%; }
.five-twentyfourths {
width: 20.83%; }
.seven-twentyfourths {
width: 29.16%; }
.nine-twentyfourths {
width: 37.5%; }
.ten-twentyfourths {
width: 41.66%; }
.eleven-twentyfourths {
width: 45.83%; }
.thirteen-twentyfourths {
width: 54.16%; }
.fifteen-twentyfourths {
width: 62.5%; }
.seventeen-twentyfourths {
width: 70.83%; }
.twentythree-twentyfourths {
width: 95.83%; }
/**
* Our responsive classes, if we have enabled them.
*/
@media only screen and (max-width: 767px) {
/**
* Whole
*/
.palm--one-whole {
width: 100%; }
/**
* Halves
*/
.palm--one-half, .palm--two-quarters, .palm--three-sixths, .palm--four-eighths, .palm--five-tenths, .palm--six-twelfths, .palm--eight-sixteenths, .palm--twelve-twentyfourths {
width: 50%; }
/**
* Thirds
*/
.palm--one-third, .palm--two-sixths, .palm--four-twelfths, .palm--eight-twentyfourths, .palm--eighteen-twentyfourths {
width: 33.333%; }
.palm--two-thirds, .palm--four-sixths, .palm--sixteen-twentyfourths, .palm--eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.palm--one-quarter, .palm--two-eighths, .palm--three-twelfths, .palm--four-sixteenths, .palm--six-twentyfourths {
width: 25%; }
.palm--three-quarters, .palm--six-eighths, .palm--nine-twelfths, .palm--twelve-sixteenths {
width: 75%; }
/**
* Fifths
*/
.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%; }
/**
* Sixths
*/
.palm--one-sixth, .palm--two-twelfths, .palm--four-twentyfourths {
width: 16.666%; }
.palm--five-sixths, .palm--ten-twelfths, .palm--twenty-twentyfourths {
width: 83.333%; }
/**
* Eighths
*/
.palm--one-eighth, .palm--two-sixteenths, .palm--three-twentyfourths {
width: 12.5%; }
.palm--three-eighths, .palm--six-sixteenths, .palm--nineteen-twentyfourths {
width: 37.5%; }
.palm--five-eighths {
width: 62.5%; }
.palm--seven-eighths, .palm--fourteen-sixteenths, .palm--twentyone-twentyfourths {
width: 87.5%; }
/**
* Tenths
*/
.palm--one-tenth {
width: 10%; }
.palm--three-tenths {
width: 30%; }
.palm--seven-tenths {
width: 70%; }
.palm--nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.palm--one-twelfth, .palm--two-twentyfourths {
width: 8.333%; }
.palm--five-twelfths {
width: 41.666%; }
.palm--seven-twelfths, .palm--fourteen-twentyfourths {
width: 58.333%; }
.palm--eleven-twelfths, .palm--twentytwo-twentyfourths {
width: 91.666%; }
/**
* customove rozsireni o grid 16-ti sloupcovy a 24 sloupcovy -> neni soucasti frameworku
*/
/**
* sixteenths
*/
.palm--one-sixteenth {
width: 6.25%; }
.palm--three-sixteenths {
width: 18.75%; }
.palm--five-sixteenths {
width: 31.25%; }
.palm--seven-sixteenths {
width: 43.75%; }
.palm--nine-sixteenths {
width: 56.25%; }
.palm--ten-sixteenths {
width: 62.5%; }
.palm--eleven-sixteenths {
width: 68.75%; }
.palm--thirteen-sixteenths {
width: 81.25%; }
.palm--fifteen-sixteenths {
width: 93.75%; }
/**
* twentyfourths
*/
.palm--one-twentyfourth {
width: 4.16%; }
.palm--five-twentyfourths {
width: 20.83%; }
.palm--seven-twentyfourths {
width: 29.16%; }
.palm--nine-twentyfourths {
width: 37.5%; }
.palm--ten-twentyfourths {
width: 41.66%; }
.palm--eleven-twentyfourths {
width: 45.83%; }
.palm--thirteen-twentyfourths {
width: 54.16%; }
.palm--fifteen-twentyfourths {
width: 62.5%; }
.palm--seventeen-twentyfourths {
width: 70.83%; }
.palm--twentythree-twentyfourths {
width: 95.83%; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
/**
* Whole
*/
.lap--one-whole {
width: 100%; }
/**
* Halves
*/
.lap--one-half, .lap--two-quarters, .lap--three-sixths, .lap--four-eighths, .lap--five-tenths, .lap--six-twelfths, .lap--eight-sixteenths, .lap--twelve-twentyfourths {
width: 50%; }
/**
* Thirds
*/
.lap--one-third, .lap--two-sixths, .lap--four-twelfths, .lap--eight-twentyfourths, .lap--eighteen-twentyfourths {
width: 33.333%; }
.lap--two-thirds, .lap--four-sixths, .lap--sixteen-twentyfourths, .lap--eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.lap--one-quarter, .lap--two-eighths, .lap--three-twelfths, .lap--four-sixteenths, .lap--six-twentyfourths {
width: 25%; }
.lap--three-quarters, .lap--six-eighths, .lap--nine-twelfths, .lap--twelve-sixteenths {
width: 75%; }
/**
* Fifths
*/
.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%; }
/**
* Sixths
*/
.lap--one-sixth, .lap--two-twelfths, .lap--four-twentyfourths {
width: 16.666%; }
.lap--five-sixths, .lap--ten-twelfths, .lap--twenty-twentyfourths {
width: 83.333%; }
/**
* Eighths
*/
.lap--one-eighth, .lap--two-sixteenths, .lap--three-twentyfourths {
width: 12.5%; }
.lap--three-eighths, .lap--six-sixteenths, .lap--nineteen-twentyfourths {
width: 37.5%; }
.lap--five-eighths {
width: 62.5%; }
.lap--seven-eighths, .lap--fourteen-sixteenths, .lap--twentyone-twentyfourths {
width: 87.5%; }
/**
* Tenths
*/
.lap--one-tenth {
width: 10%; }
.lap--three-tenths {
width: 30%; }
.lap--seven-tenths {
width: 70%; }
.lap--nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.lap--one-twelfth, .lap--two-twentyfourths {
width: 8.333%; }
.lap--five-twelfths {
width: 41.666%; }
.lap--seven-twelfths, .lap--fourteen-twentyfourths {
width: 58.333%; }
.lap--eleven-twelfths, .lap--twentytwo-twentyfourths {
width: 91.666%; }
/**
* customove rozsireni o grid 16-ti sloupcovy a 24 sloupcovy -> neni soucasti frameworku
*/
/**
* sixteenths
*/
.lap--one-sixteenth {
width: 6.25%; }
.lap--three-sixteenths {
width: 18.75%; }
.lap--five-sixteenths {
width: 31.25%; }
.lap--seven-sixteenths {
width: 43.75%; }
.lap--nine-sixteenths {
width: 56.25%; }
.lap--ten-sixteenths {
width: 62.5%; }
.lap--eleven-sixteenths {
width: 68.75%; }
.lap--thirteen-sixteenths {
width: 81.25%; }
.lap--fifteen-sixteenths {
width: 93.75%; }
/**
* twentyfourths
*/
.lap--one-twentyfourth {
width: 4.16%; }
.lap--five-twentyfourths {
width: 20.83%; }
.lap--seven-twentyfourths {
width: 29.16%; }
.lap--nine-twentyfourths {
width: 37.5%; }
.lap--ten-twentyfourths {
width: 41.66%; }
.lap--eleven-twentyfourths {
width: 45.83%; }
.lap--thirteen-twentyfourths {
width: 54.16%; }
.lap--fifteen-twentyfourths {
width: 62.5%; }
.lap--seventeen-twentyfourths {
width: 70.83%; }
.lap--twentythree-twentyfourths {
width: 95.83%; } }
@media only screen and (min-width: 1024px) {
/**
* Whole
*/
.desk--one-whole {
width: 100%; }
/**
* Halves
*/
.desk--one-half, .desk--two-quarters, .desk--three-sixths, .desk--four-eighths, .desk--five-tenths, .desk--six-twelfths, .desk--eight-sixteenths, .desk--twelve-twentyfourths {
width: 50%; }
/**
* Thirds
*/
.desk--one-third, .desk--two-sixths, .desk--four-twelfths, .desk--eight-twentyfourths, .desk--eighteen-twentyfourths {
width: 33.333%; }
.desk--two-thirds, .desk--four-sixths, .desk--sixteen-twentyfourths, .desk--eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.desk--one-quarter, .desk--two-eighths, .desk--three-twelfths, .desk--four-sixteenths, .desk--six-twentyfourths {
width: 25%; }
.desk--three-quarters, .desk--six-eighths, .desk--nine-twelfths, .desk--twelve-sixteenths {
width: 75%; }
/**
* Fifths
*/
.desk--one-fifth, .desk--two-tenths {
width: 20%; }
.desk--two-fifths, .desk--four-tenths {
width: 40%; }
.desk--three-fifths, .desk--six-tenths {
width: 60%; }
.desk--four-fifths, .desk--eight-tenths {
width: 80%; }
/**
* Sixths
*/
.desk--one-sixth, .desk--two-twelfths, .desk--four-twentyfourths {
width: 16.666%; }
.desk--five-sixths, .desk--ten-twelfths, .desk--twenty-twentyfourths {
width: 83.333%; }
/**
* Eighths
*/
.desk--one-eighth, .desk--two-sixteenths, .desk--three-twentyfourths {
width: 12.5%; }
.desk--three-eighths, .desk--six-sixteenths, .desk--nineteen-twentyfourths {
width: 37.5%; }
.desk--five-eighths {
width: 62.5%; }
.desk--seven-eighths, .desk--fourteen-sixteenths, .desk--twentyone-twentyfourths {
width: 87.5%; }
/**
* Tenths
*/
.desk--one-tenth {
width: 10%; }
.desk--three-tenths {
width: 30%; }
.desk--seven-tenths {
width: 70%; }
.desk--nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.desk--one-twelfth, .desk--two-twentyfourths {
width: 8.333%; }
.desk--five-twelfths {
width: 41.666%; }
.desk--seven-twelfths, .desk--fourteen-twentyfourths {
width: 58.333%; }
.desk--eleven-twelfths, .desk--twentytwo-twentyfourths {
width: 91.666%; }
/**
* customove rozsireni o grid 16-ti sloupcovy a 24 sloupcovy -> neni soucasti frameworku
*/
/**
* sixteenths
*/
.desk--one-sixteenth {
width: 6.25%; }
.desk--three-sixteenths {
width: 18.75%; }
.desk--five-sixteenths {
width: 31.25%; }
.desk--seven-sixteenths {
width: 43.75%; }
.desk--nine-sixteenths {
width: 56.25%; }
.desk--ten-sixteenths {
width: 62.5%; }
.desk--eleven-sixteenths {
width: 68.75%; }
.desk--thirteen-sixteenths {
width: 81.25%; }
.desk--fifteen-sixteenths {
width: 93.75%; }
/**
* twentyfourths
*/
.desk--one-twentyfourth {
width: 4.16%; }
.desk--five-twentyfourths {
width: 20.83%; }
.desk--seven-twentyfourths {
width: 29.16%; }
.desk--nine-twentyfourths {
width: 37.5%; }
.desk--ten-twentyfourths {
width: 41.66%; }
.desk--eleven-twentyfourths {
width: 45.83%; }
.desk--thirteen-twentyfourths {
width: 54.16%; }
.desk--fifteen-twentyfourths {
width: 62.5%; }
.desk--seventeen-twentyfourths {
width: 70.83%; }
.desk--twentythree-twentyfourths {
width: 95.83%; } }
/*------------------------------------* $PUSH
\*------------------------------------*/
/**
* Push classes, to move grid items over to the right by certain amounts.
*/
/*------------------------------------* $PULL
\*------------------------------------*/
/**
* Pull classes, to move grid items back to the left by certain amounts.
*/
/**
* Funkce pro zmenu barvy textu v dle barvy pozadi elementu.
* @param {[type]} $color [description]
* @return {[type]} [description]
*/
/**
* Slightly lighten a color
* @param {[type]} $color [description]
* @param {[type]} $percentage [description]
* @return {[type]} [description]
*/
/**
* Slightly darken a color
* @param {[type]} $color [description]
* @param {[type]} $percentage [description]
* @return {[type]} [description]
*/
/*
* inline-block
* Inline-block element pro viewport vetsi nez viewport pro mobilni telefon
* @include inline-block($base-spacing-unit, top);
-------------------------------------------------------------------------------- */
/*
* svg-bg
* SVG pozadi + png fallback pomoci modernizeru
* @include svg-bg()
-------------------------------------------------------------------------------- */
/*
* cool-effect
* Vytvori animaci na elementu za pomoci transition + transform
* @include cool-effect()
-------------------------------------------------------------------------------- */
/*
* aspect-ratio
* Nastavuje elementu pomer stran (1:1, 4:3, 16:9)
* @include aspect-ratio('16:9');
-------------------------------------------------------------------------------- */
/*
* custom-aspect-ratio
* Nastavuje elementu pomer stran
* @include aspect-ratio(16,9);
-------------------------------------------------------------------------------- */
/*
* bg
* Pozadi na elementu
* @include bg();
-------------------------------------------------------------------------------- */
/**
* Strip unit
* @param {Number} $number - Cislo, kteremu bude odstranena jednotka
* @return {Number} - Cislo bez jednotky
-------------------------------------------------------------------------------- */
/*
Image replacement
-------------------------------------------------------------------------------- */
.scrollTop, .btn--cart {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
text-indent: -9999px; }
/*
Skryje pouze vizualne, ale zustava dostupne pro screenreader
www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden
-------------------------------------------------------------------------------- */
.pageOverlay .cHeader__mainNav .dropNav,
.pageOverlay .cHeader__mainNav .mDrop, .navbar__component--sideNav .mDrop,
.navbar__component--sideNav .dropNav, .cCrumb .breadcrumb__item .icon-home, .cNewsletter label, .cClientZone.dropDown label {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
overflow: hidden;
padding: 0;
position: absolute;
left: -500%; }
@media (max-width: 1023px) {
.visuallyhidden--deskDown {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
overflow: hidden;
padding: 0;
position: absolute;
left: -500%; } }
@media screen and (min-width: 768px) {
.visuallyhidden--lapAndUp {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
overflow: hidden;
padding: 0;
position: absolute;
left: -500%; } }
@media screen and (min-width: 768px) {
.d-n-lapAndUp {
display: none !important; } }
/*
Clearfix
-------------------------------------------------------------------------------- */
.cCube, .row--htmlVideo, .cProductList--image-wrap, .cImageBox, .glyph, .accordion__item__content, .accordion--tabs, .cNews--newsticker .rsSlide, .cNews--arch, .gt600 .cNews--img__content, .cProduct__info, .cProductList__anotation, .cProductList__categories__item__in--box, .cProductList__panel, .cProductList__type, .cProductList--box .grid, .cProductListBox, .cProductListBox__innerContent, .cFtr .cProductListBox, .productMenu--inline, .royalSlider--rsNavWide .rsTmb__content, .mobileHeader__toolbar, .cFiles__row, .cPerex, .cPag, .cPag__nav, .cFtr__item, .cClientZone.fullScreen .grid__item, .cClientZone.fullScreen .label--inline, .cClientZone.fullScreen .label--inline + .field, .cImageSlider, .cDesc, .cftSearch__autocomplete__item__link, .cTally__item, .cPerson__link, .cHorGap, .cGallery--nearby, .cProductListImg__item {
zoom: 1; }
.cCube:before, .row--htmlVideo:before, .cProductList--image-wrap:before, .cImageBox:before, .glyph:before, .accordion__item__content:before, .accordion--tabs:before, .cNews--newsticker .rsSlide:before, .cNews--arch:before, .gt600 .cNews--img__content:before, .cProduct__info:before, .cProductList__anotation:before, .cProductList__categories__item__in--box:before, .cProductList__panel:before, .cProductList__type:before, .cProductList--box .grid:before, .cProductListBox:before, .cProductListBox__innerContent:before, .cFtr .cProductListBox:before, .productMenu--inline:before, .royalSlider--rsNavWide .rsTmb__content:before, .mobileHeader__toolbar:before, .cFiles__row:before, .cPerex:before, .cPag:before, .cPag__nav:before, .cFtr__item:before, .cClientZone.fullScreen .grid__item:before, .cClientZone.fullScreen .label--inline:before, .cClientZone.fullScreen .label--inline + .field:before, .cImageSlider:before, .cDesc:before, .cftSearch__autocomplete__item__link:before, .cTally__item:before, .cPerson__link:before, .cHorGap:before, .cGallery--nearby:before, .cProductListImg__item:before, .cCube:after, .row--htmlVideo:after, .cProductList--image-wrap:after, .cImageBox:after, .glyph:after, .accordion__item__content:after, .accordion--tabs:after, .cNews--newsticker .rsSlide:after, .cNews--arch:after, .gt600 .cNews--img__content:after, .cProduct__info:after, .cProductList__anotation:after, .cProductList__categories__item__in--box:after, .cProductList__panel:after, .cProductList__type:after, .cProductList--box .grid:after, .cProductListBox:after, .cProductListBox__innerContent:after, .cFtr .cProductListBox:after, .productMenu--inline:after, .royalSlider--rsNavWide .rsTmb__content:after, .mobileHeader__toolbar:after, .cFiles__row:after, .cPerex:after, .cPag:after, .cPag__nav:after, .cFtr__item:after, .cClientZone.fullScreen .grid__item:after, .cClientZone.fullScreen .label--inline:after, .cClientZone.fullScreen .label--inline + .field:after, .cImageSlider:after, .cDesc:after, .cftSearch__autocomplete__item__link:after, .cTally__item:after, .cPerson__link:after, .cHorGap:after, .cGallery--nearby:after, .cProductListImg__item:after {
content: '';
display: table; }
.cCube:after, .row--htmlVideo:after, .cProductList--image-wrap:after, .cImageBox:after, .glyph:after, .accordion__item__content:after, .accordion--tabs:after, .cNews--newsticker .rsSlide:after, .cNews--arch:after, .gt600 .cNews--img__content:after, .cProduct__info:after, .cProductList__anotation:after, .cProductList__categories__item__in--box:after, .cProductList__panel:after, .cProductList__type:after, .cProductList--box .grid:after, .cProductListBox:after, .cProductListBox__innerContent:after, .cFtr .cProductListBox:after, .productMenu--inline:after, .royalSlider--rsNavWide .rsTmb__content:after, .mobileHeader__toolbar:after, .cFiles__row:after, .cPerex:after, .cPag:after, .cPag__nav:after, .cFtr__item:after, .cClientZone.fullScreen .grid__item:after, .cClientZone.fullScreen .label--inline:after, .cClientZone.fullScreen .label--inline + .field:after, .cImageSlider:after, .cDesc:after, .cftSearch__autocomplete__item__link:after, .cTally__item:after, .cPerson__link:after, .cHorGap:after, .cGallery--nearby:after, .cProductListImg__item:after {
clear: both; }
/*
Nasazeni specialniho fontu odstranujici white-space dle:
http://scottkellum.com/2013/10/25/the-new-kellum-method.html
-------------------------------------------------------------------------------- */
.cForm .form-fields__inner, .cPerson--columns {
font-family: 'iconfnt'; }
.cForm .form-fields__inner > *, .cPerson--columns > * {
font-family: "Aeonik", "Open Sans", sans-serif; }
/*
text-overflow
-------------------------------------------------------------------------------- */
/*
Absolutne pozicovany element centrovany vertikalne na stred
- vyzaduje pozicovany rodicovsky element
-------------------------------------------------------------------------------- */
.productFilter__title, .cMap__locButton, .cMap--mobile .icon-phone, .cMap--mobile .infoText--phone::before, .cMap--mobile .cPerson__link--icon-mobile,
.cMap--mobile .icon-mail,
.cMap--mobile .infoText--mail::before,
.cMap--mobile .cPerson__link--icon-email,
.cMap--mobile .icon-location {
position: absolute;
top: 50%;
width: auto;
transform: translateY(-50%); }
/*
Absolutne pozicovany element centrovany horisontalne na stred
- vyzaduje pozicovany rodicovsky element
-------------------------------------------------------------------------------- */
.cLang .drop, .cBlockquote--image.cBlockquote--portrait.cBlockquote--colored.bottom .cBlockquote__portrait, .cBlockquote--image.cBlockquote--portrait.cBlockquote--colored.top .cBlockquote__portrait {
position: absolute;
left: 50%;
height: auto;
transform: translateX(-50%); }
/*
Absolutne pozicovany element centrovany na stred
- vyzaduje pozicovany rodicovsky element
-------------------------------------------------------------------------------- */
.row--htmlVideo .cVideo, .row--htmlVideo .videoContent, .glyph--has-bg .glyph__icon, .spinner__img, html .mfp-preloader, .ui-slider .ui-slider-handle.ui-state-default::before, .cProductListImg__availability .cAvailability, .rsClear .rsThumbsArrowIcn, .rsDefault .rsArrowIcn, .cVideo__btn .icon, .cVideo__btn .icon::before, .cInstagram__stats, .cCounter__label--isCircleCounter, .cPathBox--imageCover .cPathBox__title,
.cPathBox--imageCover .cPathBox__desc__text, .cGnotation__panel {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%); }
@media screen and (max-width: 767px) {
.hideOnMobile {
display: none !important; } }
@media screen and (min-width: 768px) {
.hideOnDesk {
display: none; } }
.cNavMenu--cols .block-grid--item-soft .block-grid__item, .cMap__field,
.cMap__field > label, .cMap.lt700 .cMap__field__title, .cMap.lt700 .field, .cftSearch--fullScreen .cftSearch__autocomplete {
display: block;
width: 100%; }
@media screen and (max-width: 767px) {
.cMap .btn, .cMap .cClientZone__logout, .cMap .cNews-archiv a, .cNews-archiv .cMap a, .cMap .cRecepts .archive a, .cRecepts .archive .cMap a, .cMap .recipesList .archive a, .recipesList .archive .cMap a, .cMap .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cMap a {
display: block;
width: 100%; } }
.cftSearch--fullScreen__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
overflow-x: hidden;
height: 100%;
z-index: 100; }
.check-list__item, .cTooltip__helper {
display: inline-block;
vertical-align: middle; }
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
@media screen and (min-width: 768px) {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; } }
@media screen and (min-width: 1024px) {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; } }
@media screen and (min-width: 1200px) {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; } }
.h-heading-b-half-spacing .cHeading, .h-heading-b-half-spacing .cHeading__hx {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
@media screen and (min-width: 768px) {
.h-heading-b-half-spacing .cHeading, .h-heading-b-half-spacing .cHeading__hx {
margin-bottom: 6px ;
margin-bottom: 0.375rem ; } }
@media screen and (min-width: 1024px) {
.h-heading-b-half-spacing .cHeading, .h-heading-b-half-spacing .cHeading__hx {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; } }
@media screen and (min-width: 1200px) {
.h-heading-b-half-spacing .cHeading, .h-heading-b-half-spacing .cHeading__hx {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; } }
.h-heading-b-quarter-spacing .cHeading, .h-heading-b-quarter-spacing .cHeading__hx {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
@media screen and (min-width: 768px) {
.h-heading-b-quarter-spacing .cHeading, .h-heading-b-quarter-spacing .cHeading__hx {
margin-bottom: 3px ;
margin-bottom: 0.1875rem ; } }
@media screen and (min-width: 1024px) {
.h-heading-b-quarter-spacing .cHeading, .h-heading-b-quarter-spacing .cHeading__hx {
margin-bottom: 6px ;
margin-bottom: 0.375rem ; } }
@media screen and (min-width: 1200px) {
.h-heading-b-quarter-spacing .cHeading, .h-heading-b-quarter-spacing .cHeading__hx {
margin-bottom: 6px ;
margin-bottom: 0.375rem ; } }
.h-heading-b-5quarters-spacing .cHeading, .h-heading-b-5quarters-spacing .cHeading__hx {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
@media screen and (min-width: 768px) {
.h-heading-b-5quarters-spacing .cHeading, .h-heading-b-5quarters-spacing .cHeading__hx {
margin-bottom: 15px ;
margin-bottom: 0.9375rem ; } }
@media screen and (min-width: 1024px) {
.h-heading-b-5quarters-spacing .cHeading, .h-heading-b-5quarters-spacing .cHeading__hx {
margin-bottom: 30px ;
margin-bottom: 1.875rem ; } }
@media screen and (min-width: 1200px) {
.h-heading-b-5quarters-spacing .cHeading, .h-heading-b-5quarters-spacing .cHeading__hx {
margin-bottom: 30px ;
margin-bottom: 1.875rem ; } }
.h-heading-b-6quarters-spacing .cHeading, .h-heading-b-6quarters-spacing .cHeading__hx {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
@media screen and (min-width: 768px) {
.h-heading-b-6quarters-spacing .cHeading, .h-heading-b-6quarters-spacing .cHeading__hx {
margin-bottom: 18px ;
margin-bottom: 1.125rem ; } }
@media screen and (min-width: 1024px) {
.h-heading-b-6quarters-spacing .cHeading, .h-heading-b-6quarters-spacing .cHeading__hx {
margin-bottom: 36px ;
margin-bottom: 2.25rem ; } }
@media screen and (min-width: 1200px) {
.h-heading-b-6quarters-spacing .cHeading, .h-heading-b-6quarters-spacing .cHeading__hx {
margin-bottom: 36px ;
margin-bottom: 2.25rem ; } }
.h-heading-b-7quarters-spacing .cHeading, .h-heading-b-7quarters-spacing .cHeading__hx {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
@media screen and (min-width: 768px) {
.h-heading-b-7quarters-spacing .cHeading, .h-heading-b-7quarters-spacing .cHeading__hx {
margin-bottom: 21px ;
margin-bottom: 1.3125rem ; } }
@media screen and (min-width: 1024px) {
.h-heading-b-7quarters-spacing .cHeading, .h-heading-b-7quarters-spacing .cHeading__hx {
margin-bottom: 42px ;
margin-bottom: 2.625rem ; } }
@media screen and (min-width: 1200px) {
.h-heading-b-7quarters-spacing .cHeading, .h-heading-b-7quarters-spacing .cHeading__hx {
margin-bottom: 42px ;
margin-bottom: 2.625rem ; } }
.h-heading-b-2x-spacing .cHeading, .h-heading-b-2x-spacing .cHeading__hx {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
@media screen and (min-width: 768px) {
.h-heading-b-2x-spacing .cHeading, .h-heading-b-2x-spacing .cHeading__hx {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; } }
@media screen and (min-width: 1024px) {
.h-heading-b-2x-spacing .cHeading, .h-heading-b-2x-spacing .cHeading__hx {
margin-bottom: 48px ;
margin-bottom: 3rem ; } }
@media screen and (min-width: 1200px) {
.h-heading-b-2x-spacing .cHeading, .h-heading-b-2x-spacing .cHeading__hx {
margin-bottom: 48px ;
margin-bottom: 3rem ; } }
.h-heading-b-3x-spacing .cHeading, .h-heading-b-3x-spacing .cHeading__hx {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
@media screen and (min-width: 768px) {
.h-heading-b-3x-spacing .cHeading, .h-heading-b-3x-spacing .cHeading__hx {
margin-bottom: 36px ;
margin-bottom: 2.25rem ; } }
@media screen and (min-width: 1024px) {
.h-heading-b-3x-spacing .cHeading, .h-heading-b-3x-spacing .cHeading__hx {
margin-bottom: 72px ;
margin-bottom: 4.5rem ; } }
@media screen and (min-width: 1200px) {
.h-heading-b-3x-spacing .cHeading, .h-heading-b-3x-spacing .cHeading__hx {
margin-bottom: 72px ;
margin-bottom: 4.5rem ; } }
.h-heading-b-4x-spacing .cHeading, .h-heading-b-4x-spacing .cHeading__hx {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
@media screen and (min-width: 768px) {
.h-heading-b-4x-spacing .cHeading, .h-heading-b-4x-spacing .cHeading__hx {
margin-bottom: 48px ;
margin-bottom: 3rem ; } }
@media screen and (min-width: 1024px) {
.h-heading-b-4x-spacing .cHeading, .h-heading-b-4x-spacing .cHeading__hx {
margin-bottom: 96px ;
margin-bottom: 6rem ; } }
@media screen and (min-width: 1200px) {
.h-heading-b-4x-spacing .cHeading, .h-heading-b-4x-spacing .cHeading__hx {
margin-bottom: 96px ;
margin-bottom: 6rem ; } }
.h-heading-b-custom-spacing .cHeading, .h-heading-b-custom-spacing .cHeading__hx {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
@media screen and (min-width: 768px) {
.h-heading-b-custom-spacing .cHeading, .h-heading-b-custom-spacing .cHeading__hx {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; } }
@media screen and (min-width: 1024px) {
.h-heading-b-custom-spacing .cHeading, .h-heading-b-custom-spacing .cHeading__hx {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; } }
@media screen and (min-width: 1200px) {
.h-heading-b-custom-spacing .cHeading, .h-heading-b-custom-spacing .cHeading__hx {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; } }
.iconAndText {
display: inline-block;
text-decoration: none;
vertical-align: middle;
margin-right: 6px ;
margin-right: 0.375rem ; }
.iconAndText:before {
margin-right: 6px ;
margin-right: 0.375rem ;
font-size: 18px;
font-size: 1.125rem;
line-height: 0;
vertical-align: middle; }
.iconAndText:after {
margin-left: 6px ;
margin-left: 0.375rem ;
font-size: 18px;
font-size: 1.125rem;
line-height: 0;
vertical-align: middle; }
.iconAndText--palmButton {
padding: 12px ;
padding: 0.75rem ;
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.inline-block {
display: block;
margin-bottom: 20px ;
margin-bottom: 1.25rem ; }
.inline-block:last-child {
margin-bottom: 0; }
@media screen and (min-width: 768px) {
.inline-block {
display: inline-block;
vertical-align: middle;
margin-right: 20px ;
margin-right: 1.25rem ;
margin-bottom: 0; }
.inline-block:last-child {
margin-right: 0; } }
/*
Pomocne tridy - pro breakpointy
-------------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
.img--left,
.img--right,
.img--center,
.lt500 .cNews--img__img {
display: block;
float: none;
margin: 0 auto; } }
@media screen and (max-width: 767px) {
.img--short,
.img--medium,
.img--tall {
height: auto; } }
@media screen and (max-width: 767px) {
.matrix > li,
.multi-list > li {
width: 100%; } }
@media screen and (max-width: 767px) {
.block-list > li {
padding: 0; } }
@media screen and (max-width: 767px) {
.block-list__link {
margin: 0;
padding: 0; } }
@media screen and (max-width: 767px) {
.flexbox,
.flexbox__item {
display: block; } }
.cVideo__descTop, .cNewsletter__descTop, .cClientZone__descTop, .cConversButton__descTop {
margin-bottom: 12px ;
margin-bottom: 0.75rem ;
font-size: 13px;
font-size: 0.8125rem; }
.cVideo__descBottom, .cNewsletter__descBottom, .cClientZone__descBottom, .cYtCanal__desc, .cPathBox__desc, .cSubpages__anotation, .cConversButton__descBottom {
margin-top: 12px ;
margin-top: 0.75rem ;
font-size: 13px;
font-size: 0.8125rem;
margin-bottom: 0; }
.cftSearch--fullScreen .cftSearch__autocomplete,
.noDesign {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important; }
.cftSearch--fullScreen .cftSearch__autocomplete:before, .cftSearch--fullScreen .cftSearch__autocomplete:after,
.noDesign:before,
.noDesign:after {
border: 0; }
.cftSearch--fullScreen .cftSearch__autocomplete:focus,
.noDesign:focus {
color: inherit;
outline: none; }
.noDecoration {
text-decoration: none; }
.noDecoration:hover {
text-decoration: none !important; }
.cNavMenu--cols .block-grid--item-soft .block-grid__item, .cMap__field,
.cMap__field > label, .cMap.lt700 .cMap__field__title, .cMap.lt700 .field, .cftSearch--fullScreen .cftSearch__autocomplete {
display: block;
width: 100%; }
.p25 {
width: 100%; }
@media screen and (min-width: 768px) {
.p25 {
width: 25%; } }
.p50 {
width: 100%; }
@media screen and (min-width: 768px) {
.p50 {
width: 50%; } }
.p75 {
width: 100%; }
@media screen and (min-width: 768px) {
.p75 {
width: 75%; } }
.noLink {
font-weight: normal; }
@media screen and (min-width: 768px) {
.noLink {
text-decoration: none;
color: #173530;
font-weight: inherit; }
.noLink:hover {
color: #173530; } }
.none {
display: none !important; }
/*
Pomery stran obrazku - pro podstranky s prekrytim obrazkem
--------------------------------------------------------------------------------- */
.aspectRatio {
position: relative;
display: inline-block;
width: 100%;
overflow: hidden; }
.aspectRatio img,
.aspectRatio [class$='__inner'] {
position: absolute;
width: 100%; }
.aspectRatio--4-3:after {
padding-top: 75%;
display: block;
content: ''; }
.aspectRatio--16-9:after {
padding-top: 56.25%;
display: block;
content: ''; }
.aspectRatio--1-1:after {
padding-top: 100%;
display: block;
content: ''; }
/*
Generovani trid pro margin a padding
--------------------------------------------------------------------------------- */
.pleft0 {
padding-left: 0 !important; }
.pTop0 {
padding-top: 0 !important; }
.pBottom0 {
padding-bottom: 0 !important; }
.pRight0 {
padding-right: 0 !important; }
.mleft0 {
margin-left: 0 !important; }
.mTop0 {
margin-top: 0 !important; }
.mBottom0 {
margin-bottom: 0 !important; }
.mRight0 {
margin-right: 0 !important; }
@media screen and (min-width: 768px) {
.lap-mBottom0 {
margin-bottom: 0 !important; } }
@media screen and (min-width: 768px) {
.lap-mTop0 {
margin-top: 0 !important; } }
@media screen and (min-width: 768px) {
.lap-mLeft0 {
margin-left: 0 !important; } }
@media screen and (min-width: 768px) {
.lap-mRight0 {
margin-right: 0 !important; } }
.sliderFixClass .rsContent:not(:first-child) {
display: none !important; }
.sliderFixClass .rsContent .cHtmlSlider__box {
display: none !important; }
.inlineBlock {
display: inline-block;
vertical-align: middle; }
.p0 {
padding: 0 !important; }
.pl0 {
padding-left: 0 !important; }
.pr0 {
padding-right: 0 !important; }
.pb0 {
padding-bottom: 0 !important; }
.pt0 {
padding-top: 0 !important; }
@media screen and (min-width: 768px) {
.p-l-p-0 {
padding: 0 !important; } }
@media screen and (min-width: 1024px) {
.p-d-p-0 {
padding: 0 !important; } }
.m0 {
margin: 0 !important; }
.ml0 {
margin-left: 0 !important; }
.mr0 {
margin-right: 0 !important; }
.mb0 {
margin-bottom: 0 !important; }
.mt0 {
margin-top: 0 !important; }
.borderBottom0 {
border-bottom: 0 !important; }
.html--fixed {
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden; }
@media screen and (min-width: 768px) {
.html--fixed {
position: fixed !important; } }
.html--fixed .siteWrapper {
padding-top: 0 !important; }
.objectFit img, .cGnotation img img {
width: 100%;
height: 100%;
object-fit: cover; }
.objectFit--fallback {
background-size: cover;
background-position: center center;
background-repeat: no-repeat; }
.objectFit--fallback img {
display: none !important; }
.cSubpages .objectFit--fallback img,
.cHtmlSlider .objectFit--fallback img,
.cImageSlider .objectFit--fallback img {
display: block !important;
visibility: hidden; }
.productImageOverlay.cGallery a::before {
display: none !important; }
.productImageOverlay.cGallery a:hover img {
transform: none !important; }
.productImageOverlay.cGallery[class*='cGallery--ratio'] a:hover img {
transform: translateY(-50%) !important; }
.h-overlay {
position: relative; }
.h-overlay .rsSlide::before {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
z-index: 1;
content: ''; }
.h-row-overlay {
position: relative; }
.h-row-overlay::before {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
z-index: 1;
content: ''; }
.h-row-overlay .cCube, .h-row-overlay .row--htmlVideo {
position: relative;
z-index: 2;
color: #fff; }
.h-row-overlay .cCube .cHeading, .h-row-overlay .row--htmlVideo .cHeading {
color: #fff; }
.h-row-brand-overlay {
position: relative; }
.h-row-brand-overlay::before {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(253, 177, 45, 0.5);
z-index: 1;
content: ''; }
.h-row-brand-overlay .cCube, .h-row-brand-overlay .row--htmlVideo {
position: relative;
z-index: 2;
color: #fff; }
.h-row-brand-overlay .cCube .cHeading, .h-row-brand-overlay .row--htmlVideo .cHeading {
color: #fff; }
.h-color-lighter {
color: #ccc; }
.h-color-lighter .cHeading {
color: inherit; }
.h-wrapper-width {
max-width: 1340px;
margin-left: auto;
margin-right: auto; }
.mb-0 {
margin-bottom: 0 !important; }
.mt-0 {
margin-top: 0 !important; }
.ml-0 {
margin-left: 0 !important; }
.mr-0 {
margin-right: 0 !important; }
.pb-0 {
padding-bottom: 0 !important; }
.pt-0 {
padding-top: 0 !important; }
.pl-0 {
padding-left: 0 !important; }
.pr-0 {
padding-right: 0 !important; }
@media screen and (max-width: 767px) {
.mb-palm-0 {
margin-bottom: 0 !important; }
.mt-palm-0 {
margin-top: 0 !important; }
.ml-palm-0 {
margin-left: 0 !important; }
.mr-palm-0 {
margin-right: 0 !important; }
.pb-palm-0 {
padding-bottom: 0 !important; }
.pt-palm-0 {
padding-top: 0 !important; }
.pl-palm-0 {
padding-left: 0 !important; }
.pr-palm-0 {
padding-right: 0 !important; } }
@media screen and (min-width: 768px) {
.mb-lap-up-0 {
margin-bottom: 0 !important; }
.mt-lap-up-0 {
margin-top: 0 !important; }
.ml-lap-up-0 {
margin-left: 0 !important; }
.mr-lap-up-0 {
margin-right: 0 !important; }
.pb-lap-up-0 {
padding-bottom: 0 !important; }
.pt-lap-up-0 {
padding-top: 0 !important; }
.pl-lap-up-0 {
padding-left: 0 !important; }
.pr-lap-up-0 {
padding-right: 0 !important; } }
@media screen and (min-width: 1024px) {
.mb-desk-up-0 {
margin-bottom: 0 !important; }
.mt-desk-up-0 {
margin-top: 0 !important; }
.ml-desk-up-0 {
margin-left: 0 !important; }
.mr-desk-up-0 {
margin-right: 0 !important; }
.pb-desk-up-0 {
padding-bottom: 0 !important; }
.pt-desk-up-0 {
padding-top: 0 !important; }
.pl-desk-up-0 {
padding-left: 0 !important; }
.pr-desk-up-0 {
padding-right: 0 !important; } }
@media screen and (min-width: 1200px) {
.mb-desk-w--up-0 {
margin-bottom: 0 !important; }
.mt-desk-w--up-0 {
margin-top: 0 !important; }
.ml-desk-w--up-0 {
margin-left: 0 !important; }
.mr-desk-w--up-0 {
margin-right: 0 !important; }
.pb-desk-w--up-0 {
padding-bottom: 0 !important; }
.pt-desk-w--up-0 {
padding-top: 0 !important; }
.pl-desk-w--up-0 {
padding-left: 0 !important; }
.pr-desk-w--up-0 {
padding-right: 0 !important; } }
.h-cube-b-spacing {
margin-bottom: 24px !important; }
@media screen and (min-width: 768px) {
.h-cube-b-spacing {
margin-bottom: 48px !important; } }
@media screen and (min-width: 1024px) {
.h-cube-b-spacing {
margin-bottom: 72px !important; } }
.h-cube-half-b-spacing {
margin-bottom: 24px; }
@media screen and (min-width: 768px) {
.h-cube-half-b-spacing {
margin-bottom: 24px !important; } }
@media screen and (min-width: 1024px) {
.h-cube-half-b-spacing {
margin-bottom: 36px !important; } }
.h-cube-third-b-spacing {
margin-bottom: 24px; }
@media screen and (min-width: 768px) {
.h-cube-third-b-spacing {
margin-bottom: 16px !important; } }
@media screen and (min-width: 1024px) {
.h-cube-third-b-spacing {
margin-bottom: 24px !important; } }
.h-cube-2x-b-spacing {
margin-bottom: 24px; }
@media screen and (min-width: 768px) {
.h-cube-2x-b-spacing {
margin-bottom: 96px !important; } }
@media screen and (min-width: 1024px) {
.h-cube-2x-b-spacing {
margin-bottom: 144px !important; } }
.h-last-no-b-spacing p:last-child,
.h-last-no-b-spacing ul:last-child,
.h-last-no-b-spacing ol:last-child {
margin-bottom: 0; }
.row--large-v-gap {
padding-top: 96px ;
padding-top: 6rem ;
padding-bottom: 96px ;
padding-bottom: 6rem ; }
.row--big-v-gap {
padding-top: 48px ;
padding-top: 3rem ;
padding-bottom: 48px ;
padding-bottom: 3rem ; }
.row--normal-v-gap {
padding-top: 24px ;
padding-top: 1.5rem ;
padding-bottom: 24px ;
padding-bottom: 1.5rem ; }
.row--small-v-gap {
padding-top: 12px ;
padding-top: 0.75rem ;
padding-bottom: 12px ;
padding-bottom: 0.75rem ; }
.hide {
display: none !important; }
@media (max-width: 767px) {
.hide--palm {
display: none !important; } }
@media screen and (min-width: 768px) {
.hide--lapAndUp {
display: none !important; } }
@media (max-width: 767px) {
.hide--palm {
display: none !important; } }
@media screen and (min-width: 768px) {
.hide--lapAndUp {
display: none !important; } }
@media screen and (min-width: 1025px) {
.hide--deskAndUp {
display: none !important; } }
@media (max-width: 767px) {
.hide--lapAndDown {
display: none !important; } }
@media (max-width: 1024px) {
.hide--deskAndDown {
display: none !important; } }
.hide {
display: none !important; }
.h-heading-fw-100 .cHeading, .h-heading-fw-100
.cHeading__hx {
font-weight: 100; }
.h-heading-fw-200 .cHeading, .h-heading-fw-200
.cHeading__hx {
font-weight: 200; }
.h-heading-fw-300 .cHeading, .h-heading-fw-300
.cHeading__hx {
font-weight: 300; }
.h-heading-fw-400 .cHeading, .h-heading-fw-400
.cHeading__hx {
font-weight: 400; }
.h-heading-fw-500 .cHeading, .h-heading-fw-500
.cHeading__hx {
font-weight: 500; }
.h-heading-fw-600 .cHeading, .h-heading-fw-600
.cHeading__hx {
font-weight: 600; }
.h-heading-fw-700 .cHeading, .h-heading-fw-700
.cHeading__hx {
font-weight: 700; }
.h-heading-fw-900 .cHeading, .h-heading-fw-900
.cHeading__hx {
font-weight: 900; }
.h-paralax-bg {
background-size: cover;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat; }
@media screen and (min-width: 768px) and (max-width: 1023px) {
.text--lap-left {
text-align: left !important; } }
.input-number-no-spins::-webkit-inner-spin-button,
.input-number-no-spins::-webkit-outer-spin-button {
-webkit-appearance: none !important;
margin: 0 !important; }
.input-number-no-spins {
-moz-appearance: textfield !important; }
/*
SCSS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: $icon-home-width;
}
The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables
.icon-home {
@include sprite-width($icon-home);
}
.icon-email {
@include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
but can be overridden inside of SCSS
@include sprites($spritesheet-sprites);
*/
.sp-file-3gp {
background-image: url(../img/spriteMap/sprite.png);
background-position: -28px 0px;
width: 28px;
height: 28px; }
.sp-file-7z {
background-image: url(../img/spriteMap/sprite.png);
background-position: -140px -56px;
width: 28px;
height: 28px; }
.sp-file-ae {
background-image: url(../img/spriteMap/sprite.png);
background-position: 0px -28px;
width: 28px;
height: 28px; }
.sp-file-ai {
background-image: url(../img/spriteMap/sprite.png);
background-position: -28px -28px;
width: 28px;
height: 28px; }
.sp-file-apk {
background-image: url(../img/spriteMap/sprite.png);
background-position: -56px 0px;
width: 28px;
height: 28px; }
.sp-file-asf {
background-image: url(../img/spriteMap/sprite.png);
background-position: -56px -28px;
width: 28px;
height: 28px; }
.sp-file-avi {
background-image: url(../img/spriteMap/sprite.png);
background-position: 0px -56px;
width: 28px;
height: 28px; }
.sp-file-bak {
background-image: url(../img/spriteMap/sprite.png);
background-position: -28px -56px;
width: 28px;
height: 28px; }
.sp-file-bmp {
background-image: url(../img/spriteMap/sprite.png);
background-position: -56px -56px;
width: 28px;
height: 28px; }
.sp-file-cdr {
background-image: url(../img/spriteMap/sprite.png);
background-position: -84px 0px;
width: 28px;
height: 28px; }
.sp-file-css {
background-image: url(../img/spriteMap/sprite.png);
background-position: -84px -28px;
width: 28px;
height: 28px; }
.sp-file-csv {
background-image: url(../img/spriteMap/sprite.png);
background-position: -84px -56px;
width: 28px;
height: 28px; }
.sp-file-divx {
background-image: url(../img/spriteMap/sprite.png);
background-position: 0px -84px;
width: 28px;
height: 28px; }
.sp-file-dll {
background-image: url(../img/spriteMap/sprite.png);
background-position: -28px -84px;
width: 28px;
height: 28px; }
.sp-file-doc {
background-image: url(../img/spriteMap/sprite.png);
background-position: -56px -84px;
width: 28px;
height: 28px; }
.sp-file-docx {
background-image: url(../img/spriteMap/sprite.png);
background-position: -84px -84px;
width: 28px;
height: 28px; }
.sp-file-dot {
background-image: url(../img/spriteMap/sprite.png);
background-position: -112px 0px;
width: 28px;
height: 28px; }
.sp-file-dw {
background-image: url(../img/spriteMap/sprite.png);
background-position: -112px -28px;
width: 28px;
height: 28px; }
.sp-file-dwg {
background-image: url(../img/spriteMap/sprite.png);
background-position: -112px -56px;
width: 28px;
height: 28px; }
.sp-file-empty {
background-image: url(../img/spriteMap/sprite.png);
background-position: -112px -84px;
width: 28px;
height: 28px; }
.sp-file-eps {
background-image: url(../img/spriteMap/sprite.png);
background-position: 0px -112px;
width: 28px;
height: 28px; }
.sp-file-exe {
background-image: url(../img/spriteMap/sprite.png);
background-position: -28px -112px;
width: 28px;
height: 28px; }
.sp-file-flv {
background-image: url(../img/spriteMap/sprite.png);
background-position: -56px -112px;
width: 28px;
height: 28px; }
.sp-file-fw {
background-image: url(../img/spriteMap/sprite.png);
background-position: -84px -112px;
width: 28px;
height: 28px; }
.sp-file-gif {
background-image: url(../img/spriteMap/sprite.png);
background-position: -112px -112px;
width: 28px;
height: 28px; }
.sp-file-gz {
background-image: url(../img/spriteMap/sprite.png);
background-position: -140px 0px;
width: 28px;
height: 28px; }
.sp-file-html {
background-image: url(../img/spriteMap/sprite.png);
background-position: -140px -28px;
width: 28px;
height: 28px; }
.sp-file-ico {
background-image: url(../img/spriteMap/sprite.png);
background-position: 0px 0px;
width: 28px;
height: 28px; }
.sp-file-iso {
background-image: url(../img/spriteMap/sprite.png);
background-position: -140px -84px;
width: 28px;
height: 28px; }
.sp-file-jar {
background-image: url(../img/spriteMap/sprite.png);
background-position: -140px -112px;
width: 28px;
height: 28px; }
.sp-file-jpg {
background-image: url(../img/spriteMap/sprite.png);
background-position: 0px -140px;
width: 28px;
height: 28px; }
.sp-file-jpeg {
background-image: url(../img/spriteMap/sprite.png);
background-position: -196px 252px;
width: 28px;
height: 28px; }
.sp-file-js {
background-image: url(../img/spriteMap/sprite.png);
background-position: -28px -140px;
width: 28px;
height: 28px; }
.sp-file-mov {
background-image: url(../img/spriteMap/sprite.png);
background-position: -56px -140px;
width: 28px;
height: 28px; }
.sp-file-mp3 {
background-image: url(../img/spriteMap/sprite.png);
background-position: -84px -140px;
width: 28px;
height: 28px; }
.sp-file-mp4 {
background-image: url(../img/spriteMap/sprite.png);
background-position: -112px -140px;
width: 28px;
height: 28px; }
.sp-file-mpeg {
background-image: url(../img/spriteMap/sprite.png);
background-position: -140px -140px;
width: 28px;
height: 28px; }
.sp-file-pdf {
background-image: url(../img/spriteMap/sprite.png);
background-position: -168px 0px;
width: 28px;
height: 28px; }
.sp-file-php {
background-image: url(../img/spriteMap/sprite.png);
background-position: -168px -28px;
width: 28px;
height: 28px; }
.sp-file-png {
background-image: url(../img/spriteMap/sprite.png);
background-position: -168px -56px;
width: 28px;
height: 28px; }
.sp-file-ppt {
background-image: url(../img/spriteMap/sprite.png);
background-position: -168px -84px;
width: 28px;
height: 28px; }
.sp-file-pptx {
background-image: url(../img/spriteMap/sprite.png);
background-position: -168px -112px;
width: 28px;
height: 28px; }
.sp-file-ps {
background-image: url(../img/spriteMap/sprite.png);
background-position: -168px -140px;
width: 28px;
height: 28px; }
.sp-file-psd {
background-image: url(../img/spriteMap/sprite.png);
background-position: 0px -168px;
width: 28px;
height: 28px; }
.sp-file-rar {
background-image: url(../img/spriteMap/sprite.png);
background-position: -28px -168px;
width: 28px;
height: 28px; }
.sp-file-svg {
background-image: url(../img/spriteMap/sprite.png);
background-position: -56px -168px;
width: 28px;
height: 28px; }
.sp-file-swf {
background-image: url(../img/spriteMap/sprite.png);
background-position: -84px -168px;
width: 28px;
height: 28px; }
.sp-file-sys {
background-image: url(../img/spriteMap/sprite.png);
background-position: -112px -168px;
width: 28px;
height: 28px; }
.sp-file-tar {
background-image: url(../img/spriteMap/sprite.png);
background-position: -140px -168px;
width: 28px;
height: 28px; }
.sp-file-tiff {
background-image: url(../img/spriteMap/sprite.png);
background-position: -168px -168px;
width: 28px;
height: 28px; }
.sp-file-txt {
background-image: url(../img/spriteMap/sprite.png);
background-position: -196px 0px;
width: 28px;
height: 28px; }
.sp-file-wav {
background-image: url(../img/spriteMap/sprite.png);
background-position: -196px -28px;
width: 28px;
height: 28px; }
.sp-file-xls {
background-image: url(../img/spriteMap/sprite.png);
background-position: -196px -56px;
width: 28px;
height: 28px; }
.sp-file-xlsx {
background-image: url(../img/spriteMap/sprite.png);
background-position: -196px -84px;
width: 28px;
height: 28px; }
.sp-file-zip {
background-image: url(../img/spriteMap/sprite.png);
background-position: -196px -112px;
width: 28px;
height: 28px; }
.sp-file-default {
background-image: url(../img/spriteMap/sprite.png);
background-position: -112px -84px;
width: 28px;
height: 28px; }
@font-face {
font-family: "icons";
src: url("./application/modules/Web/Frontend/Resources/fonts/icons/icons.eot");
src: url("./application/modules/Web/Frontend/Resources/fonts/icons/icons.eot?#iefix") format("eot"), url("./application/modules/Web/Frontend/Resources/fonts/icons/icons.woff2") format("woff2"), url("./application/modules/Web/Frontend/Resources/fonts/icons/icons.woff") format("woff"), url("./application/modules/Web/Frontend/Resources/fonts/icons/icons.ttf") format("truetype"), url("./application/modules/Web/Frontend/Resources/fonts/icons/icons.svg#icons") format("svg"); }
.icon:before {
font-family: "icons";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
/* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
text-decoration: none;
text-transform: none; }
@font-face {
font-family: "font-awesome";
font-style: normal;
font-weight: normal;
src: url("../fonts/iconfontSets/fontAwesome/fontawesome-webfont.woff2") format("woff2"), url("../fonts/iconfontSets/fontAwesome/fontawesome-webfont.woff") format("woff"), url("../fonts/iconfontSets/fontAwesome/fontawesome-webfont.ttf") format("truetype"); }
.glyph__icon,
.glyph__icon::before {
display: inline-block;
font-family: 'font-awesome';
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: normal;
font-style: normal; }
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: ""; }
.fa-music:before {
content: ""; }
.fa-search:before {
content: ""; }
.fa-envelope-o:before {
content: ""; }
.fa-heart:before {
content: ""; }
.fa-star:before {
content: ""; }
.fa-star-o:before {
content: ""; }
.fa-user:before {
content: ""; }
.fa-film:before {
content: ""; }
.fa-th-large:before {
content: ""; }
.fa-th:before {
content: ""; }
.fa-th-list:before {
content: ""; }
.fa-check:before {
content: ""; }
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: ""; }
.fa-search-plus:before {
content: ""; }
.fa-search-minus:before {
content: ""; }
.fa-power-off:before {
content: ""; }
.fa-signal:before {
content: ""; }
.fa-gear:before,
.fa-cog:before {
content: ""; }
.fa-trash-o:before {
content: ""; }
.fa-home:before {
content: ""; }
.fa-file-o:before {
content: ""; }
.fa-clock-o:before {
content: ""; }
.fa-road:before {
content: ""; }
.fa-download:before {
content: ""; }
.fa-arrow-circle-o-down:before {
content: ""; }
.fa-arrow-circle-o-up:before {
content: ""; }
.fa-inbox:before {
content: ""; }
.fa-play-circle-o:before {
content: ""; }
.fa-rotate-right:before,
.fa-repeat:before {
content: ""; }
.fa-refresh:before {
content: ""; }
.fa-list-alt:before {
content: ""; }
.fa-lock:before {
content: ""; }
.fa-flag:before {
content: ""; }
.fa-headphones:before {
content: ""; }
.fa-volume-off:before {
content: ""; }
.fa-volume-down:before {
content: ""; }
.fa-volume-up:before {
content: ""; }
.fa-qrcode:before {
content: ""; }
.fa-barcode:before {
content: ""; }
.fa-tag:before {
content: ""; }
.fa-tags:before {
content: ""; }
.fa-book:before {
content: ""; }
.fa-bookmark:before {
content: ""; }
.fa-print:before {
content: ""; }
.fa-camera:before {
content: ""; }
.fa-font:before {
content: ""; }
.fa-bold:before {
content: ""; }
.fa-italic:before {
content: ""; }
.fa-text-height:before {
content: ""; }
.fa-text-width:before {
content: ""; }
.fa-align-left:before {
content: ""; }
.fa-align-center:before {
content: ""; }
.fa-align-right:before {
content: ""; }
.fa-align-justify:before {
content: ""; }
.fa-list:before {
content: ""; }
.fa-dedent:before,
.fa-outdent:before {
content: ""; }
.fa-indent:before {
content: ""; }
.fa-video-camera:before {
content: ""; }
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: ""; }
.fa-pencil:before {
content: ""; }
.fa-map-marker:before {
content: ""; }
.fa-adjust:before {
content: ""; }
.fa-tint:before {
content: ""; }
.fa-edit:before,
.fa-pencil-square-o:before {
content: ""; }
.fa-share-square-o:before {
content: ""; }
.fa-check-square-o:before {
content: ""; }
.fa-arrows:before {
content: ""; }
.fa-step-backward:before {
content: ""; }
.fa-fast-backward:before {
content: ""; }
.fa-backward:before {
content: ""; }
.fa-play:before {
content: ""; }
.fa-pause:before {
content: ""; }
.fa-stop:before {
content: ""; }
.fa-forward:before {
content: ""; }
.fa-fast-forward:before {
content: ""; }
.fa-step-forward:before {
content: ""; }
.fa-eject:before {
content: ""; }
.fa-chevron-left:before {
content: ""; }
.fa-chevron-right:before {
content: ""; }
.fa-plus-circle:before {
content: ""; }
.fa-minus-circle:before {
content: ""; }
.fa-times-circle:before {
content: ""; }
.fa-check-circle:before {
content: ""; }
.fa-question-circle:before {
content: ""; }
.fa-info-circle:before {
content: ""; }
.fa-crosshairs:before {
content: ""; }
.fa-times-circle-o:before {
content: ""; }
.fa-check-circle-o:before {
content: ""; }
.fa-ban:before {
content: ""; }
.fa-arrow-left:before {
content: ""; }
.fa-arrow-right:before {
content: ""; }
.fa-arrow-up:before {
content: ""; }
.fa-arrow-down:before {
content: ""; }
.fa-mail-forward:before,
.fa-share:before {
content: ""; }
.fa-expand:before {
content: ""; }
.fa-compress:before {
content: ""; }
.fa-plus:before {
content: ""; }
.fa-minus:before {
content: ""; }
.fa-asterisk:before {
content: ""; }
.fa-exclamation-circle:before {
content: ""; }
.fa-gift:before {
content: ""; }
.fa-leaf:before {
content: ""; }
.fa-fire:before {
content: ""; }
.fa-eye:before {
content: ""; }
.fa-eye-slash:before {
content: ""; }
.fa-warning:before,
.fa-exclamation-triangle:before {
content: ""; }
.fa-plane:before {
content: ""; }
.fa-calendar:before {
content: ""; }
.fa-random:before {
content: ""; }
.fa-comment:before {
content: ""; }
.fa-magnet:before {
content: ""; }
.fa-chevron-up:before {
content: ""; }
.fa-chevron-down:before {
content: ""; }
.fa-retweet:before {
content: ""; }
.fa-shopping-cart:before {
content: ""; }
.fa-folder:before {
content: ""; }
.fa-folder-open:before {
content: ""; }
.fa-arrows-v:before {
content: ""; }
.fa-arrows-h:before {
content: ""; }
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: ""; }
.fa-twitter-square:before {
content: ""; }
.fa-facebook-square:before {
content: ""; }
.fa-camera-retro:before {
content: ""; }
.fa-key:before {
content: ""; }
.fa-gears:before,
.fa-cogs:before {
content: ""; }
.fa-comments:before {
content: ""; }
.fa-thumbs-o-up:before {
content: ""; }
.fa-thumbs-o-down:before {
content: ""; }
.fa-star-half:before {
content: ""; }
.fa-heart-o:before {
content: ""; }
.fa-sign-out:before {
content: ""; }
.fa-linkedin-square:before {
content: ""; }
.fa-thumb-tack:before {
content: ""; }
.fa-external-link:before {
content: ""; }
.fa-sign-in:before {
content: ""; }
.fa-trophy:before {
content: ""; }
.fa-github-square:before {
content: ""; }
.fa-upload:before {
content: ""; }
.fa-lemon-o:before {
content: ""; }
.fa-phone:before {
content: ""; }
.fa-square-o:before {
content: ""; }
.fa-bookmark-o:before {
content: ""; }
.fa-phone-square:before {
content: ""; }
.fa-twitter:before {
content: ""; }
.fa-facebook-f:before,
.fa-facebook:before {
content: ""; }
.fa-github:before {
content: ""; }
.fa-unlock:before {
content: ""; }
.fa-credit-card:before {
content: ""; }
.fa-feed:before,
.fa-rss:before {
content: ""; }
.fa-hdd-o:before {
content: ""; }
.fa-bullhorn:before {
content: ""; }
.fa-bell:before {
content: ""; }
.fa-certificate:before {
content: ""; }
.fa-hand-o-right:before {
content: ""; }
.fa-hand-o-left:before {
content: ""; }
.fa-hand-o-up:before {
content: ""; }
.fa-hand-o-down:before {
content: ""; }
.fa-arrow-circle-left:before {
content: ""; }
.fa-arrow-circle-right:before {
content: ""; }
.fa-arrow-circle-up:before {
content: ""; }
.fa-arrow-circle-down:before {
content: ""; }
.fa-globe:before {
content: ""; }
.fa-wrench:before {
content: ""; }
.fa-tasks:before {
content: ""; }
.fa-filter:before {
content: ""; }
.fa-briefcase:before {
content: ""; }
.fa-arrows-alt:before {
content: ""; }
.fa-group:before,
.fa-users:before {
content: ""; }
.fa-chain:before,
.fa-link:before {
content: ""; }
.fa-cloud:before {
content: ""; }
.fa-flask:before {
content: ""; }
.fa-cut:before,
.fa-scissors:before {
content: ""; }
.fa-copy:before,
.fa-files-o:before {
content: ""; }
.fa-paperclip:before {
content: ""; }
.fa-save:before,
.fa-floppy-o:before {
content: ""; }
.fa-square:before {
content: ""; }
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: ""; }
.fa-list-ul:before {
content: ""; }
.fa-list-ol:before {
content: ""; }
.fa-strikethrough:before {
content: ""; }
.fa-underline:before {
content: ""; }
.fa-table:before {
content: ""; }
.fa-magic:before {
content: ""; }
.fa-truck:before {
content: ""; }
.fa-pinterest:before {
content: ""; }
.fa-pinterest-square:before {
content: ""; }
.fa-google-plus-square:before {
content: ""; }
.fa-google-plus:before {
content: ""; }
.fa-money:before {
content: ""; }
.fa-caret-down:before {
content: ""; }
.fa-caret-up:before {
content: ""; }
.fa-caret-left:before {
content: ""; }
.fa-caret-right:before {
content: ""; }
.fa-columns:before {
content: ""; }
.fa-unsorted:before,
.fa-sort:before {
content: ""; }
.fa-sort-down:before,
.fa-sort-desc:before {
content: ""; }
.fa-sort-up:before,
.fa-sort-asc:before {
content: ""; }
.fa-envelope:before {
content: ""; }
.fa-linkedin:before {
content: ""; }
.fa-rotate-left:before,
.fa-undo:before {
content: ""; }
.fa-legal:before,
.fa-gavel:before {
content: ""; }
.fa-dashboard:before,
.fa-tachometer:before {
content: ""; }
.fa-comment-o:before {
content: ""; }
.fa-comments-o:before {
content: ""; }
.fa-flash:before,
.fa-bolt:before {
content: ""; }
.fa-sitemap:before {
content: ""; }
.fa-umbrella:before {
content: ""; }
.fa-paste:before,
.fa-clipboard:before {
content: ""; }
.fa-lightbulb-o:before {
content: ""; }
.fa-exchange:before {
content: ""; }
.fa-cloud-download:before {
content: ""; }
.fa-cloud-upload:before {
content: ""; }
.fa-user-md:before {
content: ""; }
.fa-stethoscope:before {
content: ""; }
.fa-suitcase:before {
content: ""; }
.fa-bell-o:before {
content: ""; }
.fa-coffee:before {
content: ""; }
.fa-cutlery:before {
content: ""; }
.fa-file-text-o:before {
content: ""; }
.fa-building-o:before {
content: ""; }
.fa-hospital-o:before {
content: ""; }
.fa-ambulance:before {
content: ""; }
.fa-medkit:before {
content: ""; }
.fa-fighter-jet:before {
content: ""; }
.fa-beer:before {
content: ""; }
.fa-h-square:before {
content: ""; }
.fa-plus-square:before {
content: ""; }
.fa-angle-double-left:before {
content: ""; }
.fa-angle-double-right:before {
content: ""; }
.fa-angle-double-up:before {
content: ""; }
.fa-angle-double-down:before {
content: ""; }
.fa-angle-left:before {
content: ""; }
.fa-angle-right:before {
content: ""; }
.fa-angle-up:before {
content: ""; }
.fa-angle-down:before {
content: ""; }
.fa-desktop:before {
content: ""; }
.fa-laptop:before {
content: ""; }
.fa-tablet:before {
content: ""; }
.fa-mobile-phone:before,
.fa-mobile:before {
content: ""; }
.fa-circle-o:before {
content: ""; }
.fa-quote-left:before {
content: ""; }
.fa-quote-right:before {
content: ""; }
.fa-spinner:before {
content: ""; }
.fa-circle:before {
content: ""; }
.fa-mail-reply:before,
.fa-reply:before {
content: ""; }
.fa-github-alt:before {
content: ""; }
.fa-folder-o:before {
content: ""; }
.fa-folder-open-o:before {
content: ""; }
.fa-smile-o:before {
content: ""; }
.fa-frown-o:before {
content: ""; }
.fa-meh-o:before {
content: ""; }
.fa-gamepad:before {
content: ""; }
.fa-keyboard-o:before {
content: ""; }
.fa-flag-o:before {
content: ""; }
.fa-flag-checkered:before {
content: ""; }
.fa-terminal:before {
content: ""; }
.fa-code:before {
content: ""; }
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: ""; }
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: ""; }
.fa-location-arrow:before {
content: ""; }
.fa-crop:before {
content: ""; }
.fa-code-fork:before {
content: ""; }
.fa-unlink:before,
.fa-chain-broken:before {
content: ""; }
.fa-question:before {
content: ""; }
.fa-info:before {
content: ""; }
.fa-exclamation:before {
content: ""; }
.fa-superscript:before {
content: ""; }
.fa-subscript:before {
content: ""; }
.fa-eraser:before {
content: ""; }
.fa-puzzle-piece:before {
content: ""; }
.fa-microphone:before {
content: ""; }
.fa-microphone-slash:before {
content: ""; }
.fa-shield:before {
content: ""; }
.fa-calendar-o:before {
content: ""; }
.fa-fire-extinguisher:before {
content: ""; }
.fa-rocket:before {
content: ""; }
.fa-maxcdn:before {
content: ""; }
.fa-chevron-circle-left:before {
content: ""; }
.fa-chevron-circle-right:before {
content: ""; }
.fa-chevron-circle-up:before {
content: ""; }
.fa-chevron-circle-down:before {
content: ""; }
.fa-html5:before {
content: ""; }
.fa-css3:before {
content: ""; }
.fa-anchor:before {
content: ""; }
.fa-unlock-alt:before {
content: ""; }
.fa-bullseye:before {
content: ""; }
.fa-ellipsis-h:before {
content: ""; }
.fa-ellipsis-v:before {
content: ""; }
.fa-rss-square:before {
content: ""; }
.fa-play-circle:before {
content: ""; }
.fa-ticket:before {
content: ""; }
.fa-minus-square:before {
content: ""; }
.fa-minus-square-o:before {
content: ""; }
.fa-level-up:before {
content: ""; }
.fa-level-down:before {
content: ""; }
.fa-check-square:before {
content: ""; }
.fa-pencil-square:before {
content: ""; }
.fa-external-link-square:before {
content: ""; }
.fa-share-square:before {
content: ""; }
.fa-compass:before {
content: ""; }
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: ""; }
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: ""; }
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: ""; }
.fa-euro:before,
.fa-eur:before {
content: ""; }
.fa-gbp:before {
content: ""; }
.fa-dollar:before,
.fa-usd:before {
content: ""; }
.fa-rupee:before,
.fa-inr:before {
content: ""; }
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: ""; }
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: ""; }
.fa-won:before,
.fa-krw:before {
content: ""; }
.fa-bitcoin:before,
.fa-btc:before {
content: ""; }
.fa-file:before {
content: ""; }
.fa-file-text:before {
content: ""; }
.fa-sort-alpha-asc:before {
content: ""; }
.fa-sort-alpha-desc:before {
content: ""; }
.fa-sort-amount-asc:before {
content: ""; }
.fa-sort-amount-desc:before {
content: ""; }
.fa-sort-numeric-asc:before {
content: ""; }
.fa-sort-numeric-desc:before {
content: ""; }
.fa-thumbs-up:before {
content: ""; }
.fa-thumbs-down:before {
content: ""; }
.fa-youtube-square:before {
content: ""; }
.fa-youtube:before {
content: ""; }
.fa-xing:before {
content: ""; }
.fa-xing-square:before {
content: ""; }
.fa-youtube-play:before {
content: ""; }
.fa-dropbox:before {
content: ""; }
.fa-stack-overflow:before {
content: ""; }
.fa-instagram:before {
content: ""; }
.fa-flickr:before {
content: ""; }
.fa-adn:before {
content: ""; }
.fa-bitbucket:before {
content: ""; }
.fa-bitbucket-square:before {
content: ""; }
.fa-tumblr:before {
content: ""; }
.fa-tumblr-square:before {
content: ""; }
.fa-long-arrow-down:before {
content: ""; }
.fa-long-arrow-up:before {
content: ""; }
.fa-long-arrow-left:before {
content: ""; }
.fa-long-arrow-right:before {
content: ""; }
.fa-apple:before {
content: ""; }
.fa-windows:before {
content: ""; }
.fa-android:before {
content: ""; }
.fa-linux:before {
content: ""; }
.fa-dribbble:before {
content: ""; }
.fa-skype:before {
content: ""; }
.fa-foursquare:before {
content: ""; }
.fa-trello:before {
content: ""; }
.fa-female:before {
content: ""; }
.fa-male:before {
content: ""; }
.fa-gittip:before,
.fa-gratipay:before {
content: ""; }
.fa-sun-o:before {
content: ""; }
.fa-moon-o:before {
content: ""; }
.fa-archive:before {
content: ""; }
.fa-bug:before {
content: ""; }
.fa-vk:before {
content: ""; }
.fa-weibo:before {
content: ""; }
.fa-renren:before {
content: ""; }
.fa-pagelines:before {
content: ""; }
.fa-stack-exchange:before {
content: ""; }
.fa-arrow-circle-o-right:before {
content: ""; }
.fa-arrow-circle-o-left:before {
content: ""; }
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: ""; }
.fa-dot-circle-o:before {
content: ""; }
.fa-wheelchair:before {
content: ""; }
.fa-vimeo-square:before {
content: ""; }
.fa-turkish-lira:before,
.fa-try:before {
content: ""; }
.fa-plus-square-o:before {
content: ""; }
.fa-space-shuttle:before {
content: ""; }
.fa-slack:before {
content: ""; }
.fa-envelope-square:before {
content: ""; }
.fa-wordpress:before {
content: ""; }
.fa-openid:before {
content: ""; }
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: ""; }
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: ""; }
.fa-yahoo:before {
content: ""; }
.fa-google:before {
content: ""; }
.fa-reddit:before {
content: ""; }
.fa-reddit-square:before {
content: ""; }
.fa-stumbleupon-circle:before {
content: ""; }
.fa-stumbleupon:before {
content: ""; }
.fa-delicious:before {
content: ""; }
.fa-digg:before {
content: ""; }
.fa-pied-piper-pp:before {
content: ""; }
.fa-pied-piper-alt:before {
content: ""; }
.fa-drupal:before {
content: ""; }
.fa-joomla:before {
content: ""; }
.fa-language:before {
content: ""; }
.fa-fax:before {
content: ""; }
.fa-building:before {
content: ""; }
.fa-child:before {
content: ""; }
.fa-paw:before {
content: ""; }
.fa-spoon:before {
content: ""; }
.fa-cube:before {
content: ""; }
.fa-cubes:before {
content: ""; }
.fa-behance:before {
content: ""; }
.fa-behance-square:before {
content: ""; }
.fa-steam:before {
content: ""; }
.fa-steam-square:before {
content: ""; }
.fa-recycle:before {
content: ""; }
.fa-automobile:before,
.fa-car:before {
content: ""; }
.fa-cab:before,
.fa-taxi:before {
content: ""; }
.fa-tree:before {
content: ""; }
.fa-spotify:before {
content: ""; }
.fa-deviantart:before {
content: ""; }
.fa-soundcloud:before {
content: ""; }
.fa-database:before {
content: ""; }
.fa-file-pdf-o:before {
content: ""; }
.fa-file-word-o:before {
content: ""; }
.fa-file-excel-o:before {
content: ""; }
.fa-file-powerpoint-o:before {
content: ""; }
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: ""; }
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: ""; }
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: ""; }
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: ""; }
.fa-file-code-o:before {
content: ""; }
.fa-vine:before {
content: ""; }
.fa-codepen:before {
content: ""; }
.fa-jsfiddle:before {
content: ""; }
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: ""; }
.fa-circle-o-notch:before {
content: ""; }
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: ""; }
.fa-ge:before,
.fa-empire:before {
content: ""; }
.fa-git-square:before {
content: ""; }
.fa-git:before {
content: ""; }
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: ""; }
.fa-tencent-weibo:before {
content: ""; }
.fa-qq:before {
content: ""; }
.fa-wechat:before,
.fa-weixin:before {
content: ""; }
.fa-send:before,
.fa-paper-plane:before {
content: ""; }
.fa-send-o:before,
.fa-paper-plane-o:before {
content: ""; }
.fa-history:before {
content: ""; }
.fa-circle-thin:before {
content: ""; }
.fa-header:before {
content: ""; }
.fa-paragraph:before {
content: ""; }
.fa-sliders:before {
content: ""; }
.fa-share-alt:before {
content: ""; }
.fa-share-alt-square:before {
content: ""; }
.fa-bomb:before {
content: ""; }
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: ""; }
.fa-tty:before {
content: ""; }
.fa-binoculars:before {
content: ""; }
.fa-plug:before {
content: ""; }
.fa-slideshare:before {
content: ""; }
.fa-twitch:before {
content: ""; }
.fa-yelp:before {
content: ""; }
.fa-newspaper-o:before {
content: ""; }
.fa-wifi:before {
content: ""; }
.fa-calculator:before {
content: ""; }
.fa-paypal:before {
content: ""; }
.fa-google-wallet:before {
content: ""; }
.fa-cc-visa:before {
content: ""; }
.fa-cc-mastercard:before {
content: ""; }
.fa-cc-discover:before {
content: ""; }
.fa-cc-amex:before {
content: ""; }
.fa-cc-paypal:before {
content: ""; }
.fa-cc-stripe:before {
content: ""; }
.fa-bell-slash:before {
content: ""; }
.fa-bell-slash-o:before {
content: ""; }
.fa-trash:before {
content: ""; }
.fa-copyright:before {
content: ""; }
.fa-at:before {
content: ""; }
.fa-eyedropper:before {
content: ""; }
.fa-paint-brush:before {
content: ""; }
.fa-birthday-cake:before {
content: ""; }
.fa-area-chart:before {
content: ""; }
.fa-pie-chart:before {
content: ""; }
.fa-line-chart:before {
content: ""; }
.fa-lastfm:before {
content: ""; }
.fa-lastfm-square:before {
content: ""; }
.fa-toggle-off:before {
content: ""; }
.fa-toggle-on:before {
content: ""; }
.fa-bicycle:before {
content: ""; }
.fa-bus:before {
content: ""; }
.fa-ioxhost:before {
content: ""; }
.fa-angellist:before {
content: ""; }
.fa-cc:before {
content: ""; }
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: ""; }
.fa-meanpath:before {
content: ""; }
.fa-buysellads:before {
content: ""; }
.fa-connectdevelop:before {
content: ""; }
.fa-dashcube:before {
content: ""; }
.fa-forumbee:before {
content: ""; }
.fa-leanpub:before {
content: ""; }
.fa-sellsy:before {
content: ""; }
.fa-shirtsinbulk:before {
content: ""; }
.fa-simplybuilt:before {
content: ""; }
.fa-skyatlas:before {
content: ""; }
.fa-cart-plus:before {
content: ""; }
.fa-cart-arrow-down:before {
content: ""; }
.fa-diamond:before {
content: ""; }
.fa-ship:before {
content: ""; }
.fa-user-secret:before {
content: ""; }
.fa-motorcycle:before {
content: ""; }
.fa-street-view:before {
content: ""; }
.fa-heartbeat:before {
content: ""; }
.fa-venus:before {
content: ""; }
.fa-mars:before {
content: ""; }
.fa-mercury:before {
content: ""; }
.fa-intersex:before,
.fa-transgender:before {
content: ""; }
.fa-transgender-alt:before {
content: ""; }
.fa-venus-double:before {
content: ""; }
.fa-mars-double:before {
content: ""; }
.fa-venus-mars:before {
content: ""; }
.fa-mars-stroke:before {
content: ""; }
.fa-mars-stroke-v:before {
content: ""; }
.fa-mars-stroke-h:before {
content: ""; }
.fa-neuter:before {
content: ""; }
.fa-genderless:before {
content: ""; }
.fa-facebook-official:before {
content: ""; }
.fa-pinterest-p:before {
content: ""; }
.fa-whatsapp:before {
content: ""; }
.fa-server:before {
content: ""; }
.fa-user-plus:before {
content: ""; }
.fa-user-times:before {
content: ""; }
.fa-hotel:before,
.fa-bed:before {
content: ""; }
.fa-viacoin:before {
content: ""; }
.fa-train:before {
content: ""; }
.fa-subway:before {
content: ""; }
.fa-medium:before {
content: ""; }
.fa-yc:before,
.fa-y-combinator:before {
content: ""; }
.fa-optin-monster:before {
content: ""; }
.fa-opencart:before {
content: ""; }
.fa-expeditedssl:before {
content: ""; }
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: ""; }
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: ""; }
.fa-battery-2:before,
.fa-battery-half:before {
content: ""; }
.fa-battery-1:before,
.fa-battery-quarter:before {
content: ""; }
.fa-battery-0:before,
.fa-battery-empty:before {
content: ""; }
.fa-mouse-pointer:before {
content: ""; }
.fa-i-cursor:before {
content: ""; }
.fa-object-group:before {
content: ""; }
.fa-object-ungroup:before {
content: ""; }
.fa-sticky-note:before {
content: ""; }
.fa-sticky-note-o:before {
content: ""; }
.fa-cc-jcb:before {
content: ""; }
.fa-cc-diners-club:before {
content: ""; }
.fa-clone:before {
content: ""; }
.fa-balance-scale:before {
content: ""; }
.fa-hourglass-o:before {
content: ""; }
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: ""; }
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: ""; }
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: ""; }
.fa-hourglass:before {
content: ""; }
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: ""; }
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: ""; }
.fa-hand-scissors-o:before {
content: ""; }
.fa-hand-lizard-o:before {
content: ""; }
.fa-hand-spock-o:before {
content: ""; }
.fa-hand-pointer-o:before {
content: ""; }
.fa-hand-peace-o:before {
content: ""; }
.fa-trademark:before {
content: ""; }
.fa-registered:before {
content: ""; }
.fa-creative-commons:before {
content: ""; }
.fa-gg:before {
content: ""; }
.fa-gg-circle:before {
content: ""; }
.fa-tripadvisor:before {
content: ""; }
.fa-odnoklassniki:before {
content: ""; }
.fa-odnoklassniki-square:before {
content: ""; }
.fa-get-pocket:before {
content: ""; }
.fa-wikipedia-w:before {
content: ""; }
.fa-safari:before {
content: ""; }
.fa-chrome:before {
content: ""; }
.fa-firefox:before {
content: ""; }
.fa-opera:before {
content: ""; }
.fa-internet-explorer:before {
content: ""; }
.fa-tv:before,
.fa-television:before {
content: ""; }
.fa-contao:before {
content: ""; }
.fa-500px:before {
content: ""; }
.fa-amazon:before {
content: ""; }
.fa-calendar-plus-o:before {
content: ""; }
.fa-calendar-minus-o:before {
content: ""; }
.fa-calendar-times-o:before {
content: ""; }
.fa-calendar-check-o:before {
content: ""; }
.fa-industry:before {
content: ""; }
.fa-map-pin:before {
content: ""; }
.fa-map-signs:before {
content: ""; }
.fa-map-o:before {
content: ""; }
.fa-map:before {
content: ""; }
.fa-commenting:before {
content: ""; }
.fa-commenting-o:before {
content: ""; }
.fa-houzz:before {
content: ""; }
.fa-vimeo:before {
content: ""; }
.fa-black-tie:before {
content: ""; }
.fa-fonticons:before {
content: ""; }
.fa-reddit-alien:before {
content: ""; }
.fa-edge:before {
content: ""; }
.fa-credit-card-alt:before {
content: ""; }
.fa-codiepie:before {
content: ""; }
.fa-modx:before {
content: ""; }
.fa-fort-awesome:before {
content: ""; }
.fa-usb:before {
content: ""; }
.fa-product-hunt:before {
content: ""; }
.fa-mixcloud:before {
content: ""; }
.fa-scribd:before {
content: ""; }
.fa-pause-circle:before {
content: ""; }
.fa-pause-circle-o:before {
content: ""; }
.fa-stop-circle:before {
content: ""; }
.fa-stop-circle-o:before {
content: ""; }
.fa-shopping-bag:before {
content: ""; }
.fa-shopping-basket:before {
content: ""; }
.fa-hashtag:before {
content: ""; }
.fa-bluetooth:before {
content: ""; }
.fa-bluetooth-b:before {
content: ""; }
.fa-percent:before {
content: ""; }
.fa-gitlab:before {
content: ""; }
.fa-wpbeginner:before {
content: ""; }
.fa-wpforms:before {
content: ""; }
.fa-envira:before {
content: ""; }
.fa-universal-access:before {
content: ""; }
.fa-wheelchair-alt:before {
content: ""; }
.fa-question-circle-o:before {
content: ""; }
.fa-blind:before {
content: ""; }
.fa-audio-description:before {
content: ""; }
.fa-volume-control-phone:before {
content: ""; }
.fa-braille:before {
content: ""; }
.fa-assistive-listening-systems:before {
content: ""; }
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: ""; }
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: ""; }
.fa-glide:before {
content: ""; }
.fa-glide-g:before {
content: ""; }
.fa-signing:before,
.fa-sign-language:before {
content: ""; }
.fa-low-vision:before {
content: ""; }
.fa-viadeo:before {
content: ""; }
.fa-viadeo-square:before {
content: ""; }
.fa-snapchat:before {
content: ""; }
.fa-snapchat-ghost:before {
content: ""; }
.fa-snapchat-square:before {
content: ""; }
.fa-pied-piper:before {
content: ""; }
.fa-first-order:before {
content: ""; }
.fa-yoast:before {
content: ""; }
.fa-themeisle:before {
content: ""; }
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: ""; }
.fa-fa:before,
.fa-font-awesome:before {
content: ""; }
.fa-handshake-o:before {
content: ""; }
.fa-envelope-open:before {
content: ""; }
.fa-envelope-open-o:before {
content: ""; }
.fa-linode:before {
content: ""; }
.fa-address-book:before {
content: ""; }
.fa-address-book-o:before {
content: ""; }
.fa-vcard:before,
.fa-address-card:before {
content: ""; }
.fa-vcard-o:before,
.fa-address-card-o:before {
content: ""; }
.fa-user-circle:before {
content: ""; }
.fa-user-circle-o:before {
content: ""; }
.fa-user-o:before {
content: ""; }
.fa-id-badge:before {
content: ""; }
.fa-drivers-license:before,
.fa-id-card:before {
content: ""; }
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: ""; }
.fa-quora:before {
content: ""; }
.fa-free-code-camp:before {
content: ""; }
.fa-telegram:before {
content: ""; }
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: ""; }
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: ""; }
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: ""; }
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: ""; }
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: ""; }
.fa-shower:before {
content: ""; }
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: ""; }
.fa-podcast:before {
content: ""; }
.fa-window-maximize:before {
content: ""; }
.fa-window-minimize:before {
content: ""; }
.fa-window-restore:before {
content: ""; }
.fa-times-rectangle:before,
.fa-window-close:before {
content: ""; }
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: ""; }
.fa-bandcamp:before {
content: ""; }
.fa-grav:before {
content: ""; }
.fa-etsy:before {
content: ""; }
.fa-imdb:before {
content: ""; }
.fa-ravelry:before {
content: ""; }
.fa-eercast:before {
content: ""; }
.fa-microchip:before {
content: ""; }
.fa-snowflake-o:before {
content: ""; }
.fa-superpowers:before {
content: ""; }
.fa-wpexplorer:before {
content: ""; }
.fa-meetup:before {
content: ""; }
.grid {
font-family: 'iconfnt'; }
.grid > *,
.grid .grid__item,
.grid .label--inline,
.grid .label--inline + .field {
font-family: "Aeonik", "Open Sans", sans-serif; }
.box--bordered {
padding: 24px ;
padding: 1.5rem ;
border: 1px solid #ddd; }
.inline-box__item, .cMeta-inline__item {
display: inline-block;
margin-right: 12px ;
margin-right: 0.75rem ; }
.inline-box__item:last-child, .cMeta-inline__item:last-child {
margin-right: 0; }
@media screen and (min-width: 768px) {
.table-view {
display: table; }
.table-view__row {
display: table-row; }
.table-view__cell {
display: table-cell; } }
.block-grid {
padding: 0;
margin: 0;
display: block; }
.block-grid.block-grid--item-soft {
margin: 0 -12px ;
margin: 0 -0.75rem ; }
.block-grid.block-grid--item-soft .block-grid__item {
padding: 0 12px 12px ;
padding: 0 0.75rem 0.75rem ; }
.block-grid__item {
position: relative;
display: block;
height: auto;
float: left; }
.block-grid__item:nth-of-type(n) {
clear: none; }
.block-grid__item__img {
line-height: 0;
display: block; }
.block-grid--1 > .block-grid__item {
list-style: none;
width: 100%; }
.block-grid--1 > .block-grid__item:nth-of-type(1n + 1) {
clear: both; }
.block-grid--2 > .block-grid__item {
list-style: none;
width: 50%; }
.block-grid--2 > .block-grid__item:nth-of-type(2n + 1) {
clear: both; }
.block-grid--3 > .block-grid__item {
list-style: none;
width: 33.33333%; }
.block-grid--3 > .block-grid__item:nth-of-type(3n + 1) {
clear: both; }
.block-grid--4 > .block-grid__item {
list-style: none;
width: 25%; }
.block-grid--4 > .block-grid__item:nth-of-type(4n + 1) {
clear: both; }
.block-grid--5 > .block-grid__item {
list-style: none;
width: 20%; }
.block-grid--5 > .block-grid__item:nth-of-type(5n + 1) {
clear: both; }
.block-grid--6 > .block-grid__item {
list-style: none;
width: 16.66667%; }
.block-grid--6 > .block-grid__item:nth-of-type(6n + 1) {
clear: both; }
.block-grid--7 > .block-grid__item {
list-style: none;
width: 14.28571%; }
.block-grid--7 > .block-grid__item:nth-of-type(7n + 1) {
clear: both; }
.block-grid--8 > .block-grid__item {
list-style: none;
width: 12.5%; }
.block-grid--8 > .block-grid__item:nth-of-type(8n + 1) {
clear: both; }
.block-grid--9 > .block-grid__item {
list-style: none;
width: 11.11111%; }
.block-grid--9 > .block-grid__item:nth-of-type(9n + 1) {
clear: both; }
.block-grid--10 > .block-grid__item {
list-style: none;
width: 10%; }
.block-grid--10 > .block-grid__item:nth-of-type(10n + 1) {
clear: both; }
.block-grid--11 > .block-grid__item {
list-style: none;
width: 9.09091%; }
.block-grid--11 > .block-grid__item:nth-of-type(11n + 1) {
clear: both; }
.block-grid--12 > .block-grid__item {
list-style: none;
width: 8.33333%; }
.block-grid--12 > .block-grid__item:nth-of-type(12n + 1) {
clear: both; }
@media only screen and (max-width: 767px) {
.palm--block-grid--1 > .block-grid__item {
list-style: none;
width: 100%; }
.palm--block-grid--1 > .block-grid__item:nth-of-type(1n + 1) {
clear: both; }
.palm--block-grid--2 > .block-grid__item {
list-style: none;
width: 50%; }
.palm--block-grid--2 > .block-grid__item:nth-of-type(2n + 1) {
clear: both; }
.palm--block-grid--3 > .block-grid__item {
list-style: none;
width: 33.33333%; }
.palm--block-grid--3 > .block-grid__item:nth-of-type(3n + 1) {
clear: both; }
.palm--block-grid--4 > .block-grid__item {
list-style: none;
width: 25%; }
.palm--block-grid--4 > .block-grid__item:nth-of-type(4n + 1) {
clear: both; }
.palm--block-grid--5 > .block-grid__item {
list-style: none;
width: 20%; }
.palm--block-grid--5 > .block-grid__item:nth-of-type(5n + 1) {
clear: both; }
.palm--block-grid--6 > .block-grid__item {
list-style: none;
width: 16.66667%; }
.palm--block-grid--6 > .block-grid__item:nth-of-type(6n + 1) {
clear: both; }
.palm--block-grid--7 > .block-grid__item {
list-style: none;
width: 14.28571%; }
.palm--block-grid--7 > .block-grid__item:nth-of-type(7n + 1) {
clear: both; }
.palm--block-grid--8 > .block-grid__item {
list-style: none;
width: 12.5%; }
.palm--block-grid--8 > .block-grid__item:nth-of-type(8n + 1) {
clear: both; }
.palm--block-grid--9 > .block-grid__item {
list-style: none;
width: 11.11111%; }
.palm--block-grid--9 > .block-grid__item:nth-of-type(9n + 1) {
clear: both; }
.palm--block-grid--10 > .block-grid__item {
list-style: none;
width: 10%; }
.palm--block-grid--10 > .block-grid__item:nth-of-type(10n + 1) {
clear: both; }
.palm--block-grid--11 > .block-grid__item {
list-style: none;
width: 9.09091%; }
.palm--block-grid--11 > .block-grid__item:nth-of-type(11n + 1) {
clear: both; }
.palm--block-grid--12 > .block-grid__item {
list-style: none;
width: 8.33333%; }
.palm--block-grid--12 > .block-grid__item:nth-of-type(12n + 1) {
clear: both; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.lap--block-grid--1 > .block-grid__item {
list-style: none;
width: 100%; }
.lap--block-grid--1 > .block-grid__item:nth-of-type(1n + 1) {
clear: both; }
.lap--block-grid--2 > .block-grid__item {
list-style: none;
width: 50%; }
.lap--block-grid--2 > .block-grid__item:nth-of-type(2n + 1) {
clear: both; }
.lap--block-grid--3 > .block-grid__item {
list-style: none;
width: 33.33333%; }
.lap--block-grid--3 > .block-grid__item:nth-of-type(3n + 1) {
clear: both; }
.lap--block-grid--4 > .block-grid__item {
list-style: none;
width: 25%; }
.lap--block-grid--4 > .block-grid__item:nth-of-type(4n + 1) {
clear: both; }
.lap--block-grid--5 > .block-grid__item {
list-style: none;
width: 20%; }
.lap--block-grid--5 > .block-grid__item:nth-of-type(5n + 1) {
clear: both; }
.lap--block-grid--6 > .block-grid__item {
list-style: none;
width: 16.66667%; }
.lap--block-grid--6 > .block-grid__item:nth-of-type(6n + 1) {
clear: both; }
.lap--block-grid--7 > .block-grid__item {
list-style: none;
width: 14.28571%; }
.lap--block-grid--7 > .block-grid__item:nth-of-type(7n + 1) {
clear: both; }
.lap--block-grid--8 > .block-grid__item {
list-style: none;
width: 12.5%; }
.lap--block-grid--8 > .block-grid__item:nth-of-type(8n + 1) {
clear: both; }
.lap--block-grid--9 > .block-grid__item {
list-style: none;
width: 11.11111%; }
.lap--block-grid--9 > .block-grid__item:nth-of-type(9n + 1) {
clear: both; }
.lap--block-grid--10 > .block-grid__item {
list-style: none;
width: 10%; }
.lap--block-grid--10 > .block-grid__item:nth-of-type(10n + 1) {
clear: both; }
.lap--block-grid--11 > .block-grid__item {
list-style: none;
width: 9.09091%; }
.lap--block-grid--11 > .block-grid__item:nth-of-type(11n + 1) {
clear: both; }
.lap--block-grid--12 > .block-grid__item {
list-style: none;
width: 8.33333%; }
.lap--block-grid--12 > .block-grid__item:nth-of-type(12n + 1) {
clear: both; } }
@media only screen and (min-width: 1024px) {
.desk--block-grid--1 > .block-grid__item {
list-style: none;
width: 100%; }
.desk--block-grid--1 > .block-grid__item:nth-of-type(1n + 1) {
clear: both; }
.desk--block-grid--2 > .block-grid__item {
list-style: none;
width: 50%; }
.desk--block-grid--2 > .block-grid__item:nth-of-type(2n + 1) {
clear: both; }
.desk--block-grid--3 > .block-grid__item {
list-style: none;
width: 33.33333%; }
.desk--block-grid--3 > .block-grid__item:nth-of-type(3n + 1) {
clear: both; }
.desk--block-grid--4 > .block-grid__item {
list-style: none;
width: 25%; }
.desk--block-grid--4 > .block-grid__item:nth-of-type(4n + 1) {
clear: both; }
.desk--block-grid--5 > .block-grid__item {
list-style: none;
width: 20%; }
.desk--block-grid--5 > .block-grid__item:nth-of-type(5n + 1) {
clear: both; }
.desk--block-grid--6 > .block-grid__item {
list-style: none;
width: 16.66667%; }
.desk--block-grid--6 > .block-grid__item:nth-of-type(6n + 1) {
clear: both; }
.desk--block-grid--7 > .block-grid__item {
list-style: none;
width: 14.28571%; }
.desk--block-grid--7 > .block-grid__item:nth-of-type(7n + 1) {
clear: both; }
.desk--block-grid--8 > .block-grid__item {
list-style: none;
width: 12.5%; }
.desk--block-grid--8 > .block-grid__item:nth-of-type(8n + 1) {
clear: both; }
.desk--block-grid--9 > .block-grid__item {
list-style: none;
width: 11.11111%; }
.desk--block-grid--9 > .block-grid__item:nth-of-type(9n + 1) {
clear: both; }
.desk--block-grid--10 > .block-grid__item {
list-style: none;
width: 10%; }
.desk--block-grid--10 > .block-grid__item:nth-of-type(10n + 1) {
clear: both; }
.desk--block-grid--11 > .block-grid__item {
list-style: none;
width: 9.09091%; }
.desk--block-grid--11 > .block-grid__item:nth-of-type(11n + 1) {
clear: both; }
.desk--block-grid--12 > .block-grid__item {
list-style: none;
width: 8.33333%; }
.desk--block-grid--12 > .block-grid__item:nth-of-type(12n + 1) {
clear: both; } }
.cCube, .row--htmlVideo,
.cProductList--image-wrap,
.cImageBox {
margin-bottom: 24px; }
@media screen and (min-width: 768px) {
.cCube, .row--htmlVideo,
.cProductList--image-wrap,
.cImageBox {
margin-bottom: 48px; } }
@media screen and (min-width: 1024px) {
.cCube, .row--htmlVideo,
.cProductList--image-wrap,
.cImageBox {
margin-bottom: 72px; } }
.accessibility-disabled :focus,
.accessibility-disabled a:focus {
outline: 0; }
.mainWrapper:focus {
outline: 0; }
.cPerson__name,
.cNews__title,
.cInfobox .cHeading,
.cPathBox__title,
.cNewsletter .cHeading,
.cSubpages__title,
.cImageBox__title {
font-size: 16px;
font-size: 1rem;
line-height: 1.4; }
.cImage .A_lightbox,
.cGallery .A_lightbox,
.cImage a[data-a-lightbox-gallery],
.cGallery a[data-a-lightbox-gallery] {
position: relative; }
.cImage .A_lightbox::after,
.cGallery .A_lightbox::after,
.cImage a[data-a-lightbox-gallery]::after,
.cGallery a[data-a-lightbox-gallery]::after {
position: absolute;
left: 50%;
top: 50%;
transition: opacity 0.5s ease-in-out;
text-align: center;
color: #fff;
font-size: 30px !important;
transform: translateX(-50%) translateY(-50%) rotateZ(0) !important;
z-index: 2;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
visibility: hidden; }
@media screen and (min-width: 768px) {
.cImage .A_lightbox:hover::after,
.cGallery .A_lightbox:hover::after,
.cImage a[data-a-lightbox-gallery]:hover::after,
.cGallery a[data-a-lightbox-gallery]:hover::after {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); } }
.cGallery--nearby .royalSlider .rsContainer .A_lightbox::after,
.cGallery--nearby .royalSlider .rsContainer a[data-a-lightbox-gallery]::after {
display: none; }
.cGallery:not(.cGallery--noRatio) .cGallery__wrapper > a[data-a-lightbox-gallery] {
position: static; }
.cVideo__descTop, .cNewsletter__descTop, .cClientZone__descTop, .cConversButton__descTop {
margin-bottom: 24px ;
margin-bottom: 1.5rem ;
margin-bottom: 24px ;
margin-bottom: 1.5rem ;
font-size: 13px;
font-size: 0.8125rem; }
.cVideo__descBottom, .cNewsletter__descBottom, .cClientZone__descBottom, .cYtCanal__desc, .cPathBox__desc, .cSubpages__anotation, .cConversButton__descBottom {
margin-top: 24px ;
margin-top: 1.5rem ;
margin-bottom: 0;
font-size: 13px;
font-size: 0.8125rem; }
.cImage__imgWrapper > a,
.cNews--grid .cNews__imgLink,
.cNews__content > .cNews__link,
.cNews__imgWrapper > .cNews__link,
.cNews--largePreview .cNews__imgLink,
.cPathBox--imageCover > .cPathBox__link,
.cPathBox > .cPathBox__link,
.cPathBox--titleCover .cPathBox__link,
.cGallery__wrapper > a,
.cGallery--preview .rsSlide > a,
.cGallery .grid__item > a,
.cGallery .label--inline > a,
.cGallery .label--inline + .field > a,
.cSubpages--imageCover .cSubpage__inner > a,
.cSubpages--perex .cSubpages__inner > a,
.cSubpages--perex .cSubpages__imgWrapper > a {
position: relative;
display: block;
overflow: hidden;
transition: opacity 0.5s ease; }
.cImage__imgWrapper > a img,
.cNews--grid .cNews__imgLink img,
.cNews__content > .cNews__link img,
.cNews__imgWrapper > .cNews__link img,
.cNews--largePreview .cNews__imgLink img,
.cPathBox--imageCover > .cPathBox__link img,
.cPathBox > .cPathBox__link img,
.cPathBox--titleCover .cPathBox__link img,
.cGallery__wrapper > a img,
.cGallery--preview .rsSlide > a img,
.cGallery .grid__item > a img,
.cGallery .label--inline > a img,
.cGallery .label--inline + .field > a img,
.cSubpages--imageCover .cSubpage__inner > a img,
.cSubpages--perex .cSubpages__inner > a img,
.cSubpages--perex .cSubpages__imgWrapper > a img {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
margin-bottom: 0;
transition: transform 0.5s ease;
object-fit: cover; }
.cImage__imgWrapper > a::before,
.cNews--grid .cNews__imgLink::before,
.cNews__content > .cNews__link::before,
.cNews__imgWrapper > .cNews__link::before,
.cNews--largePreview .cNews__imgLink::before,
.cPathBox--imageCover > .cPathBox__link::before,
.cPathBox > .cPathBox__link::before,
.cPathBox--titleCover .cPathBox__link::before,
.cGallery__wrapper > a::before,
.cGallery--preview .rsSlide > a::before,
.cGallery .grid__item > a::before,
.cGallery .label--inline > a::before,
.cGallery .label--inline + .field > a::before,
.cSubpages--imageCover .cSubpage__inner > a::before,
.cSubpages--perex .cSubpages__inner > a::before,
.cSubpages--perex .cSubpages__imgWrapper > a::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
width: 100%;
height: 100%;
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
background-color: transparent;
content: '';
z-index: 1;
transition: opacity 0.5s ease, background-color 0.5s ease; }
.cImage__imgWrapper > a:hover img,
.cNews--grid .cNews__imgLink:hover img,
.cNews__content > .cNews__link:hover img,
.cNews__imgWrapper > .cNews__link:hover img,
.cNews--largePreview .cNews__imgLink:hover img,
.cPathBox--imageCover > .cPathBox__link:hover img,
.cPathBox > .cPathBox__link:hover img,
.cPathBox--titleCover .cPathBox__link:hover img,
.cGallery__wrapper > a:hover img,
.cGallery--preview .rsSlide > a:hover img,
.cGallery .grid__item > a:hover img,
.cGallery .label--inline > a:hover img,
.cGallery .label--inline + .field > a:hover img,
.cSubpages--imageCover .cSubpage__inner > a:hover img,
.cSubpages--perex .cSubpages__inner > a:hover img,
.cSubpages--perex .cSubpages__imgWrapper > a:hover img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0) scale(1.15) translate3d(0, 0, 0); }
.cImage__imgWrapper > a:hover::before,
.cNews--grid .cNews__imgLink:hover::before,
.cNews__content > .cNews__link:hover::before,
.cNews__imgWrapper > .cNews__link:hover::before,
.cNews--largePreview .cNews__imgLink:hover::before,
.cPathBox--imageCover > .cPathBox__link:hover::before,
.cPathBox > .cPathBox__link:hover::before,
.cPathBox--titleCover .cPathBox__link:hover::before,
.cGallery__wrapper > a:hover::before,
.cGallery--preview .rsSlide > a:hover::before,
.cGallery .grid__item > a:hover::before,
.cGallery .label--inline > a:hover::before,
.cGallery .label--inline + .field > a:hover::before,
.cSubpages--imageCover .cSubpage__inner > a:hover::before,
.cSubpages--perex .cSubpages__inner > a:hover::before,
.cSubpages--perex .cSubpages__imgWrapper > a:hover::before {
background-color: rgba(253, 177, 45, 0.8);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.h-start-overlay.cImage__imgWrapper > a::before,
.h-start-overlay.cNews--grid .cNews__imgLink::before,
.h-start-overlay.cNews__content > .cNews__link::before,
.h-start-overlay.cNews__imgWrapper > .cNews__link::before,
.h-start-overlay.cNews--largePreview .cNews__imgLink::before,
.h-start-overlay.cPathBox--imageCover > .cPathBox__link::before,
.h-start-overlay.cPathBox > .cPathBox__link::before,
.h-start-overlay.cPathBox--titleCover .cPathBox__link::before,
.h-start-overlay.cGallery__wrapper > a::before,
.h-start-overlay.cGallery--preview .rsSlide > a::before,
.h-start-overlay.cGallery .grid__item > a::before,
.h-start-overlay.cGallery .label--inline > a::before,
.h-start-overlay.cGallery .label--inline + .field > a::before,
.h-start-overlay.cSubpages--imageCover .cSubpage__inner > a::before,
.h-start-overlay.cSubpages--perex .cSubpages__inner > a::before,
.h-start-overlay.cSubpages--perex .cSubpages__imgWrapper > a::before {
background-color: rgba(253, 177, 45, 0.8); }
.h-start-overlay.cImage__imgWrapper > a:hover::before,
.h-start-overlay.cNews--grid .cNews__imgLink:hover::before,
.h-start-overlay.cNews__content > .cNews__link:hover::before,
.h-start-overlay.cNews__imgWrapper > .cNews__link:hover::before,
.h-start-overlay.cNews--largePreview .cNews__imgLink:hover::before,
.h-start-overlay.cPathBox--imageCover > .cPathBox__link:hover::before,
.h-start-overlay.cPathBox > .cPathBox__link:hover::before,
.h-start-overlay.cPathBox--titleCover .cPathBox__link:hover::before,
.h-start-overlay.cGallery__wrapper > a:hover::before,
.h-start-overlay.cGallery--preview .rsSlide > a:hover::before,
.h-start-overlay.cGallery .grid__item > a:hover::before,
.h-start-overlay.cGallery .label--inline > a:hover::before,
.h-start-overlay.cGallery .label--inline + .field > a:hover::before,
.h-start-overlay.cSubpages--imageCover .cSubpage__inner > a:hover::before,
.h-start-overlay.cSubpages--perex .cSubpages__inner > a:hover::before,
.h-start-overlay.cSubpages--perex .cSubpages__imgWrapper > a:hover::before {
background-color: rgba(253, 177, 45, 0.8); }
.cGallery.cGallery--noRatio .rsWebkit3d .cGallery__wrapper > a img,
.cGallery.cGallery--noration .rsWebkit3d .grid__item > a img,
.cGallery.cGallery--noration .rsWebkit3d .label--inline > a img,
.cGallery.cGallery--noration .rsWebkit3d .label--inline + .field > a img {
transform: translateY(0); }
.cGallery__wrapper > a img,
.cGallery .grid__item > a img,
.cGallery .label--inline > a img,
.cGallery .label--inline + .field > a img {
top: 50%;
transform: translateY(-50%); }
.cGallery--noRatio .cGallery__wrapper > a img, .cGallery--noRatio
.cGallery .grid__item > a img, .cGallery--noRatio
.cGallery .label--inline > a img, .cGallery--noRatio
.cGallery .label--inline + .field > a img {
top: 0;
transform: translateY(0); }
.cGallery__wrapper > a:hover img,
.cGallery .grid__item > a:hover img,
.cGallery .label--inline > a:hover img,
.cGallery .label--inline + .field > a:hover img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0) scale(1.15) translateY(-50%); }
.cGallery--noRatio .cGallery__wrapper > a:hover img, .cGallery--noRatio
.cGallery .grid__item > a:hover img, .cGallery--noRatio
.cGallery .label--inline > a:hover img, .cGallery--noRatio
.cGallery .label--inline + .field > a:hover img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0) scale(1.15); }
.cGallery--preview .rsSlide > a {
width: 100%;
height: 100%; }
.cNews--grid .cNews__imgLink:hover + .cNews--grid__content .cNews__anotation {
max-height: 320px;
visibility: visible;
margin-top: 12px; }
.row--top {
padding-top: 24px ;
padding-top: 1.5rem ;
padding-bottom: 24px ;
padding-bottom: 1.5rem ;
background-color: #f5f5f5; }
.row--top > .rowInner {
max-width: 1340px;
margin: auto; }
.row--topPhoto {
position: relative;
padding-top: 0;
min-height: 250px; }
@media screen and (min-width: 768px) {
.row--topPhoto {
min-height: 275px; } }
@media screen and (min-width: 1024px) {
.row--topPhoto {
min-height: 300px; } }
.row--topPhoto .cTopPhoto {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.row--topPhoto .cCrumb {
position: absolute;
left: 0;
bottom: 0;
padding: 6px 0 ;
padding: 0.375rem 0 ;
width: 100%;
background-color: #f5f5f5; }
.row--topPhoto .cCrumb .nav, .row--topPhoto .cCrumb .mDrop ul, .mDrop .row--topPhoto .cCrumb ul, .row--topPhoto .cCrumb .cPag__nav {
max-width: 1340px;
margin: auto; }
.row--topPhoto .cHeading__hx {
max-width: 1340px;
margin: auto;
color: #fff; }
.row--topPhoto .cPerex {
max-width: 1340px;
margin: auto;
color: #fff; }
.row--topPhotoBox {
position: absolute;
left: 0;
bottom: 60px;
width: 100%; }
.row--bottom {
padding-top: 36px ;
padding-top: 2.25rem ;
padding-bottom: 36px ;
padding-bottom: 2.25rem ;
color: #ffffff;
background-color: #000000; }
@media screen and (min-width: 1024px) {
.row--bottom .cCube, .row--bottom .row--htmlVideo {
margin-bottom: 0; } }
.row--bottom a {
color: #ffffff; }
.row--bottom a:hover {
color: #ffffff; }
.row--bottom ul li,
.row--bottom ol li {
color: #ffffff; }
.row--bottom .cCube:not(.cNewsletter) .cHeading, .row--bottom .row--htmlVideo:not(.cNewsletter) .cHeading {
font-size: 25px;
font-size: 1.5625rem;
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
.row--bottom .cHeading,
.row--bottom h1,
.row--bottom h2,
.row--bottom h3,
.row--bottom h4,
.row--bottom h5,
.row--bottom h6 {
color: #ffffff; }
.row--bottom .cText li::before,
.row--bottom .cSharedText li::before {
color: #fdb12d; }
.row--bottom .cText ul > li,
.row--bottom .cSharedTexts ul > li {
color: #ffffff; }
.row--footer {
padding-top: 24px ;
padding-top: 1.5rem ;
padding-bottom: 24px ;
padding-bottom: 1.5rem ;
color: #ffffff;
background-color: #000000; }
.row--footer .cHeading,
.row--footer h1,
.row--footer h2,
.row--footer h3,
.row--footer h4,
.row--footer h5,
.row--footer h6 {
color: #ffffff; }
.row--footer h2, .row--footer h3 {
color: #ffffff; }
.pageOverlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999;
transition: all 0.5s ease-in-out;
transform-origin: 50%;
background-color: rgba(253, 177, 45, 0.9); }
.pageOverlay--hidden {
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
transform: translateY(-100%); }
.pageOverlay--hidden .pageOverlay__inner,
.pageOverlay--hidden .pageOverlay__bottom {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0); }
.pageOverlay--active {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
transform: translateY(0); }
.pageOverlay.js__toogle_search_fullwidth--content, .pageOverlay--czone {
z-index: 1002; }
.pageOverlay.js__toogle_search_fullwidth--content .pageOverlay__inner .cClientZone--header, .pageOverlay--czone .pageOverlay__inner .cClientZone--header {
border: 0; }
.pageOverlay__inner {
position: relative;
z-index: 1000;
max-width: 1340px;
margin-left: auto;
margin-right: auto;
transition: all 0.3s ease-in-out;
color: #fff;
margin-top: 48px ;
margin-top: 3rem ; }
@media screen and (max-width: 767px) {
.pageOverlay__inner {
padding-left: 24px ;
padding-left: 1.5rem ;
padding-right: 24px ;
padding-right: 1.5rem ; } }
@media screen and (min-width: 768px) {
.pageOverlay__inner {
margin-top: calc(100vh / 2);
transform: translateY(-50%); } }
.pageOverlay--czone .pageOverlay__inner {
transform: none; }
@media screen and (min-width: 768px) {
.pageOverlay--czone .pageOverlay__inner {
margin-top: calc(100vh * 0.35); } }
.pageOverlay__bottom {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
transition: all 0.3s ease-in-out; }
.pageOverlay__close {
position: fixed;
border: 0;
padding: 0;
background-color: transparent;
z-index: 1000;
top: 8px ;
top: 0.5rem ;
right: 12px ;
right: 0.75rem ; }
@media screen and (min-width: 768px) {
.pageOverlay__close {
top: 24px ;
top: 1.5rem ;
right: 24px ;
right: 1.5rem ; } }
.pageOverlay__close--hidden {
display: none; }
.pageOverlay__close .icon-close::before, .pageOverlay__close .userAccountForm form + .editSwitchWrapper .btn::before, .userAccountForm form + .editSwitchWrapper .pageOverlay__close .btn::before, .pageOverlay__close .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .pageOverlay__close .cClientZone__logout::before, .pageOverlay__close .userAccountForm form + .editSwitchWrapper .cNews-archiv a::before, .userAccountForm form + .editSwitchWrapper .cNews-archiv .pageOverlay__close a::before, .pageOverlay__close .cNews-archiv .userAccountForm form + .editSwitchWrapper a::before, .cNews-archiv .userAccountForm form + .editSwitchWrapper .pageOverlay__close a::before, .pageOverlay__close .userAccountForm form + .editSwitchWrapper .cRecepts .archive a::before, .userAccountForm form + .editSwitchWrapper .cRecepts .archive .pageOverlay__close a::before, .pageOverlay__close .cRecepts .archive .userAccountForm form + .editSwitchWrapper a::before, .cRecepts .archive .userAccountForm form + .editSwitchWrapper .pageOverlay__close a::before, .pageOverlay__close .userAccountForm form + .editSwitchWrapper .recipesList .archive a::before, .userAccountForm form + .editSwitchWrapper .recipesList .archive .pageOverlay__close a::before, .pageOverlay__close .recipesList .archive .userAccountForm form + .editSwitchWrapper a::before, .recipesList .archive .userAccountForm form + .editSwitchWrapper .pageOverlay__close a::before, .pageOverlay__close .userAccountForm form + .editSwitchWrapper .cFtr .recipesList__item .archive a::before, .userAccountForm form + .editSwitchWrapper .cFtr .recipesList__item .archive .pageOverlay__close a::before, .pageOverlay__close .cFtr .recipesList__item .archive .userAccountForm form + .editSwitchWrapper a::before, .cFtr .recipesList__item .archive .userAccountForm form + .editSwitchWrapper .pageOverlay__close a::before {
color: #fff;
font-size: 26px;
font-size: 1.625rem;
line-height: 1.1; }
@media screen and (min-width: 768px) {
.pageOverlay__close .icon-close::before, .pageOverlay__close .userAccountForm form + .editSwitchWrapper .btn::before, .userAccountForm form + .editSwitchWrapper .pageOverlay__close .btn::before, .pageOverlay__close .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .pageOverlay__close .cClientZone__logout::before, .pageOverlay__close .userAccountForm form + .editSwitchWrapper .cNews-archiv a::before, .userAccountForm form + .editSwitchWrapper .cNews-archiv .pageOverlay__close a::before, .pageOverlay__close .cNews-archiv .userAccountForm form + .editSwitchWrapper a::before, .cNews-archiv .userAccountForm form + .editSwitchWrapper .pageOverlay__close a::before, .pageOverlay__close .userAccountForm form + .editSwitchWrapper .cRecepts .archive a::before, .userAccountForm form + .editSwitchWrapper .cRecepts .archive .pageOverlay__close a::before, .pageOverlay__close .cRecepts .archive .userAccountForm form + .editSwitchWrapper a::before, .cRecepts .archive .userAccountForm form + .editSwitchWrapper .pageOverlay__close a::before, .pageOverlay__close .userAccountForm form + .editSwitchWrapper .recipesList .archive a::before, .userAccountForm form + .editSwitchWrapper .recipesList .archive .pageOverlay__close a::before, .pageOverlay__close .recipesList .archive .userAccountForm form + .editSwitchWrapper a::before, .recipesList .archive .userAccountForm form + .editSwitchWrapper .pageOverlay__close a::before, .pageOverlay__close .userAccountForm form + .editSwitchWrapper .cFtr .recipesList__item .archive a::before, .userAccountForm form + .editSwitchWrapper .cFtr .recipesList__item .archive .pageOverlay__close a::before, .pageOverlay__close .cFtr .recipesList__item .archive .userAccountForm form + .editSwitchWrapper a::before, .cFtr .recipesList__item .archive .userAccountForm form + .editSwitchWrapper .pageOverlay__close a::before {
font-size: 65px;
font-size: 4.0625rem;
line-height: 1.1; } }
.pageOverlay .cHeader__mainNav {
text-align: center; }
.pageOverlay .cHeader__mainNav .nav__item {
display: block;
margin-left: 0;
transition: all 0.3s ease-in-out; }
.pageOverlay .cHeader__mainNav .nav__item__in {
color: white;
font-size: 65px;
font-size: 4.0625rem;
font-weight: normal;
font-weight: 300;
padding-top: 0 !important;
padding-bottom: 0 !important;
border-top: 0;
border-bottom: 0; }
.pageOverlay .cHeader__mainNav .nav__item__in::before, .pageOverlay .cHeader__mainNav .nav__item__in::after {
font-size: inherit !important;
font-weight: 300;
display: inline;
vertical-align: baseline;
font-family: inherit;
padding-left: 0;
padding-right: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
transition: all 0.3s ease-in-out; }
.pageOverlay .cHeader__mainNav .nav__item__in::before {
content: '['; }
.pageOverlay .cHeader__mainNav .nav__item__in::after {
content: ']'; }
.pageOverlay .cHeader__mainNav .nav__item__in:hover {
color: #fff; }
.pageOverlay .cHeader__mainNav .nav__item__in:hover::before, .pageOverlay .cHeader__mainNav .nav__item__in:hover::after {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.pageOverlay .cHeader__mainNav .nav__item__in:hover::before {
padding-right: 12px ;
padding-right: 0.75rem ; }
.pageOverlay .cHeader__mainNav .nav__item__in:hover::after {
padding-left: 12px ;
padding-left: 0.75rem ; }
.pageOverlay .cHeader__cta,
.pageOverlay .cHeader__lang {
text-align: center;
margin-top: 24px ;
margin-top: 1.5rem ; }
.loader {
font-size: 10px;
position: relative;
transform: translateZ(0);
animation: load8 1.1s infinite linear;
border: 5px solid rgba(255, 255, 255, 0.2);
border-left: 5px solid #fff; }
@media screen and (min-width: 768px) {
.loader {
border: 10px solid rgba(255, 255, 255, 0.2);
border-left: 10px solid #fff; } }
.loader--dark {
border: 3px solid rgba(23, 53, 48, 0.2);
border-left: 3px solid #fff; }
@media screen and (min-width: 768px) {
.loader--dark {
border: 5px solid rgba(23, 53, 48, 0.2);
border-left: 5px solid #173530; } }
.loader,
.loader::after {
border-radius: 50%;
width: 20px;
height: 20px; }
@media screen and (min-width: 768px) {
.loader,
.loader::after {
width: 45px;
height: 45px; } }
.loader--small,
.loader--small::after {
width: 20px;
height: 20px; }
@media screen and (min-width: 768px) {
.loader--small,
.loader--small::after {
width: 30px;
height: 30px;
border-width: 5px; } }
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.closeButton {
cursor: pointer; }
.infoText {
text-decoration: none;
color: #173530;
font-size: 18px;
font-size: 1.125rem; }
.infoText::before {
padding-right: 8px;
font-size: 20px; }
.infoText--mail {
text-decoration: underline; }
.infoText--mail:hover {
text-decoration: none; }
.animateBox {
transition: all 1.5s ease-in-out; }
.animateBox.fade {
opacity: 0; }
.animateBox.fade.triggeredCSS3 {
opacity: 1; }
.animateBox.fadeFromTop {
opacity: 0;
transform: translateY(-20px); }
.animateBox.fadeFromTop.triggeredCSS3 {
opacity: 1;
transform: translateY(0); }
.animateBox.fadeFromLeft {
opacity: 0;
transform: translateX(-20px); }
.animateBox.fadeFromLeft.triggeredCSS3 {
opacity: 1;
transform: translateX(0); }
.animateBox.fadeFromRight {
opacity: 0;
transform: translateX(20px); }
.animateBox.fadeFromRight.triggeredCSS3 {
opacity: 1;
transform: translateX(0); }
.animateBox.scaleFade {
opacity: 0;
transform: scale(0.5); }
.animateBox.scaleFade.triggeredCSS3 {
opacity: 1;
transform: scale(1); }
.animateBox.rotate.triggeredCSS3 {
transform: rotate(360deg); }
.animateBox.scale.triggeredCSS3 {
transform: scale(1.6); }
.animateBox.translate.triggeredCSS3 {
transform: translate3d(400px, 0, 0); }
.c-topContent {
position: relative;
min-height: 100px; }
@media screen and (min-width: 768px) {
.c-topContent {
min-height: 150px; } }
@media screen and (min-width: 1024px) {
.c-topContent {
min-height: 150px; } }
@media screen and (min-width: 1200px) {
.c-topContent {
min-height: 200px; } }
.homepage .c-topContent {
min-height: 280px; }
@media screen and (min-width: 768px) {
.homepage .c-topContent {
min-height: 400px; } }
@media screen and (min-width: 1024px) {
.homepage .c-topContent {
min-height: 500px; } }
@media screen and (min-width: 1200px) {
.homepage .c-topContent {
min-height: 600px; } }
.c-topContent__inner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.c-topContent__box {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
text-align: center;
width: 100%;
max-width: 1340px; }
.c-topContent__box .cHeading__hx,
.c-topContent__box .cPerex__desc {
color: #fff; }
.recaptcha-container .grecaptcha-badge {
visibility: hidden; }
.recaptcha-container .grecaptcha-badge {
z-index: 100;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2) !important; }
.grecaptcha-badge[data-style='bottomright'], .grecaptcha-badge[data-style='bottomleft'] {
bottom: 80px !important; }
.row--top.row--topPhoto .cTopPhoto img {
width: 100%;
height: 100%;
object-fit: cover; }
.sf-toolbar.sf-error-toolbar {
display: none; }
html {
overflow-x: hidden;
scroll-behavior: smooth; }
@media (max-width: 1250px) {
.globalWrapper {
overflow-x: hidden; } }
.h-wrapper-width, .row--topPhoto .cCrumb .nav, .row--topPhoto .cCrumb .mDrop ul, .mDrop .row--topPhoto .cCrumb ul, .row--topPhoto .cCrumb .cPag__nav, .row--topPhoto .cHeading__hx, .row--topPhoto .cPerex, .row--footer > .rowInner, .c-topContent__box, .pageHeader .navbar__inner,
.pageHeader .cHeader__inner,
.pageHeader .row--top > .rowInner, .cHeader--beneath .cHeader__mainNav__inner, .mainWrapper > .row > .rowInner, .row--bottom > .rowInner, .row--contentCentered > .rowInner,
.row--contentCentered > .row__overlay > .rowInner, .cCopyright__inner, .cCopyright__recaptcha {
padding-left: 20px ;
padding-left: 1.25rem ;
padding-right: 20px ;
padding-right: 1.25rem ; }
@media screen and (min-width: 768px) {
.h-wrapper-width, .row--topPhoto .cCrumb .nav, .row--topPhoto .cCrumb .mDrop ul, .mDrop .row--topPhoto .cCrumb ul, .row--topPhoto .cCrumb .cPag__nav, .row--topPhoto .cHeading__hx, .row--topPhoto .cPerex, .row--footer > .rowInner, .c-topContent__box, .pageHeader .navbar__inner,
.pageHeader .cHeader__inner,
.pageHeader .row--top > .rowInner, .cHeader--beneath .cHeader__mainNav__inner, .mainWrapper > .row > .rowInner, .row--bottom > .rowInner, .row--contentCentered > .rowInner,
.row--contentCentered > .row__overlay > .rowInner, .cCopyright__inner, .cCopyright__recaptcha {
padding-left: 12px ;
padding-left: 0.75rem ;
padding-right: 12px ;
padding-right: 0.75rem ; } }
@media screen and (min-width: 1024px) {
.h-wrapper-width, .row--topPhoto .cCrumb .nav, .row--topPhoto .cCrumb .mDrop ul, .mDrop .row--topPhoto .cCrumb ul, .row--topPhoto .cCrumb .cPag__nav, .row--topPhoto .cHeading__hx, .row--topPhoto .cPerex, .row--footer > .rowInner, .c-topContent__box, .pageHeader .navbar__inner,
.pageHeader .cHeader__inner,
.pageHeader .row--top > .rowInner, .cHeader--beneath .cHeader__mainNav__inner, .mainWrapper > .row > .rowInner, .row--bottom > .rowInner, .row--contentCentered > .rowInner,
.row--contentCentered > .row__overlay > .rowInner, .cCopyright__inner, .cCopyright__recaptcha {
padding-left: 12px ;
padding-left: 0.75rem ;
padding-right: 12px ;
padding-right: 0.75rem ; } }
@media screen and (min-width: 1200px) {
.h-wrapper-width, .row--topPhoto .cCrumb .nav, .row--topPhoto .cCrumb .mDrop ul, .mDrop .row--topPhoto .cCrumb ul, .row--topPhoto .cCrumb .cPag__nav, .row--topPhoto .cHeading__hx, .row--topPhoto .cPerex, .row--footer > .rowInner, .c-topContent__box, .pageHeader .navbar__inner,
.pageHeader .cHeader__inner,
.pageHeader .row--top > .rowInner, .cHeader--beneath .cHeader__mainNav__inner, .mainWrapper > .row > .rowInner, .row--bottom > .rowInner, .row--contentCentered > .rowInner,
.row--contentCentered > .row__overlay > .rowInner, .cCopyright__inner, .cCopyright__recaptcha {
padding-left: 24px ;
padding-left: 1.5rem ;
padding-right: 24px ;
padding-right: 1.5rem ; } }
.pageHeader .cHeader__inner,
.pageHeader .mainNav__inner {
max-width: 1340px;
margin: auto; }
.mainWrapper > .row:not(.row--fullWidth) > .rowInner {
max-width: 1340px;
margin: auto; }
@media screen and (max-width: 767px) {
.pageHeader {
background-color: #f2efe8; }
.pageHeader--is-transparent {
background-color: transparent; } }
@media screen and (min-width: 768px) {
.pageHeader--centered {
max-width: 1340px;
margin: 0 auto; } }
.pageHeader--fixed-scroll {
height: 0; }
@media screen and (min-width: 768px) {
.pageHeader--innerCentered .cHeader__inner,
.pageHeader--innerCentered .mainNav__inner {
max-width: 1340px;
margin: 0 auto; } }
@media screen and (min-width: 768px) {
.mainWrapper {
position: relative; } }
.mainWrapper > .row > .rowInner {
padding-top: 12px ;
padding-top: 0.75rem ;
background-color: #fff; }
@media screen and (min-width: 768px) {
.mainWrapper > .row > .rowInner {
padding-top: 24px ;
padding-top: 1.5rem ; } }
@media screen and (min-width: 768px) {
.mainWrapper--centered {
max-width: 1340px;
margin: 0 auto; } }
@media screen and (min-width: 768px) {
.siteFooterWrapper--innerCentered .rowInner {
max-width: 1340px;
margin: 0 auto; } }
@media screen and (min-width: 768px) {
.row--centered {
max-width: 1340px;
margin: 0 auto; } }
@media screen and (min-width: 768px) {
.row--innerCentered .rowInner {
max-width: 1340px;
margin: 0 auto; } }
.row--noGap .grid {
margin-left: 0; }
.row--noGap .grid__item, .row--noGap .label--inline, .row--noGap .label--inline + .field {
padding-left: 0; }
.row--colored {
padding: 72px 12px 0 ;
padding: 4.5rem 0.75rem 0 ;
background-color: #c3d69b; }
.row--reverseSpacing {
margin-left: -20px ;
margin-left: -1.25rem ;
margin-right: -20px ;
margin-right: -1.25rem ; }
@media screen and (min-width: 768px) {
.row--reverseSpacing {
margin-left: -12px ;
margin-left: -0.75rem ;
margin-right: -12px ;
margin-right: -0.75rem ; } }
@media screen and (min-width: 1024px) {
.row--reverseSpacing {
margin-left: -12px ;
margin-left: -0.75rem ;
margin-right: -12px ;
margin-right: -0.75rem ; } }
@media screen and (min-width: 1340px) {
.row--reverseSpacing {
position: relative;
max-width: 100vw;
width: 100vw;
left: calc(-50vw + 50%);
margin-left: 0;
margin-right: 0; } }
.row--reverseBoxSpacing {
margin-left: -20px ;
margin-left: -1.25rem ;
margin-right: -20px ;
margin-right: -1.25rem ; }
@media screen and (min-width: 768px) {
.row--reverseBoxSpacing {
margin-left: -12px ;
margin-left: -0.75rem ;
margin-right: -12px ;
margin-right: -0.75rem ; } }
@media screen and (min-width: 1024px) {
.row--reverseBoxSpacing {
margin-left: -12px ;
margin-left: -0.75rem ;
margin-right: -12px ;
margin-right: -0.75rem ; } }
@media screen and (min-width: 1200px) {
.row--reverseBoxSpacing {
margin-left: -24px ;
margin-left: -1.5rem ;
margin-right: -24px ;
margin-right: -1.5rem ; } }
.row--colGap > .rowInner > .grid {
margin-left: calc(var(--_colGapMobile) * -1); }
@media (min-width: 768px) {
.row--colGap > .rowInner > .grid {
margin-left: calc(var(--_colGapTablet) * -1); } }
@media (min-width: 1024px) {
.row--colGap > .rowInner > .grid {
margin-left: calc(var(--_colGapDesc) * -1); } }
.row--colGap > .rowInner > .grid > .grid__item, .row--colGap > .rowInner > .grid > .label--inline, .row--colGap > .rowInner > .grid > .label--inline + .field {
padding-left: var(--_colGapMobile); }
@media (min-width: 768px) {
.row--colGap > .rowInner > .grid > .grid__item, .row--colGap > .rowInner > .grid > .label--inline, .row--colGap > .rowInner > .grid > .label--inline + .field {
padding-left: var(--_colGapTablet); } }
@media (min-width: 1024px) {
.row--colGap > .rowInner > .grid > .grid__item, .row--colGap > .rowInner > .grid > .label--inline, .row--colGap > .rowInner > .grid > .label--inline + .field {
padding-left: var(--_colGapDesc); } }
.row .row--htmlVideo::before, .row .row--htmlVideo .videoWrapper, .row--htmlVideo .row .videoWrapper, .row .row--htmlVideo .videoInner, .row--htmlVideo .row .videoInner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.row--htmlVideo {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden; }
.row--htmlVideo::before {
content: '';
background-color: rgba(0, 0, 0, 0.5);
z-index: 10; }
.row--htmlVideo .videoInner {
overflow: hidden; }
.row--htmlVideo .cVideo {
min-width: 100%;
min-height: 100%; }
.row--htmlVideo .videoContent {
z-index: 10;
color: #fff; }
@media screen and (max-width: 767px) {
.row--htmlVideo .videoContent {
width: 100%;
padding: 12px ;
padding: 0.75rem ; } }
@media screen and (min-width: 1340px) {
.row--htmlVideo .videoContent {
width: 1340px;
max-width: 1340px; } }
.row--htmlVideo .videoContent .cHeading {
font-size: 110px;
font-size: 6.875rem;
color: #fff; }
@media screen and (max-width: 767px) {
.row--htmlVideo .videoContent .cHeading {
font-size: 65px;
font-size: 4.0625rem; } }
.row--htmlVideo .videoContent .cGnotation {
background-color: transparent; }
.row--bordered {
border-top: 5px solid #fff; }
.row--bordered .cCube, .row--bordered .row--htmlVideo {
margin-bottom: 0;
border-bottom: 5px solid #fff; }
.row--bordered .grid__item:not(:last-child), .row--bordered .label--inline:not(:last-child), .row--bordered .label--inline + .field:not(:last-child) {
border-bottom: 5px solid #fff; }
@media screen and (min-width: 768px) {
.row--bordered .grid__item:not(:last-child), .row--bordered .label--inline:not(:last-child), .row--bordered .label--inline + .field:not(:last-child) {
border-right: 5px solid #fff; } }
.row--large-v-gap {
padding-top: 25px;
padding-bottom: 25px; }
@media screen and (min-width: 1024px) {
.row--large-v-gap {
padding-top: 50px;
padding-bottom: 50px; } }
@media screen and (min-width: 1200px) {
.row--large-v-gap {
padding-top: 80px;
padding-bottom: 80px; } }
.row--has-bg--dark .cText, .row--has-bg--dark .cText span:not(.btn) {
color: #fff; }
.row--has-bg--dark .cText a:not(.btn) {
color: #fff; }
.row--has-bg--dark .cPerson--columns, .row--has-bg--dark .cPerson--columns p, .row--has-bg--dark .cImage__inner .cImage__desc, .row--has-bg--dark .cImage__inner .cImage__desc p, .row--has-bg--dark .cFiles__rowItem span, .row--has-bg--dark .cFiles__rowItem span p, .row--has-bg--dark .cFiles__rowItem a, .row--has-bg--dark .cFiles__rowItem a p, .row--has-bg--dark .cFiles__rowItem p, .row--has-bg--dark .cFiles__rowItem p p {
color: #fff; }
.row--has-bg--dark .cCube p, .row--has-bg--dark .row--htmlVideo p, .row--has-bg--dark .cCube p.cPerson__name, .row--has-bg--dark .row--htmlVideo p.cPerson__name, .row--has-bg--dark .cCube p.cPerson__title, .row--has-bg--dark .row--htmlVideo p.cPerson__title, .row--has-bg--dark .cCube span, .row--has-bg--dark .row--htmlVideo span, .row--has-bg--dark .cPerson p, .row--has-bg--dark .cPerson p.cPerson__name, .row--has-bg--dark .cPerson p.cPerson__title, .row--has-bg--dark .cPerson span {
color: #fff; }
.row--has-bg--dark .cBlockquote .cBlockquote__text, .row--has-bg--dark .cBlockquote cite.source {
color: #fff; }
.row--has-bg--dark h1 {
color: #fff; }
.row--has-bg--dark h2 {
color: #fff; }
.row--has-bg--dark h3 {
color: #fff; }
.row--has-bg--dark h4 {
color: #fff; }
.row--has-bg--dark h5 {
color: #fff; }
.row--has-bg--dark h6 {
color: #fff; }
.row--eshop-account .cHeading {
margin-bottom: 1rem; }
.row--eshop-account h1.cHeading {
font-size: 22px;
font-size: 1.375rem; }
@media screen and (min-width: 1024px) {
.row--eshop-account h1.cHeading {
font-size: 32px;
font-size: 2rem; } }
.row--eshop-account h2.cHeading {
font-size: 20px;
font-size: 1.25rem; }
@media screen and (min-width: 1024px) {
.row--eshop-account h2.cHeading {
font-size: 24px;
font-size: 1.5rem; } }
.row--eshop-account.row--eshop-account-bg {
background-color: #eceff4;
border-top: 1px solid #ddd; }
.row--eshop-account.row--eshop-account-bg > .rowInner {
background-color: inherit; }
@media screen and (max-width: 767px) {
.row--eshop-account.row--eshop-account-bg > .rowInner {
padding: 0; } }
@media screen and (min-width: 1024px) {
.row--eshop-account.row--eshop-account-bg > .rowInner {
padding-top: 35px ;
padding-top: 2.1875rem ; } }
@media (max-width: 1299px) {
.row--eshop-account.row--eshop-account-bg > .rowInner > .grid > .grid__item, .row--eshop-account.row--eshop-account-bg > .rowInner > .grid > .label--inline, .row--eshop-account.row--eshop-account-bg > .rowInner > .grid > .label--inline + .field {
width: 100%; } }
.row--eshop-account.row--eshop-account-bg .row--contentBody {
margin-bottom: 30px ;
margin-bottom: 1.875rem ;
padding: 30px 16px ;
padding: 1.875rem 1rem ;
background-color: #fff;
border-radius: 12px; }
@media screen and (min-width: 1024px) {
.row--eshop-account.row--eshop-account-bg .row--contentBody {
margin-bottom: 40px ;
margin-bottom: 2.5rem ;
padding: 50px ;
padding: 3.125rem ;
min-height: calc(100vh - 320px); } }
@media screen and (min-width: 1024px) {
.row--eshop-account.row--eshop-account-bg.row--eshop-account-bg-cols .row--contentBody {
padding: 30px ;
padding: 1.875rem ; } }
.row--eshop-account.row--eshop-account-bg.row--eshop-account-bg-cols > .rowInner > .grid {
display: flex;
flex-wrap: wrap; }
.row--eshop-account.row--eshop-account-bg.row--eshop-account-bg-cols .row--eshop-account__side {
height: 100%; }
.row--contentFooter .row--reverseBoxSpacing {
padding-left: 20px ;
padding-left: 1.25rem ;
padding-right: 20px ;
padding-right: 1.25rem ; }
@media screen and (min-width: 768px) {
.row--contentFooter .row--reverseBoxSpacing {
padding-left: 12px ;
padding-left: 0.75rem ;
padding-right: 12px ;
padding-right: 0.75rem ; } }
@media screen and (min-width: 1024px) {
.row--contentFooter .row--reverseBoxSpacing {
padding-left: 12px ;
padding-left: 0.75rem ;
padding-right: 12px ;
padding-right: 0.75rem ; } }
@media screen and (min-width: 1200px) {
.row--contentFooter .row--reverseBoxSpacing {
padding-left: 24px ;
padding-left: 1.5rem ;
padding-right: 24px ;
padding-right: 1.5rem ; } }
.grid {
margin-left: -30px ;
margin-left: -1.875rem ; }
.grid__item, .label--inline, .label--inline + .field {
padding-left: 30px ;
padding-left: 1.875rem ; }
.homepage .mainWrapper {
padding-top: 0; }
.cBlockquote--background,
.cConversButton--colored,
.cMap__panel,
.cNewsletter--colored:not(form),
.drop,
.cForm,
.additional,
.errorMessage,
.form-error-message {
color: #173530; }
.cMenuTags--horisontal .nav__item__in,
.cNavMenu--horisontal .nav__item__in,
.cPag__item__in,
.nav--stacked-box__item__in {
color: #173530; }
.cNews--newsticker .rsSlide {
color: #173530; }
.cConversButton--colored .cHeading,
.cConversButton--colored h1,
.cConversButton--colored h2,
.cConversButton--colored h3,
.cConversButton--colored h4,
.cConversButton--colored h5,
.cConversButton--colored h6 {
color: #173530; }
.field--upload {
color: #173530; }
.row--has-image-bg {
background-size: cover;
background-position: center center; }
.row--has-parallax {
background-attachment: fixed; }
.row--has-inner-spacing {
padding: 20px; }
@media screen and (min-width: 768px) {
.row--has-inner-spacing {
padding: 30px; } }
@media screen and (min-width: 1024px) {
.row--has-inner-spacing {
padding: 40px; } }
.row--has-overlay-color {
position: relative; }
.row--has-overlay-color .row__overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
content: ''; }
.row--has-overlay-color > .rowInner {
position: relative;
z-index: 2; }
@font-face {
font-family: 'icons';
src: url("../fonts/icons/icons.eot");
src: url("../fonts/icons/icons.eot?#iefix") format("eot"), url("../fonts/icons/icons.woff") format("woff"), url("../fonts/icons/icons.ttf") format("truetype"); }
.cImage .A_lightbox,
.cGallery .A_lightbox,
.cImage a[data-a-lightbox-gallery],
.cGallery a[data-a-lightbox-gallery], .infoText::before, [class*='icon-'], .nav__item--drop .nav__item__in,
.nav__item--mDrop .nav__item__in, .btn--submit::after, .rsClear .rsThumbsArrowIcn, .rsDefault .rsArrowIcn, .cVideo__thumbnail, .userAccountForm form + .editSwitchWrapper .btn::before, .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .cNews-archiv a::before, .cNews-archiv .userAccountForm form + .editSwitchWrapper a::before, .userAccountForm form + .editSwitchWrapper .cRecepts .archive a::before, .cRecepts .archive .userAccountForm form + .editSwitchWrapper a::before, .userAccountForm form + .editSwitchWrapper .recipesList .archive a::before, .recipesList .archive .userAccountForm form + .editSwitchWrapper a::before, .userAccountForm form + .editSwitchWrapper .cFtr .recipesList__item .archive a::before, .cFtr .recipesList__item .archive .userAccountForm form + .editSwitchWrapper a::before, .cftSearch__autocomplete__image--noImage, .cInfobox, .cBlockquote--image.top .cBlockquote__text::after, .cBlockquote--image.bottom .cBlockquote__text::before, .cBlockquote--image.left blockquote, .cBlockquote--image.right blockquote, .cPerson__link--icon-mobile, .cPerson__link--icon-phone, .cPerson__link--icon-fax, .cPerson__link--icon-email, .cPerson__link--icon-web, .dropNav__item--subLev > .dropNav__item__in, .dropNav.dropNav--responsive-drop .nav__item .dropNav__item--subLev > .nav__item__in, .cText ul > li,
.cSharedText ul > li,
.cSitemap ul > li,
.cInfobox ul > li,
.cProductListImg ul > li, .cPathBox.cProduct ul > li,
.cProductListBox ul > li,
.cube__inner ul > li,
.cke_editable ul > li,
.cke_editable_inline ul > li,
.cPerex ul > li,
.cForm__note ul > li {
color: #fdb12d;
text-decoration: none; }
.cImage .A_lightbox::before,
.cGallery .A_lightbox::before,
.cImage a[data-a-lightbox-gallery]::before,
.cGallery a[data-a-lightbox-gallery]::before, .infoText::before, [class*='icon-']::before, .nav__item--drop .nav__item__in::before,
.nav__item--mDrop .nav__item__in::before, .rsClear .rsThumbsArrowIcn::before, .rsDefault .rsArrowIcn::before, .cVideo__thumbnail::before, .userAccountForm form + .editSwitchWrapper .btn::before, .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .cNews-archiv a::before, .cNews-archiv .userAccountForm form + .editSwitchWrapper a::before, .userAccountForm form + .editSwitchWrapper .cRecepts .archive a::before, .cRecepts .archive .userAccountForm form + .editSwitchWrapper a::before, .userAccountForm form + .editSwitchWrapper .recipesList .archive a::before, .recipesList .archive .userAccountForm form + .editSwitchWrapper a::before, .userAccountForm form + .editSwitchWrapper .cFtr .recipesList__item .archive a::before, .cFtr .recipesList__item .archive .userAccountForm form + .editSwitchWrapper a::before, .cftSearch__autocomplete__image--noImage::before, .cInfobox::before, .cBlockquote--image.bottom .cBlockquote__text::before, .cBlockquote--image.left blockquote::before, .cBlockquote--image.right blockquote::before, .cPerson__link--icon-mobile::before, .cPerson__link--icon-phone::before, .cPerson__link--icon-fax::before, .cPerson__link--icon-email::before, .cPerson__link--icon-web::before, .dropNav__item--subLev > .dropNav__item__in::before, .dropNav.dropNav--responsive-drop .nav__item .dropNav__item--subLev > .nav__item__in::before, .cText ul > li::before,
.cSharedText ul > li::before,
.cSitemap ul > li::before,
.cInfobox ul > li::before,
.cProductListImg ul > li::before, .cPathBox.cProduct ul > li::before,
.cProductListBox ul > li::before,
.cube__inner ul > li::before,
.cke_editable ul > li::before,
.cke_editable_inline ul > li::before,
.cPerex ul > li::before,
.cForm__note ul > li::before, .cImage .A_lightbox::after,
.cGallery .A_lightbox::after,
.cImage a[data-a-lightbox-gallery]::after,
.cGallery a[data-a-lightbox-gallery]::after, [class*='icon-']::after, .nav__item--drop .nav__item__in::after,
.nav__item--mDrop .nav__item__in::after, .btn--submit::after, .rsClear .rsThumbsArrowIcn::after, .rsDefault .rsArrowIcn::after, .cVideo__thumbnail::after, .cftSearch__autocomplete__image--noImage::after, .cInfobox::after, .cBlockquote--image.top .cBlockquote__text::after, .cBlockquote--image.left blockquote::after, .cBlockquote--image.right blockquote::after, .cPerson__link--icon-mobile::after, .cPerson__link--icon-phone::after, .cPerson__link--icon-fax::after, .cPerson__link--icon-email::after, .cPerson__link--icon-web::after, .dropNav__item--subLev > .dropNav__item__in::after, .dropNav.dropNav--responsive-drop .nav__item .dropNav__item--subLev > .nav__item__in::after, .cText ul > li::after,
.cSharedText ul > li::after,
.cSitemap ul > li::after,
.cInfobox ul > li::after,
.cProductListImg ul > li::after, .cPathBox.cProduct ul > li::after,
.cProductListBox ul > li::after,
.cube__inner ul > li::after,
.cke_editable ul > li::after,
.cke_editable_inline ul > li::after,
.cPerex ul > li::after,
.cForm__note ul > li::after {
display: inline-block;
vertical-align: middle;
font-size: 16px;
font-size: 1rem;
text-align: center;
font-family: 'icons';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
text-rendering: optimizeLegibility;
transform: rotateZ(0);
-webkit-perspective: 1000;
perspective: 1000; }
[class*='icon-']::before {
font-size: 16px;
font-size: 1rem;
color: #fdb12d; }
.glyph {
line-height: 1;
text-align: center;
margin: auto; }
.glyph--has-bg {
position: relative;
width: 110px;
height: 110px; }
.glyph--has-bg .glyph__icon {
line-height: 1; }
.glyph--rounded {
border-radius: 100%; }
.glyph--rounded_corners {
border-radius: 10px; }
.glyph::before {
display: inline-block;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased; }
.glyph .glyph__icon {
width: auto;
height: auto; }
.glyph .glyph__icon::before {
color: inherit;
font-size: inherit; }
.accordion {
width: 100%;
margin-left: 0; }
@media screen and (max-width: 767px) {
.accordion:not(.accordion--tabs--no-acc) {
margin-bottom: 0 !important; } }
.accordion__item {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.accordion__item:has(.accordion__item__content:empty) {
display: none; }
.accordion__item__tab {
display: block;
position: relative;
padding: 12px 24px ;
padding: 0.75rem 1.5rem ;
text-decoration: none;
background-color: #eceff4;
color: #173530;
color: #173530;
border: 1px solid #ddd;
padding-left: 29px ;
padding-left: 1.8125rem ; }
@media screen and (min-width: 768px) {
.accordion__item__tab {
padding-left: 36px ;
padding-left: 2.25rem ; } }
.accordion__item__tab--active {
position: relative;
z-index: 1;
color: #173530;
color: #173530; }
.accordion__item__tab--active:hover {
color: #173530; }
.accordion__item__tab--active .accordion__item__holder::before {
color: #173530; }
.accordion__item__tab--active .accordion__item__holder::before {
color: #173530; }
.accordion__item__tab:hover:not(.accordion__item__tab--active) {
color: #173530; }
@media screen and (min-width: 768px) {
.accordion__item__tab:hover:not(.accordion__item__tab--active) {
text-decoration: none;
color: #173530;
color: #173530;
background-color: #eceff4;
text-decoration: underline; } }
.accordion__item__holder {
position: absolute;
top: 12px;
left: 12px; }
.accordion__item__holder.icon-accordion::before, .accordion__item__holder.icon-accordion--active::before {
font-size: 12px;
font-size: 0.75rem;
color: #173530;
color: #173530; }
.accordion__item__content {
display: none;
max-width: 100%;
width: 100%;
padding: 12px ;
padding: 0.75rem ;
background-color: #fff;
border: 1px solid #ddd;
border-top: 0; }
@media screen and (min-width: 768px) {
.accordion__item__content {
padding: 24px ;
padding: 1.5rem ; } }
.accordion__item__content .cCube:last-child, .accordion__item__content .row--htmlVideo:last-child,
.accordion__item__content .row:last-child .cCube:last-child,
.accordion__item__content .row:last-child .row--htmlVideo:last-child {
margin-bottom: 0; }
@media screen and (min-width: 768px) {
.accordion--tabs {
position: relative;
border-bottom: 1px solid #ddd;
text-align: left; } }
@media screen and (min-width: 768px) {
.accordion--tabs__item {
display: inline-block;
vertical-align: middle;
float: none;
margin-bottom: -1px;
margin-left: 0 ;
margin-left: 0 ;
border-bottom-width: 0; } }
.accordion--tabs__item__tab {
font-weight: normal; }
@media screen and (min-width: 768px) {
.accordion--tabs__item__tab {
padding: 12px 24px ;
padding: 0.75rem 1.5rem ;
border-radius: 0 0 0 0;
border: 1px solid #ddd; } }
@media screen and (min-width: 768px) {
.accordion--tabs__item__tab {
border-right: 0; } }
@media screen and (min-width: 768px) {
.accordion--tabs__item:last-child .accordion__item__tab {
border-right: 1px solid #ddd; } }
.accordion--tabs__item__content {
text-align: left; }
@media screen and (min-width: 768px) {
.accordion--tabs__item__content {
position: absolute;
left: 0;
top: 100%;
margin-top: 1px; } }
.accordion--tabs__item .accordion__item__tab--active {
color: #173530;
background-color: #fff; }
@media screen and (min-width: 768px) {
.accordion--tabs__item .accordion__item__tab--active {
border-bottom-color: #fff; } }
.accordion--tabs--center {
text-align: center; }
.accordion--tabs--center .accordion--tabs__item {
display: block; }
@media screen and (min-width: 768px) {
.accordion--tabs--center .accordion--tabs__item {
display: inline-block;
float: none; } }
.accordion--tabs--center .accordion--tabs__item__content {
text-align: left; }
.accordion--tabs--no-acc {
position: relative; }
@media screen and (max-width: 767px) {
.accordion--tabs--no-acc {
text-align: center; } }
@media screen and (max-width: 767px) {
.accordion--tabs--no-acc .accordion--tabs__item {
display: inline-block;
vertical-align: top;
margin-bottom: 0; } }
.accordion--tabs--no-acc .accordion--tabs__item__tab {
display: inline-block; }
@media screen and (max-width: 767px) {
.accordion--tabs--no-acc .accordion--tabs__item__tab {
padding-left: 12px ;
padding-left: 0.75rem ;
padding-right: 12px ;
padding-right: 0.75rem ;
border-bottom: 0; } }
.accordion--tabs--no-acc .accordion--tabs__item__tab .accordion__item__holder {
display: none; }
.accordion--tabs--no-acc .accordion--tabs__item__content {
position: absolute;
left: 0;
top: 100%; }
@media screen and (max-width: 767px) {
.accordion--tabs--no-acc .accordion--tabs__item__content {
border-top: 1px solid #ddd; } }
.accordion--tabs.left {
border-bottom: 0; }
@media screen and (min-width: 768px) {
.accordion--tabs.left .accordion--tabs__item {
display: block;
width: 20%; } }
@media screen and (min-width: 768px) {
.accordion--tabs.left .accordion--tabs__item:last-child .accordion--tabs__item__tab {
border-right: 0; } }
@media screen and (min-width: 768px) {
.accordion--tabs.left .accordion--tabs__item__tab {
display: block; } }
@media screen and (min-width: 768px) {
.accordion--tabs.left .accordion--tabs__item__content {
top: 0;
margin-left: 20%;
margin-top: 0;
width: 80%;
border: 1px solid #ddd; } }
.accordion--tabs.left .accordion__item__tab--active {
margin-right: -1px;
border-bottom-color: #ddd; }
@media screen and (min-width: 768px) {
.accordion--tabs.right, .accordion--tabs.center {
display: flex;
flex-wrap: nowrap;
justify-content: center;
text-align: center;
border-bottom: 0; } }
@media screen and (min-width: 768px) {
.accordion--tabs.right .accordion--tabs__item, .accordion--tabs.center .accordion--tabs__item {
width: 20%;
padding-left: 12px ;
padding-left: 0.75rem ; } }
@media screen and (min-width: 768px) {
.accordion--tabs.right .accordion--tabs__item:first-child, .accordion--tabs.center .accordion--tabs__item:first-child {
margin-left: 0; } }
@media screen and (min-width: 768px) {
.accordion--tabs.right .accordion--tabs__item__tab, .accordion--tabs.center .accordion--tabs__item__tab {
display: block;
border: 1px solid #ddd; } }
@media screen and (min-width: 768px) {
.accordion--tabs.right .accordion__item__content, .accordion--tabs.center .accordion__item__content {
border: 0;
padding: 0;
padding-top: 48px ;
padding-top: 3rem ; } }
.no-js .accordion__item__content {
display: block; }
ul li > *,
ol li > * {
font-family: "Aeonik", "Open Sans", sans-serif; }
.nav > li, .mDrop ul > li, .cPag__nav > li,
.nav > .nav__item, .mDrop ul > .nav__item, .cPag__nav > .nav__item {
margin-bottom: 0; }
.nav__item__in--active {
font-weight: bold; }
.nav--stacked > li, .mDrop ul > li,
.nav--stacked-box > li, .mDrop ul > li {
display: list-item; }
/* navigace - nav */
.nav > li, .mDrop ul > li, .cPag__nav > li {
margin-bottom: 0; }
/* Inline navigace
========================================================================== */
/* polozky oddeleny pravym marginem - nevztahuje se na položky s odrazkama */
/* nav--basic > li */
.nav--basic__item {
margin-right: 12px ;
margin-right: 0.75rem ; }
.nav--basic__item:last-child {
margin-right: 0; }
/* responsivní zobrazení - blokové */
@media screen and (max-width: 767px) {
.nav--basic--resp-block {
/* odstranění odrážek */
/* pridání spodního odsazení */ }
.nav--basic--resp-block > li,
.nav--basic--resp-block > li a {
display: block;
margin-right: 0; }
.nav--basic--resp-block.nav--bullet > li:before {
display: none; }
.nav--basic--resp-block.nav--pills > li {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; } }
/* nav--bullet - navigace s odrazkama
========================================================================== */
/*
limiter se zobrazuje od druhe polozky - je-li navigace o jedne polozce, limiter nema
*/
.nav--bullet__item + .nav--bullet__item:before {
content: attr(data-bullet) "";
padding: 0 12px;
display: inline-block; }
/* Limiter se nezobrazuje u poslední položky - pokud je položka jediná, limiter nemá - kvůli víceřádkovým seznamům */
/*
.nav--bullet__item {
&:after {
content:attr(data-bullet) "";
padding: 0 $padding-sides;
display: inline-block;
}
&:last-child:after {
content: "";
}
}*/
/* nav--pills */
.nav--pills__item__in {
padding: 12px ;
padding: 0.75rem ; }
.nav--pills__item__in:hover, .nav--pills__item__in.nav--pills__item__in--active {
background: #173530;
border-radius: 10rem; }
.nav--pills__item__in.nav--pills__item__in--active {
font-weight: bold; }
/* Blokové menu
========================================================================== */
/* blokové menu víceúrovnové */
.nav--stacked, .mDrop ul {
margin-left: 0;
margin-bottom: 0; }
.nav--stacked .nav--stacked, .mDrop ul .nav--stacked, .nav--stacked .mDrop ul, .mDrop .nav--stacked ul, .mDrop ul ul {
padding-left: 24px ;
padding-left: 1.5rem ; }
/* obsah blokově zobrazeného menu */
.nav--stacked__item__in {
display: block; }
/* blokove zobrazeni navigace s odrazkou */
.nav--stacked__item.nav--bullet__item {
position: relative;
padding-left: 12px ;
padding-left: 0.75rem ; }
.nav--stacked__item.nav--bullet__item:before {
content: attr(data-bullet);
padding: 0;
position: absolute;
left: 0; }
/* blokové zobrazení s boxovým designem */
.nav--stacked-box, .mDrop ul {
margin-bottom: 0;
margin-left: 0;
/* odsazení vnořeného seznamu - 2. úroven */
/* 3.úroven */
/* 4. úroveň */
/* šipka rozbalující vnořené menu */ }
.nav--stacked-box .nav--stacked-box, .mDrop ul .nav--stacked-box, .nav--stacked-box .mDrop ul, .mDrop .nav--stacked-box ul, .mDrop ul ul {
padding-left: 0; }
.nav--stacked-box.nav--lev2, .mDrop ul.nav--lev2 {
margin-left: 0; }
.nav--stacked-box.nav--lev3, .mDrop ul.nav--lev3 {
margin-left: 0; }
.nav--stacked-box.nav--lev4, .mDrop ul.nav--lev4 {
margin-left: 0; }
.nav--stacked-box .nav--stacked-box__item__in, .mDrop ul .nav--stacked-box__item__in {
position: relative;
display: block;
margin-bottom: 0;
text-decoration: none; }
.nav--stacked-box .nav--lev__holder, .mDrop ul .nav--lev__holder {
width: 48px;
height: 100%; }
/**
* Kontrolni panel
* Prechod z FE do editace stranky - pro prihlaseneho uzivatele
*/
.controlBox {
display: none; }
@media screen and (min-width: 1024px) {
.controlBox {
display: block;
position: fixed;
z-index: 200;
right: 0;
top: 0;
box-shadow: 0px 0px 1px 1px #fff inset, 0px 0px 6px #b2b2b2;
background: linear-gradient(white, #f6f6f6); } }
.controlBox > a {
display: block;
position: relative;
padding: 8px 25px 8px 15px ;
padding: 0.5rem 1.5625rem 0.5rem 0.9375rem ;
color: #007dc4 !important; }
.controlBox > a:after {
position: absolute;
right: 10px;
width: 10px;
height: 10px;
background-image: url(../img/link-external.svg);
background-color: transparent;
background-position: 50% 50%;
background-size: 10px 12px;
background-repeat: no-repeat;
content: ''; }
.cc_container {
padding-bottom: 10px !important; }
@media screen and (min-width: 768px) {
.cc_container .cc_message {
float: left;
margin-bottom: 5px !important; } }
.cc_container .cc_btn {
position: static !important;
display: block;
width: 100%; }
@media screen and (max-width: 767px) {
.cc_container .cc_btn {
max-width: 100% !important; } }
@media screen and (min-width: 768px) {
.cc_container .cc_btn {
float: right; } }
.c-responsive-nav {
position: relative;
overflow: hidden; }
.c-responsive-nav.has-collapsed-items {
padding-right: 70px !important; }
@media screen and (min-width: 768px) {
.cHeader--separator .c-responsive-nav.has-collapsed-items .nav__item:last-child {
border-right: 1px solid #ddd; } }
@media screen and (min-width: 768px) {
.c-responsive-nav .dropNav,
.c-responsive-nav .mDrop {
position: fixed;
transition: none;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out; } }
@media screen and (min-width: 1300px) {
.c-responsive-nav .dropNav .dropNav {
position: absolute; } }
.cHeader--beneath .js-resp-nav {
overflow: hidden; }
.nav--responsive {
white-space: nowrap; }
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
.navbar__component--sideNav .nav > li::before, .navbar__component--sideNav .mDrop ul > li::before, .mDrop .navbar__component--sideNav ul > li::before, .navbar__component--sideNav .cPag__nav > li::before,
.navbar__component--sideNav .nav > .nav__item::before,
.navbar__component--sideNav .mDrop ul > .nav__item::before, .mDrop
.navbar__component--sideNav ul > .nav__item::before,
.navbar__component--sideNav .cPag__nav > .nav__item::before {
display: none; } } }
.scrollTop {
width: 45px;
height: 45px;
background-image: url(../img/scrollTop.svg);
background-position: 50% 50%;
background-size: 24px 16px;
background-repeat: no-repeat;
opacity: 0;
background-color: rgba(221, 221, 221, 0.7);
position: fixed;
transition: opacity 0.25s ease-in-out;
bottom: 80px ;
bottom: 5rem ;
right: 24px ;
right: 1.5rem ;
border-radius: 50%;
border: 1px solid rgba(208, 208, 208, 0.7);
z-index: 30; }
.scrollTop:hover {
background-color: rgba(208, 208, 208, 0.7); }
html {
background-color: #fff;
font-weight: normal;
line-height: 1.7;
color: #173530;
-webkit-font-smoothing: antialiased;
font-family: "Aeonik", "Open Sans", sans-serif;
font-size: 1em; }
@media screen and (min-width: 768px) {
html {
font-size: 1em; } }
@media screen and (min-width: 1024px) {
html {
font-size: 1em; } }
a,
.link {
color: #173530; }
a:hover,
.link:hover {
color: #081110;
text-decoration: none; }
abbr {
font-size: 13px;
font-size: 0.8125rem; }
acronym {
text-transform: uppercase;
font-size: 13px;
font-size: 0.8125rem; }
@media screen and (max-width: 767px) {
p > a {
padding: 12px 0 ;
padding: 0.75rem 0 ; } }
blockquote {
quotes: none; }
ol,
ul {
margin-left: 0; }
ol > li,
ul > li {
margin-bottom: 12px; }
ul > li {
list-style: none; }
.hr, .cHr {
border: 0; }
::-moz-selection {
background-color: #fdb12d;
color: #fff; }
::selection {
background-color: #fdb12d;
color: #fff; }
table {
max-width: 100%; }
@media screen and (max-width: 767px) {
table {
-webkit-overflow-scrolling: touch;
overflow-x: auto;
display: block; } }
.table--striped tr:nth-child(even),
.table--stripedVert td:nth-child(odd) {
color: #173530; }
@font-face {
font-family: iconfnt;
font-style: normal;
font-weight: normal;
src: url("../fonts/iconfnt/iconfnt.eot");
src: url("../fonts/iconfnt/iconfnt.eot#iefix") format("embedded-opentype"), url("../fonts/iconfnt/iconfnt.otf") format("opentype"), url("../fonts/iconfnt/iconfnt.woff") format("woff"), url("../fonts/iconfnt/iconfnt.ttf") format("truetype"), url("../fonts/iconfnt/iconfnt.svg") format("svg"); }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Aeonik", "Open Sans", sans-serif;
color: #173530; }
h1,
h2 {
line-height: 1.2; }
/*
Nadpisy
--------------------------------------------------------------------------------- */
h1,
.alpha {
font-size: 55px;
font-size: 3.4375rem; }
@media screen and (min-width: 768px) {
h1,
.alpha {
font-size: 55px;
font-size: 3.4375rem; } }
@media screen and (min-width: 1024px) {
h1,
.alpha {
font-size: 110px;
font-size: 6.875rem; } }
h2,
.beta {
font-size: 35px;
font-size: 2.1875rem; }
@media screen and (min-width: 768px) {
h2,
.beta {
font-size: 45px;
font-size: 2.8125rem; } }
@media screen and (min-width: 1024px) {
h2,
.beta {
font-size: 65px;
font-size: 4.0625rem; } }
h3,
.gamma {
font-size: 30px;
font-size: 1.875rem; }
@media screen and (min-width: 768px) {
h3,
.gamma {
font-size: 18px;
font-size: 1.125rem; } }
@media screen and (min-width: 1024px) {
h3,
.gamma {
font-size: 26px;
font-size: 1.625rem; } }
h4,
.delta {
font-size: 17px;
font-size: 1.0625rem; }
@media screen and (min-width: 768px) {
h4,
.delta {
font-size: 17px;
font-size: 1.0625rem; } }
@media screen and (min-width: 1024px) {
h4,
.delta {
font-size: 18px;
font-size: 1.125rem; } }
@media screen and (min-width: 1024px) {
h5,
.epsilon {
font-size: 16px;
font-size: 1rem; } }
@media screen and (min-width: 1024px) {
h6,
.zeta {
font-size: 15px;
font-size: 0.9375rem; } }
/*
Hypertextovy odkaz
--------------------------------------------------------------------------------- */
a,
.link {
color: #173530; }
a:hover,
.link:hover {
color: #081110; }
/*
Zkratky
--------------------------------------------------------------------------------- */
abbr {
font-size: 13px;
font-size: 0.8125rem; }
acronym {
text-transform: uppercase;
font-size: 13px;
font-size: 0.8125rem; }
/*
Nastaveni paddingu pro odkaz v odstavci
--------------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
p > a {
padding: 12px 0 ;
padding: 0.75rem 0 ; } }
ol > li,
ul > li {
margin-bottom: 12px; }
ul ul,
ol ol,
ul ol,
ol ul {
margin-left: 24px ;
margin-left: 1.5rem ; }
.annotation {
font-size: 26px;
font-size: 1.625rem; }
.annotation > p:not(.no-indent) {
margin-top: 0; }
p {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
.img--full {
width: 100%; }
img[width],
img[height] {
max-width: 100%; }
.browserupgrade {
width: 100%;
text-align: center;
margin-bottom: 0;
background-color: #ffffc8;
padding: 8px;
border-bottom: 1px solid #d6d689;
color: black; }
.browserupgrade a {
color: #007dc4; }
ul[style*='circle'] {
margin-left: 24px; }
ul[style*='circle'] > li {
list-style-type: circle !important;
padding-left: 0 !important; }
ul[style*='circle'] > li::before {
display: none; }
ul[style*='disc'] {
margin-left: 24px; }
ul[style*='disc'] > li {
list-style-type: disc !important;
padding-left: 0 !important; }
ul[style*='disc'] > li::before {
display: none; }
ul[style*='square'] {
margin-left: 24px; }
ul[style*='square'] > li {
list-style-type: square !important;
padding-left: 0 !important; }
ul[style*='square'] > li::before {
display: none; }
ol {
counter-reset: i; }
ol > li {
position: relative;
list-style: none;
margin-left: 0;
padding-left: 24px ;
padding-left: 1.5rem ; }
ol > li::before {
position: absolute;
left: 0;
content: counter(i) ".";
counter-increment: i;
color: #fdb12d;
font-weight: bold; }
ol > li > ol {
margin-left: 0; }
ol > li > ol > li {
margin-left: 0; }
ol[style*='upper-alpha'] > li::before {
content: counter(i, upper-alpha) "."; }
ol[style*='lower-alpha'] > li::before {
content: counter(i, lower-alpha) "."; }
ol[style*='lower-roman'] > li::before {
content: counter(i, lower-roman) "."; }
ol[style*='upper-roman'] > li::before {
content: counter(i, upper-roman) "."; }
@media screen and (min-width: 1024px) {
.fs-8 {
font-size: 8px; } }
@media screen and (min-width: 1024px) {
.fs-9 {
font-size: 9px; } }
@media screen and (min-width: 1024px) {
.fs-10 {
font-size: 10px; } }
@media screen and (min-width: 1024px) {
.fs-11 {
font-size: 11px; } }
@media screen and (min-width: 1024px) {
.fs-12 {
font-size: 12px; } }
@media screen and (min-width: 1024px) {
.fs-13 {
font-size: 13px; } }
@media screen and (min-width: 1024px) {
.fs-14 {
font-size: 14px; } }
@media screen and (min-width: 1024px) {
.fs-15 {
font-size: 15px; } }
@media screen and (min-width: 1024px) {
.fs-16 {
font-size: 16px; } }
@media screen and (min-width: 1024px) {
.fs-17 {
font-size: 17px; } }
@media screen and (min-width: 1024px) {
.fs-18 {
font-size: 18px; } }
@media screen and (min-width: 1024px) {
.fs-19 {
font-size: 19px; } }
@media screen and (min-width: 1024px) {
.fs-20 {
font-size: 20px; } }
@media screen and (min-width: 1024px) {
.fs-21 {
font-size: 21px; } }
@media screen and (min-width: 1024px) {
.fs-22 {
font-size: 22px; } }
@media screen and (min-width: 1024px) {
.fs-23 {
font-size: 23px; } }
@media screen and (min-width: 1024px) {
.fs-24 {
font-size: 24px; } }
@media screen and (min-width: 1024px) {
.fs-25 {
font-size: 25px; } }
@media screen and (min-width: 1024px) {
.fs-26 {
font-size: 26px; } }
@media screen and (min-width: 1024px) {
.fs-27 {
font-size: 27px; } }
@media screen and (min-width: 1024px) {
.fs-28 {
font-size: 28px; } }
@media screen and (min-width: 1024px) {
.fs-29 {
font-size: 29px; } }
@media screen and (min-width: 1024px) {
.fs-30 {
font-size: 30px; } }
@media screen and (min-width: 1024px) {
.fs-32 {
font-size: 32px; } }
@media screen and (min-width: 1024px) {
.fs-34 {
font-size: 34px; } }
@media screen and (min-width: 1024px) {
.fs-36 {
font-size: 36px; } }
@media screen and (min-width: 1024px) {
.fs-38 {
font-size: 38px; } }
@media screen and (min-width: 1024px) {
.fs-40 {
font-size: 40px; } }
@media screen and (min-width: 1024px) {
.fs-42 {
font-size: 42px; } }
@media screen and (min-width: 1024px) {
.fs-44 {
font-size: 44px; } }
@media screen and (min-width: 1024px) {
.fs-46 {
font-size: 46px; } }
@media screen and (min-width: 1024px) {
.fs-48 {
font-size: 48px; } }
@media screen and (min-width: 1024px) {
.fs-50 {
font-size: 50px; } }
@media screen and (min-width: 1024px) {
.fs-52 {
font-size: 52px; } }
@media screen and (min-width: 1024px) {
.fs-54 {
font-size: 54px; } }
@media screen and (min-width: 1024px) {
.fs-56 {
font-size: 56px; } }
@media screen and (min-width: 1024px) {
.fs-58 {
font-size: 58px; } }
@media screen and (min-width: 1024px) {
.fs-60 {
font-size: 60px; } }
@media screen and (min-width: 1024px) {
.fs-62 {
font-size: 62px; } }
@media screen and (min-width: 1024px) {
.fs-64 {
font-size: 64px; } }
@media screen and (min-width: 1024px) {
.fs-66 {
font-size: 66px; } }
@media screen and (min-width: 1024px) {
.fs-68 {
font-size: 68px; } }
@media screen and (min-width: 1024px) {
.fs-70 {
font-size: 70px; } }
@media screen and (min-width: 1024px) {
.fs-72 {
font-size: 72px; } }
@media screen and (min-width: 1024px) {
.fs-74 {
font-size: 74px; } }
@media screen and (min-width: 1024px) {
.fs-76 {
font-size: 76px; } }
@media screen and (min-width: 1024px) {
.fs-78 {
font-size: 78px; } }
@media screen and (min-width: 1024px) {
.fs-80 {
font-size: 80px; } }
@media screen and (min-width: 1024px) {
.fs-82 {
font-size: 82px; } }
@media screen and (min-width: 1024px) {
.fs-84 {
font-size: 84px; } }
@media screen and (min-width: 1024px) {
.fs-86 {
font-size: 86px; } }
@media screen and (min-width: 1024px) {
.fs-88 {
font-size: 88px; } }
@media screen and (min-width: 1024px) {
.fs-90 {
font-size: 90px; } }
@media screen and (min-width: 1024px) {
.fs-92 {
font-size: 92px; } }
@media screen and (min-width: 1024px) {
.fs-94 {
font-size: 94px; } }
@media screen and (min-width: 1024px) {
.fs-96 {
font-size: 96px; } }
@media screen and (min-width: 1024px) {
.fs-98 {
font-size: 98px; } }
@media screen and (min-width: 1024px) {
.fs-100 {
font-size: 100px; } }
.cHeading__hx__prefix, .cHeading__hx__suffix {
display: block;
font-size: 80%; }
.row--has-bg--dark .cHeading__hx__prefix, .row--has-bg--dark .cHeading__hx__suffix {
color: #fff; }
/* ==========================================================================
FORMS
========================================================================== */
/* fieldset reset
========================================================================== */
fieldset {
padding: 0;
margin: 0;
border: 0; }
/* Legend
========================================================================== */
legend {
display: block;
width: 100%;
border-bottom: 1px solid #bebebe;
line-height: inherit;
color: #173530;
font-weight: bold; }
/* Fields - basic style
Formularove policko
========================================================================== */
input,
select {
box-sizing: border-box; }
select {
vertical-align: top; }
.field,
.form-control {
line-height: normal;
background-image: none;
cursor: text;
/* Varianty formularovyh policek
========================================================================== */ }
.field:focus, .field.focus,
.form-control:focus,
.form-control.focus {
outline-color: transparent; }
.field--full,
.form-control--full {
width: 100%; }
.field--text,
.form-control--text {
margin-bottom: 0; }
.field--danger, .field.is-invalid,
.form-control--danger,
.form-control.is-invalid {
border-color: #e83f3e; }
.field[disabled], .field[readonly],
fieldset[disabled] .field,
.form-control[disabled],
.form-control[readonly],
fieldset[disabled]
.form-control {
background-color: #5fb9aa;
border-color: #ddd;
cursor: not-allowed; }
.field--price-range,
.form-control--price-range {
max-width: 100%; }
.field--price-range-to,
.form-control--price-range-to {
text-align: right; }
/*
Chybne vyplnene policko - vystrazny text
--------------------------------------------------------------------------------------- */
.errorMessage,
.form-error-message {
color: #e83f3e; }
label .invalid-feedback {
display: none; }
/* fix for sass 3.2.x */
textarea.field {
height: auto; }
/* field search s ikonou lupicky */
/*
.field--search {
background-position: left $padding-sides top 50%;
background-repeat: no-repeat;
@include x-rem(padding-left, 40px);
//@include background-size(1.2em);
-moz-background-size: 1.2em;
-o-background-size: 1.2em;
-webkit-background-size: 1.2em;
background-size: 1.2em;
background-image: url('../img//search.svg');
}*/
/*
Spinner + overlay
--------------------------------------------------------------------------------------- */
.spinner {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
visibility: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 2; }
.spinner__img, html .mfp-preloader {
position: relative; }
.check-list__item {
background-image: none !important;
padding-left: 0 !important; }
/* Gracicky input (checkbox / radio)
========================================================================== */
/* Checkbox + radio design
========================================================================== */
/* spolecne vlastnosti */
.checkbox-design,
.radio-design {
position: relative;
width: 20px; }
.checkbox-design input,
.radio-design input {
visibility: hidden; }
.checkbox-design label,
.radio-design label {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
cursor: pointer; }
.checkbox-design label:after,
.radio-design label:after {
position: absolute;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
content: ''; }
.checkbox-design input:checked + label:after,
.radio-design input:checked + label:after {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.checkbox-design + label,
.radio-design + label {
display: inline-block;
margin-left: 12px ;
margin-left: 0.75rem ; }
/* Fields fixes
========================================================================== */
/* Uprava inuitu - margin pro li ve form-fields */
.form-group {
margin-bottom: 12px; }
input[type='search'] {
box-sizing: border-box; }
input[type='search']::-ms-clear,
input[type='search']::-ms-reveal {
display: none;
width: 0;
height: 0; }
/* Odstraněni fixní výšky */
select[multiple],
select[size] {
height: auto; }
/* Fix optgroup Firefox bug per https://github.com/twbs/bootstrap/issues/7611 */
select optgroup {
font-size: inherit;
font-style: inherit;
font-family: inherit; }
@media screen and (max-width: 767px) {
.field,
input[type='text'],
input[type='search'] {
-webkit-appearance: none; } }
input[type="search"] {
-webkit-appearance: none; }
@media screen and (max-width: 767px) {
input[type='text']:focus,
input[type='number']:focus,
input[type='email']:focus,
textarea:focus {
font-size: 16px !important; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 0px) {
select:focus,
textarea:focus,
input:focus {
font-size: 16px !important; } }
/* ==========================================================================
USPORADANI FORMULARU
========================================================================== */
/* Inline zobrazeni
========================================================================== */
/* boxy pro zobrazeni fieldu vedle sebe */
@media screen and (min-width: 768px) {
.form-fields__item--inline {
display: inline-block; } }
.form-fields__item--inline input + label {
display: inline-block; }
label,
.label {
line-height: 1.75; }
.label--inline {
padding-left: 0;
padding-right: 6px ;
padding-right: 0.375rem ; }
@media screen and (max-width: 767px) {
.label--inline {
width: 100%;
padding-right: 0; } }
.label--inline + .field {
padding-left: 6px ;
padding-left: 0.375rem ;
margin-bottom: 0 ;
margin-bottom: 0 ; }
@media screen and (min-width: 768px) {
.label--inline + .field + .additional, .label--inline + .field + .errorMessage, .label--inline + .field +
.form-error-message,
.label--inline + .field + .errorMessage {
text-align: right; } }
@media screen and (max-width: 767px) {
.label--inline + .field {
width: 100%; } }
@media screen and (min-width: 768px) {
.label--inline + .check-list {
display: inline-block;
width: 75%; } }
/* spoken form - rorziřeni inuit */
/*
http://terabytenz.github.io/inuit.css-kitchensink/#forms
*/
.spoken-form label, .form-fields__item--inline label {
font: inherit;
font-weight: inherit; }
.spoken-form__item {
display: inline-block; }
/* Zobrazení fieldu a inputu vedle sebe nebo pod sebou */
.form-fields__inline-block {
display: table;
width: 100%; }
.form-fields__inline-block li {
display: table-row; }
.form-fields__inline-block--block {
display: block; }
.form-fields__inline-block--inline {
display: table-cell; }
.additional--inline {
display: inline-block;
vertical-align: middle;
margin-top: 0; }
input:focus + .help-notice--focus,
textarea:focus + .help-notice--focus {
visibility: visible; }
.alert {
width: 100%; }
.alert__icon {
display: table-cell; }
.alert__desc {
display: table-cell; }
.alert--success {
background-color: #dffbe4;
border: 1px solid #89cb52;
color: #89cb52; }
.alert--danger {
background-color: #ffdddd;
border: 1px solid #e83f3e;
color: #e83f3e; }
.form-fields .grid__item, .form-fields .label--inline, .form-fields .label--inline + .field {
margin-bottom: 0; }
.form-fields__inner {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
legend {
width: auto;
margin-bottom: 0;
padding: 0 12px ;
padding: 0 0.75rem ;
color: #173530;
font-weight: bold;
border-bottom: 0; }
fieldset {
margin-bottom: 0; }
.field,
.form-control,
select {
height: 45px; }
@media screen and (min-width: 768px) {
.field,
.form-control,
select {
height: 40px; } }
.field,
.form-control {
padding: 6px ;
padding: 0.375rem ;
border: 1px solid #ddd;
border-radius: 10rem;
background-color: #fff;
font-size: 13px;
font-size: 0.8125rem;
transition: all 0.5s; }
@media screen and (min-width: 768px) {
.field,
.form-control {
padding: 6px ;
padding: 0.375rem ; } }
.field:hover,
.form-control:hover {
border-color: #fdb12d; }
.field:focus,
.field .focus,
.form-control:focus,
.form-control .focus {
border-color: #fdb12d;
box-shadow: 0 0 4px #fff3de; }
.field--large,
.form-control--large {
font-size: 18px;
font-size: 1.125rem; }
.field--small,
.form-control--small {
font-size: 12px;
font-size: 0.75rem; }
.field--danger,
.form-control--danger {
border-color: #e83f3e; }
.field--danger:hover, .field--danger:focus,
.form-control--danger:hover,
.form-control--danger:focus {
border-color: #e83f3e; }
.field--danger:focus,
.form-control--danger:focus {
box-shadow: 0 0 4px #e83f3e; }
.field--upload,
.form-control--upload {
width: 100%;
height: auto; }
textarea,
.textarea {
min-height: 150px ;
min-height: 9.375rem ; }
label.label--inline {
vertical-align: text-top; }
label.label--inline + .check-list {
vertical-align: text-top; }
label:not(.label--inline) + .check-list {
margin-top: 12px ;
margin-top: 0.75rem ; }
select {
border-radius: 10rem; }
select.field {
padding-left: 2px; }
select option {
padding: 6px ;
padding: 0.375rem ; }
.additional, .errorMessage,
.form-error-message {
margin-top: 3px ;
margin-top: 0.1875rem ;
font-size: 13px;
font-size: 0.8125rem;
color: #444444; }
.additional--inline {
margin-left: 12px ;
margin-left: 0.75rem ; }
.errorMessage,
.form-error-message {
color: #e83f3e; }
.field-mandatory__item {
margin-left: 4px ;
margin-left: 0.25rem ;
color: #e83f3e; }
.invalid-feedback {
display: block; }
.invalid-feedback .form-error-icon {
display: none; }
label.required::after {
content: '*';
margin-left: 4px ;
margin-left: 0.25rem ;
color: #e83f3e; }
.spinner {
background-color: #fff; }
.spinner__img, html .mfp-preloader {
display: inline-block;
padding: 4px ;
padding: 0.25rem ;
width: 50px;
height: 50px;
margin-left: -25px;
margin-top: -25px;
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 5px solid rgba(255, 255, 255, 0.2);
border-right: 5px solid rgba(255, 255, 255, 0.2);
border-bottom: 5px solid rgba(255, 255, 255, 0.2);
border-left: 5px solid #fff;
background-color: rgba(253, 177, 45, 0.5);
transform: translateZ(0);
animation: spinnerAnimation 1.1s infinite linear;
border-radius: 100%; }
.spinner__img::after, html .mfp-preloader::after {
border-radius: 100%;
width: 45px;
height: 45px; }
@keyframes spinnerAnimation {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
.spinner--in-modal {
background-color: rgba(255, 255, 255, 0.5); }
.spinner.is-active {
opacity: 1;
visibility: visible; }
/*
Designovy checkbox / radio button
--------------------------------------------------------------------------------------- */
.checkbox-design label,
.radio-design label {
border: 1px solid #c4c4c4;
border-radius: 4px;
background-color: #fff; }
.checkbox-design label:hover:after,
.radio-design label:hover:after {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50); }
.checkbox-design input:checked + label:after,
.radio-design input:checked + label:after {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.checkbox-design + label,
.radio-design + label {
margin-left: 12px ;
margin-left: 0.75rem ; }
.checkbox-design--v2 label,
.radio-design--v2 label {
width: 28px;
height: 28px;
background-color: #eceff4;
border: 0; }
.checkbox-design label:after {
top: 50%;
left: 50%;
width: 10px;
height: 6.66667px;
margin-top: -5px;
transform: translateX(-50%) rotate(-45deg);
border: 2px solid #fdb12d;
border-top: none;
border-right: none;
background-color: transparent; }
.radio-design label {
border-radius: 50%; }
.radio-design label:after {
top: 50%;
left: 50%;
width: 8px;
height: 8px;
transform: translateX(-50%) translateY(-50%);
border-radius: 50%;
background: #fdb12d; }
.check-list .block-grid__item {
margin-bottom: 0;
padding-bottom: 0; }
.check-list .block-grid__item + .errorMessage {
padding-left: 12px ;
padding-left: 0.75rem ; }
.check-list.block-grid--item-soft {
margin-top: 0; }
.check-list.block-grid--item-soft .block-grid__item {
padding-bottom: 6px ;
padding-bottom: 0.375rem ; }
.check-list.block-grid--item-soft .block-grid__item:last-child {
padding-bottom: 0; }
.check-list__item {
margin-bottom: 0; }
.check-list__item:not(:last-child) {
margin-right: 24px ;
margin-right: 1.5rem ; }
.alert {
padding: 12px ;
padding: 0.75rem ;
margin: 12px 0 ;
margin: 0.75rem 0 ;
border-radius: 10rem; }
.alert__icon {
padding-right: 12px ;
padding-right: 0.75rem ;
font-size: 26px;
font-size: 1.625rem;
line-height: 1; }
.field-group {
display: inline-block;
vertical-align: middle; }
.field-group > * {
font-family: "Aeonik", "Open Sans", sans-serif; }
.field-group__item {
width: 100%; }
.field-group__item:not(:last-child) {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
@media screen and (min-width: 768px) {
.field-group__item {
margin-bottom: 0;
width: auto;
vertical-align: top;
display: inline-block; }
.field-group__item + .field-group__item {
margin-left: 1px; }
.field-group__item:not(:first-child):not(:last-child) {
border-radius: 0; }
.field-group__item:first-child {
border-radius: 10rem 0 0 10rem; }
.field-group__item:last-child {
border-radius: 0 10rem 10rem 0; }
.field-group__item:not(.search__field) {
border-bottom-width: 0; } }
table {
width: auto; }
.tag {
display: inline-block;
vertical-align: middle;
padding: 0.5rem 1.25rem;
margin-right: 0.5rem;
margin-bottom: 0.5rem;
background-color: #eceff4;
font-weight: 600;
text-align: center;
border-radius: 2em; }
.nav__item--drop,
.nav__item--mDrop {
position: relative; }
.nav__item--drop .nav__item__in,
.nav__item--mDrop .nav__item__in {
position: relative; }
.nav__item--drop .nav__item__in::after,
.nav__item--mDrop .nav__item__in::after {
font-size: 6px !important;
padding-left: 5px ;
padding-left: 0.3125rem ; }
.nav__item--drop.has-focus + .mDrop,
.nav__item--drop.has-focus + .dropNav,
.nav__item--mDrop.has-focus + .mDrop,
.nav__item--mDrop.has-focus + .dropNav {
transition: none;
opacity: 1;
visibility: visible;
transform: translateY(0); }
.nav__item--mDrop {
position: static; }
.dropNav .mDrop,
.dropNav .nav__item--mDrop a::after {
display: none !important; }
.dropNav,
.mDrop {
background-color: #f2efe8; }
.dropNav.has-focus,
.mDrop.has-focus {
transition: none;
opacity: 1;
visibility: visible;
transform: translateY(0); }
.mDrop {
padding: 0;
text-align: left;
margin-left: 0;
border: 1px solid #ddd;
color: #173530; }
@media screen and (min-width: 768px) {
.mDrop {
top: auto;
left: 0;
right: auto;
bottom: auto;
position: absolute;
z-index: 80;
min-width: 100%; } }
@media screen and (min-width: 1024px) {
.mDrop {
width: 100%; } }
.mDrop__cont {
max-width: 1340px;
margin-left: auto;
margin-right: auto;
padding-top: 40px ;
padding-top: 2.5rem ;
padding-bottom: 40px ;
padding-bottom: 2.5rem ;
margin-bottom: 0; }
.mDrop__title {
display: inline-block;
font-size: 18px;
font-size: 1.125rem;
text-decoration: none;
color: #173530;
margin-bottom: 12px ;
margin-bottom: 0.75rem ;
font-size: 14px;
font-size: 0.875rem;
text-transform: uppercase; }
.mDrop ul {
margin-bottom: 0;
padding-left: 0;
margin-left: 0; }
.mDrop ul li {
font-size: 14px;
font-size: 0.875rem; }
.mDrop ul li a {
padding-top: 3px ;
padding-top: 0.1875rem ;
padding-bottom: 3px ;
padding-bottom: 0.1875rem ;
text-decoration: none; }
.mDrop a {
color: #173530; }
.nav__item--mDrop:hover .mDrop, .nav__item--mDrop:focus .mDrop, .nav__item--mDrop:active .mDrop {
display: block; }
.nav__item--mDrop .nav__item__in {
position: relative; }
.nav__item__in--drop:focus + .dropNav,
.nav__item__in--mDrop:focus + .mDrop {
opacity: 1;
visibility: visible;
transform: translateY(0); }
.nav__item--mDrop {
position: static; }
.dropNav,
.mDrop {
background-color: #f2efe8; }
.dropNav .nav__item--mDrop {
margin-bottom: 0; }
.dropNav .nav__item--mDrop > .nav__item__in {
display: block;
padding: 0.66667rem 1.6rem !important;
border: 0;
font-size: 13px;
font-size: 0.8125rem; }
.dropNav .nav__item--mDrop > .nav__item__in:hover {
color: #173530 !important;
background-color: #eceff4 !important; }
@media screen and (min-width: 768px) {
.dropNav {
top: 100%;
left: 0;
right: auto;
bottom: auto;
position: absolute;
width: auto;
z-index: 99;
list-style: none;
margin-left: 0; } }
.dropNav__item, .dropNav.dropNav--responsive-drop .nav__item {
margin-bottom: 0;
color: #173530;
white-space: normal; }
.dropNav__item:not(.page--active) > .dropNav__item__in, .dropNav.dropNav--responsive-drop .nav__item:not(.page--active) > .dropNav__item__in, .dropNav.dropNav--responsive-drop .nav__item .dropNav__item:not(.page--active) > .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item:not(.page--active) > .nav__item__in {
background-color: #f2efe8; }
.dropNav__item:hover > .dropNav__item__in, .dropNav.dropNav--responsive-drop .nav__item:hover > .dropNav__item__in, .dropNav.dropNav--responsive-drop .cHeader__mainNav .nav > .nav__item--active > .dropNav__item__in, .cHeader__mainNav .dropNav.dropNav--responsive-drop .nav > .nav__item--active > .dropNav__item__in, .dropNav.dropNav--responsive-drop .cHeader__mainNav .mDrop ul > .nav__item--active > .dropNav__item__in, .cHeader__mainNav .mDrop .dropNav.dropNav--responsive-drop ul > .nav__item--active > .dropNav__item__in, .dropNav.dropNav--responsive-drop .mDrop .cHeader__mainNav ul > .nav__item--active > .dropNav__item__in, .mDrop .cHeader__mainNav .dropNav.dropNav--responsive-drop ul > .nav__item--active > .dropNav__item__in, .dropNav.dropNav--responsive-drop .cHeader__mainNav .cPag__nav > .nav__item--active > .dropNav__item__in, .cHeader__mainNav .dropNav.dropNav--responsive-drop .cPag__nav > .nav__item--active > .dropNav__item__in, .dropNav.dropNav--responsive-drop .nav__item .dropNav__item:hover > .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item:hover > .nav__item__in, .dropNav.dropNav--responsive-drop .cHeader__mainNav .nav__item .nav > .nav__item--active > .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .cHeader__mainNav .nav > .nav__item--active > .nav__item__in, .cHeader__mainNav .dropNav.dropNav--responsive-drop .nav__item .nav > .nav__item--active > .nav__item__in, .dropNav.dropNav--responsive-drop .cHeader__mainNav .mDrop .nav__item ul > .nav__item--active > .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .cHeader__mainNav .mDrop ul > .nav__item--active > .nav__item__in, .cHeader__mainNav .mDrop .dropNav.dropNav--responsive-drop .nav__item ul > .nav__item--active > .nav__item__in, .dropNav.dropNav--responsive-drop .mDrop .cHeader__mainNav .nav__item ul > .nav__item--active > .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .mDrop .cHeader__mainNav ul > .nav__item--active > .nav__item__in, .mDrop .cHeader__mainNav .dropNav.dropNav--responsive-drop .nav__item ul > .nav__item--active > .nav__item__in, .dropNav.dropNav--responsive-drop .cHeader__mainNav .nav__item .cPag__nav > .nav__item--active > .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .cHeader__mainNav .cPag__nav > .nav__item--active > .nav__item__in, .cHeader__mainNav .dropNav.dropNav--responsive-drop .nav__item .cPag__nav > .nav__item--active > .nav__item__in {
color: #173530 !important; }
.dropNav__item__in, .dropNav.dropNav--responsive-drop .nav__item .nav__item__in {
display: block;
color: #173530; }
.dropNav__item.dropNav__item--subLev, .dropNav.dropNav--responsive-drop .dropNav__item--subLev.nav__item {
position: relative; }
.dropNav__item.dropNav__item--subLev > .dropNav__item__in, .dropNav.dropNav--responsive-drop .dropNav__item--subLev.nav__item > .dropNav__item__in, .dropNav.dropNav--responsive-drop .nav__item .dropNav__item.dropNav__item--subLev > .nav__item__in, .dropNav.dropNav--responsive-drop .dropNav__item--subLev.nav__item > .nav__item__in {
color: #173530; }
@media (min-width: 767px) and (max-width: 1300px) {
.dropNav__item.dropNav__item--subLev > .dropNav__item__in::after, .dropNav.dropNav--responsive-drop .dropNav__item--subLev.nav__item > .dropNav__item__in::after, .dropNav.dropNav--responsive-drop .nav__item .dropNav__item.dropNav__item--subLev > .nav__item__in::after, .dropNav.dropNav--responsive-drop .dropNav__item--subLev.nav__item > .nav__item__in::after {
display: none; } }
.dropNav__item.dropNav__item--subLev:hover > .dropNav--lev, .dropNav.dropNav--responsive-drop .dropNav__item--subLev.nav__item:hover > .dropNav--lev, .dropNav.dropNav--responsive-drop .cHeader__mainNav .nav > .dropNav__item--subLev.nav__item--active > .dropNav--lev, .cHeader__mainNav .dropNav.dropNav--responsive-drop .nav > .dropNav__item--subLev.nav__item--active > .dropNav--lev, .dropNav.dropNav--responsive-drop .cHeader__mainNav .mDrop ul > .dropNav__item--subLev.nav__item--active > .dropNav--lev, .cHeader__mainNav .mDrop .dropNav.dropNav--responsive-drop ul > .dropNav__item--subLev.nav__item--active > .dropNav--lev, .dropNav.dropNav--responsive-drop .mDrop .cHeader__mainNav ul > .dropNav__item--subLev.nav__item--active > .dropNav--lev, .mDrop .cHeader__mainNav .dropNav.dropNav--responsive-drop ul > .dropNav__item--subLev.nav__item--active > .dropNav--lev, .dropNav.dropNav--responsive-drop .cHeader__mainNav .cPag__nav > .dropNav__item--subLev.nav__item--active > .dropNav--lev, .cHeader__mainNav .dropNav.dropNav--responsive-drop .cPag__nav > .dropNav__item--subLev.nav__item--active > .dropNav--lev, .dropNav__item.dropNav__item--subLev:active > .dropNav--lev, .dropNav.dropNav--responsive-drop .dropNav__item--subLev.nav__item:active > .dropNav--lev {
display: block; }
.dropNav.dropNav--lev {
left: 100%;
top: 0; }
@media (min-width: 767px) and (max-width: 1300px) {
.dropNav.dropNav--lev {
position: static;
visibility: visible;
opacity: 1;
transform: none;
border-left: 0;
border-bottom: 0; } }
@media (min-width: 767px) and (max-width: 1300px) {
.dropNav.dropNav--lev.dropNav--lev2 .dropNav__item__in, .dropNav.dropNav--lev.dropNav--lev2 .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .dropNav.dropNav--lev.dropNav--lev2 .nav__item__in {
padding-left: 35px; } }
@media (min-width: 767px) and (max-width: 1300px) {
.dropNav.dropNav--lev.dropNav--lev3 .dropNav__item__in, .dropNav.dropNav--lev.dropNav--lev3 .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .dropNav.dropNav--lev.dropNav--lev3 .nav__item__in {
padding-left: 45px; } }
.dropNav.dropNav--responsive-drop {
right: 0;
left: auto;
visibility: visible;
opacity: 1;
transform: none;
border-top: 3px solid #fdb12d;
transition: none; }
@media screen and (max-width: 767px) {
.dropNav.dropNav--responsive-drop {
display: none; } }
@media screen and (min-width: 768px) {
.dropNav.dropNav--responsive-drop {
position: fixed; } }
.dropNav.dropNav--responsive-drop.is-hidden {
visibility: hidden;
opacity: 0; }
.dropNav.dropNav--responsive-drop .nav__item {
margin-bottom: 0; }
.dropNav.dropNav--responsive-drop .nav__item .nav__item__in {
display: block;
padding: 8px 12px !important;
border: 0;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.7 !important;
height: auto !important; }
.dropNav.dropNav--responsive-drop .nav__item--drop:hover > a + .dropNav {
display: block; }
.dropNav.dropNav--responsive-drop .nav__item--mDrop .nav__item__in--drop::after {
display: none; }
.dropNav.dropNav--responsive-drop .mDrop {
display: none !important; }
.dropNav.dropNav--responsive-drop .dropNav {
display: none;
position: relative;
top: 0 !important;
left: 0 !important;
width: 100% !important;
max-width: 100%;
min-width: 0;
border-top: 0;
border-left: 0;
border-right: 0; }
.dropNav.dropNav--responsive-drop .dropNav:last-of-type {
border-bottom: none; }
.dropNav.dropNav--responsive-drop .dropNav--lev1 .dropNav__item__in::after, .dropNav.dropNav--responsive-drop .dropNav--lev1 .nav__item .nav__item__in::after, .dropNav.dropNav--responsive-drop .nav__item .dropNav--lev1 .nav__item__in::after {
rotate: 90deg;
right: 30px;
top: 17px; }
.nav__item--mDrop:hover .mDrop, .nav__item--mDrop:focus .mDrop, .nav__item--mDrop:active .mDrop {
display: block; }
.nav__item--mDrop .nav__item__in {
position: relative; }
.nav__item.dropDown > .dropNav {
left: auto;
right: 0; }
@media (min-width: 1024px) {
.dropNav__item.dropDown > ul, .dropNav.dropNav--responsive-drop .dropDown.nav__item > ul {
inset: 100% -1px auto auto; } }
@media (min-width: 1024px) {
.dropNav__item.dropDown > a::after, .dropNav.dropNav--responsive-drop .dropDown.nav__item > a::after {
translate: 0 calc(-50% + 2px);
right: 15px;
rotate: 90deg; } }
.bottomOverflow > .dropNav {
max-height: 175px;
overflow: hidden auto; }
.bottomOverflow > .dropNav .dropNav {
inset: 100% auto auto 0;
transform: translateY(0);
opacity: 1;
visibility: visible;
position: relative;
border-left: none;
border-right: none; }
.bottomOverflow > .dropNav .dropNav:last-of-type {
border-bottom: none; }
.bottomOverflow > .dropNav .dropNav a::after {
top: 17px;
right: 30px;
rotate: 90deg; }
.archive {
text-align: right; }
.search {
width: 100%; }
.search__field, .search__btn {
display: table-cell; }
.search__field {
width: 80%; }
.search__btn {
width: 20%; }
.cTooltip {
position: relative;
display: inline-block;
vertical-align: baseline; }
.cTooltip__helper {
width: 20px;
height: 20px;
margin-left: 6px;
border-radius: 20px;
background-color: #fdb12d;
text-align: center;
font-weight: bold;
color: #173530;
font-size: 13px;
font-size: 0.8125rem;
line-height: 20px;
cursor: default; }
.cTooltip__helper:hover, .cTooltip__helper:active, .cTooltip__helper:focus {
background-color: #fda814; }
@media screen and (min-width: 1350px) {
.cTooltip__helper:hover + .cTooltip__text, .cTooltip__helper:active + .cTooltip__text, .cTooltip__helper:focus + .cTooltip__text {
visibility: visible;
opacity: 1; } }
.cTooltip__text {
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
width: 150px;
padding: 12px;
background-color: #eceff4;
border: 1px solid #ddd;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
text-align: left;
color: #173530;
transition: all 0.3s ease; }
@media (max-width: 1350px) {
.cTooltip__text:after, .cTooltip__text:before {
border: solid transparent;
content: ' ';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
visibility: visible; }
.cTooltip__text:after {
border-width: 8px;
border-left-color: #eceff4;
right: -16px;
top: 50%;
margin-top: -8px; }
.cTooltip__text:before {
border-width: 9px;
border-left-color: #ddd;
right: -18px;
top: 50%;
margin-top: -9px; } }
@media screen and (min-width: 1350px) {
.cTooltip__text {
top: 35px;
left: 50%;
right: auto;
transform: none;
margin-left: -72px;
visibility: hidden;
opacity: 0; }
.cTooltip__text:after, .cTooltip__text:before {
border: solid transparent;
content: ' ';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
visibility: visible; }
.cTooltip__text:after {
border-width: 8px;
border-bottom-color: #eceff4;
top: -16px;
right: 50%;
margin-right: -8px; }
.cTooltip__text:before {
border-width: 9px;
border-bottom-color: #ddd;
top: -18px;
right: 50%;
margin-right: -9px; } }
@media (max-width: 1350px) {
.cTooltip__text.is-hidden {
visibility: hidden;
opacity: 0; } }
.ui-slider {
margin-bottom: 20px; }
.ui-slider.ui-slider-horizontal {
height: 0.8rem; }
.ui-slider .ui-slider-handle.ui-state-default {
width: 25px;
height: 25px;
top: 50%;
transform: translateY(-50%);
border-radius: 25px;
background-color: #fdb12d;
border-color: #f59c02;
cursor: pointer; }
.ui-slider .ui-slider-handle.ui-state-default::before {
content: '|||';
color: #fff;
font-size: 8px;
font-size: 0.5rem;
line-height: 1;
font-weight: bold; }
.ui-slider .ui-slider-handle.ui-state-default.ui-state-focus {
outline: 0; }
.ui-slider .ui-slider-range {
background-color: #eceff4;
background-image: repeating-linear-gradient(-45deg, #ababab, #ababab 10px, #9e9e9e 10px, #9e9e9e 20px);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.53); }
.ui-slider-label-to {
margin-left: 6px; }
.ui-slider-label-to, .ui-slider-label-price, .ui-slider-label-fallback {
font-size: 13px;
font-size: 0.8125rem; }
.mfp-zoom-in .mfp-figure,
.mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler {
transition: all 0.3s ease-out; }
@media screen and (max-width: 767px) {
html.mfp-open {
height: 100%; }
html.mfp-open body {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: translateZ(0); } }
@media screen and (max-width: 767px) {
.mfp-wrap {
-webkit-overflow-scrolling: touch;
-webkit-transform: translateZ(0); } }
.mfp-zoom-in.mfp-bg,
.mfp-zoom-in .mfp-preloader {
transition: all 0.3s ease-out; }
.mfp-zoom-in.mfp-image-loaded .mfp-figure,
.mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {
opacity: 1; }
.mfp-zoom-in.mfp-ready.mfp-bg,
.mfp-zoom-in.mfp-ready .mfp-preloader {
opacity: 0.8; }
.mfp-iframe-scaler {
overflow: visible; }
.mfp-zoom-out-cur {
cursor: auto; }
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: pointer; }
@media (max-width: 1023px) {
.mfp-zoom-in .mfp-content {
transition: all 0.3s ease-in-out; } }
@media (max-width: 1023px) {
.mfp-wrap.mfp-image-loaded .mfp-content {
transform: translateX(0); } }
html .mfp-preloader {
position: fixed;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
width: 50px;
height: 50px;
border-radius: 100%; }
@media screen and (max-width: 767px) {
.mfp-is-open,
.mfp-is-open body {
overflow: hidden; } }
.cModal {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: auto;
padding: 20px 20px;
background-color: #fff;
border-radius: 10rem;
z-index: 100;
overflow-y: auto;
overflow-x: hidden; }
@media screen and (max-width: 767px) {
.cModal {
padding-bottom: 0; } }
@media screen and (min-width: 768px) {
.cModal {
left: 50%;
top: 50%;
transform: translateY(-50%);
width: 600px;
max-height: 95vh;
margin-left: -300px;
padding: 20px 40px; } }
.cModal__header {
display: flex;
width: 100%;
padding: 10px 0 20px; }
.cModal__closeBtn {
position: absolute;
top: 15px;
right: 15px;
padding: 0;
background-color: transparent;
border-radius: 0;
border: 0;
outline: 0; }
.cModal__closeBtn .icon-close, .cModal__closeBtn .userAccountForm form + .editSwitchWrapper .btn::before, .userAccountForm form + .editSwitchWrapper .cModal__closeBtn .btn::before, .cModal__closeBtn .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .cModal__closeBtn .cClientZone__logout::before, .cModal__closeBtn .userAccountForm form + .editSwitchWrapper .cNews-archiv a::before, .userAccountForm form + .editSwitchWrapper .cNews-archiv .cModal__closeBtn a::before, .cModal__closeBtn .cNews-archiv .userAccountForm form + .editSwitchWrapper a::before, .cNews-archiv .userAccountForm form + .editSwitchWrapper .cModal__closeBtn a::before, .cModal__closeBtn .userAccountForm form + .editSwitchWrapper .cRecepts .archive a::before, .userAccountForm form + .editSwitchWrapper .cRecepts .archive .cModal__closeBtn a::before, .cModal__closeBtn .cRecepts .archive .userAccountForm form + .editSwitchWrapper a::before, .cRecepts .archive .userAccountForm form + .editSwitchWrapper .cModal__closeBtn a::before, .cModal__closeBtn .userAccountForm form + .editSwitchWrapper .recipesList .archive a::before, .userAccountForm form + .editSwitchWrapper .recipesList .archive .cModal__closeBtn a::before, .cModal__closeBtn .recipesList .archive .userAccountForm form + .editSwitchWrapper a::before, .recipesList .archive .userAccountForm form + .editSwitchWrapper .cModal__closeBtn a::before, .cModal__closeBtn .userAccountForm form + .editSwitchWrapper .cFtr .recipesList__item .archive a::before, .userAccountForm form + .editSwitchWrapper .cFtr .recipesList__item .archive .cModal__closeBtn a::before, .cModal__closeBtn .cFtr .recipesList__item .archive .userAccountForm form + .editSwitchWrapper a::before, .cFtr .recipesList__item .archive .userAccountForm form + .editSwitchWrapper .cModal__closeBtn a::before {
width: auto;
height: auto; }
.cModal__closeBtn .icon-close::before, .cModal__closeBtn .userAccountForm form + .editSwitchWrapper .btn::before, .userAccountForm form + .editSwitchWrapper .cModal__closeBtn .btn::before, .cModal__closeBtn .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .cModal__closeBtn .cClientZone__logout::before, .cModal__closeBtn .userAccountForm form + .editSwitchWrapper .cNews-archiv a::before, .userAccountForm form + .editSwitchWrapper .cNews-archiv .cModal__closeBtn a::before, .cModal__closeBtn .cNews-archiv .userAccountForm form + .editSwitchWrapper a::before, .cNews-archiv .userAccountForm form + .editSwitchWrapper .cModal__closeBtn a::before, .cModal__closeBtn .userAccountForm form + .editSwitchWrapper .cRecepts .archive a::before, .userAccountForm form + .editSwitchWrapper .cRecepts .archive .cModal__closeBtn a::before, .cModal__closeBtn .cRecepts .archive .userAccountForm form + .editSwitchWrapper a::before, .cRecepts .archive .userAccountForm form + .editSwitchWrapper .cModal__closeBtn a::before, .cModal__closeBtn .userAccountForm form + .editSwitchWrapper .recipesList .archive a::before, .userAccountForm form + .editSwitchWrapper .recipesList .archive .cModal__closeBtn a::before, .cModal__closeBtn .recipesList .archive .userAccountForm form + .editSwitchWrapper a::before, .recipesList .archive .userAccountForm form + .editSwitchWrapper .cModal__closeBtn a::before, .cModal__closeBtn .userAccountForm form + .editSwitchWrapper .cFtr .recipesList__item .archive a::before, .userAccountForm form + .editSwitchWrapper .cFtr .recipesList__item .archive .cModal__closeBtn a::before, .cModal__closeBtn .cFtr .recipesList__item .archive .userAccountForm form + .editSwitchWrapper a::before, .cFtr .recipesList__item .archive .userAccountForm form + .editSwitchWrapper .cModal__closeBtn a::before {
font-size: 26px;
font-size: 1.625rem;
color: #173530;
opacity: 0.3; }
.cModal__closeBtn:hover .icon-close::before, .cModal__closeBtn:hover .userAccountForm form + .editSwitchWrapper .btn::before, .userAccountForm form + .editSwitchWrapper .cModal__closeBtn:hover .btn::before, .cModal__closeBtn:hover .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .cModal__closeBtn:hover .cClientZone__logout::before, .cModal__closeBtn:hover .userAccountForm form + .editSwitchWrapper .cNews-archiv a::before, .userAccountForm form + .editSwitchWrapper .cNews-archiv .cModal__closeBtn:hover a::before, .cModal__closeBtn:hover .cNews-archiv .userAccountForm form + .editSwitchWrapper a::before, .cNews-archiv .userAccountForm form + .editSwitchWrapper .cModal__closeBtn:hover a::before, .cModal__closeBtn:hover .userAccountForm form + .editSwitchWrapper .cRecepts .archive a::before, .userAccountForm form + .editSwitchWrapper .cRecepts .archive .cModal__closeBtn:hover a::before, .cModal__closeBtn:hover .cRecepts .archive .userAccountForm form + .editSwitchWrapper a::before, .cRecepts .archive .userAccountForm form + .editSwitchWrapper .cModal__closeBtn:hover a::before, .cModal__closeBtn:hover .userAccountForm form + .editSwitchWrapper .recipesList .archive a::before, .userAccountForm form + .editSwitchWrapper .recipesList .archive .cModal__closeBtn:hover a::before, .cModal__closeBtn:hover .recipesList .archive .userAccountForm form + .editSwitchWrapper a::before, .recipesList .archive .userAccountForm form + .editSwitchWrapper .cModal__closeBtn:hover a::before, .cModal__closeBtn:hover .userAccountForm form + .editSwitchWrapper .cFtr .recipesList__item .archive a::before, .userAccountForm form + .editSwitchWrapper .cFtr .recipesList__item .archive .cModal__closeBtn:hover a::before, .cModal__closeBtn:hover .cFtr .recipesList__item .archive .userAccountForm form + .editSwitchWrapper a::before, .cFtr .recipesList__item .archive .userAccountForm form + .editSwitchWrapper .cModal__closeBtn:hover a::before {
opacity: 1; }
.cModal__buttons {
padding: 20px 0 0; }
@media screen and (max-width: 767px) {
.cModal__buttons {
display: flex;
align-items: center;
position: sticky;
left: 0;
padding: 0 20px;
height: 80px;
width: 100%;
background-color: #fff;
bottom: 0;
border-top: 1px solid #ddd; } }
.cModal__buttons .form-group {
margin: 0; }
.cModal__heading {
margin-bottom: 0;
flex-grow: 1;
padding-right: 12px; }
.cModal__subHeading {
margin-bottom: 12px;
padding-left: 0;
font-size: 17px;
font-size: 1.0625rem; }
.cModal__additional--summary {
padding: 24px 12px;
background-color: #eceff4; }
@media screen and (min-width: 768px) {
.cModal__additional--summary {
margin-left: -40px;
margin-right: -40px;
padding: 24px 40px; } }
.cModal .form-control {
display: block;
width: 100%; }
.cModal .form-section {
margin-bottom: 24px; }
.cModal .form-section__check {
display: flex;
width: 100%; }
.cModal .form-section__check__name {
flex-grow: 1;
padding-right: 12px; }
.cModal .form-section__check__value {
white-space: nowrap; }
@media screen and (min-width: 768px) {
.cModal--order-form .form-group {
display: flex;
align-items: center;
flex-wrap: wrap; } }
@media screen and (min-width: 768px) {
.cModal--order-form .form-group label {
min-width: 100px;
max-width: 100px;
line-height: 1.2; } }
@media screen and (min-width: 768px) {
.cModal--order-form .form-group .form-control {
flex-grow: 1;
width: calc(100% - 100px); } }
@media screen and (min-width: 768px) {
.cModal--order-form .form-group .invalid-feedback {
padding-left: 100px; } }
.cc-banner {
position: fixed;
width: 100%;
max-height: 100vh;
overflow-y: auto;
font-size: 15px; }
@media screen and (min-width: 768px) {
.cc-banner {
font-size: 16px; } }
.cc-banner-wrap {
position: relative;
z-index: 9999; }
.cc-banner.cc-banner--dark {
background-color: #222;
color: #fff; }
.cc-banner.cc-banner--dark .cc-banner__close .icon::before,
.cc-banner.cc-banner--dark .cc-banner__title {
color: #fff; }
.cc-banner.cc-banner--dark .cc-banner__message a,
.cc-banner.cc-banner--dark .cc-banner__message a:hover {
color: #fff; }
.cc-banner.cc-banner--dark .checkbox-switch {
border-color: #5a5a5a; }
.cc-banner.cc-banner--dark .checkbox-switch__indicator {
background-color: #8f8f8f; }
.cc-banner--light {
background-color: #fff;
color: #333; }
.cc-banner--light.cc-banner--bottom {
box-shadow: 0 -8px 16px 0 rgba(0, 0, 0, 0.15); }
.cc-banner--light.cc-banner--top {
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15); }
.cc-banner--top .cc-banner-in, .cc-banner--bottom .cc-banner-in {
width: 100%;
padding: 15px 30px; }
@media screen and (min-width: 768px) {
.cc-banner--top .cc-banner-in, .cc-banner--bottom .cc-banner-in {
display: flex;
align-items: center; } }
@media screen and (min-width: 1200px) {
.cc-banner--top .cc-banner-in, .cc-banner--bottom .cc-banner-in {
padding: 30px 40px; } }
.cc-banner--bottom-right {
right: 20px;
bottom: 20px; }
.cc-banner--bottom-left {
left: 20px;
bottom: 20px; }
.cc-banner--bottom-right, .cc-banner--bottom-left {
display: block;
padding: 20px;
border-radius: 8px;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 767px) {
.cc-banner--bottom-right, .cc-banner--bottom-left {
left: 5vw;
width: 90vw;
bottom: 15px; } }
@media screen and (min-width: 768px) {
.cc-banner--bottom-right, .cc-banner--bottom-left {
width: auto;
max-width: 600px; } }
@media screen and (min-width: 1200px) {
.cc-banner--bottom-right, .cc-banner--bottom-left {
padding: 35px; } }
@media screen and (min-width: 768px) {
.cc-banner--bottom-right .cc-banner__btn-wrap, .cc-banner--bottom-left .cc-banner__btn-wrap {
flex-direction: row;
margin-left: -8px; } }
@media screen and (min-width: 768px) {
.cc-banner--bottom-right .cc-banner__btn-wrap .btn, .cc-banner--bottom-right .cc-banner__btn-wrap .cClientZone__logout, .cc-banner--bottom-right .cc-banner__btn-wrap .cNews-archiv a, .cNews-archiv .cc-banner--bottom-right .cc-banner__btn-wrap a, .cc-banner--bottom-right .cc-banner__btn-wrap .cRecepts .archive a, .cRecepts .archive .cc-banner--bottom-right .cc-banner__btn-wrap a, .cc-banner--bottom-right .cc-banner__btn-wrap .recipesList .archive a, .recipesList .archive .cc-banner--bottom-right .cc-banner__btn-wrap a, .cc-banner--bottom-right .cc-banner__btn-wrap .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cc-banner--bottom-right .cc-banner__btn-wrap a, .cc-banner--bottom-left .cc-banner__btn-wrap .btn, .cc-banner--bottom-left .cc-banner__btn-wrap .cClientZone__logout, .cc-banner--bottom-left .cc-banner__btn-wrap .cNews-archiv a, .cNews-archiv .cc-banner--bottom-left .cc-banner__btn-wrap a, .cc-banner--bottom-left .cc-banner__btn-wrap .cRecepts .archive a, .cRecepts .archive .cc-banner--bottom-left .cc-banner__btn-wrap a, .cc-banner--bottom-left .cc-banner__btn-wrap .recipesList .archive a, .recipesList .archive .cc-banner--bottom-left .cc-banner__btn-wrap a, .cc-banner--bottom-left .cc-banner__btn-wrap .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cc-banner--bottom-left .cc-banner__btn-wrap a {
margin: 0 0 0 8px; } }
.cc-banner--bottom-right .cc-banner__message, .cc-banner--bottom-left .cc-banner__message {
margin: 0 0 15px 0; }
.cc-banner--top {
left: 0;
top: 0; }
.cc-banner--bottom {
left: 0;
bottom: 0; }
.cc-banner__btn {
padding: 8px 16px;
margin-left: 8px;
text-align: center;
border-radius: 4px;
background-color: #fdb12d;
color: #173530;
transition: background-color 0.3s ease-in-out;
border: 0; }
@media screen and (max-width: 767px) {
.cc-banner__btn {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1.1; } }
@media screen and (min-width: 768px) {
.cc-banner__btn {
margin-left: 6px;
white-space: nowrap; } }
.cc-banner__btn:hover, .cc-banner__btn:focus {
text-decoration: none;
background-color: #fda814;
color: #173530; }
.cc-banner__btn--secondary {
background-color: #ededed !important;
color: #000 !important; }
@media screen and (max-width: 767px) {
.cc-banner__btn--secondary {
font-size: 13px;
font-size: 0.8125rem; } }
.cc-banner__btn--secondary:hover, .cc-banner__btn--secondary:focus {
background-color: #e6e6e6 !important;
color: #000 !important; }
.cc-banner__btn-wrap {
display: flex;
margin-left: -8px; }
.cc-banner__btn-wrap--in-block {
flex-direction: column; }
.cc-banner__btn-wrap--in-block .btn, .cc-banner__btn-wrap--in-block .cClientZone__logout, .cc-banner__btn-wrap--in-block .cNews-archiv a, .cNews-archiv .cc-banner__btn-wrap--in-block a, .cc-banner__btn-wrap--in-block .cRecepts .archive a, .cRecepts .archive .cc-banner__btn-wrap--in-block a, .cc-banner__btn-wrap--in-block .recipesList .archive a, .recipesList .archive .cc-banner__btn-wrap--in-block a, .cc-banner__btn-wrap--in-block .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cc-banner__btn-wrap--in-block a {
display: block;
margin: 4px 0; }
.cc-banner__message {
flex-grow: 1;
margin: 0 0 12px 0;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.5; }
@media screen and (min-width: 768px) {
.cc-banner__message {
margin: 0 12px 0 0; } }
.cc-banner__message-wrap {
flex-grow: 1; }
.cc-banner__title {
margin-bottom: 8px; }
.cc-banner__close {
position: absolute;
right: 20px;
top: 20px;
background: transparent;
border: 0; }
.cc-banner__close:hover .icon::before {
opacity: 1; }
.cc-banner__close .icon::before {
color: #173530;
opacity: 0.3;
font-size: 26px;
font-size: 1.625rem; }
.cc-banner .checkbox-switch {
position: relative;
margin-bottom: 15px;
padding: 12px 12px 12px 65px;
border-radius: 10rem;
border: 1px solid #ddd; }
@media screen and (min-width: 768px) {
.cc-banner .checkbox-switch {
font-size: 1rem; } }
.cc-banner .checkbox-switch.is-disabled {
cursor: text; }
.cc-banner .checkbox-switch input[type='checkbox'] {
position: absolute;
opacity: 0;
z-index: -1; }
.cc-banner .checkbox-switch input[type='checkbox']:checked + .checkbox-switch__indicator {
background-color: #fdb12d; }
.cc-banner .checkbox-switch input[type='checkbox']:checked + .checkbox-switch__indicator::after {
transform: translateX(18px); }
.cc-banner .checkbox-switch input[type='checkbox']:disabled + .checkbox-switch__indicator {
background-color: #6a6a6a; }
.cc-banner .checkbox-switch__indicator {
position: absolute;
left: 12px;
top: 17px;
width: 40px;
height: 20px;
border-radius: 1em;
text-indent: -9999px;
background-color: #cfcfcf; }
.cc-banner .checkbox-switch__indicator::after {
display: block;
position: absolute;
left: 5px;
top: 4px;
width: 12px;
height: 12px;
border-radius: 100%;
background-color: #fff;
will-change: transform;
transition: transform 0.2s ease-in-out;
content: ''; }
.cc-banner .checkbox-switch__text {
display: block;
line-height: 1.5; }
.cc-banner .checkbox-switch__text__title {
display: block;
font-size: 16px;
font-size: 1rem; }
@media screen and (min-width: 768px) {
.cc-banner .checkbox-switch__text__title {
font-size: 20px;
font-size: 1.25rem; } }
.cc-banner--popup {
position: relative;
left: auto;
top: auto;
margin: 0;
transform: none;
padding: 20px;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
border-radius: 8px;
z-index: 9999;
width: 90vw; }
@media screen and (min-width: 768px) {
.cc-banner--popup {
width: 700px;
padding: 30px; } }
@media screen and (min-width: 1024px) {
.cc-banner--popup {
padding: 40px; } }
.cc-banner--popup .cc-banner__title {
display: block;
margin-bottom: 18px;
font-size: 22px;
font-size: 1.375rem; }
@media screen and (min-width: 768px) {
.cc-banner--popup .cc-banner__title {
font-size: 28px;
font-size: 1.75rem; } }
.cc-banner--popup .cc-banner__btn-wrap {
margin: 20px 0 0 -10px; }
@media screen and (min-width: 768px) {
.cc-banner--popup .cc-banner__btn-wrap {
margin: 30px 0 0 -15px; } }
@media screen and (max-width: 767px) {
.cc-banner--popup .cc-banner__btn-wrap.cc-banner__btn-wrap--in-block {
margin-left: 0; } }
@media screen and (min-width: 768px) {
.cc-banner--popup .cc-banner__btn-wrap.cc-banner__btn-wrap--in-block {
flex-direction: row; } }
@media screen and (max-width: 767px) {
.cc-banner--popup .cc-banner__btn-wrap.cc-banner__btn-wrap--in-block .cc-banner__btn {
display: block;
width: 100%;
margin: 4px 0; } }
.cc-banner--popup .cc-banner__btn {
padding: 12px;
width: 50%;
margin-left: 10px; }
@media screen and (min-width: 768px) {
.cc-banner--popup .cc-banner__btn {
margin-left: 15px; } }
.cc-banner--popup .cc-banner__message {
margin-bottom: 20px; }
.cc-banner-popup-wrap {
position: fixed;
left: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100vw;
height: 100vh;
z-index: 99999; }
.cc-banner-popup-wrap::before {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 100;
content: '';
background-color: rgba(0, 0, 0, 0.5); }
.cc-banner--settings {
position: static;
height: auto;
padding: 24px;
border-radius: 12px;
background-color: #eceff4; }
.cc-banner--settings .checkbox-switch {
border: 0;
background-color: #fff; }
.headerAlert {
background-color: #fdb12d;
position: relative; }
.headerAlert__inner {
max-width: 1340px;
margin: 0 auto;
padding: 1rem 3rem;
text-align: center;
color: #fff; }
.headerAlert__inner a {
color: #fff; }
.headerAlert__inner a:hover {
color: #fff; }
.headerAlert__inner button {
background-color: transparent;
border: none;
position: absolute;
top: 1rem;
right: 1rem;
cursor: pointer; }
.headerAlert__inner button::before {
color: #fff; }
.btn, .cClientZone__logout, .cNews-archiv a, .cRecepts .archive a, .recipesList .archive a, .cFtr .recipesList__item .archive a {
display: inline-block;
text-align: center;
line-height: normal;
text-decoration: none;
font-weight: normal; }
.btn:active, .cClientZone__logout:active, .cNews-archiv a:active, .cRecepts .archive a:active, .recipesList .archive a:active, .cFtr .recipesList__item .archive a:active, .btn.active, .active.cClientZone__logout, .cNews-archiv a.active, .cRecepts .archive a.active, .recipesList .archive a.active, .cFtr .recipesList__item .archive a.active {
outline: 0; }
.btn[disabled], [disabled].cClientZone__logout, .cNews-archiv a[disabled], .cRecepts .archive a[disabled], .recipesList .archive a[disabled], .cFtr .recipesList__item .archive a[disabled], .btn[disabled]:hover, [disabled].cClientZone__logout:hover, .cNews-archiv a[disabled]:hover, .cRecepts .archive a[disabled]:hover, .recipesList .archive a[disabled]:hover, .cFtr .recipesList__item .archive a[disabled]:hover, .btn[disabled]:focus, [disabled].cClientZone__logout:focus, .cNews-archiv a[disabled]:focus, .cRecepts .archive a[disabled]:focus, .recipesList .archive a[disabled]:focus, .cFtr .recipesList__item .archive a[disabled]:focus, .btn[disabled]:active, [disabled].cClientZone__logout:active, .cNews-archiv a[disabled]:active, .cRecepts .archive a[disabled]:active, .recipesList .archive a[disabled]:active, .cFtr .recipesList__item .archive a[disabled]:active, .btn[disabled].active, [disabled].active.cClientZone__logout, .cNews-archiv a[disabled].active, .cRecepts .archive a[disabled].active, .recipesList .archive a[disabled].active, .cFtr .recipesList__item .archive a[disabled].active, .btn.disabled, .disabled.cClientZone__logout, .cNews-archiv a.disabled, .cRecepts .archive a.disabled, .recipesList .archive a.disabled, .cFtr .recipesList__item .archive a.disabled, .btn.disabled:hover, .disabled.cClientZone__logout:hover, .cNews-archiv a.disabled:hover, .cRecepts .archive a.disabled:hover, .recipesList .archive a.disabled:hover, .cFtr .recipesList__item .archive a.disabled:hover, .btn.disabled:focus, .disabled.cClientZone__logout:focus, .cNews-archiv a.disabled:focus, .cRecepts .archive a.disabled:focus, .recipesList .archive a.disabled:focus, .cFtr .recipesList__item .archive a.disabled:focus, .btn.disabled:active, .disabled.cClientZone__logout:active, .cNews-archiv a.disabled:active, .cRecepts .archive a.disabled:active, .recipesList .archive a.disabled:active, .cFtr .recipesList__item .archive a.disabled:active, .btn.disabled.active, .disabled.active.cClientZone__logout, .cNews-archiv a.disabled.active, .cRecepts .archive a.disabled.active, .recipesList .archive a.disabled.active, .cFtr .recipesList__item .archive a.disabled.active,
fieldset[disabled] .btn,
fieldset[disabled] .cClientZone__logout,
fieldset[disabled] .cNews-archiv a, .cNews-archiv
fieldset[disabled] a,
fieldset[disabled] .cRecepts .archive a, .cRecepts .archive
fieldset[disabled] a,
fieldset[disabled] .recipesList .archive a, .recipesList .archive
fieldset[disabled] a,
fieldset[disabled] .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive
fieldset[disabled] a,
fieldset[disabled] .btn:hover,
fieldset[disabled] .cClientZone__logout:hover,
fieldset[disabled] .cNews-archiv a:hover, .cNews-archiv
fieldset[disabled] a:hover,
fieldset[disabled] .cRecepts .archive a:hover, .cRecepts .archive
fieldset[disabled] a:hover,
fieldset[disabled] .recipesList .archive a:hover, .recipesList .archive
fieldset[disabled] a:hover,
fieldset[disabled] .cFtr .recipesList__item .archive a:hover, .cFtr .recipesList__item .archive
fieldset[disabled] a:hover,
fieldset[disabled] .btn:focus,
fieldset[disabled] .cClientZone__logout:focus,
fieldset[disabled] .cNews-archiv a:focus, .cNews-archiv
fieldset[disabled] a:focus,
fieldset[disabled] .cRecepts .archive a:focus, .cRecepts .archive
fieldset[disabled] a:focus,
fieldset[disabled] .recipesList .archive a:focus, .recipesList .archive
fieldset[disabled] a:focus,
fieldset[disabled] .cFtr .recipesList__item .archive a:focus, .cFtr .recipesList__item .archive
fieldset[disabled] a:focus,
fieldset[disabled] .btn:active,
fieldset[disabled] .cClientZone__logout:active,
fieldset[disabled] .cNews-archiv a:active, .cNews-archiv
fieldset[disabled] a:active,
fieldset[disabled] .cRecepts .archive a:active, .cRecepts .archive
fieldset[disabled] a:active,
fieldset[disabled] .recipesList .archive a:active, .recipesList .archive
fieldset[disabled] a:active,
fieldset[disabled] .cFtr .recipesList__item .archive a:active, .cFtr .recipesList__item .archive
fieldset[disabled] a:active,
fieldset[disabled] .btn.active,
fieldset[disabled] .active.cClientZone__logout,
fieldset[disabled] .cNews-archiv a.active, .cNews-archiv
fieldset[disabled] a.active,
fieldset[disabled] .cRecepts .archive a.active, .cRecepts .archive
fieldset[disabled] a.active,
fieldset[disabled] .recipesList .archive a.active, .recipesList .archive
fieldset[disabled] a.active,
fieldset[disabled] .cFtr .recipesList__item .archive a.active, .cFtr .recipesList__item .archive
fieldset[disabled] a.active {
pointer-events: none;
opacity: 0.65;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
filter: alpha(opacity=65);
box-shadow: none;
cursor: not-allowed; }
.btn[data-align], [data-align].cClientZone__logout, .cNews-archiv a[data-align], .cRecepts .archive a[data-align], .recipesList .archive a[data-align], .cFtr .recipesList__item .archive a[data-align] {
margin-top: 12px ;
margin-top: 0.75rem ;
display: block;
width: max-content; }
.btn[data-align="btn--full"], [data-align="btn--full"].cClientZone__logout, .cNews-archiv a[data-align="btn--full"], .cRecepts .archive a[data-align="btn--full"], .recipesList .archive a[data-align="btn--full"], .cFtr .recipesList__item .archive a[data-align="btn--full"] {
width: 100%; }
.btn[data-align="text--center"], [data-align="text--center"].cClientZone__logout, .cNews-archiv a[data-align="text--center"], .cRecepts .archive a[data-align="text--center"], .recipesList .archive a[data-align="text--center"], .cFtr .recipesList__item .archive a[data-align="text--center"] {
margin-inline: auto; }
.btn[data-align="text--right"], [data-align="text--right"].cClientZone__logout, .cNews-archiv a[data-align="text--right"], .cRecepts .archive a[data-align="text--right"], .recipesList .archive a[data-align="text--right"], .cFtr .recipesList__item .archive a[data-align="text--right"] {
margin-inline: auto 0; }
.btn[data-align="text--left"], [data-align="text--left"].cClientZone__logout, .cNews-archiv a[data-align="text--left"], .cRecepts .archive a[data-align="text--left"], .recipesList .archive a[data-align="text--left"], .cFtr .recipesList__item .archive a[data-align="text--left"] {
margin-inline: 0 auto; }
.btn--warning {
color: #fff;
background-color: #dcc026;
border-color: #dcc026;
border-radius: 10rem;
text-decoration: none; }
.btn--warning:hover, .btn--warning:focus, .btn--warning:active, .btn--warning.active {
color: #fff;
background-color: #bba31e;
border-color: #a9941b; }
.btn--warning:active, .btn--warning.active {
background-image: none; }
.btn--warning.disabled, .btn--warning.disabled:hover, .btn--warning.disabled:focus, .btn--warning.disabled:active, .btn--warning.disabled.active, .btn--warning[disabled], .btn--warning[disabled]:hover, .btn--warning[disabled]:focus, .btn--warning[disabled]:active, .btn--warning[disabled].active,
fieldset[disabled] .btn--warning,
fieldset[disabled] .btn--warning:hover,
fieldset[disabled] .btn--warning:focus,
fieldset[disabled] .btn--warning:active,
fieldset[disabled] .btn--warning.active {
background-color: #dcc026;
border-color: #dcc026; }
.btn--warning:visited {
color: #fff; }
.btn--success {
color: #fff;
background-color: #89cb52;
border-color: #89cb52;
border-radius: 10rem;
text-decoration: none; }
.btn--success:hover, .btn--success:focus, .btn--success:active, .btn--success.active {
color: #fff;
background-color: #74bc38;
border-color: #6aac34; }
.btn--success:active, .btn--success.active {
background-image: none; }
.btn--success.disabled, .btn--success.disabled:hover, .btn--success.disabled:focus, .btn--success.disabled:active, .btn--success.disabled.active, .btn--success[disabled], .btn--success[disabled]:hover, .btn--success[disabled]:focus, .btn--success[disabled]:active, .btn--success[disabled].active,
fieldset[disabled] .btn--success,
fieldset[disabled] .btn--success:hover,
fieldset[disabled] .btn--success:focus,
fieldset[disabled] .btn--success:active,
fieldset[disabled] .btn--success.active {
background-color: #89cb52;
border-color: #89cb52; }
.btn--success:visited {
color: #fff; }
.btn--danger {
color: #fff;
background-color: #e83f3e;
border-color: #e83f3e;
border-radius: 10rem;
text-decoration: none; }
.btn--danger:hover, .btn--danger:focus, .btn--danger:active, .btn--danger.active {
color: #fff;
background-color: #e21c1b;
border-color: #d01a19; }
.btn--danger:active, .btn--danger.active {
background-image: none; }
.btn--danger.disabled, .btn--danger.disabled:hover, .btn--danger.disabled:focus, .btn--danger.disabled:active, .btn--danger.disabled.active, .btn--danger[disabled], .btn--danger[disabled]:hover, .btn--danger[disabled]:focus, .btn--danger[disabled]:active, .btn--danger[disabled].active,
fieldset[disabled] .btn--danger,
fieldset[disabled] .btn--danger:hover,
fieldset[disabled] .btn--danger:focus,
fieldset[disabled] .btn--danger:active,
fieldset[disabled] .btn--danger.active {
background-color: #e83f3e;
border-color: #e83f3e; }
.btn--danger:visited {
color: #fff; }
.btn--info {
color: #fff;
background-color: #007dc4;
border-color: #007dc4;
border-radius: 10rem;
text-decoration: none; }
.btn--info:hover, .btn--info:focus, .btn--info:active, .btn--info.active {
color: #fff;
background-color: #00639b;
border-color: #005687; }
.btn--info:active, .btn--info.active {
background-image: none; }
.btn--info.disabled, .btn--info.disabled:hover, .btn--info.disabled:focus, .btn--info.disabled:active, .btn--info.disabled.active, .btn--info[disabled], .btn--info[disabled]:hover, .btn--info[disabled]:focus, .btn--info[disabled]:active, .btn--info[disabled].active,
fieldset[disabled] .btn--info,
fieldset[disabled] .btn--info:hover,
fieldset[disabled] .btn--info:focus,
fieldset[disabled] .btn--info:active,
fieldset[disabled] .btn--info.active {
background-color: #007dc4;
border-color: #007dc4; }
.btn--info:visited {
color: #fff; }
.btn.btn--link, .btn--link.cClientZone__logout, .cNews-archiv a.btn--link, .cRecepts .archive a.btn--link, .recipesList .archive a.btn--link, .cFtr .recipesList__item .archive a.btn--link {
padding: 0;
background-color: transparent;
font-weight: 600;
text-decoration: underline;
color: #173530; }
.btn.btn--link:hover, .btn--link.cClientZone__logout:hover, .cNews-archiv a.btn--link:hover, .cRecepts .archive a.btn--link:hover, .recipesList .archive a.btn--link:hover, .cFtr .recipesList__item .archive a.btn--link:hover {
background-color: transparent;
text-decoration: none;
color: #173530; }
.btn.btn--skip-main, .btn--skip-main.cClientZone__logout, .cNews-archiv a.btn--skip-main, .cRecepts .archive a.btn--skip-main, .recipesList .archive a.btn--skip-main, .cFtr .recipesList__item .archive a.btn--skip-main {
position: absolute;
left: -999px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
z-index: -999;
background-color: #eceff4;
color: #173530; }
.btn.btn--skip-main:focus, .btn--skip-main.cClientZone__logout:focus, .cNews-archiv a.btn--skip-main:focus, .cRecepts .archive a.btn--skip-main:focus, .recipesList .archive a.btn--skip-main:focus, .cFtr .recipesList__item .archive a.btn--skip-main:focus, .btn.btn--skip-main:active, .btn--skip-main.cClientZone__logout:active, .cNews-archiv a.btn--skip-main:active, .cRecepts .archive a.btn--skip-main:active, .recipesList .archive a.btn--skip-main:active, .cFtr .recipesList__item .archive a.btn--skip-main:active {
width: auto;
height: auto;
left: 12px;
top: 12px;
overflow: visible;
z-index: 200;
background-color: #eceff4;
color: #173530; }
.btn--has-icon {
display: inline-flex;
align-items: center; }
.btn--has-icon .icon {
color: inherit;
margin-left: 8px ;
margin-left: 0.5rem ; }
.btn--has-icon .icon::before {
color: inherit; }
.btn.btn--simple, .btn--simple.cClientZone__logout, .cNews-archiv a.btn--simple, .cRecepts .archive a.btn--simple, .recipesList .archive a.btn--simple, .cFtr .recipesList__item .archive a.btn--simple {
padding: 0;
background-color: transparent;
color: #173530; }
.btn.btn--simple:hover, .btn--simple.cClientZone__logout:hover, .cNews-archiv a.btn--simple:hover, .cRecepts .archive a.btn--simple:hover, .recipesList .archive a.btn--simple:hover, .cFtr .recipesList__item .archive a.btn--simple:hover {
background-color: transparent;
color: #0f2320; }
.btn--full {
width: 100%;
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.btn--full:last-child {
margin-bottom: 0; }
.btn, .cClientZone__logout, .cNews-archiv a, .cRecepts .archive a, .recipesList .archive a, .cFtr .recipesList__item .archive a {
padding: 10px 20px ;
padding: 0.625rem 1.25rem ;
border: 0;
border-radius: 10rem;
background-color: #fdb12d;
color: #fff; }
.btn:hover, .cClientZone__logout:hover, .cNews-archiv a:hover, .cRecepts .archive a:hover, .recipesList .archive a:hover, .cFtr .recipesList__item .archive a:hover, .btn:focus, .cClientZone__logout:focus, .cNews-archiv a:focus, .cRecepts .archive a:focus, .recipesList .archive a:focus, .cFtr .recipesList__item .archive a:focus {
background-color: #f59c02;
color: #fff;
text-decoration: none; }
@media screen and (max-width: 767px) {
.btn, .cClientZone__logout, .cNews-archiv a, .cRecepts .archive a, .recipesList .archive a, .cFtr .recipesList__item .archive a {
width: 100%; } }
.btn--inverse {
color: #173530;
background-color: #eceff4;
border-color: #eceff4;
border-radius: 10rem;
text-decoration: none; }
.btn--inverse:hover, .btn--inverse:focus, .btn--inverse:active, .btn--inverse.active {
color: #173530;
background-color: #d2d9e5;
border-color: #c5cede; }
.btn--inverse:active, .btn--inverse.active {
background-image: none; }
.btn--inverse.disabled, .btn--inverse.disabled:hover, .btn--inverse.disabled:focus, .btn--inverse.disabled:active, .btn--inverse.disabled.active, .btn--inverse[disabled], .btn--inverse[disabled]:hover, .btn--inverse[disabled]:focus, .btn--inverse[disabled]:active, .btn--inverse[disabled].active,
fieldset[disabled] .btn--inverse,
fieldset[disabled] .btn--inverse:hover,
fieldset[disabled] .btn--inverse:focus,
fieldset[disabled] .btn--inverse:active,
fieldset[disabled] .btn--inverse.active {
background-color: #eceff4;
border-color: #eceff4; }
.btn--inverse:visited {
color: #173530; }
.btn--bordered {
border: 1px solid #ddd;
background-color: transparent;
color: #173530; }
.btn--bordered:hover, .btn--bordered:focus {
background-color: transparent;
color: #173530; }
.btn--cta, .cMap__field .btn, .cMap__field .cClientZone__logout, .cMap__field .cNews-archiv a, .cNews-archiv .cMap__field a, .cMap__field .cRecepts .archive a, .cRecepts .archive .cMap__field a, .cMap__field .recipesList .archive a, .recipesList .archive .cMap__field a, .cMap__field .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cMap__field a, .cFtr__search .search__btn, .cNewsletter .btn, .cNewsletter .cClientZone__logout, .cNewsletter .cNews-archiv a, .cNews-archiv .cNewsletter a, .cNewsletter .cRecepts .archive a, .cRecepts .archive .cNewsletter a, .cNewsletter .recipesList .archive a, .recipesList .archive .cNewsletter a, .cNewsletter .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cNewsletter a, .cForm .btn, .cForm .cClientZone__logout, .cForm .cNews-archiv a, .cNews-archiv .cForm a, .cForm .cRecepts .archive a, .cRecepts .archive .cForm a, .cForm .recipesList .archive a, .recipesList .archive .cForm a, .cForm .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cForm a, .cConversButton .btn:not(.btn--inverse), .cConversButton .cClientZone__logout:not(.btn--inverse), .cConversButton .cNews-archiv a:not(.btn--inverse), .cNews-archiv .cConversButton a:not(.btn--inverse), .cConversButton .cRecepts .archive a:not(.btn--inverse), .cRecepts .archive .cConversButton a:not(.btn--inverse), .cConversButton .recipesList .archive a:not(.btn--inverse), .recipesList .archive .cConversButton a:not(.btn--inverse), .cConversButton .cFtr .recipesList__item .archive a:not(.btn--inverse), .cFtr .recipesList__item .archive .cConversButton a:not(.btn--inverse) {
background-color: #b2db67;
color: #173530;
border-radius: 10rem;
font-weight: bold;
border-color: #82b22a; }
.btn--cta:hover, .cMap__field .btn:hover, .cMap__field .cClientZone__logout:hover, .cMap__field .cNews-archiv a:hover, .cNews-archiv .cMap__field a:hover, .cMap__field .cRecepts .archive a:hover, .cRecepts .archive .cMap__field a:hover, .cMap__field .recipesList .archive a:hover, .recipesList .archive .cMap__field a:hover, .cMap__field .cFtr .recipesList__item .archive a:hover, .cFtr .recipesList__item .archive .cMap__field a:hover, .cFtr__search .search__btn:hover, .cNewsletter .btn:hover, .cNewsletter .cClientZone__logout:hover, .cNewsletter .cNews-archiv a:hover, .cNews-archiv .cNewsletter a:hover, .cNewsletter .cRecepts .archive a:hover, .cRecepts .archive .cNewsletter a:hover, .cNewsletter .recipesList .archive a:hover, .recipesList .archive .cNewsletter a:hover, .cNewsletter .cFtr .recipesList__item .archive a:hover, .cFtr .recipesList__item .archive .cNewsletter a:hover, .cForm .btn:hover, .cForm .cClientZone__logout:hover, .cForm .cNews-archiv a:hover, .cNews-archiv .cForm a:hover, .cForm .cRecepts .archive a:hover, .cRecepts .archive .cForm a:hover, .cForm .recipesList .archive a:hover, .recipesList .archive .cForm a:hover, .cForm .cFtr .recipesList__item .archive a:hover, .cFtr .recipesList__item .archive .cForm a:hover, .cConversButton .btn:hover:not(.btn--inverse), .cConversButton .cClientZone__logout:hover:not(.btn--inverse), .cConversButton .cNews-archiv a:hover:not(.btn--inverse), .cNews-archiv .cConversButton a:hover:not(.btn--inverse), .cConversButton .cRecepts .archive a:hover:not(.btn--inverse), .cRecepts .archive .cConversButton a:hover:not(.btn--inverse), .cConversButton .recipesList .archive a:hover:not(.btn--inverse), .recipesList .archive .cConversButton a:hover:not(.btn--inverse), .cConversButton .cFtr .recipesList__item .archive a:hover:not(.btn--inverse), .cFtr .recipesList__item .archive .cConversButton a:hover:not(.btn--inverse) {
background-color: #82b22a; }
.btn--addition {
color: #fff;
background-color: #ff4800;
border-color: #992b00;
border-radius: 10rem;
text-decoration: none; }
.btn--addition:hover, .btn--addition:focus, .btn--addition:active, .btn--addition.active {
color: #fff;
background-color: #d63c00;
border-color: #5c1a00; }
.btn--addition:active, .btn--addition.active {
background-image: none; }
.btn--addition.disabled, .btn--addition.disabled:hover, .btn--addition.disabled:focus, .btn--addition.disabled:active, .btn--addition.disabled.active, .btn--addition[disabled], .btn--addition[disabled]:hover, .btn--addition[disabled]:focus, .btn--addition[disabled]:active, .btn--addition[disabled].active,
fieldset[disabled] .btn--addition,
fieldset[disabled] .btn--addition:hover,
fieldset[disabled] .btn--addition:focus,
fieldset[disabled] .btn--addition:active,
fieldset[disabled] .btn--addition.active {
background-color: #ff4800;
border-color: #992b00; }
.btn--addition:visited {
color: #fff; }
.btn--submit::after {
font-size: inherit;
color: #173530;
padding-left: 6px ;
padding-left: 0.375rem ; }
.btn--buy {
color: #fff;
background-color: #89cb52;
border-color: #89cb52;
border-radius: 10rem;
text-decoration: none; }
.btn--buy:hover, .btn--buy:focus, .btn--buy:active, .btn--buy.active {
color: #fff;
background-color: #74bc38;
border-color: #6aac34; }
.btn--buy:active, .btn--buy.active {
background-image: none; }
.btn--buy.disabled, .btn--buy.disabled:hover, .btn--buy.disabled:focus, .btn--buy.disabled:active, .btn--buy.disabled.active, .btn--buy[disabled], .btn--buy[disabled]:hover, .btn--buy[disabled]:focus, .btn--buy[disabled]:active, .btn--buy[disabled].active,
fieldset[disabled] .btn--buy,
fieldset[disabled] .btn--buy:hover,
fieldset[disabled] .btn--buy:focus,
fieldset[disabled] .btn--buy:active,
fieldset[disabled] .btn--buy.active {
background-color: #89cb52;
border-color: #89cb52; }
.btn--buy:visited {
color: #fff; }
.btn--resp-nav-toggle {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
padding: 6px 12px !important;
background-color: transparent;
border: 0;
color: #173530;
font-size: 11px;
font-size: 0.6875rem;
font-weight: bold;
border: 0 !important; }
@media screen and (max-width: 767px) {
.btn--resp-nav-toggle {
display: none; } }
.btn--resp-nav-toggle::before {
display: inline-block;
position: absolute;
top: 0;
right: -5px;
width: 18px;
height: 18px;
background-color: #fdb12d;
text-align: center;
border-radius: 18px;
line-height: 18px;
color: #173530;
content: attr(data-count); }
.btn--resp-nav-toggle:focus, .btn--resp-nav-toggle:active, .btn--resp-nav-toggle:hover {
background-color: transparent !important;
color: #173530; }
.btn--resp-nav-toggle [class*='icon-'] {
display: block;
margin-bottom: 3px;
width: auto;
height: auto; }
.btn--resp-nav-toggle [class*='icon-']::before {
font-size: 12px !important; }
.btn--success {
font-weight: 600;
background-color: #fdb12d;
color: #173530;
transition: all .3s ease-in-out; }
.btn--success:hover {
box-shadow: 0 0 20px 0 rgba(253, 177, 45, 0.75);
transform: translateY(-2px);
background-color: #fdb12d; }
.btn--add-to-cart {
display: inline-flex;
align-items: center;
padding-left: 1.5rem;
padding-right: 1.5rem; }
.btn--add-to-cart .btn__icon {
width: auto;
height: auto;
margin-left: 12px; }
.btn--add-to-cart .btn__icon::before {
color: #173530;
opacity: 0.7;
font-size: 22px;
font-size: 1.375rem; }
.btn--withIcon:hover i::before {
transform: translate(10px, -2px); }
.btn--withIcon i, .btn--withIcon i::before {
pointer-events: none;
color: inherit;
font-size: inherit;
line-height: inherit; }
.btn--withIcon i {
height: 100%;
padding-left: 1rem; }
.btn--withIcon i::before {
font-weight: 100;
transition: .25s;
display: grid;
place-items: center;
transform: translate(0, -2px); }
.btn--micro {
font-size: 11px;
font-size: 0.6875rem;
padding-top: 8px ;
padding-top: 0.46875rem ;
padding-bottom: 8px ;
padding-bottom: 0.46875rem ; }
.btn--small {
font-size: 14px;
font-size: 0.875rem;
padding-top: 8px ;
padding-top: 0.46875rem ;
padding-bottom: 8px ;
padding-bottom: 0.46875rem ; }
.btn--large, .cProduct__buy .btn--buy, .cClientZone.fullScreen .cForm .btn, .cClientZone.fullScreen .cForm .cClientZone__logout, .cClientZone.fullScreen .cForm .cNews-archiv a, .cNews-archiv .cClientZone.fullScreen .cForm a, .cClientZone.fullScreen .cForm .cRecepts .archive a, .cRecepts .archive .cClientZone.fullScreen .cForm a, .cClientZone.fullScreen .cForm .recipesList .archive a, .recipesList .archive .cClientZone.fullScreen .cForm a, .cClientZone.fullScreen .cForm .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cClientZone.fullScreen .cForm a {
font-size: 18px;
font-size: 1.125rem;
padding-top: 13px ;
padding-top: 0.78125rem ;
padding-bottom: 13px ;
padding-bottom: 0.78125rem ;
padding-left: 25px ;
padding-left: 1.5625rem ;
padding-right: 25px ;
padding-right: 1.5625rem ;
font-weight: bold; }
.btn--huge {
font-size: 25px;
font-size: 1.5625rem;
padding-top: 13px ;
padding-top: 0.78125rem ;
padding-bottom: 13px ;
padding-bottom: 0.78125rem ;
padding-left: 25px ;
padding-left: 1.5625rem ;
padding-right: 25px ;
padding-right: 1.5625rem ;
font-weight: bold; }
.cNews {
/*
Listovy vypis
--------------------------------------------------------------------------------- */ }
.cNews__date, .royalSlider--rsNavWide .rsTmb__content .rsTmb__date {
font-size: 13px;
font-size: 0.8125rem; }
.cNews__title {
margin-bottom: 0; }
.cNews__title > a {
text-decoration: none; }
.cNews__title > a:hover {
text-decoration: underline; }
.cNews__anotation p {
margin-bottom: 0; }
.cNews__authorImg {
display: inline-block;
vertical-align: middle;
width: 30px;
height: 30px;
border-radius: 100%;
margin-right: 8px ;
margin-right: 0.5rem ; }
@media screen and (max-width: 767px) {
.cNews__tags {
display: block; } }
.cNews__tags__item {
margin-right: 6px ;
margin-right: 0.375rem ;
color: #777;
text-decoration: none; }
.cNews__tags__item:hover {
text-decoration: underline;
color: #777; }
.cNews__tags__item:last-child::after {
content: ''; }
.cNews__tag {
color: #777;
text-decoration: none; }
.cNews__tag:hover {
text-decoration: underline;
color: #777; }
.cNews__tag::after {
content: ', '; }
.cNews__tag:last-child::after {
content: ''; }
.cNews__imgLink {
width: 100%;
height: 100%; }
.cNews__metadata {
margin-bottom: 12px ;
margin-bottom: 0.75rem ;
font-size: 13px;
font-size: 0.8125rem;
color: #777; }
.cNews__metadata__item {
margin-right: 12px ;
margin-right: 0.75rem ;
font-size: 13px;
font-size: 0.8125rem; }
@media screen and (min-width: 1024px) {
.cNews__metadata__item {
margin-right: 24px ;
margin-right: 1.5rem ; } }
.cNews__metadata__item:last-child {
margin-right: 0; }
.cNews__metadata__item [class*='icon-'] {
padding-right: 6px ;
padding-right: 0.375rem ; }
.cNews__metadata__item [class*='icon-']::before {
color: #ccc;
font-size: 20px;
font-size: 1.25rem; }
.cNews__metadata--block [class*='icon-']::before {
width: 30px;
height: 30px; }
.cNews--grid .block-grid {
margin-left: -30px ;
margin-left: -1.875rem ; }
.cNews--grid__item {
position: relative;
padding-left: 30px ;
padding-left: 1.875rem ; }
@media screen and (max-width: 767px) {
.cNews--grid__item {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; } }
@media screen and (min-width: 768px) {
.cNews--grid__item {
height: 320px ;
height: 20rem ;
max-height: 320px ;
max-height: 20rem ;
margin-bottom: 30px ;
margin-bottom: 1.875rem ; } }
.cNews--grid .cNews__inner {
position: relative;
height: 320px;
overflow: hidden; }
.cNews--grid__content {
margin-top: 12px ;
margin-top: 0.75rem ;
position: absolute;
top: 0;
width: 100%;
background-color: transparent;
color: #fff;
padding: 18px ;
padding: 1.125rem ;
margin-top: 0; }
.cNews--grid__content > a {
padding: 12px ;
padding: 0.75rem ; }
.cNews--grid__content--bottom {
top: auto;
bottom: 0; }
.cNews--grid__content .cNews__title,
.cNews--grid__content .cNews__metadata,
.cNews--grid__content .cNews__anotation {
position: relative;
z-index: 2; }
@media screen and (min-width: 1024px) {
.cNews--grid__content .cNews__anotation {
pointer-events: none;
max-height: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
margin-top: 0; } }
.cNews--grid .cNews__title {
font-weight: bold; }
.cNews--grid .cNews__link {
color: #fff; }
.cNews--grid .cNews__img {
position: absolute;
min-width: 100%;
min-height: 100%;
max-height: 100%;
max-width: none; }
.cNews--grid .cNews__metadata,
.cNews--grid .cNews__tag {
color: white;
margin-bottom: 0; }
.cNews--date .grid__item, .cNews--date .label--inline, .cNews--date .label--inline + .field {
margin-bottom: 20px; }
.cNews--date .cNews__date, .cNews--date .royalSlider--rsNavWide .rsTmb__content .rsTmb__date, .royalSlider--rsNavWide .rsTmb__content .cNews--date .rsTmb__date {
position: relative;
float: left;
width: 70px;
height: 70px;
border: 1px solid #ddd;
text-align: center;
color: #777;
line-height: 1.2;
font-size: 13px;
font-size: 0.8125rem; }
.cNews--date .cNews__date + .cNews--date__content, .cNews--date .royalSlider--rsNavWide .rsTmb__content .rsTmb__date + .cNews--date__content, .royalSlider--rsNavWide .rsTmb__content .cNews--date .rsTmb__date + .cNews--date__content {
padding-left: 82px ;
padding-left: 5.125rem ; }
.cNews--date .cNews__date__inner {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
display: block; }
.cNews--date .cNews__date__sep {
position: absolute;
display: block;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
content: '';
height: 100%;
width: 2px;
background-color: #ddd; }
.cNews--date .cNews__date--dmText .cNews__date__day {
font-weight: bold;
font-size: 22px;
font-size: 1.375rem;
margin-bottom: 6px ;
margin-bottom: 0.375rem ; }
.cNews--date .cNews__date--dmText .cNews__date__month {
font-size: 13px;
font-size: 0.8125rem; }
.cNews--date .cNews__date--dmNumber .cNews__date__inner {
height: 100%; }
.cNews--date .cNews__date--dmNumber .cNews__date__day,
.cNews--date .cNews__date--dmNumber .cNews__date__month {
font-weight: bold;
position: absolute;
font-size: 22px;
font-size: 1.375rem; }
.cNews--date .cNews__date--dmNumber .cNews__date__day {
right: 50%;
top: 8px; }
.cNews--date .cNews__date--dmNumber .cNews__date__month {
bottom: 8px;
left: 50%; }
.cNews--date .cNews__date--dmyText {
width: 90px;
font-weight: bold; }
.cNews--date .cNews__date--dmyText + .cNews__content {
padding-left: 102px ;
padding-left: 6.375rem ; }
.cNews--date .cNews__author::before {
content: ''; }
.cNews--newsticker {
position: relative; }
.cNews--newsticker [class^='rs'] {
box-sizing: border-box; }
.cNews--newsticker .royalSlider {
height: 45px; }
.cNews--newsticker .rsSlide {
border: 1px solid #ddd;
display: block;
background-color: #eceff4;
box-sizing: border-box;
color: #173530; }
.cNews--newsticker .rsContent {
display: table;
width: 100%; }
.cNews--newsticker__col {
padding: 0 12px ;
padding: 0 0.75rem ;
height: 100%;
align-self: center;
display: table-cell;
vertical-align: middle; }
.cNews--newsticker__date {
width: 100px ;
width: 6.25rem ;
background-color: #eceff4;
color: #173530;
text-align: center; }
.cNews--newsticker__name {
border-left: 1px solid #ddd;
text-align: center; }
.cNews--newsticker .cNews__link {
text-decoration: none;
display: block;
color: #173530; }
.cNews--newsticker .rssIcon {
position: absolute;
z-index: 2;
right: 24px;
bottom: 6px; }
.cNews--newsticker .icon-rss::before {
color: #fdb12d; }
@media screen and (min-width: 768px) {
.cNews--img .cNews__img {
height: 250px;
width: 100%;
min-width: 100%;
display: block; } }
@media screen and (max-width: 767px) {
.cNews--img .cNews__imgWrapper {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; } }
.cNews--img .cNews__link.objectFit--fallback {
height: 250px; }
.cNews--img--mobile {
margin-bottom: 2rem; }
.cNews--img--mobile .cNews__title {
margin-bottom: 0.25rem; }
.cNews--img--mobile .cNews--img__img {
object-fit: cover;
width: 100%; }
@media screen and (max-width: 767px) {
.cNews--arch__imgWrapper {
margin-bottom: 12px; } }
@media screen and (min-width: 768px) {
.cNews--arch__imgWrapper--side {
float: left;
width: 270px; } }
.cNews--arch__imgWrapper-empty {
min-height: 165px;
background-image: url(../img/photo.svg);
background-color: #f5f5f5;
background-position: center center;
background-size: 50% 50%;
background-repeat: no-repeat; }
.cNews--arch__img {
width: 100%;
margin-bottom: 0; }
.cNews--arch__title {
font-size: 26px;
font-size: 1.625rem;
margin-bottom: 12px ;
margin-bottom: 0.75rem ;
font-weight: bold; }
@media screen and (min-width: 768px) {
.cNews--arch__content--side {
padding-left: 300px ;
padding-left: 18.75rem ; } }
.cNews--arch .cNews__author::before,
.cNews--arch .cNews__tags::before {
content: ''; }
.cNews--list__cell {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.cNews--list__cell:first-child {
margin-bottom: 6px ;
margin-bottom: 0.375rem ; }
@media screen and (min-width: 768px) {
.cNews--list__cell {
margin-bottom: 0;
padding-bottom: 12px ;
padding-bottom: 0.75rem ; }
.cNews--list__cell:not(:last-child) {
padding-right: 12px ;
padding-right: 0.75rem ; } }
.cNews--slider .cNews__innerWrapper {
position: relative; }
.cNews--slider .cNews--grid__content .cNews__anotation {
max-height: none;
visibility: visible; }
.cNews--has-rss {
position: relative; }
.cNews--has-rss .cHeading {
padding-right: 20px; }
.cNews--has-rss .rssIcon {
position: absolute;
top: 0;
right: 0; }
/*
Boxovy vypis s datumem - .cNews--date
--------------------------------------------------------------------------------- */
.lt500 .cNews--img__img {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.gt600 .cNews--img__content {
margin-bottom: 30px ;
margin-bottom: 1.875rem ; }
.gt600 .cNews--img__img {
display: block;
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
@media screen and (min-width: 768px) {
.gt600 .cNews__imgWrapper {
float: left;
max-width: 33%;
padding: 0 24px 0 0 ;
padding: 0 1.5rem 0 0 ; } }
.gt600 .cNews--img .cNews__title {
margin-top: 24px ;
margin-top: 1.5rem ; }
.lt600 .cNews--list__cell {
display: block; }
.lt600 .cNews--list__cell:first-child {
padding-bottom: 0;
margin-bottom: 6px ;
margin-bottom: 0.375rem ; }
.lt600 .cNews__imgWrapper {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
/*
Novinky s velkym nahledem
--------------------------------------------------------------------------------- */
.cNews--largePreview .cNews__link {
max-height: 100%; }
.cNews--largePreview .cNews__link:hover .cNews__title {
text-decoration: underline; }
.cNews--largePreview .rsABlock {
background-color: transparent; }
.cNews--largePreview .cNews__title,
.cNews--largePreview .cNews__title a,
.cNews--largePreview .cNews__metadata,
.cNews--largePreview .cNews__tag {
color: #fff; }
.cNews--largePreview .rsTmb__title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #173530; }
.cNews--largePreview .cNews__date, .cNews--largePreview .royalSlider--rsNavWide .rsTmb__content .rsTmb__date, .royalSlider--rsNavWide .rsTmb__content .cNews--largePreview .rsTmb__date {
color: #777; }
.cNews--largePreview .rsTmb__date {
color: #777;
margin-right: 0 !important; }
.cNews--largePreview .cNews__desc {
font-size: 13px;
font-size: 0.8125rem;
pointer-events: none; }
.cNews--largePreview .rsThumb.rsNavSelected .cNews__tags,
.cNews--largePreview .rsThumb.rsNavSelected .cNews__tag,
.cNews--largePreview .rsThumb.rsNavSelected .cNews__metadata,
.cNews--largePreview .rsThumb.rsNavSelected .cNews__date,
.cNews--largePreview .rsThumb.rsNavSelected .royalSlider--rsNavWide .rsTmb__content .rsTmb__date, .royalSlider--rsNavWide .rsTmb__content
.cNews--largePreview .rsThumb.rsNavSelected .rsTmb__date {
color: #173530; }
.cNews--largePreview .rsTmb .cNews__metadata {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.cNews--largePreview .rsTmb .cNews__tags,
.cNews--largePreview .rsTmb .cNews__tag,
.cNews--largePreview .rsTmb .cNews__metadata {
color: #777;
font-size: 13px;
font-size: 0.8125rem; }
/*
Archiv novinek
--------------------------------------------------------------------------------- */
.cNews-archiv {
margin-top: 12px ;
margin-top: 0.75rem ; }
.archive {
text-align: right;
clear: both;
font-size: 13px;
font-size: 0.8125rem; }
.archive > a {
color: #777; }
/* ==========================================================================
MODUL NOVINKY boxovy vypis s obrazkem - .cNews--img
========================================================================== */
/* Male zobrazeni
========================================================================== */
/* Velke zobrazeni
========================================================================== */
/* ==========================================================================
MODUL NOVINKY listový výpis
========================================================================== */
.cNews--list {
display: table;
width: 100%; }
.cNews--list__row:last-child {
margin-bottom: 0; }
@media screen and (min-width: 768px) {
.cNews--list__cell {
display: table-cell; } }
/* Listový výpis - responsive elementes
========================================================================== */
.lt250 .cNews--list__cell {
display: block;
padding-right: 0; }
.icon.icon-productListImage::before, .icon.icon-productListLine::before, .icon.icon-productListTable::before {
color: #abb9cf;
width: 22px;
height: 22px; }
.cProduct {
/* !!!! DOCASNE !!!!! */ }
.cProduct__photo {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
.cProduct__anotation {
margin-bottom: 24px ;
margin-bottom: 1.5rem ;
font-size: 13px;
font-size: 0.8125rem; }
.cProduct__anotation p {
margin-bottom: 0; }
.cProduct__labels {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
.cProduct__price {
margin-bottom: 12px ;
margin-bottom: 0.75rem ;
padding-bottom: 12px ;
padding-bottom: 0.75rem ; }
.cProduct__price__item {
display: table-row;
background-image: none !important; }
.cProduct__price__title {
display: table-cell;
width: 50%; }
.cProduct__price__title--vat {
font-size: 26px;
font-size: 1.625rem;
font-weight: bold; }
.cProduct__price__value {
display: table-cell;
width: 50%;
text-align: right; }
.cProduct__price__value--vat {
font-size: 24px;
font-size: 1.5rem;
font-weight: bold;
color: #fdb12d; }
.cProduct__price__tax {
font-size: 13px;
font-size: 0.8125rem;
color: #777; }
.cProduct__price.cProduct__price--detail {
display: table;
width: 100%;
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
.cProduct__reviews {
margin-bottom: 24px ;
margin-bottom: 1.5rem ;
display: table;
width: 100%; }
.cProduct__reviews__title {
display: table-cell;
width: 50%;
font-weight: bold; }
.cProduct__reviews__review {
display: table-cell;
width: 50%;
text-align: right; }
.cProduct__reviews__votes {
font-size: 13px;
font-size: 0.8125rem;
color: #777; }
.cProduct__reviews__rating {
display: inline-block;
vertical-align: text-bottom;
background-image: url(../img/stars.svg);
background-color: transparent;
background-position: 0 0;
background-size: 20px auto;
background-repeat: no-repeat;
background-repeat: repeat-x;
width: 100px;
height: 20px;
text-align: left; }
.cProduct__reviews__rating__result {
display: inline-block;
background: inherit;
background-position: 0 -20px;
height: 20px; }
.cProduct__reviews__rating__result.p10 {
width: 10px; }
.cProduct__reviews__rating__result.p20 {
width: 20px; }
.cProduct__reviews__rating__result.p20 {
width: 20px; }
.cProduct__reviews__rating__result.p30 {
width: 30px; }
.cProduct__reviews__rating__result.p40 {
width: 40px; }
.cProduct__reviews__rating__result.p50 {
width: 50px; }
.cProduct__reviews__rating__result.p60 {
width: 60px; }
.cProduct__reviews__rating__result.p70 {
width: 70px; }
.cProduct__reviews__rating__result.p80 {
width: 80px; }
.cProduct__reviews__rating__result.p90 {
width: 90px; }
.cProduct__reviews__rating__result.p100 {
width: 100px; }
.cProduct__reviews__votes {
margin-left: 6px ;
margin-left: 0.375rem ; }
.cProduct__buy {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
@media screen and (min-width: 768px) {
.cProduct__buy {
text-align: right; } }
.cProduct__buy .btn--buy {
color: #fff;
background-color: #89cb52;
border-color: #6fb436;
border-radius: 10rem;
text-decoration: none;
width: 100%; }
.cProduct__buy .btn--buy:hover, .cProduct__buy .btn--buy:focus, .cProduct__buy .btn--buy:active, .cProduct__buy .btn--buy.active {
color: #fff;
background-color: #74bc38;
border-color: #528528; }
.cProduct__buy .btn--buy:active, .cProduct__buy .btn--buy.active {
background-image: none; }
.cProduct__buy .btn--buy.disabled, .cProduct__buy .btn--buy.disabled:hover, .cProduct__buy .btn--buy.disabled:focus, .cProduct__buy .btn--buy.disabled:active, .cProduct__buy .btn--buy.disabled.active, .cProduct__buy .btn--buy[disabled], .cProduct__buy .btn--buy[disabled]:hover, .cProduct__buy .btn--buy[disabled]:focus, .cProduct__buy .btn--buy[disabled]:active, .cProduct__buy .btn--buy[disabled].active,
fieldset[disabled] .cProduct__buy .btn--buy,
fieldset[disabled] .cProduct__buy .btn--buy:hover,
fieldset[disabled] .cProduct__buy .btn--buy:focus,
fieldset[disabled] .cProduct__buy .btn--buy:active,
fieldset[disabled] .cProduct__buy .btn--buy.active {
background-color: #89cb52;
border-color: #6fb436; }
.cProduct__buy .btn--buy:visited {
color: #fff; }
@media screen and (min-width: 768px) {
.cProduct__buy .btn--buy {
width: 50%; } }
.cProduct__inclCategory {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
.cProduct__inclCategory__list {
font-size: 13px;
font-size: 0.8125rem; }
.cProduct .royalSlider {
width: 100%;
height: 350px; }
@media screen and (min-width: 768px) {
.cProduct .royalSlider {
height: 500px; } }
.cProduct .royalSlider .rsThumbsContainer {
border: 0 !important; }
.cProduct .royalSlider .rsThumb img {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50); }
.cProduct .royalSlider .rsThumb:hover img {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.cProduct .royalSlider .rsThumb.rsNavSelected {
background: none !important; }
.cProduct .royalSlider .rsThumb.rsNavSelected img {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.cProduct__info {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
.cRelatedProducts .royalSlider img {
width: auto;
margin-left: auto;
margin-right: auto; }
/**
* Horni panel nad vypisem produktu
========================================================================================= */
.cProductList__anotation {
font-size: 13px;
font-size: 0.8125rem; }
.cProductList__anotation__img {
float: left;
max-width: 33%;
padding-right: 12px ;
padding-right: 0.75rem ; }
.cProductList__anotation p {
margin-bottom: 0; }
.cProductList__desc {
font-size: 13px;
font-size: 0.8125rem; }
.cProductList__categories .grid {
margin-left: -10px ;
margin-left: -0.625rem ; }
.cProductList__categories__list {
margin-bottom: 0; }
.cProductList__categories__item:last-child {
margin-bottom: 0; }
.cProductList__categories__item--box {
position: relative;
padding-left: 10px ;
padding-left: 0.625rem ; }
@media screen and (max-width: 767px) {
.cProductList__categories__item--box {
margin-bottom: 0; }
.cProductList__categories__item--box:last-child .cProductList__categories__item__in {
border-bottom: 1px solid #ddd; } }
@media screen and (min-width: 768px) {
.cProductList__categories__item--box {
text-align: center; } }
.cProductList__categories__item__in {
text-decoration: none; }
.cProductList__categories__item__in--box {
padding: 12px ;
padding: 0.75rem ;
border: 1px solid #ddd;
transition: all 0.5s;
display: block; }
@media screen and (max-width: 767px) {
.cProductList__categories__item__in--box {
display: flex;
align-items: center;
border-bottom: 0; } }
.cProductList__categories__item__in--box:hover {
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset; }
.cProductList__categories__item img {
margin-left: auto;
margin-right: auto;
display: block;
float: none; }
@media screen and (min-width: 768px) {
.cProductList__categories__item img {
max-width: 50%;
max-height: 80px ;
max-height: 5rem ; } }
@media screen and (min-width: 1024px) {
.cProductList__categories__item img {
max-height: 90px ;
max-height: 5.625rem ; } }
.cProductList__categories__img {
position: relative; }
@media screen and (max-width: 767px) {
.cProductList__categories__img {
max-width: 25%;
display: inline-block;
vertical-align: middle; } }
@media screen and (min-width: 768px) {
.cProductList__categories__img {
min-height: 80px ;
min-height: 5rem ; } }
@media screen and (min-width: 1024px) {
.cProductList__categories__img {
min-height: 90px ;
min-height: 5.625rem ; } }
.cProductList__categories__title {
display: block;
margin-top: 12px ;
margin-top: 0.75rem ; }
@media screen and (max-width: 767px) {
.cProductList__categories__title {
display: inline-block;
max-width: 75%;
margin-top: 0;
padding-left: 12px ;
padding-left: 0.75rem ; } }
.cProductList__categories__desc {
color: #777;
margin-top: 6px ;
margin-top: 0.375rem ;
margin-bottom: 0;
font-size: 13px;
font-size: 0.8125rem; }
.cProductList__panel {
position: relative;
border: 1px solid #ddd;
border-bottom-width: 2px;
border-color: #ddd;
background-color: #eceff4; }
@media screen and (min-width: 768px) {
.cProductList__panel {
display: table;
width: 100%;
table-layout: fixed; } }
@media screen and (min-width: 768px) {
.cProductList__sort {
display: table-cell;
vertical-align: middle;
width: 80%; } }
.cProductList__sort .field {
width: 100%; }
.cProductList__count {
display: none;
margin-left: 24px ;
margin-left: 1.5rem ;
font-size: 13px;
font-size: 0.8125rem; }
@media screen and (min-width: 1024px) {
.cProductList__count {
display: inline-block;
vertical-align: middle;
margin-top: 0; } }
.cProductList__type {
border-radius: 10rem;
border-top: 1px solid #ddd; }
@media screen and (min-width: 768px) {
.cProductList__type {
display: table-cell;
text-align: right;
width: 20%;
border-top: 0; } }
.cProductList__type__tab {
float: left;
width: calc(100% / 3);
text-align: center;
border-right: 1px solid #ddd;
padding: 10px 0 ;
padding: 0.625rem 0 ; }
@media screen and (min-width: 768px) {
.cProductList__type__tab {
float: none;
width: 35px;
height: 38px;
display: inline-block;
vertical-align: middle;
border-right: 0; } }
.cProductList__type__tab:last-child {
margin-right: 0;
border-right: 0; }
.cProductList__type__tab .icon::before {
color: #b7b7b7; }
.cProductList__type__tab--active .icon.icon-productListImage::before, .cProductList__type__tab--active .icon.icon-productListLine::before, .cProductList__type__tab--active .icon.icon-productListTable::before {
color: #db8c02; }
.cProductList__type__tab:hover:not(.cProductList__type__tab--active) .icon.icon-productListImage::before, .cProductList__type__tab:hover:not(.cProductList__type__tab--active) .icon.icon-productListLine::before, .cProductList__type__tab:hover:not(.cProductList__type__tab--active) .icon.icon-productListTable::before {
color: #db8c02; }
.cProductList--widget, .cProductList--related {
border-top: 1px solid #ddd; }
.cProductList--related .grid .grid__item, .cProductList--related .grid .label--inline, .cProductList--related .grid .label--inline + .field {
padding: 0; }
.cProductList--image-wrap {
border-top: 0; }
.cRelatedProducts--carousel .royalSlider {
border-top: 1px solid #ddd; }
.cRelatedProducts--carousel .royalSlider .cProductList--related,
.cRelatedProducts--carousel .royalSlider .cProductList--widget {
border-top: 0; }
.cRelatedProducts--carousel .royalSlider .grid .grid__item, .cRelatedProducts--carousel .royalSlider .grid .label--inline, .cRelatedProducts--carousel .royalSlider .grid .label--inline + .field {
border-top: 0; }
.cProductListParams {
overflow-x: auto; }
@media screen and (min-width: 1024px) {
.cProductListParams {
overflow: hidden; } }
.cProductListParams table {
margin-bottom: 0; }
@media screen and (min-width: 1024px) {
.cProductListParams--has-overflow {
overflow-x: auto; } }
.no-flexbox .cProductList--image .grid {
display: block; }
.cProductListTable {
display: table;
width: 100%;
max-width: 100%;
font-size: 13px;
font-size: 0.8125rem; }
.cProductListTable td,
.cProductListTable th {
padding: 6px ;
padding: 0.375rem ;
border-width: 1px;
border: 0; }
@media screen and (min-width: 768px) {
.cProductListTable td,
.cProductListTable th {
border: 1px solid #ddd; } }
@media screen and (max-width: 767px) {
.cProductListTable td:before,
.cProductListTable th:before {
top: auto;
left: 12px;
right: auto;
bottom: auto;
position: absolute;
width: 40%;
text-align: left;
font-weight: normal; } }
.cProductListTable thead th {
background-color: #eceff4;
border-bottom: 1px solid #ddd;
border-top: 0;
font-weight: normal;
color: #173530; }
@media screen and (max-width: 767px) {
.cProductListTable td {
position: relative;
padding: 6px 12px ;
padding: 0.375rem 0.75rem ;
padding-left: 50%; }
.cProductListTable td:first-child {
padding-top: 12px ;
padding-top: 0.75rem ; }
.cProductListTable td:last-child {
padding-bottom: 12px ;
padding-bottom: 0.75rem ; } }
.cProductListTable thead tr {
border-bottom: 0; }
@media screen and (max-width: 767px) {
.cProductListTable .cProductListTable__sku {
order: 2; } }
@media screen and (min-width: 768px) {
.cProductListTable .cProductListTable__sku {
width: 15%;
text-align: center; } }
@media screen and (max-width: 767px) {
.cProductListTable__name {
order: 1; } }
.cProductListTable__name .cProduct__name {
text-decoration: none; }
@media screen and (max-width: 767px) {
.cProductListTable__name .cProduct__name {
font-size: 16px;
font-size: 1rem; } }
.cProductListTable__name .cProduct__name:hover {
text-decoration: underline; }
@media screen and (max-width: 767px) {
.cProductListTable .cProductListTable__availability {
order: 3; } }
@media screen and (min-width: 768px) {
.cProductListTable .cProductListTable__availability {
width: 10%;
text-align: center; } }
@media screen and (max-width: 767px) {
.cProductListTable__rating {
order: 4; } }
@media screen and (max-width: 767px) {
.cProductListTable .cProductListTable__price {
order: 5; } }
@media screen and (min-width: 768px) {
.cProductListTable .cProductListTable__price {
width: 15%;
text-align: right; } }
.cProductListTable .cProduct__price--incVat {
font-size: 15px;
font-size: 0.9375rem; }
@media screen and (max-width: 767px) {
.cProductListTable__buy {
order: 6; } }
@media screen and (max-width: 767px) {
.cProductListTable__buy .btn--buy {
width: 50%; } }
.cProductListTable__parameter i {
font-size: 10px;
cursor: pointer;
font-style: normal; }
.cProductListTable__parameter i:hover {
color: #000; }
.cProductListTable--params {
overflow: auto;
max-width: 100%; }
.cProductListTable--params td {
min-width: 120px; }
.cProductListTable--params .cProductListTable__paramName {
background-color: #eceff4; }
.cProductListTable--params .cProductListTable__parameter {
position: relative;
cursor: pointer;
background-color: #eceff4; }
.cProductListTable--params .cProductListTable__parameter:hover {
background-color: #e2e7ee; }
.cProductListTable--params .cProductListTable__parameter:hover i {
opacity: 1; }
.cProductListTable--params .cProductListTable__parameter i {
position: absolute;
top: 50%;
right: 8px;
line-height: 1;
transform: translateY(-50%);
display: inline-block;
vertical-align: middle;
color: #ccc; }
.cProductListTable--params .cProductListTable__parameter i::before {
display: block;
content: '▲'; }
.cProductListTable--params .cProductListTable__parameter.sort-desc i {
color: #fdb12d; }
.cProductListTable--params .cProductListTable__parameter.sort-desc i::before {
color: #ccc; }
.cProductListTable--params .cProductListTable__parameter.sort-asc i {
color: #ccc; }
.cProductListTable--params .cProductListTable__parameter.sort-asc i::before {
color: #fdb12d; }
.cProductListTable--params .cProductListTable__parameter.is-active {
background-color: #e2e7ee; }
@media (max-width: 767px) {
.cProductList--table .cProductListTable:not(.cProductListTable--show-header) thead {
display: none; } }
.cProductListTable {
display: table;
width: 100%;
max-width: 100%;
font-size: 13px;
font-size: 0.8125rem; }
@media screen and (max-width: 767px) {
.cProductListTable {
display: block;
overflow: auto; } }
.cProductListTable td,
.cProductListTable th {
padding: 6px ;
padding: 0.375rem ;
border-width: 1px;
border: 0; }
@media screen and (min-width: 768px) {
.cProductListTable td,
.cProductListTable th {
border: 1px solid #ddd; } }
@media screen and (max-width: 767px) {
.cProductListTable td,
.cProductListTable th {
min-width: 150px; } }
@media screen and (max-width: 767px) {
.cProductListTable td:before,
.cProductListTable th:before {
top: auto;
left: 12px;
right: auto;
bottom: auto;
position: absolute;
width: 40%;
text-align: left;
font-weight: normal; } }
@media screen and (max-width: 767px) {
.cProductListTable .cProduct__name {
line-height: 1.2; } }
.cProductListTable thead th {
background-color: #eceff4;
border-bottom: 1px solid #ddd;
border-top: 0;
font-weight: normal;
color: #173530; }
@media screen and (max-width: 767px) {
.cProductListTable td {
position: relative;
padding: 6px 12px ;
padding: 0.375rem 0.75rem ;
padding-left: 50%; }
.cProductListTable td:first-child {
padding-top: 12px ;
padding-top: 0.75rem ; }
.cProductListTable td:last-child {
padding-bottom: 12px ;
padding-bottom: 0.75rem ; } }
.cProductListTable thead tr {
border-bottom: 0; }
@media screen and (max-width: 767px) {
.cProductListTable .cProductListTable__sku {
order: 2; } }
@media screen and (min-width: 768px) {
.cProductListTable .cProductListTable__sku {
width: 15%;
text-align: center; } }
@media screen and (max-width: 767px) {
.cProductListTable__name {
order: 1; } }
.cProductListTable__name .cProduct__name {
text-decoration: none; }
@media screen and (max-width: 767px) {
.cProductListTable__name .cProduct__name {
font-size: 16px;
font-size: 1rem; } }
.cProductListTable__name .cProduct__name:hover {
text-decoration: underline; }
@media screen and (max-width: 767px) {
.cProductListTable .cProductListTable__availability {
order: 3; } }
@media screen and (min-width: 768px) {
.cProductListTable .cProductListTable__availability {
width: 10%;
text-align: center; } }
@media screen and (max-width: 767px) {
.cProductListTable__rating {
order: 4; } }
@media screen and (max-width: 767px) {
.cProductListTable .cProductListTable__price {
order: 5; } }
@media screen and (min-width: 768px) {
.cProductListTable .cProductListTable__price {
width: 15%;
text-align: right; } }
.cProductListTable .cProduct__price--incVat {
font-size: 15px;
font-size: 0.9375rem; }
@media screen and (max-width: 767px) {
.cProductListTable__buy {
order: 6; } }
@media screen and (max-width: 767px) {
.cProductListTable__buy .btn--buy {
width: 50%; } }
.cProductListTable__parameter i {
font-size: 10px;
cursor: pointer;
font-style: normal; }
.cProductListTable__parameter i:hover {
color: #000; }
.cProductListTable--params {
overflow: auto;
max-width: 100%; }
.cProductListTable--params td {
min-width: 120px; }
.cProductListTable--params .cProductListTable__paramName {
background-color: #eceff4; }
.cProductListTable--params .cProductListTable__parameter {
position: relative;
cursor: pointer;
background-color: #eceff4; }
.cProductListTable--params .cProductListTable__parameter:hover {
background-color: #e2e7ee; }
.cProductListTable--params .cProductListTable__parameter:hover i {
opacity: 1; }
.cProductListTable--params .cProductListTable__parameter i {
position: absolute;
top: 50%;
right: 8px;
line-height: 1;
transform: translateY(-50%);
display: inline-block;
vertical-align: middle;
color: #ccc; }
.cProductListTable--params .cProductListTable__parameter i::before {
display: block;
content: '▲'; }
.cProductListTable--params .cProductListTable__parameter.sort-desc i {
color: #fdb12d; }
.cProductListTable--params .cProductListTable__parameter.sort-desc i::before {
color: #ccc; }
.cProductListTable--params .cProductListTable__parameter.sort-asc i {
color: #ccc; }
.cProductListTable--params .cProductListTable__parameter.sort-asc i::before {
color: #fdb12d; }
.cProductListTable--params .cProductListTable__parameter.is-active {
background-color: #e2e7ee; }
.cProductList--box .grid {
margin-left: 0;
margin-bottom: 24px ;
margin-bottom: 1.5rem ;
border: 1px solid #ddd;
border-bottom: 0; }
.cProductList--box .grid__item, .cProductList--box .label--inline, .cProductList--box .label--inline + .field {
padding-left: 0; }
.cProductListBox {
position: relative;
padding: 24px ;
padding: 1.5rem ;
border-bottom: 1px solid #ddd;
margin-bottom: 0;
cursor: default; }
.cProductListBox .cProduct__name {
margin-bottom: 0;
font-weight: normal; }
@media screen and (max-width: 767px) {
.cProductListBox .cProduct__name {
font-size: 16px;
font-size: 1rem; } }
.cProductListBox .cProduct__name .cProduct__link {
text-decoration: none; }
.cProductListBox .cProduct__name .cProduct__link:hover {
text-decoration: underline; }
.cProductListBox__img {
text-align: center;
padding-right: 24px ;
padding-right: 1.5rem ;
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
@media screen and (min-width: 768px) {
.cProductListBox__img {
float: left;
width: 30%; } }
.cProductListBox__img img {
width: auto;
text-align: center; }
@media screen and (min-width: 768px) {
.cProductListBox__img img {
max-height: 188px ;
max-height: 11.75rem ; } }
@media screen and (min-width: 1024px) {
.cProductListBox__img img {
max-height: 238px ;
max-height: 14.875rem ; } }
.cProductListBox__img ._blankImage {
max-width: 50%;
max-height: 200px;
margin: auto; }
@media screen and (min-width: 768px) {
.cProductListBox__img ._blankImage {
height: 170px; } }
@media screen and (min-width: 768px) {
.cProductListBox__content {
float: right;
margin-left: 0;
width: 70%; } }
@media screen and (min-width: 768px) {
.cProductListBox__price {
float: right;
text-align: right;
max-width: 50%; } }
@media screen and (min-width: 1200px) {
.cProductListBox__price {
max-width: 100%; } }
@media screen and (min-width: 768px) {
.cProductListBox__price {
float: right;
text-align: right; } }
@media screen and (min-width: 768px) {
.cProductListBox__buy {
display: block;
clear: both;
margin-top: 6px ;
margin-top: 0.375rem ;
margin-bottom: 6px ;
margin-bottom: 0.375rem ; } }
.cProductListBox__desc {
float: left;
font-size: 13px;
font-size: 0.8125rem;
margin-top: 6px ;
margin-top: 0.375rem ; }
@media screen and (min-width: 768px) {
.cProductListBox__desc {
min-height: 63px ;
min-height: 3.90625rem ;
max-width: 50%; } }
@media screen and (min-width: 1024px) {
.cProductListBox__desc {
min-height: 65px ;
min-height: 4.0625rem ; } }
.cProductListBox__labels {
position: absolute;
left: 0;
top: 24px;
pointer-events: none; }
.cProductListBox__labels .label {
float: left;
clear: both; }
.cProductList--image .grid {
display: flex;
flex-wrap: wrap;
margin: 0 0 24px 0 ;
margin: 0 0 1.5rem 0 ;
border-left: 1px solid #ddd; }
.cProductList--image .grid__item, .cProductList--image .label--inline, .cProductList--image .label--inline + .field {
padding: 16px ;
padding: 1rem ;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd; }
.cProductListImg, .cPathBox.cProduct {
position: relative;
margin-bottom: 0; }
.cProductListImg__img, .cPathBox.cProduct .cPathBox__imgWrapper {
margin-bottom: 12px ;
margin-bottom: 0.75rem ;
text-align: center; }
@media screen and (min-width: 768px) {
.cProductListImg__img, .cPathBox.cProduct .cPathBox__imgWrapper {
display: flex;
align-items: center;
align-content: center;
min-height: 200px ;
min-height: 12.5rem ; } }
@media screen and (min-width: 1024px) {
.cProductListImg__img, .cPathBox.cProduct .cPathBox__imgWrapper {
min-height: 250px ;
min-height: 15.625rem ; } }
.cProductListImg__img .cProductListImg__link, .cPathBox.cProduct .cPathBox__imgWrapper .cProductListImg__link {
display: inline-block;
width: 100%; }
.cProductListImg__img img, .cPathBox.cProduct .cPathBox__imgWrapper img {
width: auto;
display: inline-block;
vertical-align: middle;
text-align: center;
object-fit: contain; }
@media screen and (min-width: 768px) {
.cProductListImg__img img, .cPathBox.cProduct .cPathBox__imgWrapper img {
height: 170px; } }
@media screen and (min-width: 768px) {
.cProductListImg__img img, .cPathBox.cProduct .cPathBox__imgWrapper img {
max-height: 188px ;
max-height: 11.75rem ; } }
@media screen and (min-width: 1024px) {
.cProductListImg__img img, .cPathBox.cProduct .cPathBox__imgWrapper img {
max-height: 238px ;
max-height: 14.875rem ; } }
.cProductListImg__img ._blankImage, .cPathBox.cProduct .cPathBox__imgWrapper ._blankImage {
max-width: 50%;
max-height: 200px;
margin: auto; }
@media screen and (min-width: 768px) {
.cProductListImg__img ._blankImage, .cPathBox.cProduct .cPathBox__imgWrapper ._blankImage {
height: 170px; } }
.cProductListImg__link {
text-decoration: none; }
.cProductListImg__link:hover {
text-decoration: underline; }
.cProductListImg__prices {
text-align: center; }
.cProductListImg__labels {
position: absolute;
left: -16px;
top: 0;
pointer-events: none; }
.cProductListImg__labels .label {
float: left;
clear: both; }
.cProductListImg__title, .cPathBox.cProduct .cPathBox__title {
font-size: 15px;
font-size: 0.9375rem;
text-align: center; }
.cProductListImg__availability {
position: relative;
min-height: 50px ;
min-height: 3.125rem ;
padding: 8px 12px ;
padding: 0.5rem 0.75rem ;
margin-top: 24px ;
margin-top: 1.5rem ;
text-align: center;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
line-height: 1.2; }
.cProductListImg__desc {
margin-top: 12px ;
margin-top: 0.75rem ;
font-size: 13px;
font-size: 0.8125rem; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.cProductListImg__img, .cPathBox.cProduct .cPathBox__imgWrapper {
height: 250px ;
height: 15.625rem ; } }
/* ==========================================================================
FULLTEXT - VYSLEDKY VYHLEDAVANI u PRODUKTOVEHO KATALOBU
========================================================================== */
@media screen and (max-width: 767px) {
.cFtr__item--categories .cFtr__item__title {
font-size: 13px;
font-size: 0.8125rem; } }
.cFtr__item--categories .cFtr__item__anotation {
font-size: 13px;
font-size: 0.8125rem; }
.cFtr__item--categories .cFtr__item__img {
float: left;
width: 35%; }
@media screen and (min-width: 768px) {
.cFtr__item--categories .cFtr__item__img {
width: 25%; } }
@media screen and (min-width: 1024px) {
.cFtr__item--categories .cFtr__item__img {
width: 15%; } }
.cFtr__item--categories .cFtr__item__wrapper {
float: right;
width: 65%;
padding-left: 12px ;
padding-left: 0.75rem ;
margin: 0; }
@media screen and (min-width: 768px) {
.cFtr__item--categories .cFtr__item__wrapper {
width: 75%; } }
@media screen and (min-width: 1024px) {
.cFtr__item--categories .cFtr__item__wrapper {
width: 85%; } }
.cFtr .cProductListBox__img {
width: 35%; }
@media screen and (min-width: 768px) {
.cFtr .cProductListBox__img {
width: 25%; } }
@media screen and (min-width: 1024px) {
.cFtr .cProductListBox__img {
width: 15%; } }
.cFtr .cProductListBox__content {
width: 65%; }
@media screen and (min-width: 768px) {
.cFtr .cProductListBox__content {
width: 75%; } }
@media screen and (min-width: 1024px) {
.cFtr .cProductListBox__content {
width: 85%; } }
@media screen and (max-width: 767px) {
.cFtr .cProductListBox__title {
font-size: 13px;
font-size: 0.8125rem; } }
.cFtr .cProductListBox__price {
font-weight: bold;
font-size: 18px;
font-size: 1.125rem; }
@media screen and (max-width: 767px) {
.cFtr .accordion {
margin: 24px 0 ;
margin: 1.5rem 0 ; } }
@media screen and (max-width: 767px) {
.cFtr .accordion .accordion__item {
border: 0; } }
@media screen and (max-width: 767px) {
.cFtr .accordion .accordion__item__content {
padding: 0; } }
.label {
display: inline-block;
vertical-align: middle;
padding: 1px 12px ;
padding: 0.0625rem 0.75rem ;
margin-bottom: 3px ;
margin-bottom: 0.1875rem ;
margin-right: 3px ;
margin-right: 0.1875rem ;
border: none;
font-size: 12px;
font-size: 0.75rem;
background-color: #eceff4;
text-transform: uppercase; }
.label--new {
background-color: #89cb52;
color: #fff; }
.label--discount {
background-color: #e83f3e;
color: #fff; }
.label--sale {
background-color: #dbd418; }
.label--bestSeller {
background-color: #eceff4;
color: #173530; }
.label--top {
background-color: #007dc4;
color: #fff; }
.cReviews {
display: inline-block;
vertical-align: text-bottom;
width: 100px;
height: 20px;
background-image: url(../img/stars.svg);
background-color: transparent;
background-position: 0 0;
background-size: 20px auto;
background-repeat: no-repeat;
background-repeat: repeat-x;
text-align: left; }
.cReviews__review {
display: inherit;
background: inherit;
background-position: 0 -20px;
height: inherit; }
.cReviews__review--p0 {
width: 0px; }
.cReviews__review--p10 {
width: 10px; }
.cReviews__review--p20 {
width: 20px; }
.cReviews__review--p30 {
width: 30px; }
.cReviews__review--p40 {
width: 40px; }
.cReviews__review--p50 {
width: 50px; }
.cReviews__review--p60 {
width: 60px; }
.cReviews__review--p70 {
width: 70px; }
.cReviews__review--p80 {
width: 80px; }
.cReviews__review--p90 {
width: 90px; }
.cReviews__review--p100 {
width: 100px; }
.cAvailability {
font-size: 12px;
font-size: 0.75rem;
text-transform: uppercase; }
.cAvailability__text {
display: block; }
.cAvailability--stock {
color: #36b115; }
.cAvailability--nStock {
color: #e83f3e; }
.cAvailability--request {
color: #dbd418; }
.btn--buy {
background-color: #89cb52;
color: #fff; }
.btn--cart {
width: 50px;
height: auto;
background-image: url(../img/chart-icon.svg);
background-color: transparent;
background-position: 50% 50%;
background-size: 18px 18px;
background-repeat: no-repeat; }
.cProductDesc {
font-size: 13px;
font-size: 0.8125rem; }
.cProduct__productcode,
.cProduct__availability {
display: table;
width: 100%; }
.cProduct__productcode span,
.cProduct__availability span {
display: table-cell;
width: 50%; }
.cProduct__productcode span + span,
.cProduct__availability span + span {
text-align: right; }
.productFilter {
position: relative; }
.productFilter__list {
margin-bottom: 0;
display: inline-table; }
.productFilter__list--hidden {
position: absolute;
top: 100%;
z-index: 1;
border: 1px solid #ddd;
border-bottom: 0; }
@media screen and (max-width: 767px) {
.productFilter__list--hidden {
left: auto !important;
right: 0;
width: 100%; } }
.productFilter__list--hidden .productFilter__item {
display: block;
margin-bottom: 0; }
.productFilter__list--hidden .productFilter__link {
background-color: #eceff4;
border-bottom: 1px solid #ddd; }
.productFilter__greedyBtn {
position: absolute;
top: 0;
padding: 12px ;
padding: 0.75rem ;
height: 100%;
z-index: 1;
border: 0;
border-right: 1px solid #ddd;
font-size: 13px;
font-size: 0.8125rem;
color: #abb9cf;
white-space: nowrap;
background-color: transparent; }
@media screen and (max-width: 767px) {
.productFilter__greedyBtn {
right: 0;
left: auto !important; } }
.productFilter__greedyBtn:hover {
color: #fdb12d; }
.productFilter__greedyBtn.active {
color: #fdb12d; }
.productFilter__greedyBtn:focus {
outline: 0; }
.productFilter__greedyBtn .icon-drop::before {
color: #abb9cf;
font-size: 12px;
font-size: 0.75rem; }
.productFilter__dropWrapper {
position: relative;
padding: 12px ;
padding: 0.75rem ; }
.productFilter__dropWrapper .productFilter__title {
top: 35px; }
.productFilter__dropWrapper .productFilter__toggle {
position: absolute;
top: 12px;
right: 12px;
width: 40px;
height: 45px;
border-left: 1px solid #ddd; }
.productFilter__dropWrapper .productFilter__toggle .icon-drop {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
.productFilter__dropWrapper .productFilter__toggle .icon-drop::before {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #173530;
font-size: 8px;
font-size: 0.5rem; }
.productFilter__dropWrapper .productFilter__drop {
margin-bottom: 0;
margin-top: 10px ;
margin-top: 0.625rem ; }
.productFilter__dropWrapper .productFilter__drop__item {
margin-bottom: 6px ;
margin-bottom: 0.375rem ; }
.productFilter__dropWrapper .productFilter__drop__item:last-child {
margin-bottom: 0; }
.productFilter__dropWrapper .productFilter__drop__item__in {
display: block;
padding: 6px ;
padding: 0.375rem ;
color: #173530;
font-size: 13px;
font-size: 0.8125rem;
text-decoration: none;
background: #fcfdfd; }
.productFilter__item {
display: table-cell;
white-space: nowrap; }
.productFilter__link {
display: block;
padding: 12px ;
padding: 0.75rem ;
border-right: 1px solid #ddd;
text-decoration: none;
font-size: 13px;
font-size: 0.8125rem;
color: #173530;
border-right-color: #ddd; }
@media (max-width: 330px) {
.productFilter__link {
padding: 12px 10px ;
padding: 0.75rem 0.625rem ; } }
.productFilter__link:hover {
background-color: #dce1eb;
color: #173530; }
.productFilter__link.active {
background-color: #dce1eb; }
.productMenu {
border: 1px solid #f59c02;
margin-bottom: 0; }
@media screen and (max-width: 767px) {
.productMenu {
border: 0; } }
.productMenu__title {
padding: 12px 6px ;
padding: 0.75rem 0.375rem ;
background-color: #fdb12d;
color: #fff;
margin-bottom: 0;
font-weight: normal;
border-bottom: 1px solid #f59c02; }
.productMenu .nav__item {
border-bottom: 0 !important; }
.productMenu .nav__item__in {
background-color: #fdb12d;
padding: 12px ;
padding: 0.75rem ;
color: #fff;
text-decoration: none;
border-bottom: 1px solid #f59c02; }
.productMenu .nav__item__in:hover {
background-color: #f59c02; }
.productMenu .nav__item__in .nav--lev__holder {
border-left-color: #f59c02; }
.productMenu .nav__item.page--active .nav__item__in {
background-color: #fff;
color: #173530;
font-weight: bold; }
.productMenu--inline {
clear: both;
background-color: #fdb12d; }
@media screen and (min-width: 768px) {
.productMenu--inline {
padding-left: 36px ;
padding-left: 2.25rem ; } }
.productMenu--inline__list {
margin-bottom: 0; }
.productMenu--inline__item {
display: block;
margin: 0;
width: 100%; }
@media screen and (max-width: 767px) {
.productMenu--inline__item:not(:last-child) {
border-bottom: 1px solid #f59c02; } }
@media screen and (min-width: 768px) {
.productMenu--inline__item {
float: left;
width: auto;
border-bottom: 0; }
.productMenu--inline__item:not(:last-child) {
border-right: 1px solid #f59c02; } }
.productMenu--inline__item__in {
display: block;
padding: 12px ;
padding: 0.75rem ;
text-decoration: none;
color: white; }
.productMenu--inline__item__in:hover {
background-color: #f59c02;
color: white; }
.cProduct__price {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0; }
.cProduct__price--incVat {
font-weight: bold;
color: #fdb12d;
font-size: 20px;
font-size: 1.25rem; }
.cProduct__price--recommend {
text-decoration: line-through;
font-size: 12px;
font-size: 0.75rem;
line-height: 1; }
.cProduct__price--saving {
font-size: 12px;
font-size: 0.75rem;
line-height: 1; }
.productCatalogFilter {
position: relative;
width: 100%;
padding: 24px ;
padding: 1.5rem ;
background-color: #eceff4;
border: 1px solid #ddd; }
@media screen and (min-width: 768px) {
.productCatalogFilter__wrapper {
display: flex;
align-items: flex-end; } }
@media screen and (min-width: 768px) {
.productCatalogFilter__col--left {
flex-grow: 2; } }
@media screen and (min-width: 768px) {
.productCatalogFilter__col--right {
padding-left: 30px; } }
@media screen and (min-width: 768px) {
.productCatalogFilter__col--right.up {
margin-top: 25px; } }
.productCatalogFilter__catTitle {
margin-bottom: 6px;
font-size: 13px;
font-size: 0.8125rem; }
@media screen and (min-width: 768px) {
.productCatalogFilter__catTitle--side {
display: table-cell;
vertical-align: top;
padding-right: 24px;
padding-bottom: 0;
margin-bottom: 0;
min-width: 120px; } }
@media screen and (min-width: 768px) {
.productCatalogFilter__catTitle--side + .productCatalogFilter__inner {
display: table-cell;
vertical-align: top;
width: 100%; } }
.desk--one-third .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item, .desk--two-sixths .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item, .desk--four-twelfths .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item, .desk--eight-twentyfourths .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item, .desk--eighteen-twentyfourths .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item,
.desk--one-quarter .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item, .desk--two-eighths .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item, .desk--three-twelfths .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item, .desk--four-sixteenths .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item, .desk--six-twentyfourths .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item,
.desk--one-fifth .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item, .desk--two-tenths .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item {
width: 100% !important; }
.productCatalogFilter--select .productCatalogFilter__catTitle--side {
vertical-align: middle; }
.productCatalogFilter__catTitle--up {
min-height: 22px; }
@media screen and (max-width: 767px) {
.productCatalogFilter .grid__item, .productCatalogFilter .label--inline, .productCatalogFilter .label--inline + .field {
margin-bottom: 24px; } }
@media screen and (max-width: 767px) {
.productCatalogFilter__item {
margin-bottom: 6px; } }
@media screen and (min-width: 768px) {
.productCatalogFilter .desk--one-whole .productCatalogFilter__item,
.productCatalogFilter .desk--one-half .productCatalogFilter__item,
.productCatalogFilter .desk--two-quarters .productCatalogFilter__item,
.productCatalogFilter .desk--three-sixths .productCatalogFilter__item,
.productCatalogFilter .desk--four-eighths .productCatalogFilter__item,
.productCatalogFilter .desk--five-tenths .productCatalogFilter__item,
.productCatalogFilter .desk--six-twelfths .productCatalogFilter__item,
.productCatalogFilter .desk--eight-sixteenths .productCatalogFilter__item,
.productCatalogFilter .desk--twelve-twentyfourths .productCatalogFilter__item {
display: inline-block;
vertical-align: middle;
margin-right: 36px; } }
.productCatalogFilter .desk--one-whole .productCatalogFilter__item:last-child,
.productCatalogFilter .desk--one-half .productCatalogFilter__item:last-child,
.productCatalogFilter .desk--two-quarters .productCatalogFilter__item:last-child,
.productCatalogFilter .desk--three-sixths .productCatalogFilter__item:last-child,
.productCatalogFilter .desk--four-eighths .productCatalogFilter__item:last-child,
.productCatalogFilter .desk--five-tenths .productCatalogFilter__item:last-child,
.productCatalogFilter .desk--six-twelfths .productCatalogFilter__item:last-child,
.productCatalogFilter .desk--eight-sixteenths .productCatalogFilter__item:last-child,
.productCatalogFilter .desk--twelve-twentyfourths .productCatalogFilter__item:last-child {
margin-right: 0; }
@media screen and (min-width: 768px) {
.productCatalogFilter .desk--one-half .productCatalogFilter__item, .productCatalogFilter .desk--two-quarters .productCatalogFilter__item, .productCatalogFilter .desk--three-sixths .productCatalogFilter__item, .productCatalogFilter .desk--four-eighths .productCatalogFilter__item, .productCatalogFilter .desk--five-tenths .productCatalogFilter__item, .productCatalogFilter .desk--six-twelfths .productCatalogFilter__item, .productCatalogFilter .desk--eight-sixteenths .productCatalogFilter__item, .productCatalogFilter .desk--twelve-twentyfourths .productCatalogFilter__item {
width: 50%;
margin-right: 0; } }
.productCatalogFilter--select .productCatalogFilter__wrapper {
align-items: flex-start; }
.productCatalogFilter--checkbox {
align-items: center; }
@media screen and (max-width: 767px) {
.productCatalogFilter--checkbox .productCatalogFilter__catTitle {
padding-bottom: 6px;
border-bottom: 1px solid #ddd;
margin-bottom: 12px; } }
@media screen and (max-width: 767px) {
.productCatalogFilter .filterContainer {
margin-top: 24px; } }
@media screen and (min-width: 768px) {
.productCatalogFilter .filterContainer {
max-width: 90%; } }
.productCatalogFilter .filterContainer .label--filter {
background-color: #ddd;
margin-right: 5px ;
margin-right: 0.3125rem ;
margin-top: 8px ;
margin-top: 0.5rem ;
cursor: pointer;
text-transform: none; }
.productCatalogFilter .filterContainer .label--filter:hover {
background-color: #d0d0d0; }
.productCatalogFilter .filterContainer .label--filter .removeFilter {
margin-left: 5px ;
margin-left: 0.3125rem ;
font-style: normal;
font-weight: bold;
font-size: 13px;
font-size: 0.8125rem; }
.productCatalogFilter .resetFilter {
margin-top: 24px;
font-size: 13px;
font-size: 0.8125rem;
color: #173530; }
@media screen and (min-width: 768px) {
.productCatalogFilter .resetFilter {
margin-top: 10px; } }
.productCatalogFilter .resetFilter:hover {
text-decoration: underline;
color: #173530; }
.productCatalogFilter .resetFilter .icon-close, .productCatalogFilter .resetFilter .userAccountForm form + .editSwitchWrapper .btn::before, .userAccountForm form + .editSwitchWrapper .productCatalogFilter .resetFilter .btn::before, .productCatalogFilter .resetFilter .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .productCatalogFilter .resetFilter .cClientZone__logout::before, .productCatalogFilter .resetFilter .userAccountForm form + .editSwitchWrapper .cNews-archiv a::before, .userAccountForm form + .editSwitchWrapper .cNews-archiv .productCatalogFilter .resetFilter a::before, .productCatalogFilter .resetFilter .cNews-archiv .userAccountForm form + .editSwitchWrapper a::before, .cNews-archiv .userAccountForm form + .editSwitchWrapper .productCatalogFilter .resetFilter a::before, .productCatalogFilter .resetFilter .userAccountForm form + .editSwitchWrapper .cRecepts .archive a::before, .userAccountForm form + .editSwitchWrapper .cRecepts .archive .productCatalogFilter .resetFilter a::before, .productCatalogFilter .resetFilter .cRecepts .archive .userAccountForm form + .editSwitchWrapper a::before, .cRecepts .archive .userAccountForm form + .editSwitchWrapper .productCatalogFilter .resetFilter a::before, .productCatalogFilter .resetFilter .userAccountForm form + .editSwitchWrapper .recipesList .archive a::before, .userAccountForm form + .editSwitchWrapper .recipesList .archive .productCatalogFilter .resetFilter a::before, .productCatalogFilter .resetFilter .recipesList .archive .userAccountForm form + .editSwitchWrapper a::before, .recipesList .archive .userAccountForm form + .editSwitchWrapper .productCatalogFilter .resetFilter a::before, .productCatalogFilter .resetFilter .userAccountForm form + .editSwitchWrapper .cFtr .recipesList__item .archive a::before, .userAccountForm form + .editSwitchWrapper .cFtr .recipesList__item .archive .productCatalogFilter .resetFilter a::before, .productCatalogFilter .resetFilter .cFtr .recipesList__item .archive .userAccountForm form + .editSwitchWrapper a::before, .cFtr .recipesList__item .archive .userAccountForm form + .editSwitchWrapper .productCatalogFilter .resetFilter a::before {
margin-left: 8px ;
margin-left: 0.5rem ; }
.productCatalogFilter .resetFilter .icon-close::before, .productCatalogFilter .resetFilter .userAccountForm form + .editSwitchWrapper .btn::before, .userAccountForm form + .editSwitchWrapper .productCatalogFilter .resetFilter .btn::before, .productCatalogFilter .resetFilter .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .productCatalogFilter .resetFilter .cClientZone__logout::before, .productCatalogFilter .resetFilter .userAccountForm form + .editSwitchWrapper .cNews-archiv a::before, .userAccountForm form + .editSwitchWrapper .cNews-archiv .productCatalogFilter .resetFilter a::before, .productCatalogFilter .resetFilter .cNews-archiv .userAccountForm form + .editSwitchWrapper a::before, .cNews-archiv .userAccountForm form + .editSwitchWrapper .productCatalogFilter .resetFilter a::before, .productCatalogFilter .resetFilter .userAccountForm form + .editSwitchWrapper .cRecepts .archive a::before, .userAccountForm form + .editSwitchWrapper .cRecepts .archive .productCatalogFilter .resetFilter a::before, .productCatalogFilter .resetFilter .cRecepts .archive .userAccountForm form + .editSwitchWrapper a::before, .cRecepts .archive .userAccountForm form + .editSwitchWrapper .productCatalogFilter .resetFilter a::before, .productCatalogFilter .resetFilter .userAccountForm form + .editSwitchWrapper .recipesList .archive a::before, .userAccountForm form + .editSwitchWrapper .recipesList .archive .productCatalogFilter .resetFilter a::before, .productCatalogFilter .resetFilter .recipesList .archive .userAccountForm form + .editSwitchWrapper a::before, .recipesList .archive .userAccountForm form + .editSwitchWrapper .productCatalogFilter .resetFilter a::before, .productCatalogFilter .resetFilter .userAccountForm form + .editSwitchWrapper .cFtr .recipesList__item .archive a::before, .userAccountForm form + .editSwitchWrapper .cFtr .recipesList__item .archive .productCatalogFilter .resetFilter a::before, .productCatalogFilter .resetFilter .cFtr .recipesList__item .archive .userAccountForm form + .editSwitchWrapper a::before, .cFtr .recipesList__item .archive .userAccountForm form + .editSwitchWrapper .productCatalogFilter .resetFilter a::before {
color: #b6b6b6; }
.productCatalogFilter__inner--slider.lt450 .ui-slider-label-to,
.productCatalogFilter__inner--slider.lt450 .ui-slider-label-price {
display: none; }
.productCatalogFilter__inner--slider.lt450 .ui-slider-label-fallback {
display: block; }
@media screen and (min-width: 768px) {
.productCatalogFilter__inner--slider.lt300 .grid__item, .productCatalogFilter__inner--slider.lt300 .label--inline, .productCatalogFilter__inner--slider.lt300 .label--inline + .field {
width: 100%;
margin-bottom: 12px; } }
@media screen and (min-width: 768px) {
.productCatalogFilter__inner--slider.lt300 .text--right,
.productCatalogFilter__inner--slider.lt300 .field--price-range-to {
text-align: left !important; } }
.productCatalogFilter__inner--slider.gt450 .ui-slider-label-fallback {
display: none; }
@media (max-width: 1023px) {
.productCatalogFilter__inner--slider.gt450 .ui-slider-label-fallback {
display: block; } }
/*
jQuery.mmenu CSS
*/
/*
jQuery.mmenu oncanvas CSS
*/
.mm-hidden {
display: none !important; }
.mm-wrapper {
overflow-x: hidden;
position: relative; }
.mm-menu,
.mm-panels,
.mm-panels > .mm-panel {
margin: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0; }
.mm-menu {
box-sizing: border-box;
background: inherit;
display: block;
overflow: hidden;
padding: 0; }
.mm-panel {
-webkit-transition: -webkit-transform 0.4s ease;
-moz-transition: -moz-transform 0.4s ease;
-ms-transition: -ms-transform 0.4s ease;
-o-transition: -o-transform 0.4s ease;
transition: transform 0.4s ease;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
.mm-panel.mm-opened {
-webkit-transform: translate3d(0%, 0, 0);
-moz-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0); }
.mm-panel.mm-subopened {
-webkit-transform: translate3d(-30%, 0, 0);
-moz-transform: translate3d(-30%, 0, 0);
-ms-transform: translate3d(-30%, 0, 0);
-o-transform: translate3d(-30%, 0, 0);
transform: translate3d(-30%, 0, 0); }
.mm-panel.mm-highest {
z-index: 1; }
.mm-panels,
.mm-panels > .mm-panel {
background: inherit;
border-color: inherit; }
.mm-panels > .mm-panel {
background: inherit;
border-color: inherit;
-webkit-overflow-scrolling: touch;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
box-sizing: border-box; }
.mm-panels > .mm-panel.mm-hasnavbar {
padding-top: 40px; }
.mm-panels > .mm-panel:before, .mm-panels > .mm-panel:after {
content: '';
display: block;
height: 20px; }
.mm-vertical .mm-panel {
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important; }
.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel {
display: none;
padding: 10px 0 10px 10px; }
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after,
.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after {
border-color: transparent; }
.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel {
display: block; }
.mm-vertical .mm-listview > li > .mm-next,
.mm-listview > li.mm-vertical > .mm-next {
bottom: auto; }
.mm-vertical .mm-listview > li > .mm-next:after,
.mm-listview > li.mm-vertical > .mm-next:after {
bottom: auto; }
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after,
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.mm-navbar {
border-bottom: 1px solid;
border-color: #ddd;
text-align: center;
line-height: 20px;
height: 40px;
padding: 0 40px;
margin: 0;
position: absolute;
top: 0;
left: 0;
right: 0; }
.mm-navbar > * {
display: block;
padding: 10px 0; }
.mm-navbar a,
.mm-navbar a:hover {
text-decoration: none; }
.mm-navbar .mm-title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.mm-navbar .mm-btn {
box-sizing: border-box;
width: 40px;
height: 40px;
position: absolute;
top: 0;
z-index: 1; }
.mm-navbar .mm-btn:first-child {
padding-left: 20px;
left: 0; }
.mm-navbar .mm-btn:last-child {
text-align: right;
padding-right: 20px;
right: 0; }
.mm-panel .mm-navbar {
display: none; }
.mm-panel.mm-hasnavbar .mm-navbar {
display: block; }
.mm-listview,
.mm-listview > li {
list-style: none; }
.mm-listview {
font: inherit;
font-size: 14px;
line-height: 20px; }
.mm-listview a,
.mm-listview a:hover {
text-decoration: none; }
.mm-listview > li {
position: relative; }
.mm-listview > li > a,
.mm-listview > li > span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: inherit;
display: block;
margin: 0; }
.mm-listview > li > a.mm-arrow,
.mm-listview > li > span.mm-arrow {
padding-right: 50px; }
.mm-listview .mm-next {
background: rgba(3, 2, 1, 0);
width: 50px;
padding: 0;
position: absolute;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
border-left: 1px solid #ddd; }
.mm-listview .mm-next + a,
.mm-listview .mm-next + span {
padding-right: 50px; }
.mm-listview .mm-next.mm-fullsubopen {
width: 100%; }
.mm-listview .mm-next.mm-fullsubopen:before {
border-left: none; }
.mm-listview .mm-next.mm-fullsubopen + a,
.mm-listview .mm-next.mm-fullsubopen + span {
padding-right: 50px;
margin-right: 0; }
.mm-panels > .mm-panel > .mm-listview {
margin: 20px -20px; }
.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
margin-top: -20px; }
.mm-listview .mm-inset {
list-style: inside disc;
padding: 0 10px 15px 40px;
margin: 0; }
.mm-listview .mm-inset > li {
padding: 5px 0; }
.mm-listview .mm-divider {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 10px;
text-transform: uppercase;
text-indent: 20px;
line-height: 25px; }
.mm-listview .mm-spacer {
padding-top: 40px; }
.mm-listview .mm-spacer > .mm-next {
top: 40px; }
.mm-listview .mm-spacer.mm-divider {
padding-top: 25px; }
.mm-prev:before,
.mm-next:after,
.mm-arrow:after {
content: '';
border: 2px solid transparent;
display: inline-block;
width: 8px;
height: 8px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg); }
.mm-prev:before {
border-right: none;
border-bottom: none;
left: 23px; }
.mm-next:after,
.mm-arrow:after {
border-top: none;
border-left: none;
right: 23px; }
.mm-menu {
background: #f3f3f3;
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.7); }
.mm-menu .mm-navbar > *,
.mm-menu .mm-navbar a {
color: rgba(0, 0, 0, 0.3); }
.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {
border-color: rgba(0, 0, 0, 0.3); }
.mm-menu .mm-listview {
border-color: rgba(0, 0, 0, 0.1); }
.mm-menu .mm-listview > li .mm-next:after,
.mm-menu .mm-listview > li .mm-arrow:after {
border-color: rgba(0, 0, 0, 0.3); }
.mm-menu .mm-listview > li a:not(.mm-next) {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
tap-highlight-color: rgba(255, 255, 255, 0.5); }
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span {
background: rgba(255, 255, 255, 0.5); }
.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
.mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
background: rgba(0, 0, 0, 0.05); }
.mm-menu .mm-divider {
background: rgba(0, 0, 0, 0.05); }
/*
jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
box-sizing: border-box;
position: relative; }
.mm-slideout {
-webkit-transition: -webkit-transform 0.4s ease;
-ms-transition: -ms-transform 0.4s ease;
transition: transform 0.4s ease; }
html.mm-opened {
overflow-x: hidden;
position: relative; }
html.mm-blocking {
overflow: hidden; }
html.mm-blocking body {
overflow: hidden; }
html.mm-background .mm-page {
background: #fff; }
#mm-blocker {
background: rgba(3, 2, 1, 0);
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999999; }
html.mm-blocking #mm-blocker {
display: block; }
.mm-menu.mm-offcanvas {
display: none;
position: fixed; }
.mm-menu.mm-current {
display: block; }
.mm-menu {
width: 80%;
min-width: 140px;
max-width: 300px; }
html.mm-opening .mm-slideout {
-webkit-transform: translate(80%, 0);
-moz-transform: translate(80%, 0);
-ms-transform: translate(80%, 0);
-o-transform: translate(80%, 0);
transform: translate(80%, 0); }
@media all and (max-width: 175px) {
html.mm-opening .mm-slideout {
-webkit-transform: translate(140px, 0);
-moz-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
-o-transform: translate(140px, 0);
transform: translate(140px, 0); } }
@media all and (min-width: 375px) {
html.mm-opening .mm-slideout {
-webkit-transform: translate(300px, 0);
-moz-transform: translate(300px, 0);
-ms-transform: translate(300px, 0);
-o-transform: translate(300px, 0);
transform: translate(300px, 0); } }
/*
jQuery.mmenu position extension CSS
*/
* {
-webkit-tap-highlight-color: transparent; }
#mm-blocker {
z-index: -1 !important; }
.mm-menu.mm-top,
.mm-menu.mm-bottom {
width: 100%;
min-width: 100%;
max-width: 100%; }
.mm-menu.mm-right {
left: auto;
right: 0; }
.mm-menu.mm-bottom {
top: auto;
bottom: 0; }
html.mm-right.mm-opening .mm-slideout {
-webkit-transform: translate(-80%, 0);
-moz-transform: translate(-80%, 0);
-ms-transform: translate(-80%, 0);
-o-transform: translate(-80%, 0);
transform: translate(-80%, 0); }
@media all and (max-width: 175px) {
html.mm-right.mm-opening .mm-slideout {
-webkit-transform: translate(-140px, 0);
-moz-transform: translate(-140px, 0);
-ms-transform: translate(-140px, 0);
-o-transform: translate(-140px, 0);
transform: translate(-140px, 0); } }
@media all and (min-width: 375px) {
html.mm-right.mm-opening .mm-slideout {
-webkit-transform: translate(-300px, 0);
-moz-transform: translate(-300px, 0);
-ms-transform: translate(-300px, 0);
-o-transform: translate(-300px, 0);
transform: translate(-300px, 0); } }
html.mm-front .mm-slideout {
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important; }
.mm-menu.mm-front {
z-index: 3; }
.mm-menu.mm-front, .mm-menu.mm-next {
transition: transform 0.4s ease, opacity 0.4s ease;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50); }
.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
.mm-menu.mm-top {
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
-o-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
.mm-menu.mm-bottom {
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
.mobileMenu.mm-menu.mm-front .mobileHeader__component, .mobileMenu.mm-menu.mm-next .mobileHeader__component {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
transform: scale(1.1) translateY(-24px);
transition: opacity .5s ease-in-out, transform .5s ease-in-out; }
.mobileMenu.mm-menu.mm-front .mobileHeader__component:nth-child(1), .mobileMenu.mm-menu.mm-next .mobileHeader__component:nth-child(1) {
transition-delay: 300ms, 300ms; }
.mobileMenu.mm-menu.mm-front .mobileHeader__component:nth-child(2), .mobileMenu.mm-menu.mm-next .mobileHeader__component:nth-child(2) {
transition-delay: 350ms, 350ms; }
.mobileMenu.mm-menu.mm-front .mobileHeader__component:nth-child(3), .mobileMenu.mm-menu.mm-next .mobileHeader__component:nth-child(3) {
transition-delay: 400ms, 400ms; }
.mobileMenu.mm-menu.mm-front .mobileHeader__component:nth-child(4), .mobileMenu.mm-menu.mm-next .mobileHeader__component:nth-child(4) {
transition-delay: 450ms, 450ms; }
.mobileMenu.mm-menu.mm-front .mobileHeader__component:nth-child(5), .mobileMenu.mm-menu.mm-next .mobileHeader__component:nth-child(5) {
transition-delay: 500ms, 500ms; }
.mobileMenu.mm-menu.mm-front .mobileHeader__component:nth-child(6), .mobileMenu.mm-menu.mm-next .mobileHeader__component:nth-child(6) {
transition-delay: 550ms, 550ms; }
.mobileMenu.mm-menu.mm-front .mobileHeader__component:nth-child(7), .mobileMenu.mm-menu.mm-next .mobileHeader__component:nth-child(7) {
transition-delay: 600ms, 600ms; }
.mobileMenu.mm-menu.mm-front .mobileHeader__component:nth-child(8), .mobileMenu.mm-menu.mm-next .mobileHeader__component:nth-child(8) {
transition-delay: 650ms, 650ms; }
.mobileMenu.mm-menu.mm-front .mobileHeader__component .nav__item, .mobileMenu.mm-menu.mm-next .mobileHeader__component .nav__item {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
transform: scale(1.1) translateY(-24px);
transition: opacity .5s ease-in-out, transform .5s ease-in-out; }
.mobileMenu.mm-menu.mm-front .mobileHeader__component .nav__item:nth-child(1), .mobileMenu.mm-menu.mm-next .mobileHeader__component .nav__item:nth-child(1) {
transition-delay: 300ms, 300ms; }
.mobileMenu.mm-menu.mm-front .mobileHeader__component .nav__item:nth-child(2), .mobileMenu.mm-menu.mm-next .mobileHeader__component .nav__item:nth-child(2) {
transition-delay: 350ms, 350ms; }
.mobileMenu.mm-menu.mm-front .mobileHeader__component .nav__item:nth-child(3), .mobileMenu.mm-menu.mm-next .mobileHeader__component .nav__item:nth-child(3) {
transition-delay: 400ms, 400ms; }
.mobileMenu.mm-menu.mm-front .mobileHeader__component .nav__item:nth-child(4), .mobileMenu.mm-menu.mm-next .mobileHeader__component .nav__item:nth-child(4) {
transition-delay: 450ms, 450ms; }
.mobileMenu.mm-menu.mm-front .mobileHeader__component .nav__item:nth-child(5), .mobileMenu.mm-menu.mm-next .mobileHeader__component .nav__item:nth-child(5) {
transition-delay: 500ms, 500ms; }
.mobileMenu.mm-menu.mm-front .mobileHeader__component .nav__item:nth-child(6), .mobileMenu.mm-menu.mm-next .mobileHeader__component .nav__item:nth-child(6) {
transition-delay: 550ms, 550ms; }
.mobileMenu.mm-menu.mm-front .mobileHeader__component .nav__item:nth-child(7), .mobileMenu.mm-menu.mm-next .mobileHeader__component .nav__item:nth-child(7) {
transition-delay: 600ms, 600ms; }
.mobileMenu.mm-menu.mm-front .mobileHeader__component .nav__item:nth-child(8), .mobileMenu.mm-menu.mm-next .mobileHeader__component .nav__item:nth-child(8) {
transition-delay: 650ms, 650ms; }
html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next,
html.mm-opening .mobileMenu.mm-menu.mm-front,
html.mm-opening .mobileMenu.mm-menu.mm-next {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
html.mm-opening .mm-menu .mobileHeader__component,
html.mm-opening .mobileMenu.mm-menu .mobileHeader__component {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
transform: translateX(0) translateY(0); }
html.mm-opening .mm-menu .mobileHeader__component .nav__item,
html.mm-opening .mobileMenu.mm-menu .mobileHeader__component .nav__item {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
transform: none; }
.mm-menu.mm-top, .mm-menu.mm-bottom {
height: 80%;
min-height: 140px;
max-height: 880px; }
/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
width: 600px;
height: 400px;
position: relative;
direction: ltr; }
.royalSlider > * {
float: left; }
.rsWebkit3d .rsSlide {
-webkit-transform: translateZ(0); }
.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
-webkit-backface-visibility: hidden; }
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
-webkit-transform: none; }
.rsOverflow {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
float: left;
-webkit-tap-highlight-color: transparent; }
.rsVisibleNearbyWrap {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
left: 0;
top: 0;
-webkit-tap-highlight-color: transparent; }
.rsVisibleNearbyWrap .rsOverflow {
position: absolute;
left: 0;
top: 0; }
.rsContainer {
position: relative;
width: 100%;
height: 100%;
-webkit-tap-highlight-color: transparent; }
.rsArrow,
.rsThumbsArrow {
cursor: pointer; }
.rsThumb {
float: left;
position: relative; }
.rsArrow,
.rsNav,
.rsThumbsArrow {
opacity: 1;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear; }
.rsHidden {
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
-moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
-o-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
transition: visibility 0s linear 0.3s,opacity 0.3s linear; }
.rsGCaption {
width: 100%;
float: left;
text-align: center; }
/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
position: fixed !important;
height: auto !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
z-index: 2147483647 !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important; }
.royalSlider .rsSlide.rsFakePreloader {
opacity: 1 !important;
-webkit-transition: 0s;
-moz-transition: 0s;
-o-transition: 0s;
transition: 0s;
display: none; }
.rsSlide {
position: absolute;
left: 0;
top: 0;
display: block;
overflow: hidden;
height: 100%;
width: 100%; }
.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
height: auto; }
.rsContent {
width: 100%;
height: 100%;
position: relative; }
.rsPreloader {
position: absolute;
z-index: 0; }
.rsNav {
-moz-user-select: -moz-none;
-webkit-user-select: none;
user-select: none; }
.rsNavItem {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.25); }
.rsThumbs {
cursor: pointer;
position: relative;
overflow: hidden;
float: left;
z-index: 22; }
.rsTabs {
float: left;
background: none !important; }
.rsTabs,
.rsThumbs {
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent; }
.rsVideoContainer {
/*left: 0;
top: 0;
position: absolute;*/
/*width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
float: left;*/
width: auto;
height: auto;
line-height: 0;
position: relative; }
.rsVideoFrameHolder {
position: absolute;
left: 0;
top: 0;
background: #141414;
opacity: 0;
-webkit-transition: .3s; }
.rsVideoFrameHolder.rsVideoActive {
opacity: 1; }
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
position: absolute;
z-index: 50;
left: 0;
top: 0;
width: 100%;
height: 100%; }
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 44px; }
.rsABlock {
left: 0;
top: 0;
position: absolute;
z-index: 15; }
img.rsImg {
max-width: none; }
.grab-cursor {
cursor: url(../img/plugins/royalSlider/grab.png) 8 8, move; }
.grabbing-cursor {
cursor: url(../img/plugins/royalSlider/grabbing.png) 8 8, move; }
.rsNoDrag {
cursor: auto; }
.rsLink {
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%;
display: block;
z-index: 20;
background: url(../img/plugins/royalSlider/blank.gif); }
/******************************
*
* RoyalSlider Default Skin
*
* 1. Arrows
* 2. Bullets
* 3. Thumbnails
* 4. Tabs
* 5. Fullscreen button
* 6. Play/close video button
* 7. Preloader
* 8. Caption
*
* Sprite: 'rs-default.png'
* Feel free to edit anything
* If you don't some part - just delete it
*
******************************/
/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
background-color: transparent; }
/***************
*
* 1. Arrows
*
****************/
/***************
*
* 2. Bullets
*
****************/
.rsDefault .rsBullet {
display: inline-block;
*display: inline;
*zoom: 1; }
/***************
*
* 3. Thumbnails
*
****************/
/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
.rsDefault .rsThumb {
width: 59px;
height: 44px; }
.rsDefault .rsThumbsHor {
height: 44px; }
.rsDefault .rsThumbsVer {
width: 59px; } }
/***************
*
* 4. Tabs
*
****************/
/***************
*
* 6. Play/close video button
*
****************/
.rsDefault .rsPlayBtn {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
width: 64px;
height: 64px;
margin-left: -32px;
margin-top: -32px;
cursor: pointer; }
.rsDefault .rsPlayBtnIcon {
width: 64px;
display: block;
height: 64px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s;
background: url("../img/plugins/royalSlider/rs-default.png") no-repeat 0 -32px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
*background-color: #000; }
.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
background-color: rgba(0, 0, 0, 0.9); }
.rsDefault .rsBtnCenterer {
position: absolute;
left: 50%;
top: 50%; }
.rsDefault .rsCloseVideoBtn {
right: 0;
top: 0;
width: 44px;
height: 44px;
z-index: 500;
position: absolute;
cursor: pointer;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0); }
.rsDefault .rsCloseVideoBtn.rsiOSBtn {
top: -38px;
right: -6px; }
.rsDefault .rsCloseVideoIcn {
margin: 6px;
width: 32px;
height: 32px;
background: url("../img/plugins/royalSlider/rs-default.png") -64px 0;
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
*background-color: #000; }
.rsDefault .rsCloseVideoIcn:hover {
background-color: rgba(0, 0, 0, 0.9); }
/***************
*
* 7. Preloader
*
****************/
.rsDefault .rsPreloader {
width: 20px;
height: 20px;
background-image: url("../img/plugins/royalSlider/preloaders/preloader-white.gif");
left: 50%;
top: 50%;
margin-left: -10px;
margin-top: -10px; }
/***************
*
* 8. Global caption
*
****************/
.rsDefault .rsGCaption {
position: absolute;
float: none;
bottom: 6px;
left: 6px;
text-align: left;
background: black;
background: rgba(0, 0, 0, 0.75);
color: #FFF;
padding: 2px 8px;
width: auto;
font-size: 12px;
border-radius: 2px; }
/* Scaling transforms - pro royalSlider nearby */
.visibleNearby .rsSlide img {
opacity: 0.45;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9); }
.visibleNearby .rsActiveSlide img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.visibleNearby {
width: 100%;
background: #141414;
color: #FFF;
padding-top: 25px; }
.visibleNearby img {
-webkit-backface-visibility: hidden; }
.visibleNearby .rsGCaption {
font-size: 16px;
line-height: 18px;
padding: 12px 0 16px;
/*background: #141414;*/
background: #fff;
color: #000;
width: 100%;
position: static;
float: left;
left: auto;
bottom: auto;
text-align: center; }
.visibleNearby .rsGCaption span {
display: block;
clear: both;
color: #bbb;
font-size: 14px;
line-height: 22px; }
/******************************
*
* RoyalSlider Default Skin
*
* 1. Arrows
* 2. Bullets
* 3. Thumbnails
* 4. Tabs
* 5. Fullscreen button
* 6. Play/close video button
* 7. Preloader
* 8. Caption
*
* Sprite: 'rs-default.png'
* Feel free to edit anything
* If you don't some part - just delete it
*
******************************/
/***************
*
* 1. Arrows
*
****************/
.rsClear .rsArrow {
height: 100%;
width: 44px;
position: absolute;
display: block;
cursor: pointer;
z-index: 21; }
.rsClear.rsVer .rsArrow {
width: 100%;
height: 44px; }
.rsClear.rsVer .rsArrowLeft {
top: 0;
left: 0; }
.rsClear.rsVer .rsArrowRight {
bottom: 0;
left: 0; }
.rsClear.rsHor .rsArrowLeft {
left: 0;
top: 0; }
.rsClear.rsHor .rsArrowRight {
right: 0;
top: 0; }
.rsClear .rsArrowIcn {
position: absolute;
top: 50%;
cursor: pointer; }
.rsClear .rsArrowDisabled .rsArrowIcn {
opacity: .2;
filter: alpha(opacity=20);
*display: none; }
/***************
*
* 2. Bullets
*
****************/
.rsClear .rsBullets {
z-index: 35;
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
line-height: 12px ;
line-height: 0.75rem ;
overflow: hidden; }
.rsClear .rsBullet {
width: 12px ;
width: 0.75rem ;
height: 12px ;
height: 0.75rem ;
display: inline-block;
*display: inline;
*zoom: 1;
padding: 12px ;
padding: 0.75rem ;
cursor: pointer; }
.rsClear .rsBullet span {
display: block;
width: 12px ;
width: 0.75rem ;
height: 12px ;
height: 0.75rem ;
border-radius: 50%;
background: #fff;
border: 1px solid #000; }
.rsClear .rsBullet:hover span {
background: black; }
.rsClear .rsBullet.rsNavSelected span {
background: black; }
/***************
*
* 3. Thumbnails
*
****************/
.rsClear .rsThumbsHor {
width: 100%;
height: 72px; }
.rsClear .rsThumbsVer {
width: 170px;
height: 100%;
position: absolute;
top: 0;
right: 0; }
.rsClear.rsWithThumbsHor .rsThumbsContainer {
position: relative;
height: 100%; }
.rsClear.rsWithThumbsVer .rsThumbsContainer {
position: relative;
width: 100%; }
.rsClear .rsThumb {
float: left;
overflow: hidden;
width: 100%;
height: 72px; }
.rsClear .rsThumb img {
width: 100%;
height: 100%; }
.rsClear .rsThumb.rsNavSelected {
background: #000;
color: #fff; }
.rsClear .rsThumb.rsNavSelected img {
opacity: 0.3;
filter: alpha(opacity=30); }
.rsClear .rsTmb {
display: block; }
/* Thumbnails with text */
.rsClear .rsTmb h5 {
font-size: 16px;
margin: 0;
padding: 0;
line-height: 20px;
color: #FFF; }
.rsClear .rsTmb span {
margin: 0;
padding: 0; }
/* Thumbnails arrow icons */
.rsClear .rsThumbsArrow {
height: 100%;
width: 20px;
position: absolute;
display: block;
cursor: pointer;
z-index: 21;
background: #000;
background: rgba(0, 0, 0, 0.75); }
.rsClear .rsThumbsArrow:hover {
background: rgba(0, 0, 0, 0.9); }
.rsClear.rsWithThumbsVer .rsThumbsArrow {
width: 100%;
height: 20px; }
.rsClear.rsWithThumbsVer .rsThumbsArrowLeft {
top: 0;
left: 0; }
.rsClear.rsWithThumbsVer .rsThumbsArrowRight {
bottom: 0;
left: 0; }
.rsClear.rsWithThumbsHor .rsThumbsArrowLeft {
left: 0;
top: 0; }
.rsClear.rsWithThumbsHor .rsThumbsArrowRight {
right: 0;
top: 0; }
.rsClear .rsThumbsArrowIcn {
cursor: pointer; }
.rsClear .rsThumbsArrowIcn::before {
font-size: 20px;
font-size: 1.25rem; }
.rsClear.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
transform: translateX(-50%) translateY(-50%) rotate(-180deg); }
.rsClear.rsWithThumbsVer .rsThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
transform: translateX(-50%) translateY(-50%) rotate(0); }
.rsClear.rsWithThumbsVer .rsThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
transform: translateX(-50%) translateY(-50%) rotate(180deg); }
.rsClear.rsWithThumbsVer .rsThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
transform: translateX(-50%) translateY(-50%) rotate(90deg); }
.rsClear.rsWithThumbsVer .rsThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
transform: translateX(-50%) translateY(-50%) rotate(-90deg); }
.rsClear .rsThumbsArrowDisabled {
display: none !important; }
/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
.rsClear .rsThumb {
width: 59px;
height: 44px; }
.rsClear .rsThumbsHor {
height: 44px; }
.rsClear .rsThumbsVer {
width: 59px; } }
/***************
*
* 4. Tabs
*
****************/
.rsClear .rsTabs {
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
overflow: hidden;
padding-top: 12px;
position: relative; }
.rsClear .rsTab {
display: inline-block;
cursor: pointer;
padding: 12px ;
padding: 0.75rem ;
color: #173530; }
.rsClear .rsTab:active {
color: #081110; }
.rsClear .rsTab.rsNavSelected, .rsClear .rsTab:hover {
color: #081110; }
/***************
*
* 5. Fullscreen button
*
****************/
.rsClear .rsFullscreenBtn {
right: 0;
top: 0;
width: 44px;
height: 44px;
z-index: 22;
display: block;
position: absolute;
cursor: pointer; }
.rsClear .rsFullscreenIcn {
display: block;
margin: 6px;
width: 32px;
height: 32px;
background: url("../img/plugins/royalSlider/rs-default.png") 0 0;
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
*background-color: #000;
border-radius: 2px; }
.rsClear .rsFullscreenIcn:hover {
background-color: rgba(0, 0, 0, 0.9); }
.rsClear.rsFullscreen .rsFullscreenIcn {
background-position: -32px 0; }
/***************
*
* 6. Play/close video button
*
****************/
.rsClear .rsPlayBtn {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
width: 64px;
height: 64px;
margin-left: -32px;
margin-top: -32px;
cursor: pointer; }
.rsClear .rsPlayBtnIcon {
width: 64px;
display: block;
height: 64px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s;
background: url("../img/plugins/royalSlider/rs-default.png") no-repeat 0 -32px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
*background-color: #000; }
.rsClear .rsPlayBtn:hover .rsPlayBtnIcon {
background-color: rgba(0, 0, 0, 0.9); }
.rsClear .rsBtnCenterer {
position: absolute;
left: 50%;
top: 50%; }
.rsClear .rsCloseVideoBtn {
right: 0;
top: 0;
width: 44px;
height: 44px;
z-index: 500;
position: absolute;
cursor: pointer;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0); }
.rsClear .rsCloseVideoBtn.rsiOSBtn {
top: -38px;
right: -6px; }
.rsClear .rsCloseVideoIcn {
margin: 6px;
width: 32px;
height: 32px;
background: url("../img/plugins/royalSlider/rs-default.png") -64px 0;
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
*background-color: #000; }
.rsClear .rsCloseVideoIcn:hover {
background-color: rgba(0, 0, 0, 0.9); }
/***************
*
* 7. Preloader
*
****************/
.rsClear .rsPreloader {
width: 20px;
height: 20px;
background-image: url("../img/plugins/royalSlider/preloaders/preloader-white.gif");
left: 50%;
top: 50%;
margin-left: -10px;
margin-top: -10px; }
/***************
*
* 8. Global caption
*
****************/
.rsClear .rsGCaption {
position: absolute;
float: none;
bottom: 6px;
left: 6px;
text-align: left;
background: black;
background: rgba(0, 0, 0, 0.75);
color: #FFF;
padding: 2px 8px;
width: auto;
font-size: 12px;
border-radius: 2px; }
.rsDefault .rsArrow {
width: 50px;
height: 100%;
position: absolute;
display: block;
cursor: pointer;
z-index: 21; }
.rsDefault.rsVer .rsArrow {
width: 100%;
height: 50px; }
.rsDefault .rsArrowIcn {
width: 50px;
height: 50px;
cursor: pointer;
background-color: rgba(253, 177, 45, 0.5); }
.rsDefault .rsArrowIcn::before {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
font-size: 25px;
font-size: 1.5625rem;
color: #173530; }
.rsDefault .rsArrowIcn:hover {
background-color: #fdb12d; }
.rsDefault .rsArrowIcn:hover::before {
color: #fff; }
.rsDefault.rsHor .rsArrowLeft {
left: 0;
top: 0; }
@media screen and (min-width: 768px) {
.rsDefault.rsHor .rsArrowLeft {
top: 0;
left: 0; } }
.rsDefault.rsHor .rsArrowRight {
right: 0;
top: 0; }
@media screen and (min-width: 768px) {
.rsDefault.rsHor .rsArrowRight {
top: 0;
right: 0; } }
.rsDefault.rsHor .rsArrowRight .rsArrowIcn::before {
transform: translateX(-50%) translateY(-50%) rotate(-180deg); }
.rsDefault.rsVer .rsArrowLeft {
top: 0;
left: 0; }
.rsDefault.rsVer .rsArrowRight {
bottom: 0;
left: 0; }
.rsDefault.rsVer .rsArrowLeft .rsArrowIcn {
background-position: -96px -32px; }
.rsDefault.rsVer .rsArrowRight .rsArrowIcn {
background-position: -96px -64px; }
.rsDefault .rsArrowDisabled .rsArrowIcn {
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
*display: none; }
.rsDefault .rsBullets {
display: none;
background: none;
z-index: 35;
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
line-height: 8px;
overflow: hidden; }
@media screen and (min-width: 768px) {
.rsDefault .rsBullets {
display: block; } }
.rsDefault .rsBullet {
width: 10px;
height: 10px;
display: inline-block;
padding: 6px 5px 6px; }
.rsDefault .rsBullet:hover > span {
background-color: #fdb12d; }
.rsDefault .rsBullet > span {
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
border: 0;
background-color: #444;
cursor: pointer; }
.rsDefault .rsBullet > span:hover {
background-color: #fdb12d; }
.rsDefault .rsBullet.rsNavSelected > span {
background-color: #fdb12d; }
.rsDefault .rsTabs {
display: none;
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
overflow: visible;
padding-top: 12px;
position: relative; }
@media screen and (min-width: 768px) {
.rsDefault .rsTabs {
display: block; } }
.rsDefault .rsTabs .rsTab {
display: inline-block;
width: 25px;
height: 25px;
padding: 5px ;
padding: 0.3125rem ;
margin-right: 12px ;
margin-right: 0.75rem ;
border: 1px solid #ddd;
background-color: #fff;
background-image: none;
box-shadow: none;
color: #173530;
text-decoration: none;
text-align: center;
cursor: pointer;
*display: inline;
*zoom: 1; }
.rsDefault .rsTabs .rsTab:hover {
border-color: #fdb12d; }
.rsDefault .rsTabs .rsTab.rsNavSelected {
border-width: 2px;
width: 24px;
height: 24px;
border-color: #fdb12d;
box-shadow: none;
background-image: none; }
.rsDefault .rsTabs .rsTab:active {
border-color: #d0d0d0; }
[class^="rs"] {
box-sizing: content-box; }
.royalSlider {
width: 100%;
height: auto; }
.royalSlider * {
-webkit-backface-visibility: hidden; }
.royalSlider img {
display: block;
margin-left: auto;
margin-right: auto;
height: auto; }
.royalSlider--rsNavLeft .rsThumbsVer {
right: auto;
left: 0; }
.royalSlider--rsNavLeft .rsOverflow {
float: right; }
.royalSlider--rsNavRight .rsThumbsVer {
left: auto;
right: 0; }
.royalSlider--rsNavRight .rsOverflow {
float: left; }
.royalSlider--rsArrowsOut .rsOverflow {
box-sizing: border-box; }
.royalSlider--rsNavWide {
min-height: 420px; }
.royalSlider--rsNavWide .rsContent img {
width: 100%; }
.royalSlider--rsNavWide .rsThumbs {
width: 33%; }
.royalSlider--rsNavWide .rsThumbs .rsThumb {
box-sizing: border-box;
padding: 12px ;
padding: 0.75rem ;
width: 100%;
height: 75px;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
background-color: #eceff4; }
.royalSlider--rsNavWide .rsThumbs .rsThumb:first-child {
border-top: 1px solid #ddd; }
.royalSlider--rsNavWide .rsThumbs .rsThumb:hover .rsTmb__title {
color: #173530; }
.royalSlider--rsNavWide .rsThumbs .rsThumb.rsNavSelected {
color: #173530;
background-color: #fff;
padding-left: 24px ;
padding-left: 1.5rem ;
border-left: 6px solid #fdb12d;
border-right-color: #fff; }
.royalSlider--rsNavWide .rsThumbs .rsThumb.rsNavSelected .rsTmb__title {
color: #173530; }
.royalSlider--rsNavWide .rsThumbs .rsThumb.rsNavSelected img,
.royalSlider--rsNavWide .rsThumbs .rsThumb.rsNavSelected .objectFit,
.royalSlider--rsNavWide .rsThumbs .rsThumb.rsNavSelected .cGnotation img, .cGnotation
.royalSlider--rsNavWide .rsThumbs .rsThumb.rsNavSelected img {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
display: none; }
.royalSlider--rsNavWide .rsThumbs .rsThumb .objectFit, .royalSlider--rsNavWide .rsThumbs .rsThumb .cGnotation img, .cGnotation .royalSlider--rsNavWide .rsThumbs .rsThumb img {
float: left;
width: 80px;
height: 50px;
margin-right: 24px ;
margin-right: 1.5rem ; }
.royalSlider--rsNavWide .rsTmb__content .rsTmb__img,
.royalSlider--rsNavWide .rsTmb__content .cNews--img__img {
float: left;
margin-right: 24px ;
margin-right: 1.5rem ;
width: 80px;
max-height: 50px; }
.royalSlider--rsNavWide .rsTmb__content .rsTmb__date {
margin-right: 12px ;
margin-right: 0.75rem ; }
.rsABlock {
padding: 36px ;
padding: 2.25rem ;
width: 100%;
box-sizing: border-box;
background-color: #fdb12d;
color: #fff; }
.rsABlock__title {
color: #fff;
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.rsABlock__title > a {
font-size: 16px;
font-size: 1rem;
color: #fff; }
.rsABlock__title .rsTmb__date {
font-size: 13px;
font-size: 0.8125rem;
font-weight: normal; }
@media screen and (min-width: 768px) {
.rsABlock--left-bottom {
left: 0;
bottom: 0;
top: auto; } }
@media screen and (min-width: 768px) {
.rsABlock--right-bottom {
right: 0;
bottom: 0;
top: auto; } }
@media screen and (min-width: 768px) {
.rsABlock--right-top {
right: 0;
top: 0;
left: auto; } }
@media screen and (min-width: 768px) {
.rsABlock--left-top {
top: 0;
left: 0; } }
@media screen and (min-width: 768px) {
.rsABlock--right-bottom {
right: 0;
bottom: 0;
left: auto;
top: auto; } }
@media screen and (min-width: 768px) {
.rsABlock--bottom {
right: 0;
bottom: 0;
left: 0;
top: auto; } }
@media screen and (min-width: 768px) {
.rsABlock--top {
left: 0;
right: 0;
top: 0; } }
.rsABlock--light {
background-color: rgba(255, 255, 255, 0.8);
color: #000; }
.rsABlock--light h1 {
color: #000; }
.rsABlock--light h2 {
color: #000; }
.rsABlock--light h3 {
color: #000; }
.rsABlock--light h4 {
color: #000; }
.rsABlock--light h5 {
color: #000; }
.rsABlock--light h6 {
color: #000; }
@media screen and (min-width: 768px) {
.rsABlock--full {
width: 100%; } }
.rsWithBullets .rsGCaption {
bottom: 24px; }
.rsImgCenter {
margin: auto; }
.rsSlideshow .rsGCaption {
bottom: 4;
width: 100%;
padding: 0;
background: transparent;
text-align: center;
z-index: 1; }
.rsSlideshow .rsGCaption__in {
display: inline-block;
width: 40%;
padding: 12px ;
padding: 0.75rem ; }
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444; }
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
/* jQuery UI - v1.12.1 - 2017-06-19
* http://jqueryui.com
* Includes: core.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
display: none; }
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none; }
.ui-helper-clearfix:after, .ui-helper-clearfix:before {
content: "";
display: table;
border-collapse: collapse; }
.ui-helper-clearfix:after {
clear: both; }
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0); }
.ui-front {
z-index: 100; }
.ui-state-disabled {
cursor: default !important;
pointer-events: none; }
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat; }
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block; }
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.ui-slider {
position: relative;
text-align: left; }
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none; }
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0; }
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit; }
.ui-slider-horizontal {
height: .8em; }
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%; }
.ui-slider-horizontal .ui-slider-range-min {
left: 0; }
.ui-slider-horizontal .ui-slider-range-max {
right: 0; }
.ui-slider-vertical {
width: .8em;
height: 100px; }
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%; }
.ui-slider-vertical .ui-slider-range-min {
bottom: 0; }
.ui-slider-vertical .ui-slider-range-max {
top: 0; }
.ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em; }
.ui-widget .ui-widget {
font-size: 1em; }
.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em; }
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5; }
.ui-widget-content {
border: 1px solid #ddd;
background: #fff;
color: #333; }
.ui-widget-content a {
color: #333; }
.ui-widget-header {
border: 1px solid #ddd;
background: #e9e9e9;
color: #333;
font-weight: 700; }
.ui-widget-header a {
color: #333; }
.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: 400;
color: #454545; }
.ui-button, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button {
color: #454545;
text-decoration: none; }
.ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
border: 1px solid #ccc;
background: #ededed;
font-weight: 400;
color: #2b2b2b; }
.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover {
color: #2b2b2b;
text-decoration: none; }
.ui-visual-focus {
box-shadow: 0 0 3px 1px #5e9ed6; }
.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
border: 1px solid #003eff;
background: #007fff;
font-weight: 400;
color: #fff; }
.ui-icon-background, .ui-state-active .ui-icon-background {
border: #003eff;
background-color: #fff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #fff;
text-decoration: none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620; }
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
color: #777620; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
color: #5f3f3f; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
color: #5f3f3f; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
font-weight: 700; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: 400; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none; }
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35); }
.ui-icon {
width: 16px;
height: 16px; }
.ui-icon-blank {
background-position: 16px 16px; }
.ui-icon-caret-1-n {
background-position: 0 0; }
.ui-icon-caret-1-ne {
background-position: -16px 0; }
.ui-icon-caret-1-e {
background-position: -32px 0; }
.ui-icon-caret-1-se {
background-position: -48px 0; }
.ui-icon-caret-1-s {
background-position: -65px 0; }
.ui-icon-caret-1-sw {
background-position: -80px 0; }
.ui-icon-caret-1-w {
background-position: -96px 0; }
.ui-icon-caret-1-nw {
background-position: -112px 0; }
.ui-icon-caret-2-n-s {
background-position: -128px 0; }
.ui-icon-caret-2-e-w {
background-position: -144px 0; }
.ui-icon-triangle-1-n {
background-position: 0 -16px; }
.ui-icon-triangle-1-ne {
background-position: -16px -16px; }
.ui-icon-triangle-1-e {
background-position: -32px -16px; }
.ui-icon-triangle-1-se {
background-position: -48px -16px; }
.ui-icon-triangle-1-s {
background-position: -65px -16px; }
.ui-icon-triangle-1-sw {
background-position: -80px -16px; }
.ui-icon-triangle-1-w {
background-position: -96px -16px; }
.ui-icon-triangle-1-nw {
background-position: -112px -16px; }
.ui-icon-triangle-2-n-s {
background-position: -128px -16px; }
.ui-icon-triangle-2-e-w {
background-position: -144px -16px; }
.ui-icon-arrow-1-n {
background-position: 0 -32px; }
.ui-icon-arrow-1-ne {
background-position: -16px -32px; }
.ui-icon-arrow-1-e {
background-position: -32px -32px; }
.ui-icon-arrow-1-se {
background-position: -48px -32px; }
.ui-icon-arrow-1-s {
background-position: -65px -32px; }
.ui-icon-arrow-1-sw {
background-position: -80px -32px; }
.ui-icon-arrow-1-w {
background-position: -96px -32px; }
.ui-icon-arrow-1-nw {
background-position: -112px -32px; }
.ui-icon-arrow-2-n-s {
background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px; }
.ui-icon-arrow-2-e-w {
background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px; }
.ui-icon-arrowstop-1-n {
background-position: -192px -32px; }
.ui-icon-arrowstop-1-e {
background-position: -208px -32px; }
.ui-icon-arrowstop-1-s {
background-position: -224px -32px; }
.ui-icon-arrowstop-1-w {
background-position: -240px -32px; }
.ui-icon-arrowthick-1-n {
background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px; }
.ui-icon-arrowthick-1-e {
background-position: -32px -48px; }
.ui-icon-arrowthick-1-se {
background-position: -48px -48px; }
.ui-icon-arrowthick-1-s {
background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px; }
.ui-icon-arrowthick-1-w {
background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px; }
.ui-icon-arrow-4 {
background-position: 0 -80px; }
.ui-icon-arrow-4-diag {
background-position: -16px -80px; }
.ui-icon-extlink {
background-position: -32px -80px; }
.ui-icon-newwin {
background-position: -48px -80px; }
.ui-icon-refresh {
background-position: -64px -80px; }
.ui-icon-shuffle {
background-position: -80px -80px; }
.ui-icon-transfer-e-w {
background-position: -96px -80px; }
.ui-icon-transferthick-e-w {
background-position: -112px -80px; }
.ui-icon-folder-collapsed {
background-position: 0 -96px; }
.ui-icon-folder-open {
background-position: -16px -96px; }
.ui-icon-document {
background-position: -32px -96px; }
.ui-icon-document-b {
background-position: -48px -96px; }
.ui-icon-note {
background-position: -64px -96px; }
.ui-icon-mail-closed {
background-position: -80px -96px; }
.ui-icon-mail-open {
background-position: -96px -96px; }
.ui-icon-suitcase {
background-position: -112px -96px; }
.ui-icon-comment {
background-position: -128px -96px; }
.ui-icon-person {
background-position: -144px -96px; }
.ui-icon-print {
background-position: -160px -96px; }
.ui-icon-trash {
background-position: -176px -96px; }
.ui-icon-locked {
background-position: -192px -96px; }
.ui-icon-unlocked {
background-position: -208px -96px; }
.ui-icon-bookmark {
background-position: -224px -96px; }
.ui-icon-tag {
background-position: -240px -96px; }
.ui-icon-home {
background-position: 0 -112px; }
.ui-icon-flag {
background-position: -16px -112px; }
.ui-icon-calendar {
background-position: -32px -112px; }
.ui-icon-cart {
background-position: -48px -112px; }
.ui-icon-pencil {
background-position: -64px -112px; }
.ui-icon-clock {
background-position: -80px -112px; }
.ui-icon-disk {
background-position: -96px -112px; }
.ui-icon-calculator {
background-position: -112px -112px; }
.ui-icon-zoomin {
background-position: -128px -112px; }
.ui-icon-zoomout {
background-position: -144px -112px; }
.ui-icon-search {
background-position: -160px -112px; }
.ui-icon-wrench {
background-position: -176px -112px; }
.ui-icon-gear {
background-position: -192px -112px; }
.ui-icon-heart {
background-position: -208px -112px; }
.ui-icon-star {
background-position: -224px -112px; }
.ui-icon-link {
background-position: -240px -112px; }
.ui-icon-cancel {
background-position: 0 -128px; }
.ui-icon-plus {
background-position: -16px -128px; }
.ui-icon-plusthick {
background-position: -32px -128px; }
.ui-icon-minus {
background-position: -48px -128px; }
.ui-icon-minusthick {
background-position: -64px -128px; }
.ui-icon-close {
background-position: -80px -128px; }
.ui-icon-closethick {
background-position: -96px -128px; }
.ui-icon-key {
background-position: -112px -128px; }
.ui-icon-lightbulb {
background-position: -128px -128px; }
.ui-icon-scissors {
background-position: -144px -128px; }
.ui-icon-clipboard {
background-position: -160px -128px; }
.ui-icon-copy {
background-position: -176px -128px; }
.ui-icon-contact {
background-position: -192px -128px; }
.ui-icon-image {
background-position: -208px -128px; }
.ui-icon-video {
background-position: -224px -128px; }
.ui-icon-script {
background-position: -240px -128px; }
.ui-icon-alert {
background-position: 0 -144px; }
.ui-icon-info {
background-position: -16px -144px; }
.ui-icon-notice {
background-position: -32px -144px; }
.ui-icon-help {
background-position: -48px -144px; }
.ui-icon-check {
background-position: -64px -144px; }
.ui-icon-bullet {
background-position: -80px -144px; }
.ui-icon-radio-on {
background-position: -96px -144px; }
.ui-icon-radio-off {
background-position: -112px -144px; }
.ui-icon-pin-w {
background-position: -128px -144px; }
.ui-icon-pin-s {
background-position: -144px -144px; }
.ui-icon-play {
background-position: 0 -160px; }
.ui-icon-pause {
background-position: -16px -160px; }
.ui-icon-seek-next {
background-position: -32px -160px; }
.ui-icon-seek-prev {
background-position: -48px -160px; }
.ui-icon-seek-end {
background-position: -64px -160px; }
.ui-icon-seek-start {
background-position: -80px -160px; }
.ui-icon-seek-first {
background-position: -80px -160px; }
.ui-icon-stop {
background-position: -96px -160px; }
.ui-icon-eject {
background-position: -112px -160px; }
.ui-icon-volume-off {
background-position: -128px -160px; }
.ui-icon-volume-on {
background-position: -144px -160px; }
.ui-icon-power {
background-position: 0 -176px; }
.ui-icon-signal-diag {
background-position: -16px -176px; }
.ui-icon-signal {
background-position: -32px -176px; }
.ui-icon-battery-0 {
background-position: -48px -176px; }
.ui-icon-battery-1 {
background-position: -64px -176px; }
.ui-icon-battery-2 {
background-position: -80px -176px; }
.ui-icon-battery-3 {
background-position: -96px -176px; }
.ui-icon-circle-plus {
background-position: 0 -192px; }
.ui-icon-circle-minus {
background-position: -16px -192px; }
.ui-icon-circle-close {
background-position: -32px -192px; }
.ui-icon-circle-triangle-e {
background-position: -48px -192px; }
.ui-icon-circle-triangle-s {
background-position: -64px -192px; }
.ui-icon-circle-triangle-w {
background-position: -80px -192px; }
.ui-icon-circle-triangle-n {
background-position: -96px -192px; }
.ui-icon-circle-arrow-e {
background-position: -112px -192px; }
.ui-icon-circle-arrow-s {
background-position: -128px -192px; }
.ui-icon-circle-arrow-w {
background-position: -144px -192px; }
.ui-icon-circle-arrow-n {
background-position: -160px -192px; }
.ui-icon-circle-zoomin {
background-position: -176px -192px; }
.ui-icon-circle-zoomout {
background-position: -192px -192px; }
.ui-icon-circle-check {
background-position: -208px -192px; }
.ui-icon-circlesmall-plus {
background-position: 0 -208px; }
.ui-icon-circlesmall-minus {
background-position: -16px -208px; }
.ui-icon-circlesmall-close {
background-position: -32px -208px; }
.ui-icon-squaresmall-plus {
background-position: -48px -208px; }
.ui-icon-squaresmall-minus {
background-position: -64px -208px; }
.ui-icon-squaresmall-close {
background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px; }
.ui-icon-grip-solid-vertical {
background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px; }
.ui-icon-grip-diagonal-se {
background-position: -80px -224px; }
.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
border-top-left-radius: 3px; }
.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
border-top-right-radius: 3px; }
.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
border-bottom-left-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
border-bottom-right-radius: 3px; }
.ui-widget-overlay {
background: #aaa;
opacity: .3;
filter: Alpha(Opacity=30); }
.ui-widget-shadow {
-webkit-box-shadow: 0 0 5px #666;
box-shadow: 0 0 5px #666; }
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0; }
.leaflet-container {
overflow: hidden; }
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
user-select: none; }
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast; }
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px; }
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block; }
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
max-width: none !important;
max-height: none !important; }
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
width: auto;
padding: 0; }
.leaflet-container img.leaflet-tile {
/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
mix-blend-mode: plus-lighter; }
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y; }
.leaflet-container.leaflet-touch-drag {
/* Fallback for FF which doesn't support pinch-zoom */
touch-action: none;
touch-action: pinch-zoom; }
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
touch-action: none; }
.leaflet-tile {
filter: inherit;
visibility: hidden; }
.leaflet-tile-loaded {
visibility: inherit; }
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800; }
.leaflet-pane {
z-index: 400; }
.leaflet-tile-pane {
z-index: 200; }
.leaflet-overlay-pane {
z-index: 400; }
.leaflet-shadow-pane {
z-index: 500; }
.leaflet-marker-pane {
z-index: 600; }
.leaflet-tooltip-pane {
z-index: 650; }
.leaflet-popup-pane {
z-index: 700; }
.leaflet-map-pane canvas {
z-index: 100; }
.leaflet-map-pane svg {
z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px; }
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute; }
/* control positioning */
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted;
/* IE 9-10 doesn't have auto */
pointer-events: auto; }
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none; }
.leaflet-top {
top: 0; }
.leaflet-right {
right: 0; }
.leaflet-bottom {
bottom: 0; }
.leaflet-left {
left: 0; }
.leaflet-control {
float: left;
clear: both; }
.leaflet-right .leaflet-control {
float: right; }
.leaflet-top .leaflet-control {
margin-top: 10px; }
.leaflet-bottom .leaflet-control {
margin-bottom: 10px; }
.leaflet-left .leaflet-control {
margin-left: 10px; }
.leaflet-right .leaflet-control {
margin-right: 10px; }
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
transition: opacity 0.2s linear; }
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1; }
.leaflet-zoom-animated {
transform-origin: 0 0; }
svg.leaflet-zoom-animated {
will-change: transform; }
.leaflet-zoom-anim .leaflet-zoom-animated {
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); }
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
transition: none; }
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden; }
/* cursors */
.leaflet-interactive {
cursor: pointer; }
.leaflet-grab {
cursor: grab; }
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair; }
.leaflet-popup-pane,
.leaflet-control {
cursor: auto; }
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: grabbing; }
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none; }
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: auto; }
/* visual tweaks */
.leaflet-container {
background: #ddd;
outline-offset: 1px; }
.leaflet-container a {
color: #0078A8; }
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255, 255, 255, 0.5); }
/* general typography */
.leaflet-container {
font-size: .75rem;
font-size: 0.75rem;
line-height: 1.5; }
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
border-radius: 4px; }
.leaflet-bar a {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black; }
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block; }
.leaflet-bar a:hover,
.leaflet-bar a:focus {
background-color: #f4f4f4; }
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px; }
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none; }
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb; }
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px; }
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px; }
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; }
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px; }
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
font-size: 22px; }
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
background: #fff;
border-radius: 5px; }
.leaflet-control-layers-toggle {
background-image: url(images/layers.png);
width: 36px;
height: 36px; }
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(images/layers-2x.png);
background-size: 26px 26px; }
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px; }
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none; }
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative; }
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff; }
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px; }
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px; }
.leaflet-control-layers label {
display: block;
font-size: 13px;
font-size: 1.08333em; }
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px; }
/* Default icon URLs */
.leaflet-default-icon-path {
/* used only in path-guessing heuristic, see L.Icon.Default */
background-image: url(images/marker-icon.png); }
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.8);
margin: 0; }
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
line-height: 1.4; }
.leaflet-control-attribution a {
text-decoration: none; }
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
text-decoration: underline; }
.leaflet-attribution-flag {
display: inline !important;
vertical-align: baseline !important;
width: 1em;
height: 0.6669em; }
.leaflet-left .leaflet-control-scale {
margin-left: 5px; }
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px; }
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
white-space: nowrap;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.8);
text-shadow: 1px 1px #fff; }
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px; }
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777; }
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none; }
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0, 0, 0, 0.2);
background-clip: padding-box; }
/* popup */
.leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px; }
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px; }
.leaflet-popup-content {
margin: 13px 24px 13px 20px;
line-height: 1.3;
font-size: 13px;
font-size: 1.08333em;
min-height: 1px; }
.leaflet-popup-content p {
margin: 17px 0;
margin: 1.3em 0; }
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-top: -1px;
margin-left: -20px;
overflow: hidden;
pointer-events: none; }
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
pointer-events: auto;
transform: rotate(45deg); }
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); }
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
border: none;
text-align: center;
width: 24px;
height: 24px;
font: 16px/24px Tahoma, Verdana, sans-serif;
color: #757575;
text-decoration: none;
background: transparent; }
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
color: #585858; }
.leaflet-popup-scrolled {
overflow: auto; }
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); }
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999; }
/* div icon */
.leaflet-div-icon {
background: #fff;
border: 1px solid #666; }
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
.leaflet-tooltip.leaflet-interactive {
cursor: pointer;
pointer-events: auto; }
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: ""; }
/* Directions */
.leaflet-tooltip-bottom {
margin-top: 6px; }
.leaflet-tooltip-top {
margin-top: -6px; }
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px; }
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff; }
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff; }
.leaflet-tooltip-left {
margin-left: -6px; }
.leaflet-tooltip-right {
margin-left: 6px; }
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px; }
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff; }
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff; }
/* Printing */
@media print {
/* Prevent printers from removing background-images of controls. */
.leaflet-control {
-webkit-print-color-adjust: exact;
print-color-adjust: exact; } }
.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
transition: transform 0.3s ease-out, opacity 0.3s ease-in; }
.leaflet-cluster-spider-leg {
/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in; }
.marker-cluster {
--_size: 4rem;
--_bg: white;
--_border-color: rgba(0, 0, 0, 0.35);
--_border-width: .5rem;
--_fs: 1rem;
--_fw: 700;
--_color: #fdb12d;
display: grid;
place-items: center;
border-radius: 100%;
background-color: var(--_border-color);
min-width: var(--_size);
min-height: var(--_size); }
.marker-cluster span {
font-size: var(--_fs);
font-weight: var(--_fw);
color: var(--_color); }
.marker-cluster div {
width: calc(100% - var(--_border-width) * 2);
height: calc(100% - var(--_border-width) * 2);
display: inherit;
place-items: inherit;
background-color: var(--_bg);
text-align: center;
border-radius: inherit; }
.pageHeader--fixed-header {
height: 0; }
.cHeader {
position: relative;
border-bottom: 1px solid transparent;
z-index: 100;
background-color: #f2efe8; }
.cHeader .hide--palm {
--_logo-f-h: none;
display: none; }
@media (min-width: 768px) {
.cHeader .hide--palm {
--_logo-f-h: grid;
display: flex; } }
.cHeader--is-transparent {
background-color: transparent; }
.cHeader--is-transparent .cHeader__inner {
background-color: transparent; }
.cHeader--is-transparent .navbar {
background-color: transparent;
border: 0; }
.cHeader--offcanvas-mobile {
transition: transform .4s ease; }
.cHeader.is-offcanvas-animated {
transform: translate(-80%, 0); }
.cHeader--fixed {
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); }
@media screen and (max-width: 767px) {
.js-lazyload-enabled .cHeader--fixed {
min-height: 50px; } }
.cHeader--wasFixed {
position: fixed;
top: 0;
left: 0;
width: 100%; }
.cHeader--hasLogoFullHeight.cHeader--classic .cHeader__wrapper {
max-width: 1340px;
margin-inline: auto;
padding-inline: 12px ;
padding-inline: 0.75rem ; }
.cHeader--hasLogoFullHeight .cHeader__wrapper {
display: var(--_logo-f-h, grid);
grid-template-columns: auto 1fr;
column-gap: 1rem; }
.cHeader--hasLogoFullHeight .cHeader__wrapper > .cHeader__logo {
grid-row: 1 / 3;
place-self: center;
margin-left: 12px ;
margin-left: 0.75rem ; }
.cHeader--hasLogoFullHeight .cHeader__wrapper > .cHeader__inner {
margin-inline: auto 0;
width: 100%; }
.cHeader--hasLogoFullHeight .cHeader__wrapper .navbar__inner {
display: flex;
justify-content: flex-end;
width: 100%;
margin-inline: auto 0; }
.cHeader--hasLogoFullHeight .cHeader__wrapper .navbar__left, .cHeader--hasLogoFullHeight .cHeader__wrapper .navbar__right {
width: max-content; }
.cHeader__inner {
display: flex;
align-items: center; }
.cHeader__inner [class*="icon-"]::before {
vertical-align: text-bottom;
color: #173530;
font-size: 16px;
font-size: 1rem;
line-height: 1; }
.cHeader__inner [class*="icon-"]:hover::before {
color: #173530; }
.cHeader__component__link {
text-decoration: none; }
.cHeader__logo {
padding: 0; }
.cHeader__logo img {
display: block;
max-width: 100%;
max-height: 100%;
width: 100%; }
.cHeader__logo .cHeader__link {
display: block;
line-height: 1; }
@media screen and (max-width: 767px) {
.cHeader__logo .cHeader__link {
max-width: 120px;
width: 120px; } }
@media screen and (min-width: 768px) {
.cHeader__logo .cHeader__link {
max-width: 120px;
width: 120px; } }
@media screen and (min-width: 1024px) {
.cHeader__logo .cHeader__link {
max-width: 165px;
width: 165px; } }
@media screen and (min-width: 1200px) {
.cHeader__logo .cHeader__link {
max-width: 165px;
width: 165px; } }
.cHeader--big.cHeader--separator .cHeader__inner {
height: 100px; }
@media screen and (min-width: 768px) {
.cHeader--big .cHeader__component {
padding: 40px 0 40px 0 ;
padding: 2.5rem 0 2.5rem 0 ;
margin-left: 12px ;
margin-left: 0.75rem ; } }
@media screen and (min-width: 1024px) {
.cHeader--big .cHeader__component {
padding: 50px 0 50px 0 ;
padding: 3.125rem 0 3.125rem 0 ;
margin-left: 24px ;
margin-left: 1.5rem ; } }
@media screen and (min-width: 1200px) {
.cHeader--big .cHeader__component {
padding: 60px 0 60px 0 ;
padding: 3.75rem 0 3.75rem 0 ; } }
@media screen and (min-width: 768px) {
.cHeader--big.cHeader--separator .cHeader__mainNav .nav__item__in,
.cHeader--big.cHeader--separator .cftSearchBtn,
.cHeader--big.cHeader--separator .cHeader__link,
.cHeader--big.cHeader--separator .drop-holder,
.cHeader--big.cHeader--separator .cHeader__clientZone > a,
.cHeader--big.cHeader--separator .cHeader__cta .btn--cta,
.cHeader--big.cHeader--separator .cHeader__cta .cMap__field .btn, .cMap__field
.cHeader--big.cHeader--separator .cHeader__cta .btn,
.cHeader--big.cHeader--separator .cHeader__cta .cMap__field .cClientZone__logout, .cMap__field
.cHeader--big.cHeader--separator .cHeader__cta .cClientZone__logout,
.cHeader--big.cHeader--separator .cHeader__cta .cMap__field .cNews-archiv a, .cMap__field .cNews-archiv
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .cNews-archiv .cMap__field a, .cNews-archiv .cMap__field
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .cMap__field .cRecepts .archive a, .cMap__field .cRecepts .archive
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .cRecepts .archive .cMap__field a, .cRecepts .archive .cMap__field
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .cMap__field .recipesList .archive a, .cMap__field .recipesList .archive
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .recipesList .archive .cMap__field a, .recipesList .archive .cMap__field
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .cMap__field .cFtr .recipesList__item .archive a, .cMap__field .cFtr .recipesList__item .archive
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .cFtr .recipesList__item .archive .cMap__field a, .cFtr .recipesList__item .archive .cMap__field
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .cFtr__search .search__btn, .cFtr__search
.cHeader--big.cHeader--separator .cHeader__cta .search__btn,
.cHeader--big.cHeader--separator .cHeader__cta .cNewsletter .btn, .cNewsletter
.cHeader--big.cHeader--separator .cHeader__cta .btn,
.cHeader--big.cHeader--separator .cHeader__cta .cNewsletter .cClientZone__logout, .cNewsletter
.cHeader--big.cHeader--separator .cHeader__cta .cClientZone__logout,
.cHeader--big.cHeader--separator .cHeader__cta .cNewsletter .cNews-archiv a, .cNewsletter .cNews-archiv
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .cNews-archiv .cNewsletter a, .cNews-archiv .cNewsletter
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .cNewsletter .cRecepts .archive a, .cNewsletter .cRecepts .archive
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .cRecepts .archive .cNewsletter a, .cRecepts .archive .cNewsletter
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .cNewsletter .recipesList .archive a, .cNewsletter .recipesList .archive
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .recipesList .archive .cNewsletter a, .recipesList .archive .cNewsletter
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .cNewsletter .cFtr .recipesList__item .archive a, .cNewsletter .cFtr .recipesList__item .archive
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .cFtr .recipesList__item .archive .cNewsletter a, .cFtr .recipesList__item .archive .cNewsletter
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .cForm .btn, .cForm
.cHeader--big.cHeader--separator .cHeader__cta .btn,
.cHeader--big.cHeader--separator .cHeader__cta .cForm .cClientZone__logout, .cForm
.cHeader--big.cHeader--separator .cHeader__cta .cClientZone__logout,
.cHeader--big.cHeader--separator .cHeader__cta .cForm .cNews-archiv a, .cForm .cNews-archiv
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .cNews-archiv .cForm a, .cNews-archiv .cForm
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .cForm .cRecepts .archive a, .cForm .cRecepts .archive
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .cRecepts .archive .cForm a, .cRecepts .archive .cForm
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .cForm .recipesList .archive a, .cForm .recipesList .archive
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .recipesList .archive .cForm a, .recipesList .archive .cForm
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .cForm .cFtr .recipesList__item .archive a, .cForm .cFtr .recipesList__item .archive
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .cFtr .recipesList__item .archive .cForm a, .cFtr .recipesList__item .archive .cForm
.cHeader--big.cHeader--separator .cHeader__cta a,
.cHeader--big.cHeader--separator .cHeader__cta .cConversButton .btn:not(.btn--inverse), .cConversButton
.cHeader--big.cHeader--separator .cHeader__cta .btn:not(.btn--inverse),
.cHeader--big.cHeader--separator .cHeader__cta .cConversButton .cClientZone__logout:not(.btn--inverse), .cConversButton
.cHeader--big.cHeader--separator .cHeader__cta .cClientZone__logout:not(.btn--inverse),
.cHeader--big.cHeader--separator .cHeader__cta .cConversButton .cNews-archiv a:not(.btn--inverse), .cConversButton .cNews-archiv
.cHeader--big.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--big.cHeader--separator .cHeader__cta .cNews-archiv .cConversButton a:not(.btn--inverse), .cNews-archiv .cConversButton
.cHeader--big.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--big.cHeader--separator .cHeader__cta .cConversButton .cRecepts .archive a:not(.btn--inverse), .cConversButton .cRecepts .archive
.cHeader--big.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--big.cHeader--separator .cHeader__cta .cRecepts .archive .cConversButton a:not(.btn--inverse), .cRecepts .archive .cConversButton
.cHeader--big.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--big.cHeader--separator .cHeader__cta .cConversButton .recipesList .archive a:not(.btn--inverse), .cConversButton .recipesList .archive
.cHeader--big.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--big.cHeader--separator .cHeader__cta .recipesList .archive .cConversButton a:not(.btn--inverse), .recipesList .archive .cConversButton
.cHeader--big.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--big.cHeader--separator .cHeader__cta .cConversButton .cFtr .recipesList__item .archive a:not(.btn--inverse), .cConversButton .cFtr .recipesList__item .archive
.cHeader--big.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--big.cHeader--separator .cHeader__cta .cFtr .recipesList__item .archive .cConversButton a:not(.btn--inverse), .cFtr .recipesList__item .archive .cConversButton
.cHeader--big.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--big.cHeader--separator .cHeader__lang {
padding: 0 12px ;
padding: 0 0.75rem ;
height: 100px;
line-height: 100px; } }
@media screen and (min-width: 768px) {
.cHeader--big.cHeader--separator .cLang--drop {
margin-left: -12px ;
margin-left: -0.75rem ;
margin-right: -12px ;
margin-right: -0.75rem ; } }
.cHeader--big.cHeader--separator .cLang--drop .drop-holder {
display: block; }
.cHeader--medium.cHeader--separator .cHeader__inner {
height: 80px; }
@media screen and (min-width: 768px) {
.cHeader--medium .cHeader__component {
padding: 30px 0 30px 0 ;
padding: 1.875rem 0 1.875rem 0 ;
margin-left: 12px ;
margin-left: 0.75rem ; } }
@media screen and (min-width: 1024px) {
.cHeader--medium .cHeader__component {
padding: 30px 0 30px 0 ;
padding: 1.875rem 0 1.875rem 0 ;
margin-left: 24px ;
margin-left: 1.5rem ; } }
@media screen and (min-width: 1200px) {
.cHeader--medium .cHeader__component {
padding: 30px 0 30px 0 ;
padding: 1.875rem 0 1.875rem 0 ; } }
@media screen and (min-width: 768px) {
.cHeader--medium.cHeader--separator .cHeader__mainNav .nav__item__in,
.cHeader--medium.cHeader--separator .cftSearchBtn,
.cHeader--medium.cHeader--separator .cHeader__link,
.cHeader--medium.cHeader--separator .drop-holder,
.cHeader--medium.cHeader--separator .cHeader__clientZone > a,
.cHeader--medium.cHeader--separator .cHeader__cta .btn--cta,
.cHeader--medium.cHeader--separator .cHeader__cta .cMap__field .btn, .cMap__field
.cHeader--medium.cHeader--separator .cHeader__cta .btn,
.cHeader--medium.cHeader--separator .cHeader__cta .cMap__field .cClientZone__logout, .cMap__field
.cHeader--medium.cHeader--separator .cHeader__cta .cClientZone__logout,
.cHeader--medium.cHeader--separator .cHeader__cta .cMap__field .cNews-archiv a, .cMap__field .cNews-archiv
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .cNews-archiv .cMap__field a, .cNews-archiv .cMap__field
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .cMap__field .cRecepts .archive a, .cMap__field .cRecepts .archive
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .cRecepts .archive .cMap__field a, .cRecepts .archive .cMap__field
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .cMap__field .recipesList .archive a, .cMap__field .recipesList .archive
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .recipesList .archive .cMap__field a, .recipesList .archive .cMap__field
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .cMap__field .cFtr .recipesList__item .archive a, .cMap__field .cFtr .recipesList__item .archive
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .cFtr .recipesList__item .archive .cMap__field a, .cFtr .recipesList__item .archive .cMap__field
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .cFtr__search .search__btn, .cFtr__search
.cHeader--medium.cHeader--separator .cHeader__cta .search__btn,
.cHeader--medium.cHeader--separator .cHeader__cta .cNewsletter .btn, .cNewsletter
.cHeader--medium.cHeader--separator .cHeader__cta .btn,
.cHeader--medium.cHeader--separator .cHeader__cta .cNewsletter .cClientZone__logout, .cNewsletter
.cHeader--medium.cHeader--separator .cHeader__cta .cClientZone__logout,
.cHeader--medium.cHeader--separator .cHeader__cta .cNewsletter .cNews-archiv a, .cNewsletter .cNews-archiv
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .cNews-archiv .cNewsletter a, .cNews-archiv .cNewsletter
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .cNewsletter .cRecepts .archive a, .cNewsletter .cRecepts .archive
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .cRecepts .archive .cNewsletter a, .cRecepts .archive .cNewsletter
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .cNewsletter .recipesList .archive a, .cNewsletter .recipesList .archive
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .recipesList .archive .cNewsletter a, .recipesList .archive .cNewsletter
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .cNewsletter .cFtr .recipesList__item .archive a, .cNewsletter .cFtr .recipesList__item .archive
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .cFtr .recipesList__item .archive .cNewsletter a, .cFtr .recipesList__item .archive .cNewsletter
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .cForm .btn, .cForm
.cHeader--medium.cHeader--separator .cHeader__cta .btn,
.cHeader--medium.cHeader--separator .cHeader__cta .cForm .cClientZone__logout, .cForm
.cHeader--medium.cHeader--separator .cHeader__cta .cClientZone__logout,
.cHeader--medium.cHeader--separator .cHeader__cta .cForm .cNews-archiv a, .cForm .cNews-archiv
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .cNews-archiv .cForm a, .cNews-archiv .cForm
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .cForm .cRecepts .archive a, .cForm .cRecepts .archive
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .cRecepts .archive .cForm a, .cRecepts .archive .cForm
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .cForm .recipesList .archive a, .cForm .recipesList .archive
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .recipesList .archive .cForm a, .recipesList .archive .cForm
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .cForm .cFtr .recipesList__item .archive a, .cForm .cFtr .recipesList__item .archive
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .cFtr .recipesList__item .archive .cForm a, .cFtr .recipesList__item .archive .cForm
.cHeader--medium.cHeader--separator .cHeader__cta a,
.cHeader--medium.cHeader--separator .cHeader__cta .cConversButton .btn:not(.btn--inverse), .cConversButton
.cHeader--medium.cHeader--separator .cHeader__cta .btn:not(.btn--inverse),
.cHeader--medium.cHeader--separator .cHeader__cta .cConversButton .cClientZone__logout:not(.btn--inverse), .cConversButton
.cHeader--medium.cHeader--separator .cHeader__cta .cClientZone__logout:not(.btn--inverse),
.cHeader--medium.cHeader--separator .cHeader__cta .cConversButton .cNews-archiv a:not(.btn--inverse), .cConversButton .cNews-archiv
.cHeader--medium.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--medium.cHeader--separator .cHeader__cta .cNews-archiv .cConversButton a:not(.btn--inverse), .cNews-archiv .cConversButton
.cHeader--medium.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--medium.cHeader--separator .cHeader__cta .cConversButton .cRecepts .archive a:not(.btn--inverse), .cConversButton .cRecepts .archive
.cHeader--medium.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--medium.cHeader--separator .cHeader__cta .cRecepts .archive .cConversButton a:not(.btn--inverse), .cRecepts .archive .cConversButton
.cHeader--medium.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--medium.cHeader--separator .cHeader__cta .cConversButton .recipesList .archive a:not(.btn--inverse), .cConversButton .recipesList .archive
.cHeader--medium.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--medium.cHeader--separator .cHeader__cta .recipesList .archive .cConversButton a:not(.btn--inverse), .recipesList .archive .cConversButton
.cHeader--medium.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--medium.cHeader--separator .cHeader__cta .cConversButton .cFtr .recipesList__item .archive a:not(.btn--inverse), .cConversButton .cFtr .recipesList__item .archive
.cHeader--medium.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--medium.cHeader--separator .cHeader__cta .cFtr .recipesList__item .archive .cConversButton a:not(.btn--inverse), .cFtr .recipesList__item .archive .cConversButton
.cHeader--medium.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--medium.cHeader--separator .cHeader__lang {
padding: 0 12px ;
padding: 0 0.75rem ;
height: 80px;
line-height: 80px; } }
@media screen and (min-width: 768px) {
.cHeader--medium.cHeader--separator .cLang--drop {
margin-left: -12px ;
margin-left: -0.75rem ;
margin-right: -12px ;
margin-right: -0.75rem ; } }
.cHeader--medium.cHeader--separator .cLang--drop .drop-holder {
display: block; }
.cHeader--small.cHeader--separator .cHeader__inner {
height: 60px; }
@media screen and (min-width: 768px) {
.cHeader--small .cHeader__component {
padding: 20px 0 20px 0 ;
padding: 1.25rem 0 1.25rem 0 ;
margin-left: 12px ;
margin-left: 0.75rem ; } }
@media screen and (min-width: 1024px) {
.cHeader--small .cHeader__component {
padding: 20px 0 20px 0 ;
padding: 1.25rem 0 1.25rem 0 ;
margin-left: 24px ;
margin-left: 1.5rem ; } }
@media screen and (min-width: 1200px) {
.cHeader--small .cHeader__component {
padding: 20px 0 20px 0 ;
padding: 1.25rem 0 1.25rem 0 ; } }
@media screen and (min-width: 768px) {
.cHeader--small.cHeader--separator .cHeader__mainNav .nav__item__in,
.cHeader--small.cHeader--separator .cftSearchBtn,
.cHeader--small.cHeader--separator .cHeader__link,
.cHeader--small.cHeader--separator .drop-holder,
.cHeader--small.cHeader--separator .cHeader__clientZone > a,
.cHeader--small.cHeader--separator .cHeader__cta .btn--cta,
.cHeader--small.cHeader--separator .cHeader__cta .cMap__field .btn, .cMap__field
.cHeader--small.cHeader--separator .cHeader__cta .btn,
.cHeader--small.cHeader--separator .cHeader__cta .cMap__field .cClientZone__logout, .cMap__field
.cHeader--small.cHeader--separator .cHeader__cta .cClientZone__logout,
.cHeader--small.cHeader--separator .cHeader__cta .cMap__field .cNews-archiv a, .cMap__field .cNews-archiv
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .cNews-archiv .cMap__field a, .cNews-archiv .cMap__field
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .cMap__field .cRecepts .archive a, .cMap__field .cRecepts .archive
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .cRecepts .archive .cMap__field a, .cRecepts .archive .cMap__field
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .cMap__field .recipesList .archive a, .cMap__field .recipesList .archive
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .recipesList .archive .cMap__field a, .recipesList .archive .cMap__field
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .cMap__field .cFtr .recipesList__item .archive a, .cMap__field .cFtr .recipesList__item .archive
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .cFtr .recipesList__item .archive .cMap__field a, .cFtr .recipesList__item .archive .cMap__field
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .cFtr__search .search__btn, .cFtr__search
.cHeader--small.cHeader--separator .cHeader__cta .search__btn,
.cHeader--small.cHeader--separator .cHeader__cta .cNewsletter .btn, .cNewsletter
.cHeader--small.cHeader--separator .cHeader__cta .btn,
.cHeader--small.cHeader--separator .cHeader__cta .cNewsletter .cClientZone__logout, .cNewsletter
.cHeader--small.cHeader--separator .cHeader__cta .cClientZone__logout,
.cHeader--small.cHeader--separator .cHeader__cta .cNewsletter .cNews-archiv a, .cNewsletter .cNews-archiv
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .cNews-archiv .cNewsletter a, .cNews-archiv .cNewsletter
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .cNewsletter .cRecepts .archive a, .cNewsletter .cRecepts .archive
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .cRecepts .archive .cNewsletter a, .cRecepts .archive .cNewsletter
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .cNewsletter .recipesList .archive a, .cNewsletter .recipesList .archive
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .recipesList .archive .cNewsletter a, .recipesList .archive .cNewsletter
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .cNewsletter .cFtr .recipesList__item .archive a, .cNewsletter .cFtr .recipesList__item .archive
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .cFtr .recipesList__item .archive .cNewsletter a, .cFtr .recipesList__item .archive .cNewsletter
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .cForm .btn, .cForm
.cHeader--small.cHeader--separator .cHeader__cta .btn,
.cHeader--small.cHeader--separator .cHeader__cta .cForm .cClientZone__logout, .cForm
.cHeader--small.cHeader--separator .cHeader__cta .cClientZone__logout,
.cHeader--small.cHeader--separator .cHeader__cta .cForm .cNews-archiv a, .cForm .cNews-archiv
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .cNews-archiv .cForm a, .cNews-archiv .cForm
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .cForm .cRecepts .archive a, .cForm .cRecepts .archive
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .cRecepts .archive .cForm a, .cRecepts .archive .cForm
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .cForm .recipesList .archive a, .cForm .recipesList .archive
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .recipesList .archive .cForm a, .recipesList .archive .cForm
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .cForm .cFtr .recipesList__item .archive a, .cForm .cFtr .recipesList__item .archive
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .cFtr .recipesList__item .archive .cForm a, .cFtr .recipesList__item .archive .cForm
.cHeader--small.cHeader--separator .cHeader__cta a,
.cHeader--small.cHeader--separator .cHeader__cta .cConversButton .btn:not(.btn--inverse), .cConversButton
.cHeader--small.cHeader--separator .cHeader__cta .btn:not(.btn--inverse),
.cHeader--small.cHeader--separator .cHeader__cta .cConversButton .cClientZone__logout:not(.btn--inverse), .cConversButton
.cHeader--small.cHeader--separator .cHeader__cta .cClientZone__logout:not(.btn--inverse),
.cHeader--small.cHeader--separator .cHeader__cta .cConversButton .cNews-archiv a:not(.btn--inverse), .cConversButton .cNews-archiv
.cHeader--small.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--small.cHeader--separator .cHeader__cta .cNews-archiv .cConversButton a:not(.btn--inverse), .cNews-archiv .cConversButton
.cHeader--small.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--small.cHeader--separator .cHeader__cta .cConversButton .cRecepts .archive a:not(.btn--inverse), .cConversButton .cRecepts .archive
.cHeader--small.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--small.cHeader--separator .cHeader__cta .cRecepts .archive .cConversButton a:not(.btn--inverse), .cRecepts .archive .cConversButton
.cHeader--small.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--small.cHeader--separator .cHeader__cta .cConversButton .recipesList .archive a:not(.btn--inverse), .cConversButton .recipesList .archive
.cHeader--small.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--small.cHeader--separator .cHeader__cta .recipesList .archive .cConversButton a:not(.btn--inverse), .recipesList .archive .cConversButton
.cHeader--small.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--small.cHeader--separator .cHeader__cta .cConversButton .cFtr .recipesList__item .archive a:not(.btn--inverse), .cConversButton .cFtr .recipesList__item .archive
.cHeader--small.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--small.cHeader--separator .cHeader__cta .cFtr .recipesList__item .archive .cConversButton a:not(.btn--inverse), .cFtr .recipesList__item .archive .cConversButton
.cHeader--small.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--small.cHeader--separator .cHeader__lang {
padding: 0 12px ;
padding: 0 0.75rem ;
height: 60px;
line-height: 60px; } }
@media screen and (min-width: 768px) {
.cHeader--small.cHeader--separator .cLang--drop {
margin-left: -12px ;
margin-left: -0.75rem ;
margin-right: -12px ;
margin-right: -0.75rem ; } }
.cHeader--small.cHeader--separator .cLang--drop .drop-holder {
display: block; }
@media screen and (min-width: 768px) {
.cHeader--big.cHeader--separator .cHeader__logo .cHeader__link, .cHeader--medium.cHeader--separator .cHeader__logo .cHeader__link, .cHeader--small.cHeader--separator .cHeader__logo .cHeader__link {
padding: 0;
line-height: normal;
height: auto; } }
.cHeader--big .cHeader__cta, .cHeader--medium .cHeader__cta, .cHeader--small .cHeader__cta {
padding-top: 0;
padding-bottom: 0; }
@media screen and (min-width: 768px) {
.cHeader--big.cHeader--centered .cHeader__logo,
.cHeader--big.cHeader--beneath .cHeader__logo {
padding-top: 36px ;
padding-top: 2.25rem ;
padding-bottom: 24px ;
padding-bottom: 1.5rem ; } }
@media screen and (min-width: 768px) {
.cHeader--big .cHeader__mainNav .nav__item__in {
padding: 12px ;
padding: 0.75rem ; } }
@media screen and (min-width: 1024px) {
.cHeader--big .cHeader__mainNav .nav__item__in {
padding: 24px 10px ;
padding: 1.5rem 0.625rem ; } }
@media screen and (min-width: 1200px) {
.cHeader--big .cHeader__mainNav .nav__item__in {
padding: 60px 15px ;
padding: 3.75rem 0.9375rem ; } }
@media screen and (min-width: 768px) {
.cHeader--big .cHeader__logo .cHeader__link,
.cHeader--big .cHeader__logo img {
max-height: 60px ;
max-height: 3.75rem ; } }
@media screen and (min-width: 1024px) {
.cHeader--big .cHeader__logo .cHeader__link,
.cHeader--big .cHeader__logo img {
max-height: 70px ;
max-height: 4.375rem ; } }
@media screen and (min-width: 1200px) {
.cHeader--big .cHeader__logo .cHeader__link,
.cHeader--big .cHeader__logo img {
max-height: 100px ;
max-height: 6.25rem ; } }
@media screen and (min-width: 768px) {
.cHeader--medium.cHeader--centered .cHeader__logo,
.cHeader--medium.cHeader--beneath .cHeader__logo {
padding-top: 24px ;
padding-top: 1.5rem ;
padding-bottom: 24px ;
padding-bottom: 1.5rem ; } }
@media screen and (min-width: 768px) {
.cHeader--medium .cHeader__logo .cHeader__link,
.cHeader--medium .cHeader__logo img {
max-height: 40px ;
max-height: 2.5rem ; } }
@media screen and (min-width: 1024px) {
.cHeader--medium .cHeader__logo .cHeader__link,
.cHeader--medium .cHeader__logo img {
max-height: 45px ;
max-height: 2.8125rem ; } }
@media screen and (min-width: 1200px) {
.cHeader--medium .cHeader__logo .cHeader__link,
.cHeader--medium .cHeader__logo img {
max-height: 50px ;
max-height: 3.125rem ; } }
@media screen and (min-width: 768px) {
.cHeader--medium .cHeader__mainNav .nav__item__in {
padding: 12px ;
padding: 0.75rem ; } }
@media screen and (min-width: 1024px) {
.cHeader--medium .cHeader__mainNav .nav__item__in {
padding: 24px 10px ;
padding: 1.5rem 0.625rem ; } }
@media screen and (min-width: 1200px) {
.cHeader--medium .cHeader__mainNav .nav__item__in {
padding: 30px 15px ;
padding: 1.875rem 0.9375rem ; } }
@media screen and (min-width: 768px) {
.cHeader--small.cHeader--centered .cHeader__logo,
.cHeader--small.cHeader--beneath .cHeader__logo {
padding-top: 12px ;
padding-top: 0.75rem ;
padding-bottom: 12px ;
padding-bottom: 0.75rem ; } }
@media screen and (min-width: 768px) {
.cHeader--small .cHeader__mainNav .nav__item__in {
padding: 12px ;
padding: 0.75rem ; } }
@media screen and (min-width: 1024px) {
.cHeader--small .cHeader__mainNav .nav__item__in {
padding: 24px 10px ;
padding: 1.5rem 0.625rem ; } }
@media screen and (min-width: 1200px) {
.cHeader--small .cHeader__mainNav .nav__item__in {
padding: 20px 15px ;
padding: 1.25rem 0.9375rem ; } }
@media screen and (min-width: 768px) {
.cHeader--small .cHeader__logo .cHeader__link,
.cHeader--small .cHeader__logo img {
max-height: 30px ;
max-height: 1.875rem ; } }
@media screen and (min-width: 1024px) {
.cHeader--small .cHeader__logo .cHeader__link,
.cHeader--small .cHeader__logo img {
max-height: 40px ;
max-height: 2.5rem ; } }
@media screen and (min-width: 1200px) {
.cHeader--small .cHeader__logo .cHeader__link,
.cHeader--small .cHeader__logo img {
max-height: 50px ;
max-height: 3.125rem ; } }
@media screen and (min-width: 768px) {
.cHeader .nav--responsive {
min-height: 43px; } }
.cHeader.js-fixedHeaderOnScroll {
left: 0;
width: 100%; }
.cHeader-animation--shrink .navbar--top {
max-height: var(--topBarMaxHeight);
transition: .35s; }
.cHeader-animation--shrink .cHeader__component, .cHeader-animation--shrink .js-mainNav .nav__item__in {
transition: padding .35s; }
.cHeader-animation--shrink.cHeader--scrolled {
left: 0;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
background-color: #f2efe8; }
@media (min-width: 768px) {
.cHeader-animation--shrink.cHeader--scrolled .navbar--top {
opacity: 0;
max-height: 0; } }
.cHeader-animation--shrink.cHeader--scrolled .cHeader__component, .cHeader-animation--shrink.cHeader--scrolled .js-mainNav .nav__item__in {
padding-block: 1rem; }
.cHeader--small .cHeader__logo .cHeader__link,
.cHeader--small .cHeader__logo img,
.cHeader--medium .cHeader__logo .cHeader__link,
.cHeader--medium .cHeader__logo img,
.cHeader--big .cHeader__logo .cHeader__link,
.cHeader--big .cHeader__logo img {
height: auto;
max-height: none; }
@media screen and (max-width: 767px) {
.mm-top.mm-front.mm-opening .mobileHeader--is-fixed {
position: fixed;
left: 0;
top: 0;
width: 100%; } }
html.js-lazyload-enabled .cHeader__logo .js-lazyload:not(.loaded) {
min-height: 0; }
.navbar {
table-layout: fixed;
width: 100%;
height: 48px;
overflow: hidden;
background-color: #eceff4;
border-bottom: 1px solid #fda814; }
.navbar--top .navbar__right .navbar__component:last-child {
padding-right: 0; }
.navbar--top .navbar__left .navbar__component:first-child {
padding-left: 0; }
.navbar--hidden {
height: 0;
padding-top: 0;
padding-bottom: 0;
visibility: hidden; }
.navbar__inner {
display: table;
width: 100%;
height: 100%;
max-width: 1340px;
margin-left: auto;
margin-right: auto; }
.navbar__left {
display: table-cell;
vertical-align: top;
width: 10%;
white-space: nowrap; }
@media screen and (min-width: 1024px) {
.navbar__left {
width: 30%; } }
@media screen and (min-width: 1200px) {
.navbar__left {
width: 40%; } }
.navbar__right {
display: table-cell;
vertical-align: top;
width: 90%;
text-align: right;
white-space: nowrap; }
@media screen and (min-width: 1024px) {
.navbar__right {
width: 70%; } }
@media screen and (min-width: 1200px) {
.navbar__right {
width: 60%; } }
.navbar__right .navbar__component:last-child {
border-right: 0; }
.navbar__component {
display: inline-block;
vertical-align: middle;
color: #fff;
padding: 12px 24px ;
padding: 0.75rem 1.5rem ;
font-size: 13px;
font-size: 0.8125rem;
border-right: 1px solid #fda814; }
.navbar__component [class*='icon-']::before,
.navbar__component .icon::before {
color: #cce5f3;
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
font-size: 20px;
font-size: 1.25rem;
line-height: 1.1; }
.navbar__component [class*='icon-']:hover::before,
.navbar__component .icon:hover::before {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.navbar__component a {
color: #cce5f3; }
.navbar__component--btn {
padding: 0; }
.navbar__component--btn a {
display: block;
padding: 12px 24px ;
padding: 0.75rem 1.5rem ; }
.navbar__component--phone, .navbar__component--mail {
border-right: 0;
padding-right: 0; }
@media screen and (min-width: 768px) {
.navbar__component--phone, .navbar__component--mail {
padding-left: 6px ;
padding-left: 0.375rem ; } }
@media screen and (min-width: 1024px) {
.navbar__component--phone, .navbar__component--mail {
padding-left: 12px ;
padding-left: 0.75rem ; } }
.navbar__component--sideNav {
flex-grow: 1;
text-align: right; }
.navbar__component--sideNav .nav__item {
padding-left: 12px ;
padding-left: 0.75rem ; }
.navbar__component--sideNav .nav__item:first-child {
padding-left: 0; }
.navbar__component--sideNav .nav__item__in {
text-decoration: underline;
font-size: 13px;
font-size: 0.8125rem; }
.navbar__component--sideNav .nav__item__in:hover {
text-decoration: none; }
.navbar__component--sideNav .nav__item__in--drop::after {
content: '';
display: none; }
.navbar__component--slogan {
display: none; }
@media screen and (min-width: 1024px) {
.navbar__component--slogan {
display: inline-block; } }
.navbar .cSocialSites {
margin-bottom: 0; }
.navbar .cSocialSites .nav__item {
margin-bottom: 0; }
.navbar--bottom {
position: relative;
display: table;
width: 100%;
transition: all 0.4s ease-in-out;
opacity: 1;
height: 48px;
background-color: #eceff4;
z-index: 1000; }
.navbar--bottom.navbar--hidden {
height: 0;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
opacity: 0; }
.navbar--bottom .cHeader__mainNav {
text-align: left;
padding-left: 0; }
.navbar--bottom .navbar__component {
color: #fff;
border-right: 1px solid #f59c02; }
.navbar--bottom .navbar__component--phone, .navbar--bottom .navbar__component--mail {
border-right: 0; }
.navbar--bottom .navbar__component--btn a:hover {
background-color: #f59c02; }
.cHeader__mainNav {
flex-grow: 1;
padding-top: 0;
padding-bottom: 0;
text-align: right; }
.cHeader__mainNav .nav__item:hover .nav__item__in, .cHeader__mainNav .nav > .nav__item--active .nav__item__in, .cHeader__mainNav .mDrop ul > .nav__item--active .nav__item__in, .mDrop .cHeader__mainNav ul > .nav__item--active .nav__item__in, .cHeader__mainNav .cPag__nav > .nav__item--active .nav__item__in {
color: #173530; }
.cHeader__mainNav .nav__item__in {
border-top: 3px solid transparent;
border-bottom: 3px solid transparent; }
.cHeader__mainNav .nav__item:hover .nav__item__in, .cHeader__mainNav .nav > .nav__item--active .nav__item__in, .cHeader__mainNav .mDrop ul > .nav__item--active .nav__item__in, .mDrop .cHeader__mainNav ul > .nav__item--active .nav__item__in, .cHeader__mainNav .cPag__nav > .nav__item--active .nav__item__in {
border-bottom-color: #173530; }
.cHeader__mainNav .nav__item__in {
color: #173530;
text-decoration: none; }
.cHeader__cta {
padding-top: 0;
padding-bottom: 0; }
.cHeader__cta .btn--cta, .cHeader__cta .cMap__field .btn, .cMap__field .cHeader__cta .btn, .cHeader__cta .cMap__field .cClientZone__logout, .cMap__field .cHeader__cta .cClientZone__logout, .cHeader__cta .cMap__field .cNews-archiv a, .cMap__field .cNews-archiv .cHeader__cta a, .cHeader__cta .cNews-archiv .cMap__field a, .cNews-archiv .cMap__field .cHeader__cta a, .cHeader__cta .cMap__field .cRecepts .archive a, .cMap__field .cRecepts .archive .cHeader__cta a, .cHeader__cta .cRecepts .archive .cMap__field a, .cRecepts .archive .cMap__field .cHeader__cta a, .cHeader__cta .cMap__field .recipesList .archive a, .cMap__field .recipesList .archive .cHeader__cta a, .cHeader__cta .recipesList .archive .cMap__field a, .recipesList .archive .cMap__field .cHeader__cta a, .cHeader__cta .cMap__field .cFtr .recipesList__item .archive a, .cMap__field .cFtr .recipesList__item .archive .cHeader__cta a, .cHeader__cta .cFtr .recipesList__item .archive .cMap__field a, .cFtr .recipesList__item .archive .cMap__field .cHeader__cta a, .cHeader__cta .cFtr__search .search__btn, .cFtr__search .cHeader__cta .search__btn, .cHeader__cta .cNewsletter .btn, .cNewsletter .cHeader__cta .btn, .cHeader__cta .cNewsletter .cClientZone__logout, .cNewsletter .cHeader__cta .cClientZone__logout, .cHeader__cta .cNewsletter .cNews-archiv a, .cNewsletter .cNews-archiv .cHeader__cta a, .cHeader__cta .cNews-archiv .cNewsletter a, .cNews-archiv .cNewsletter .cHeader__cta a, .cHeader__cta .cNewsletter .cRecepts .archive a, .cNewsletter .cRecepts .archive .cHeader__cta a, .cHeader__cta .cRecepts .archive .cNewsletter a, .cRecepts .archive .cNewsletter .cHeader__cta a, .cHeader__cta .cNewsletter .recipesList .archive a, .cNewsletter .recipesList .archive .cHeader__cta a, .cHeader__cta .recipesList .archive .cNewsletter a, .recipesList .archive .cNewsletter .cHeader__cta a, .cHeader__cta .cNewsletter .cFtr .recipesList__item .archive a, .cNewsletter .cFtr .recipesList__item .archive .cHeader__cta a, .cHeader__cta .cFtr .recipesList__item .archive .cNewsletter a, .cFtr .recipesList__item .archive .cNewsletter .cHeader__cta a, .cHeader__cta .cForm .btn, .cForm .cHeader__cta .btn, .cHeader__cta .cForm .cClientZone__logout, .cForm .cHeader__cta .cClientZone__logout, .cHeader__cta .cForm .cNews-archiv a, .cForm .cNews-archiv .cHeader__cta a, .cHeader__cta .cNews-archiv .cForm a, .cNews-archiv .cForm .cHeader__cta a, .cHeader__cta .cForm .cRecepts .archive a, .cForm .cRecepts .archive .cHeader__cta a, .cHeader__cta .cRecepts .archive .cForm a, .cRecepts .archive .cForm .cHeader__cta a, .cHeader__cta .cForm .recipesList .archive a, .cForm .recipesList .archive .cHeader__cta a, .cHeader__cta .recipesList .archive .cForm a, .recipesList .archive .cForm .cHeader__cta a, .cHeader__cta .cForm .cFtr .recipesList__item .archive a, .cForm .cFtr .recipesList__item .archive .cHeader__cta a, .cHeader__cta .cFtr .recipesList__item .archive .cForm a, .cFtr .recipesList__item .archive .cForm .cHeader__cta a, .cHeader__cta .cConversButton .btn:not(.btn--inverse), .cConversButton .cHeader__cta .btn:not(.btn--inverse), .cHeader__cta .cConversButton .cClientZone__logout:not(.btn--inverse), .cConversButton .cHeader__cta .cClientZone__logout:not(.btn--inverse), .cHeader__cta .cConversButton .cNews-archiv a:not(.btn--inverse), .cConversButton .cNews-archiv .cHeader__cta a:not(.btn--inverse), .cHeader__cta .cNews-archiv .cConversButton a:not(.btn--inverse), .cNews-archiv .cConversButton .cHeader__cta a:not(.btn--inverse), .cHeader__cta .cConversButton .cRecepts .archive a:not(.btn--inverse), .cConversButton .cRecepts .archive .cHeader__cta a:not(.btn--inverse), .cHeader__cta .cRecepts .archive .cConversButton a:not(.btn--inverse), .cRecepts .archive .cConversButton .cHeader__cta a:not(.btn--inverse), .cHeader__cta .cConversButton .recipesList .archive a:not(.btn--inverse), .cConversButton .recipesList .archive .cHeader__cta a:not(.btn--inverse), .cHeader__cta .recipesList .archive .cConversButton a:not(.btn--inverse), .recipesList .archive .cConversButton .cHeader__cta a:not(.btn--inverse), .cHeader__cta .cConversButton .cFtr .recipesList__item .archive a:not(.btn--inverse), .cConversButton .cFtr .recipesList__item .archive .cHeader__cta a:not(.btn--inverse), .cHeader__cta .cFtr .recipesList__item .archive .cConversButton a:not(.btn--inverse), .cFtr .recipesList__item .archive .cConversButton .cHeader__cta a:not(.btn--inverse) {
background-color: #b2db67;
color: !important; }
.cHeader__cta .btn--cta:hover, .cHeader__cta .cMap__field .btn:hover, .cMap__field .cHeader__cta .btn:hover, .cHeader__cta .cMap__field .cClientZone__logout:hover, .cMap__field .cHeader__cta .cClientZone__logout:hover, .cHeader__cta .cMap__field .cNews-archiv a:hover, .cMap__field .cNews-archiv .cHeader__cta a:hover, .cHeader__cta .cNews-archiv .cMap__field a:hover, .cNews-archiv .cMap__field .cHeader__cta a:hover, .cHeader__cta .cMap__field .cRecepts .archive a:hover, .cMap__field .cRecepts .archive .cHeader__cta a:hover, .cHeader__cta .cRecepts .archive .cMap__field a:hover, .cRecepts .archive .cMap__field .cHeader__cta a:hover, .cHeader__cta .cMap__field .recipesList .archive a:hover, .cMap__field .recipesList .archive .cHeader__cta a:hover, .cHeader__cta .recipesList .archive .cMap__field a:hover, .recipesList .archive .cMap__field .cHeader__cta a:hover, .cHeader__cta .cMap__field .cFtr .recipesList__item .archive a:hover, .cMap__field .cFtr .recipesList__item .archive .cHeader__cta a:hover, .cHeader__cta .cFtr .recipesList__item .archive .cMap__field a:hover, .cFtr .recipesList__item .archive .cMap__field .cHeader__cta a:hover, .cHeader__cta .cFtr__search .search__btn:hover, .cFtr__search .cHeader__cta .search__btn:hover, .cHeader__cta .cNewsletter .btn:hover, .cNewsletter .cHeader__cta .btn:hover, .cHeader__cta .cNewsletter .cClientZone__logout:hover, .cNewsletter .cHeader__cta .cClientZone__logout:hover, .cHeader__cta .cNewsletter .cNews-archiv a:hover, .cNewsletter .cNews-archiv .cHeader__cta a:hover, .cHeader__cta .cNews-archiv .cNewsletter a:hover, .cNews-archiv .cNewsletter .cHeader__cta a:hover, .cHeader__cta .cNewsletter .cRecepts .archive a:hover, .cNewsletter .cRecepts .archive .cHeader__cta a:hover, .cHeader__cta .cRecepts .archive .cNewsletter a:hover, .cRecepts .archive .cNewsletter .cHeader__cta a:hover, .cHeader__cta .cNewsletter .recipesList .archive a:hover, .cNewsletter .recipesList .archive .cHeader__cta a:hover, .cHeader__cta .recipesList .archive .cNewsletter a:hover, .recipesList .archive .cNewsletter .cHeader__cta a:hover, .cHeader__cta .cNewsletter .cFtr .recipesList__item .archive a:hover, .cNewsletter .cFtr .recipesList__item .archive .cHeader__cta a:hover, .cHeader__cta .cFtr .recipesList__item .archive .cNewsletter a:hover, .cFtr .recipesList__item .archive .cNewsletter .cHeader__cta a:hover, .cHeader__cta .cForm .btn:hover, .cForm .cHeader__cta .btn:hover, .cHeader__cta .cForm .cClientZone__logout:hover, .cForm .cHeader__cta .cClientZone__logout:hover, .cHeader__cta .cForm .cNews-archiv a:hover, .cForm .cNews-archiv .cHeader__cta a:hover, .cHeader__cta .cNews-archiv .cForm a:hover, .cNews-archiv .cForm .cHeader__cta a:hover, .cHeader__cta .cForm .cRecepts .archive a:hover, .cForm .cRecepts .archive .cHeader__cta a:hover, .cHeader__cta .cRecepts .archive .cForm a:hover, .cRecepts .archive .cForm .cHeader__cta a:hover, .cHeader__cta .cForm .recipesList .archive a:hover, .cForm .recipesList .archive .cHeader__cta a:hover, .cHeader__cta .recipesList .archive .cForm a:hover, .recipesList .archive .cForm .cHeader__cta a:hover, .cHeader__cta .cForm .cFtr .recipesList__item .archive a:hover, .cForm .cFtr .recipesList__item .archive .cHeader__cta a:hover, .cHeader__cta .cFtr .recipesList__item .archive .cForm a:hover, .cFtr .recipesList__item .archive .cForm .cHeader__cta a:hover, .cHeader__cta .cConversButton .btn:hover:not(.btn--inverse), .cConversButton .cHeader__cta .btn:hover:not(.btn--inverse), .cHeader__cta .cConversButton .cClientZone__logout:hover:not(.btn--inverse), .cConversButton .cHeader__cta .cClientZone__logout:hover:not(.btn--inverse), .cHeader__cta .cConversButton .cNews-archiv a:hover:not(.btn--inverse), .cConversButton .cNews-archiv .cHeader__cta a:hover:not(.btn--inverse), .cHeader__cta .cNews-archiv .cConversButton a:hover:not(.btn--inverse), .cNews-archiv .cConversButton .cHeader__cta a:hover:not(.btn--inverse), .cHeader__cta .cConversButton .cRecepts .archive a:hover:not(.btn--inverse), .cConversButton .cRecepts .archive .cHeader__cta a:hover:not(.btn--inverse), .cHeader__cta .cRecepts .archive .cConversButton a:hover:not(.btn--inverse), .cRecepts .archive .cConversButton .cHeader__cta a:hover:not(.btn--inverse), .cHeader__cta .cConversButton .recipesList .archive a:hover:not(.btn--inverse), .cConversButton .recipesList .archive .cHeader__cta a:hover:not(.btn--inverse), .cHeader__cta .recipesList .archive .cConversButton a:hover:not(.btn--inverse), .recipesList .archive .cConversButton .cHeader__cta a:hover:not(.btn--inverse), .cHeader__cta .cConversButton .cFtr .recipesList__item .archive a:hover:not(.btn--inverse), .cConversButton .cFtr .recipesList__item .archive .cHeader__cta a:hover:not(.btn--inverse), .cHeader__cta .cFtr .recipesList__item .archive .cConversButton a:hover:not(.btn--inverse), .cFtr .recipesList__item .archive .cConversButton .cHeader__cta a:hover:not(.btn--inverse) {
background-color: #a8d652; }
.cHeader__cta .btn--cta:hover, .cHeader__cta .cMap__field .btn:hover, .cMap__field .cHeader__cta .btn:hover, .cHeader__cta .cMap__field .cClientZone__logout:hover, .cMap__field .cHeader__cta .cClientZone__logout:hover, .cHeader__cta .cMap__field .cNews-archiv a:hover, .cMap__field .cNews-archiv .cHeader__cta a:hover, .cHeader__cta .cNews-archiv .cMap__field a:hover, .cNews-archiv .cMap__field .cHeader__cta a:hover, .cHeader__cta .cMap__field .cRecepts .archive a:hover, .cMap__field .cRecepts .archive .cHeader__cta a:hover, .cHeader__cta .cRecepts .archive .cMap__field a:hover, .cRecepts .archive .cMap__field .cHeader__cta a:hover, .cHeader__cta .cMap__field .recipesList .archive a:hover, .cMap__field .recipesList .archive .cHeader__cta a:hover, .cHeader__cta .recipesList .archive .cMap__field a:hover, .recipesList .archive .cMap__field .cHeader__cta a:hover, .cHeader__cta .cMap__field .cFtr .recipesList__item .archive a:hover, .cMap__field .cFtr .recipesList__item .archive .cHeader__cta a:hover, .cHeader__cta .cFtr .recipesList__item .archive .cMap__field a:hover, .cFtr .recipesList__item .archive .cMap__field .cHeader__cta a:hover, .cHeader__cta .cFtr__search .search__btn:hover, .cFtr__search .cHeader__cta .search__btn:hover, .cHeader__cta .cNewsletter .btn:hover, .cNewsletter .cHeader__cta .btn:hover, .cHeader__cta .cNewsletter .cClientZone__logout:hover, .cNewsletter .cHeader__cta .cClientZone__logout:hover, .cHeader__cta .cNewsletter .cNews-archiv a:hover, .cNewsletter .cNews-archiv .cHeader__cta a:hover, .cHeader__cta .cNews-archiv .cNewsletter a:hover, .cNews-archiv .cNewsletter .cHeader__cta a:hover, .cHeader__cta .cNewsletter .cRecepts .archive a:hover, .cNewsletter .cRecepts .archive .cHeader__cta a:hover, .cHeader__cta .cRecepts .archive .cNewsletter a:hover, .cRecepts .archive .cNewsletter .cHeader__cta a:hover, .cHeader__cta .cNewsletter .recipesList .archive a:hover, .cNewsletter .recipesList .archive .cHeader__cta a:hover, .cHeader__cta .recipesList .archive .cNewsletter a:hover, .recipesList .archive .cNewsletter .cHeader__cta a:hover, .cHeader__cta .cNewsletter .cFtr .recipesList__item .archive a:hover, .cNewsletter .cFtr .recipesList__item .archive .cHeader__cta a:hover, .cHeader__cta .cFtr .recipesList__item .archive .cNewsletter a:hover, .cFtr .recipesList__item .archive .cNewsletter .cHeader__cta a:hover, .cHeader__cta .cForm .btn:hover, .cForm .cHeader__cta .btn:hover, .cHeader__cta .cForm .cClientZone__logout:hover, .cForm .cHeader__cta .cClientZone__logout:hover, .cHeader__cta .cForm .cNews-archiv a:hover, .cForm .cNews-archiv .cHeader__cta a:hover, .cHeader__cta .cNews-archiv .cForm a:hover, .cNews-archiv .cForm .cHeader__cta a:hover, .cHeader__cta .cForm .cRecepts .archive a:hover, .cForm .cRecepts .archive .cHeader__cta a:hover, .cHeader__cta .cRecepts .archive .cForm a:hover, .cRecepts .archive .cForm .cHeader__cta a:hover, .cHeader__cta .cForm .recipesList .archive a:hover, .cForm .recipesList .archive .cHeader__cta a:hover, .cHeader__cta .recipesList .archive .cForm a:hover, .recipesList .archive .cForm .cHeader__cta a:hover, .cHeader__cta .cForm .cFtr .recipesList__item .archive a:hover, .cForm .cFtr .recipesList__item .archive .cHeader__cta a:hover, .cHeader__cta .cFtr .recipesList__item .archive .cForm a:hover, .cFtr .recipesList__item .archive .cForm .cHeader__cta a:hover, .cHeader__cta .cConversButton .btn:hover:not(.btn--inverse), .cConversButton .cHeader__cta .btn:hover:not(.btn--inverse), .cHeader__cta .cConversButton .cClientZone__logout:hover:not(.btn--inverse), .cConversButton .cHeader__cta .cClientZone__logout:hover:not(.btn--inverse), .cHeader__cta .cConversButton .cNews-archiv a:hover:not(.btn--inverse), .cConversButton .cNews-archiv .cHeader__cta a:hover:not(.btn--inverse), .cHeader__cta .cNews-archiv .cConversButton a:hover:not(.btn--inverse), .cNews-archiv .cConversButton .cHeader__cta a:hover:not(.btn--inverse), .cHeader__cta .cConversButton .cRecepts .archive a:hover:not(.btn--inverse), .cConversButton .cRecepts .archive .cHeader__cta a:hover:not(.btn--inverse), .cHeader__cta .cRecepts .archive .cConversButton a:hover:not(.btn--inverse), .cRecepts .archive .cConversButton .cHeader__cta a:hover:not(.btn--inverse), .cHeader__cta .cConversButton .recipesList .archive a:hover:not(.btn--inverse), .cConversButton .recipesList .archive .cHeader__cta a:hover:not(.btn--inverse), .cHeader__cta .recipesList .archive .cConversButton a:hover:not(.btn--inverse), .recipesList .archive .cConversButton .cHeader__cta a:hover:not(.btn--inverse), .cHeader__cta .cConversButton .cFtr .recipesList__item .archive a:hover:not(.btn--inverse), .cConversButton .cFtr .recipesList__item .archive .cHeader__cta a:hover:not(.btn--inverse), .cHeader__cta .cFtr .recipesList__item .archive .cConversButton a:hover:not(.btn--inverse), .cFtr .recipesList__item .archive .cConversButton .cHeader__cta a:hover:not(.btn--inverse) {
color: !important; }
.cHeader__lang, .cHeader__search {
position: relative; }
.cHeader__email__value {
display: none; }
@media screen and (min-width: 1200px) {
.cHeader__email__value {
padding-left: 6px ;
padding-left: 0.375rem ;
display: inline-block; } }
.cHeader__phone__value {
display: none;
padding-left: 6px ;
padding-left: 0.375rem ; }
@media screen and (min-width: 1200px) {
.cHeader__phone__value {
display: inline-block;
vertical-align: middle; } }
.cHeader__pageOverlay {
flex-grow: 1;
text-align: right; }
.cHeader__pageOverlay .cHeader__link {
padding: 8px 12px 10px ;
padding: 0.5rem 0.75rem 0.625rem ;
border: 1px solid #ddd;
color: #173530;
font-size: 13px;
font-size: 0.8125rem;
text-decoration: none; }
.cHeader__pageOverlay__text {
padding-left: 6px ;
padding-left: 0.375rem ; }
.cHeader__pageOverlay--hidden {
display: none; }
.cHeader--box {
background-color: transparent; }
@media screen and (min-width: 768px) {
.cHeader--box {
height: 300px ;
height: 18.75rem ;
padding-top: 24px ;
padding-top: 1.5rem ; } }
.cHeader--box .cHeader__inner {
background-color: #f2efe8;
padding-left: 24px ;
padding-left: 1.5rem ;
padding-right: 24px ;
padding-right: 1.5rem ; }
.cHeader--box.cHeader--is-transparent .cHeader__inner {
background-color: transparent; }
@media screen and (min-width: 768px) {
.cHeader--box .cClientZone--header.dropDown,
.cHeader--box .mDrop {
top: auto;
min-width: 0;
padding-left: 24px ;
padding-left: 1.5rem ;
padding-right: 24px ;
padding-right: 1.5rem ; } }
@media screen and (min-width: 1340px) {
.cHeader--box .cClientZone--header.dropDown,
.cHeader--box .mDrop {
max-width: 1340px;
left: calc((100% - 1340px) / 2);
border: 1px solid #ddd; } }
.cHeader--box .navbar {
border-bottom: 0; }
@media screen and (min-width: 768px) {
.cHeader--centered {
padding-top: 24px ;
padding-top: 1.5rem ; } }
.cHeader--centered .cHeader__component:not(.cHeader__mainNav):not(.cHeader__cta):not(.cHeader__logo),
.cHeader--centered .cHeader__mainNav .nav__item__in {
padding-top: 12px ;
padding-top: 0.75rem ;
padding-bottom: 12px ;
padding-bottom: 0.75rem ; }
.cHeader--centered .cHeader__inner {
flex-wrap: wrap;
justify-content: center;
text-align: center; }
@media screen and (min-width: 768px) {
.cHeader--centered .cHeader__inner {
padding-bottom: 1rem; } }
@media screen and (min-width: 768px) {
.cHeader--centered .cHeader__logo {
width: 100%; }
.cHeader--centered .cHeader__logo .cHeader__link {
margin: auto; } }
.cHeader--centered .cHeader__mainNav {
position: relative;
display: block;
text-align: left;
flex-grow: 0;
width: 100%; }
@media screen and (min-width: 768px) {
.cHeader--centered .cHeader__mainNav > .nav, .cHeader--centered .mDrop .cHeader__mainNav > ul, .mDrop .cHeader--centered .cHeader__mainNav > ul, .cHeader--centered .cHeader__mainNav > .cPag__nav {
display: flex;
justify-content: center; } }
.cHeader--centered.cHeader--advance .cHeader__inner {
padding-top: 24px ;
padding-top: 1.5rem ; }
.cHeader--centered .cftSearch--onClick.active {
width: 250px; }
@media screen and (min-width: 768px) {
.cHeader--centered .cHeader__component {
margin-left: 1.5rem; } }
@media screen and (min-width: 768px) and (max-width: 1200px) {
.cHeader--centered .cftSearch .cftSearch__autocomplete {
width: 300px;
left: 0; } }
.cHeader--beneath {
border-bottom: 0; }
@media screen and (max-width: 767px) {
.cHeader--beneath .cHeader__mainNav {
display: none; } }
.cHeader--beneath .cHeader__logo {
flex-grow: 2; }
.cHeader--beneath .cHeader__search {
position: relative;
z-index: 10; }
.cHeader--beneath .cHeader__mainNav {
margin: 0;
text-align: left;
background-color: #fdb12d; }
.cHeader--beneath .cHeader__mainNav__inner {
position: relative;
max-width: 1340px;
margin: auto; }
.cHeader--beneath .cHeader__mainNav__inner .nav__item {
border-right: 1px solid #fdc460; }
.cHeader--beneath .cHeader__mainNav__inner .nav__item:first-child {
border-left: 1px solid #fdc460; }
.cHeader--beneath .cHeader__mainNav__inner .nav__item__in {
border: 0;
color: #173530;
padding: 20px ;
padding: 1.25rem ; }
.cHeader--beneath .cHeader__mainNav__inner .nav__item__in:hover {
color: #173530;
background-color: #f59c02; }
.cHeader--beneath .cHeader__mainNav--cta .cHeader__mainNav__inner {
display: flex;
align-items: center;
justify-content: flex-start; }
.cHeader--beneath .cHeader__mainNav--cta .cHeader__mainNav__inner > .nav, .cHeader--beneath .cHeader__mainNav--cta .mDrop .cHeader__mainNav__inner > ul, .mDrop .cHeader--beneath .cHeader__mainNav--cta .cHeader__mainNav__inner > ul, .cHeader--beneath .cHeader__mainNav--cta .cHeader__mainNav__inner > .cPag__nav {
flex-grow: 2; }
.cHeader--beneath .drop {
background-color: #f2efe8; }
.cHeader--beneath .cftSearch__field {
background-color: #f2efe8; }
.cHeader--beneath .btn--resp-nav-toggle::before {
background-color: #db8c02; }
.cHeader--beneath .btn--resp-nav-toggle [class*='icon-']::before,
.cHeader--beneath .btn--resp-nav-toggle .btn__text {
color: #fff; }
.cHeader--beneath .dropNav--responsive-drop .nav__item__in {
color: #173530; }
.cHeader--beneath .dropNav--responsive-drop .nav__item__in:hover {
color: #173530; }
.cHeader--beneath .dropNav--responsive-drop .dropNav__item--subLev > .dropNav__item__in::after, .cHeader--beneath .dropNav.dropNav--responsive-drop .nav__item .dropNav__item--subLev > .nav__item__in::after {
top: 15px;
transform: none; }
.cHeader--separator {
padding: 0;
border-bottom: 1px solid #ddd; }
.cHeader--separator .cHeader__inner,
.cHeader--separator.cHeader--fullWidth .cHeader__inner {
padding-right: 0;
transition: height 0.3s ease-in-out; }
.cHeader--separator .cHeader__logo .cHeader__link {
padding: 0; }
.cHeader--separator .cHeader__mainNav {
height: 100%; }
.cHeader--separator .cHeader__component {
margin-left: 0;
padding-top: 0;
padding-bottom: 0; }
.cHeader--separator .cHeader__component.cHeader__mainNav .nav__item__in,
.cHeader--separator .cHeader__component.cHeader__clientZone > a,
.cHeader--separator .cHeader__component .cftSearchBtn,
.cHeader--separator .cHeader__component .btn--cta,
.cHeader--separator .cHeader__component .cMap__field .btn, .cMap__field
.cHeader--separator .cHeader__component .btn,
.cHeader--separator .cHeader__component .cMap__field .cClientZone__logout, .cMap__field
.cHeader--separator .cHeader__component .cClientZone__logout,
.cHeader--separator .cHeader__component .cMap__field .cNews-archiv a, .cMap__field .cNews-archiv
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .cNews-archiv .cMap__field a, .cNews-archiv .cMap__field
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .cMap__field .cRecepts .archive a, .cMap__field .cRecepts .archive
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .cRecepts .archive .cMap__field a, .cRecepts .archive .cMap__field
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .cMap__field .recipesList .archive a, .cMap__field .recipesList .archive
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .recipesList .archive .cMap__field a, .recipesList .archive .cMap__field
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .cMap__field .cFtr .recipesList__item .archive a, .cMap__field .cFtr .recipesList__item .archive
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .cFtr .recipesList__item .archive .cMap__field a, .cFtr .recipesList__item .archive .cMap__field
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .cFtr__search .search__btn, .cFtr__search
.cHeader--separator .cHeader__component .search__btn,
.cHeader--separator .cHeader__component .cNewsletter .btn, .cNewsletter
.cHeader--separator .cHeader__component .btn,
.cHeader--separator .cHeader__component .cNewsletter .cClientZone__logout, .cNewsletter
.cHeader--separator .cHeader__component .cClientZone__logout,
.cHeader--separator .cHeader__component .cNewsletter .cNews-archiv a, .cNewsletter .cNews-archiv
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .cNews-archiv .cNewsletter a, .cNews-archiv .cNewsletter
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .cNewsletter .cRecepts .archive a, .cNewsletter .cRecepts .archive
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .cRecepts .archive .cNewsletter a, .cRecepts .archive .cNewsletter
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .cNewsletter .recipesList .archive a, .cNewsletter .recipesList .archive
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .recipesList .archive .cNewsletter a, .recipesList .archive .cNewsletter
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .cNewsletter .cFtr .recipesList__item .archive a, .cNewsletter .cFtr .recipesList__item .archive
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .cFtr .recipesList__item .archive .cNewsletter a, .cFtr .recipesList__item .archive .cNewsletter
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .cForm .btn, .cForm
.cHeader--separator .cHeader__component .btn,
.cHeader--separator .cHeader__component .cForm .cClientZone__logout, .cForm
.cHeader--separator .cHeader__component .cClientZone__logout,
.cHeader--separator .cHeader__component .cForm .cNews-archiv a, .cForm .cNews-archiv
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .cNews-archiv .cForm a, .cNews-archiv .cForm
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .cForm .cRecepts .archive a, .cForm .cRecepts .archive
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .cRecepts .archive .cForm a, .cRecepts .archive .cForm
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .cForm .recipesList .archive a, .cForm .recipesList .archive
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .recipesList .archive .cForm a, .recipesList .archive .cForm
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .cForm .cFtr .recipesList__item .archive a, .cForm .cFtr .recipesList__item .archive
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .cFtr .recipesList__item .archive .cForm a, .cFtr .recipesList__item .archive .cForm
.cHeader--separator .cHeader__component a,
.cHeader--separator .cHeader__component .cConversButton .btn:not(.btn--inverse), .cConversButton
.cHeader--separator .cHeader__component .btn:not(.btn--inverse),
.cHeader--separator .cHeader__component .cConversButton .cClientZone__logout:not(.btn--inverse), .cConversButton
.cHeader--separator .cHeader__component .cClientZone__logout:not(.btn--inverse),
.cHeader--separator .cHeader__component .cConversButton .cNews-archiv a:not(.btn--inverse), .cConversButton .cNews-archiv
.cHeader--separator .cHeader__component a:not(.btn--inverse),
.cHeader--separator .cHeader__component .cNews-archiv .cConversButton a:not(.btn--inverse), .cNews-archiv .cConversButton
.cHeader--separator .cHeader__component a:not(.btn--inverse),
.cHeader--separator .cHeader__component .cConversButton .cRecepts .archive a:not(.btn--inverse), .cConversButton .cRecepts .archive
.cHeader--separator .cHeader__component a:not(.btn--inverse),
.cHeader--separator .cHeader__component .cRecepts .archive .cConversButton a:not(.btn--inverse), .cRecepts .archive .cConversButton
.cHeader--separator .cHeader__component a:not(.btn--inverse),
.cHeader--separator .cHeader__component .cConversButton .recipesList .archive a:not(.btn--inverse), .cConversButton .recipesList .archive
.cHeader--separator .cHeader__component a:not(.btn--inverse),
.cHeader--separator .cHeader__component .recipesList .archive .cConversButton a:not(.btn--inverse), .recipesList .archive .cConversButton
.cHeader--separator .cHeader__component a:not(.btn--inverse),
.cHeader--separator .cHeader__component .cConversButton .cFtr .recipesList__item .archive a:not(.btn--inverse), .cConversButton .cFtr .recipesList__item .archive
.cHeader--separator .cHeader__component a:not(.btn--inverse),
.cHeader--separator .cHeader__component .cFtr .recipesList__item .archive .cConversButton a:not(.btn--inverse), .cFtr .recipesList__item .archive .cConversButton
.cHeader--separator .cHeader__component a:not(.btn--inverse), .cHeader--separator .cHeader__component.cHeader__lang {
display: block;
border-left: 1px solid #ddd; }
.cHeader--separator .cHeader__component.cHeader__mainNav .nav__item__in:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component.cHeader__clientZone > a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cftSearchBtn:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .btn--cta:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cMap__field .btn:hover:not(.btn--cta):not(.cHeader__lang), .cMap__field
.cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cMap__field .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang), .cMap__field
.cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cMap__field .cNews-archiv a:hover:not(.btn--cta):not(.cHeader__lang), .cMap__field .cNews-archiv
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cNews-archiv .cMap__field a:hover:not(.btn--cta):not(.cHeader__lang), .cNews-archiv .cMap__field
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cMap__field .cRecepts .archive a:hover:not(.btn--cta):not(.cHeader__lang), .cMap__field .cRecepts .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cRecepts .archive .cMap__field a:hover:not(.btn--cta):not(.cHeader__lang), .cRecepts .archive .cMap__field
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cMap__field .recipesList .archive a:hover:not(.btn--cta):not(.cHeader__lang), .cMap__field .recipesList .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .recipesList .archive .cMap__field a:hover:not(.btn--cta):not(.cHeader__lang), .recipesList .archive .cMap__field
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cMap__field .cFtr .recipesList__item .archive a:hover:not(.btn--cta):not(.cHeader__lang), .cMap__field .cFtr .recipesList__item .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cFtr .recipesList__item .archive .cMap__field a:hover:not(.btn--cta):not(.cHeader__lang), .cFtr .recipesList__item .archive .cMap__field
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cFtr__search .search__btn:hover:not(.btn--cta):not(.cHeader__lang), .cFtr__search
.cHeader--separator .cHeader__component .search__btn:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cNewsletter .btn:hover:not(.btn--cta):not(.cHeader__lang), .cNewsletter
.cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cNewsletter .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang), .cNewsletter
.cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cNewsletter .cNews-archiv a:hover:not(.btn--cta):not(.cHeader__lang), .cNewsletter .cNews-archiv
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cNews-archiv .cNewsletter a:hover:not(.btn--cta):not(.cHeader__lang), .cNews-archiv .cNewsletter
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cNewsletter .cRecepts .archive a:hover:not(.btn--cta):not(.cHeader__lang), .cNewsletter .cRecepts .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cRecepts .archive .cNewsletter a:hover:not(.btn--cta):not(.cHeader__lang), .cRecepts .archive .cNewsletter
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cNewsletter .recipesList .archive a:hover:not(.btn--cta):not(.cHeader__lang), .cNewsletter .recipesList .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .recipesList .archive .cNewsletter a:hover:not(.btn--cta):not(.cHeader__lang), .recipesList .archive .cNewsletter
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cNewsletter .cFtr .recipesList__item .archive a:hover:not(.btn--cta):not(.cHeader__lang), .cNewsletter .cFtr .recipesList__item .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cFtr .recipesList__item .archive .cNewsletter a:hover:not(.btn--cta):not(.cHeader__lang), .cFtr .recipesList__item .archive .cNewsletter
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cForm .btn:hover:not(.btn--cta):not(.cHeader__lang), .cForm
.cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cForm .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang), .cForm
.cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cForm .cNews-archiv a:hover:not(.btn--cta):not(.cHeader__lang), .cForm .cNews-archiv
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cNews-archiv .cForm a:hover:not(.btn--cta):not(.cHeader__lang), .cNews-archiv .cForm
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cForm .cRecepts .archive a:hover:not(.btn--cta):not(.cHeader__lang), .cForm .cRecepts .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cRecepts .archive .cForm a:hover:not(.btn--cta):not(.cHeader__lang), .cRecepts .archive .cForm
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cForm .recipesList .archive a:hover:not(.btn--cta):not(.cHeader__lang), .cForm .recipesList .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .recipesList .archive .cForm a:hover:not(.btn--cta):not(.cHeader__lang), .recipesList .archive .cForm
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cForm .cFtr .recipesList__item .archive a:hover:not(.btn--cta):not(.cHeader__lang), .cForm .cFtr .recipesList__item .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cFtr .recipesList__item .archive .cForm a:hover:not(.btn--cta):not(.cHeader__lang), .cFtr .recipesList__item .archive .cForm
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang),
.cHeader--separator .cHeader__component .cConversButton .btn:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse), .cConversButton
.cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse),
.cHeader--separator .cHeader__component .cConversButton .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse), .cConversButton
.cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse),
.cHeader--separator .cHeader__component .cConversButton .cNews-archiv a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse), .cConversButton .cNews-archiv
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse),
.cHeader--separator .cHeader__component .cNews-archiv .cConversButton a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse), .cNews-archiv .cConversButton
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse),
.cHeader--separator .cHeader__component .cConversButton .cRecepts .archive a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse), .cConversButton .cRecepts .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse),
.cHeader--separator .cHeader__component .cRecepts .archive .cConversButton a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse), .cRecepts .archive .cConversButton
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse),
.cHeader--separator .cHeader__component .cConversButton .recipesList .archive a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse), .cConversButton .recipesList .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse),
.cHeader--separator .cHeader__component .recipesList .archive .cConversButton a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse), .recipesList .archive .cConversButton
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse),
.cHeader--separator .cHeader__component .cConversButton .cFtr .recipesList__item .archive a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse), .cConversButton .cFtr .recipesList__item .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse),
.cHeader--separator .cHeader__component .cFtr .recipesList__item .archive .cConversButton a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse), .cFtr .recipesList__item .archive .cConversButton
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse), .cHeader--separator .cHeader__component.cHeader__lang:hover:not(.btn--cta):not(.cHeader__lang) {
background-color: #173530;
color: #fff; }
.cHeader--separator .cHeader__component.cHeader__mainNav .nav__item__in:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component.cHeader__clientZone > a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cftSearchBtn:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .btn--cta:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cMap__field .btn:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cMap__field
.cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cMap__field .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cMap__field
.cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cMap__field .cNews-archiv a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cMap__field .cNews-archiv
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cNews-archiv .cMap__field a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cNews-archiv .cMap__field
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cMap__field .cRecepts .archive a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cMap__field .cRecepts .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cRecepts .archive .cMap__field a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cRecepts .archive .cMap__field
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cMap__field .recipesList .archive a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cMap__field .recipesList .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .recipesList .archive .cMap__field a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .recipesList .archive .cMap__field
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cMap__field .cFtr .recipesList__item .archive a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cMap__field .cFtr .recipesList__item .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cFtr .recipesList__item .archive .cMap__field a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cFtr .recipesList__item .archive .cMap__field
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cFtr__search .search__btn:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cFtr__search
.cHeader--separator .cHeader__component .search__btn:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cNewsletter .btn:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cNewsletter
.cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cNewsletter .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cNewsletter
.cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cNewsletter .cNews-archiv a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cNewsletter .cNews-archiv
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cNews-archiv .cNewsletter a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cNews-archiv .cNewsletter
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cNewsletter .cRecepts .archive a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cNewsletter .cRecepts .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cRecepts .archive .cNewsletter a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cRecepts .archive .cNewsletter
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cNewsletter .recipesList .archive a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cNewsletter .recipesList .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .recipesList .archive .cNewsletter a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .recipesList .archive .cNewsletter
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cNewsletter .cFtr .recipesList__item .archive a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cNewsletter .cFtr .recipesList__item .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cFtr .recipesList__item .archive .cNewsletter a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cFtr .recipesList__item .archive .cNewsletter
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cForm .btn:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cForm
.cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cForm .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cForm
.cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cForm .cNews-archiv a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cForm .cNews-archiv
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cNews-archiv .cForm a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cNews-archiv .cForm
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cForm .cRecepts .archive a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cForm .cRecepts .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cRecepts .archive .cForm a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cRecepts .archive .cForm
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cForm .recipesList .archive a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cForm .recipesList .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .recipesList .archive .cForm a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .recipesList .archive .cForm
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cForm .cFtr .recipesList__item .archive a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cForm .cFtr .recipesList__item .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cFtr .recipesList__item .archive .cForm a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before, .cFtr .recipesList__item .archive .cForm
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cConversButton .btn:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*='icon-']::before, .cConversButton
.cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cConversButton .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*='icon-']::before, .cConversButton
.cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cConversButton .cNews-archiv a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*='icon-']::before, .cConversButton .cNews-archiv
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cNews-archiv .cConversButton a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*='icon-']::before, .cNews-archiv .cConversButton
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cConversButton .cRecepts .archive a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*='icon-']::before, .cConversButton .cRecepts .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cRecepts .archive .cConversButton a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*='icon-']::before, .cRecepts .archive .cConversButton
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cConversButton .recipesList .archive a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*='icon-']::before, .cConversButton .recipesList .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*='icon-']::before,
.cHeader--separator .cHeader__component .recipesList .archive .cConversButton a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*='icon-']::before, .recipesList .archive .cConversButton
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cConversButton .cFtr .recipesList__item .archive a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*='icon-']::before, .cConversButton .cFtr .recipesList__item .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*='icon-']::before,
.cHeader--separator .cHeader__component .cFtr .recipesList__item .archive .cConversButton a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*='icon-']::before, .cFtr .recipesList__item .archive .cConversButton
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*='icon-']::before, .cHeader--separator .cHeader__component.cHeader__lang:hover:not(.btn--cta):not(.cHeader__lang) [class*='icon-']::before {
color: #fff; }
.cHeader--separator .cHeader__component.cHeader__mainNav .nav__item__in:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component.cHeader__clientZone > a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cftSearchBtn:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .btn--cta:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cMap__field .btn:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cMap__field
.cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cMap__field .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cMap__field
.cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cMap__field .cNews-archiv a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cMap__field .cNews-archiv
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cNews-archiv .cMap__field a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cNews-archiv .cMap__field
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cMap__field .cRecepts .archive a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cMap__field .cRecepts .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cRecepts .archive .cMap__field a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cRecepts .archive .cMap__field
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cMap__field .recipesList .archive a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cMap__field .recipesList .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .recipesList .archive .cMap__field a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .recipesList .archive .cMap__field
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cMap__field .cFtr .recipesList__item .archive a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cMap__field .cFtr .recipesList__item .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cFtr .recipesList__item .archive .cMap__field a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cFtr .recipesList__item .archive .cMap__field
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cFtr__search .search__btn:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cFtr__search
.cHeader--separator .cHeader__component .search__btn:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cNewsletter .btn:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cNewsletter
.cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cNewsletter .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cNewsletter
.cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cNewsletter .cNews-archiv a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cNewsletter .cNews-archiv
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cNews-archiv .cNewsletter a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cNews-archiv .cNewsletter
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cNewsletter .cRecepts .archive a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cNewsletter .cRecepts .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cRecepts .archive .cNewsletter a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cRecepts .archive .cNewsletter
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cNewsletter .recipesList .archive a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cNewsletter .recipesList .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .recipesList .archive .cNewsletter a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .recipesList .archive .cNewsletter
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cNewsletter .cFtr .recipesList__item .archive a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cNewsletter .cFtr .recipesList__item .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cFtr .recipesList__item .archive .cNewsletter a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cFtr .recipesList__item .archive .cNewsletter
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cForm .btn:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cForm
.cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cForm .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cForm
.cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cForm .cNews-archiv a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cForm .cNews-archiv
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cNews-archiv .cForm a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cNews-archiv .cForm
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cForm .cRecepts .archive a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cForm .cRecepts .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cRecepts .archive .cForm a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cRecepts .archive .cForm
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cForm .recipesList .archive a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cForm .recipesList .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .recipesList .archive .cForm a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .recipesList .archive .cForm
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cForm .cFtr .recipesList__item .archive a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cForm .cFtr .recipesList__item .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cFtr .recipesList__item .archive .cForm a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cFtr .recipesList__item .archive .cForm
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title,
.cHeader--separator .cHeader__component .cConversButton .btn:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title, .cConversButton
.cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title,
.cHeader--separator .cHeader__component .cConversButton .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title, .cConversButton
.cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title,
.cHeader--separator .cHeader__component .cConversButton .cNews-archiv a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title, .cConversButton .cNews-archiv
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title,
.cHeader--separator .cHeader__component .cNews-archiv .cConversButton a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title, .cNews-archiv .cConversButton
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title,
.cHeader--separator .cHeader__component .cConversButton .cRecepts .archive a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title, .cConversButton .cRecepts .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title,
.cHeader--separator .cHeader__component .cRecepts .archive .cConversButton a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title, .cRecepts .archive .cConversButton
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title,
.cHeader--separator .cHeader__component .cConversButton .recipesList .archive a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title, .cConversButton .recipesList .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title,
.cHeader--separator .cHeader__component .recipesList .archive .cConversButton a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title, .recipesList .archive .cConversButton
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title,
.cHeader--separator .cHeader__component .cConversButton .cFtr .recipesList__item .archive a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title, .cConversButton .cFtr .recipesList__item .archive
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title,
.cHeader--separator .cHeader__component .cFtr .recipesList__item .archive .cConversButton a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title, .cFtr .recipesList__item .archive .cConversButton
.cHeader--separator .cHeader__component a:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title, .cHeader--separator .cHeader__component.cHeader__lang:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title {
color: #fff; }
.cHeader--separator .cHeader__component.cHeader__lang .cLang > .nav > .nav__item > a:hover, .cHeader--separator .cHeader__component.cHeader__lang .mDrop .cLang > ul > .nav__item > a:hover, .mDrop .cHeader--separator .cHeader__component.cHeader__lang .cLang > ul > .nav__item > a:hover, .cHeader--separator .cHeader__component.cHeader__lang .cLang > .cPag__nav > .nav__item > a:hover {
background-color: #173530;
color: #fff; }
.cHeader--separator .cHeader__component.cHeader__lang .cLang__title:hover {
text-decoration: underline; }
.cHeader--separator .cHeader__mainNav .nav__item {
padding-left: 0;
margin-left: 0; }
.cHeader--separator .cHeader__mainNav .nav__item__in {
display: block;
border-left: 1px solid #ddd;
border-top: 0;
border-bottom: 0; }
.cHeader--separator .cHeader__cta .btn--cta, .cHeader--separator .cHeader__cta .cMap__field .btn, .cMap__field .cHeader--separator .cHeader__cta .btn, .cHeader--separator .cHeader__cta .cMap__field .cClientZone__logout, .cMap__field .cHeader--separator .cHeader__cta .cClientZone__logout, .cHeader--separator .cHeader__cta .cMap__field .cNews-archiv a, .cMap__field .cNews-archiv .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .cNews-archiv .cMap__field a, .cNews-archiv .cMap__field .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .cMap__field .cRecepts .archive a, .cMap__field .cRecepts .archive .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .cRecepts .archive .cMap__field a, .cRecepts .archive .cMap__field .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .cMap__field .recipesList .archive a, .cMap__field .recipesList .archive .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .recipesList .archive .cMap__field a, .recipesList .archive .cMap__field .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .cMap__field .cFtr .recipesList__item .archive a, .cMap__field .cFtr .recipesList__item .archive .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .cFtr .recipesList__item .archive .cMap__field a, .cFtr .recipesList__item .archive .cMap__field .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .cFtr__search .search__btn, .cFtr__search .cHeader--separator .cHeader__cta .search__btn, .cHeader--separator .cHeader__cta .cNewsletter .btn, .cNewsletter .cHeader--separator .cHeader__cta .btn, .cHeader--separator .cHeader__cta .cNewsletter .cClientZone__logout, .cNewsletter .cHeader--separator .cHeader__cta .cClientZone__logout, .cHeader--separator .cHeader__cta .cNewsletter .cNews-archiv a, .cNewsletter .cNews-archiv .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .cNews-archiv .cNewsletter a, .cNews-archiv .cNewsletter .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .cNewsletter .cRecepts .archive a, .cNewsletter .cRecepts .archive .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .cRecepts .archive .cNewsletter a, .cRecepts .archive .cNewsletter .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .cNewsletter .recipesList .archive a, .cNewsletter .recipesList .archive .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .recipesList .archive .cNewsletter a, .recipesList .archive .cNewsletter .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .cNewsletter .cFtr .recipesList__item .archive a, .cNewsletter .cFtr .recipesList__item .archive .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .cFtr .recipesList__item .archive .cNewsletter a, .cFtr .recipesList__item .archive .cNewsletter .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .cForm .btn, .cForm .cHeader--separator .cHeader__cta .btn, .cHeader--separator .cHeader__cta .cForm .cClientZone__logout, .cForm .cHeader--separator .cHeader__cta .cClientZone__logout, .cHeader--separator .cHeader__cta .cForm .cNews-archiv a, .cForm .cNews-archiv .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .cNews-archiv .cForm a, .cNews-archiv .cForm .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .cForm .cRecepts .archive a, .cForm .cRecepts .archive .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .cRecepts .archive .cForm a, .cRecepts .archive .cForm .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .cForm .recipesList .archive a, .cForm .recipesList .archive .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .recipesList .archive .cForm a, .recipesList .archive .cForm .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .cForm .cFtr .recipesList__item .archive a, .cForm .cFtr .recipesList__item .archive .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .cFtr .recipesList__item .archive .cForm a, .cFtr .recipesList__item .archive .cForm .cHeader--separator .cHeader__cta a, .cHeader--separator .cHeader__cta .cConversButton .btn:not(.btn--inverse), .cConversButton .cHeader--separator .cHeader__cta .btn:not(.btn--inverse), .cHeader--separator .cHeader__cta .cConversButton .cClientZone__logout:not(.btn--inverse), .cConversButton .cHeader--separator .cHeader__cta .cClientZone__logout:not(.btn--inverse), .cHeader--separator .cHeader__cta .cConversButton .cNews-archiv a:not(.btn--inverse), .cConversButton .cNews-archiv .cHeader--separator .cHeader__cta a:not(.btn--inverse), .cHeader--separator .cHeader__cta .cNews-archiv .cConversButton a:not(.btn--inverse), .cNews-archiv .cConversButton .cHeader--separator .cHeader__cta a:not(.btn--inverse), .cHeader--separator .cHeader__cta .cConversButton .cRecepts .archive a:not(.btn--inverse), .cConversButton .cRecepts .archive .cHeader--separator .cHeader__cta a:not(.btn--inverse), .cHeader--separator .cHeader__cta .cRecepts .archive .cConversButton a:not(.btn--inverse), .cRecepts .archive .cConversButton .cHeader--separator .cHeader__cta a:not(.btn--inverse), .cHeader--separator .cHeader__cta .cConversButton .recipesList .archive a:not(.btn--inverse), .cConversButton .recipesList .archive .cHeader--separator .cHeader__cta a:not(.btn--inverse), .cHeader--separator .cHeader__cta .recipesList .archive .cConversButton a:not(.btn--inverse), .recipesList .archive .cConversButton .cHeader--separator .cHeader__cta a:not(.btn--inverse), .cHeader--separator .cHeader__cta .cConversButton .cFtr .recipesList__item .archive a:not(.btn--inverse), .cConversButton .cFtr .recipesList__item .archive .cHeader--separator .cHeader__cta a:not(.btn--inverse), .cHeader--separator .cHeader__cta .cFtr .recipesList__item .archive .cConversButton a:not(.btn--inverse), .cFtr .recipesList__item .archive .cConversButton .cHeader--separator .cHeader__cta a:not(.btn--inverse) {
border-radius: 0;
border: 0;
display: grid;
place-items: center;
align-items: center; }
.cHeader--separator .cHeader__component.cHeader__lang {
padding-left: 0;
padding-right: 0; }
.cHeader--separator .cHeader__component.cHeader__lang .drop {
line-height: 1.7; }
.cHeader--separator .cHeader__component.cHeader__lang .cLang--drop {
margin: 0; }
.cHeader--separator .cHeader__component.cHeader__lang .cLang--drop:hover {
background-color: #173530;
color: #fff; }
.cHeader--separator .cHeader__component.cHeader__lang .drop-holder {
padding: 0 12px; }
.cHeader--separator .cHeader__component.cHeader__lang .nav > .nav__item, .cHeader--separator .cHeader__component.cHeader__lang .mDrop ul > .nav__item, .mDrop .cHeader--separator .cHeader__component.cHeader__lang ul > .nav__item, .cHeader--separator .cHeader__component.cHeader__lang .cPag__nav > .nav__item {
margin: 0;
padding: 0; }
.cHeader--separator .cHeader__component.cHeader__lang .nav > .nav__item > a, .cHeader--separator .cHeader__component.cHeader__lang .mDrop ul > .nav__item > a, .mDrop .cHeader--separator .cHeader__component.cHeader__lang ul > .nav__item > a, .cHeader--separator .cHeader__component.cHeader__lang .cPag__nav > .nav__item > a {
padding: 0 12px; }
.cHeader--separator.cHeader--sticky {
padding-top: 0;
padding-bottom: 0; }
.cHeader--separator.cHeader--sticky .cHeader__component {
padding-top: 0;
padding-bottom: 0; }
.cHeader--separator.cHeader--fullWidth .dropNav--lev2,
.cHeader--separator.cHeader--fullWidth .dropNav--lev3,
.cHeader--separator.cHeader--fullWidth .dropNav--lev4 {
border: 0;
border-top: 1px solid #ddd; }
.cHeader--separator.cHeader--fullWidth .dropNav--lev2 .dropNav__item__in, .cHeader--separator.cHeader--fullWidth .dropNav--lev2 .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .cHeader--separator.cHeader--fullWidth .dropNav--lev2 .nav__item__in,
.cHeader--separator.cHeader--fullWidth .dropNav--lev3 .dropNav__item__in,
.cHeader--separator.cHeader--fullWidth .dropNav--lev3 .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item
.cHeader--separator.cHeader--fullWidth .dropNav--lev3 .nav__item__in,
.cHeader--separator.cHeader--fullWidth .dropNav--lev4 .dropNav__item__in,
.cHeader--separator.cHeader--fullWidth .dropNav--lev4 .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item
.cHeader--separator.cHeader--fullWidth .dropNav--lev4 .nav__item__in {
border-bottom: 1px solid #ddd; }
@media screen and (min-width: 768px) {
.cHeader--separator.cHeader--fullWidth .dropNav--lev2,
.cHeader--separator.cHeader--fullWidth .dropNav--lev3,
.cHeader--separator.cHeader--fullWidth .dropNav--lev4 {
position: relative;
left: 0;
transform: none;
opacity: 1;
visibility: visible;
height: 0;
border-right: 0;
min-width: 0;
border-left: 0;
border-right: 0;
overflow: hidden; } }
.cHeader--separator.cHeader--fullWidth .has-focus .dropNav--lev2,
.cHeader--separator.cHeader--fullWidth .has-focus .dropNav--lev3,
.cHeader--separator.cHeader--fullWidth .has-focus .dropNav--lev4 {
height: auto;
overflow: auto; }
.cHeader--separator.cHeader--fullWidth .dropNav.dropNav--lev1:hover .dropNav {
height: auto;
overflow: visible; }
@media screen and (min-width: 768px) {
.cHeader--separator.cHeader--fullWidth .dropNav .dropNav__item .dropNav__item__in, .cHeader--separator.cHeader--fullWidth .dropNav.dropNav--responsive-drop .nav__item .dropNav__item__in, .cHeader--separator.cHeader--fullWidth .dropNav.dropNav--responsive-drop .nav__item .nav__item__in {
padding: 10px 15px; } }
@media screen and (min-width: 768px) {
.cHeader--separator.cHeader--fullWidth .dropNav .dropNav__item--subLev > .dropNav__item__in, .cHeader--separator.cHeader--fullWidth .dropNav.dropNav--responsive-drop .nav__item .dropNav__item--subLev > .nav__item__in {
padding-right: 35px; } }
.cHeader--separator.cHeader--fullWidth .dropNav .dropNav__item--subLev > .dropNav__item__in::after, .cHeader--separator.cHeader--fullWidth .dropNav.dropNav--responsive-drop .nav__item .dropNav__item--subLev > .nav__item__in::after {
transform: none;
top: 15px; }
.cHeader--separator.cHeader--fullWidth .dropNav .dropNav__item--subLev:hover {
height: auto; }
@media screen and (min-width: 768px) {
.cHeader--separator.cHeader--fullWidth .dropNav--lev2 .dropNav__item .dropNav__item__in, .cHeader--separator.cHeader--fullWidth .dropNav--lev2 .dropNav.dropNav--responsive-drop .nav__item .dropNav__item__in, .dropNav.dropNav--responsive-drop .cHeader--separator.cHeader--fullWidth .dropNav--lev2 .nav__item .dropNav__item__in, .dropNav.dropNav--responsive-drop .nav__item .cHeader--separator.cHeader--fullWidth .dropNav--lev2 .dropNav__item .nav__item__in, .cHeader--separator.cHeader--fullWidth .dropNav--lev2 .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .dropNav.dropNav--responsive-drop .cHeader--separator.cHeader--fullWidth .dropNav--lev2 .nav__item .nav__item__in {
padding-left: 30px !important; } }
@media screen and (min-width: 768px) {
.cHeader--separator.cHeader--fullWidth .dropNav--lev3 .dropNav__item .dropNav__item__in, .cHeader--separator.cHeader--fullWidth .dropNav--lev3 .dropNav.dropNav--responsive-drop .nav__item .dropNav__item__in, .dropNav.dropNav--responsive-drop .cHeader--separator.cHeader--fullWidth .dropNav--lev3 .nav__item .dropNav__item__in, .dropNav.dropNav--responsive-drop .nav__item .cHeader--separator.cHeader--fullWidth .dropNav--lev3 .dropNav__item .nav__item__in, .cHeader--separator.cHeader--fullWidth .dropNav--lev3 .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .dropNav.dropNav--responsive-drop .cHeader--separator.cHeader--fullWidth .dropNav--lev3 .nav__item .nav__item__in {
padding-left: 40px !important; } }
.cHeader--fullWidth .cHeader__inner,
.cHeader--fullWidth .navbar__inner {
max-width: none;
padding-left: 20px ;
padding-left: 1.25rem ;
padding-right: 20px ;
padding-right: 1.25rem ; }
@media screen and (min-width: 768px) {
.cHeader--fullWidth .cHeader__inner,
.cHeader--fullWidth .navbar__inner {
padding-left: 20px ;
padding-left: 1.25rem ;
padding-right: 20px ;
padding-right: 1.25rem ; } }
@media screen and (min-width: 1024px) {
.cHeader--fullWidth .cHeader__inner,
.cHeader--fullWidth .navbar__inner {
padding-left: 30px ;
padding-left: 1.875rem ;
padding-right: 30px ;
padding-right: 1.875rem ; } }
.cHeader--offCanvas {
transition: transform 0.3s ease-in-out; }
@media screen and (min-width: 768px) {
.cHeader--offCanvas.offcanvas-open .pageOverlay {
left: -300px; } }
.cHeader--offCanvas.mm-menu.mm-offcanvas {
background-color: #f2efe8;
max-width: 300px;
display: block;
z-index: 1002;
border-right: 1px solid #ddd;
transform: translateX(-250px);
overflow: visible; }
.cHeader--offCanvas.mm-menu.mm-offcanvas.offcanvas-open {
transform: translateX(0); }
.cHeader--offCanvas.mm-menu.mm-offcanvas.offcanvas-open .cHeader__component--actionIcons,
.cHeader--offCanvas.mm-menu.mm-offcanvas.offcanvas-open .cHeader__component--socials {
position: relative;
width: 100%;
text-align: center;
top: 0; }
.cHeader--offCanvas.mm-menu.mm-offcanvas.offcanvas-open .cHeader__component--actionIcons .cHeader__component,
.cHeader--offCanvas.mm-menu.mm-offcanvas.offcanvas-open .cHeader__component--socials .cHeader__component {
display: inline-block;
vertical-align: top;
margin: 0 6px ;
margin: 0 0.375rem ; }
.cHeader--offCanvas.mm-menu.mm-offcanvas.offcanvas-open .cHeader__component--actionIcons .nav__item,
.cHeader--offCanvas.mm-menu.mm-offcanvas.offcanvas-open .cHeader__component--actionIcons .nav--basic__item,
.cHeader--offCanvas.mm-menu.mm-offcanvas.offcanvas-open .cHeader__component--socials .nav__item,
.cHeader--offCanvas.mm-menu.mm-offcanvas.offcanvas-open .cHeader__component--socials .nav--basic__item {
display: inline-block;
vertical-align: top;
margin: 0 6px 6px 6px ;
margin: 0 0.375rem 0.375rem 0.375rem ; }
.cHeader--offCanvas.mm-menu.mm-offcanvas.offcanvas-open .cHeader__component--socials {
position: absolute;
top: auto;
bottom: 12px; }
.cHeader--offCanvas .nav__item--drop .nav__item__in::after,
.cHeader--offCanvas .nav__item--mDrop .nav__item__in::after {
content: '';
display: none; }
.cHeader--offCanvas .cHeader__top {
position: relative; }
.cHeader--offCanvas .cHeader__inner {
display: block;
padding: 0 50px 0 24px ;
padding: 0 3.125rem 0 1.5rem ; }
.cHeader--offCanvas .cHeader__inner [class*='icon-']::before {
color: #7f7f7f;
font-size: 20px;
font-size: 1.25rem; }
.cHeader--offCanvas .cHeader__component {
display: block;
padding: 0;
margin-left: 0;
margin-bottom: 36px ;
margin-bottom: 2.25rem ;
text-align: center; }
.cHeader--offCanvas .cHeader__component--actionIcons {
position: absolute;
top: 25%;
right: 0;
width: 50px; }
.cHeader--offCanvas .cHeader__component--actionIcons .cHeader__component,
.cHeader--offCanvas .cHeader__component--actionIcons .nav--basic__item {
text-align: center;
margin-bottom: 6px ;
margin-bottom: 0.375rem ; }
.cHeader--offCanvas .cHeader__component--actionIcons .nav--basic__item {
display: block;
margin-right: 0;
border-bottom: 0; }
.cHeader--offCanvas .cHeader__component--actionIcons .nav--basic__item::after {
border: 0; }
.cHeader--offCanvas .cHeader__component.cHeader__search {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.cHeader--offCanvas .cHeader__component .cHeader__lang .cLang--text-only .nav__item {
display: block;
padding-left: 0; }
.cHeader--offCanvas .cHeader__component--socials {
position: absolute;
bottom: 0;
right: 0;
width: 50px;
margin-bottom: 0;
padding: 12px 0 ;
padding: 0.75rem 0 ; }
.cHeader--offCanvas .cHeader__component--socials .cSocialSites {
margin-bottom: 0; }
.cHeader--offCanvas .cHeader__component--socials .nav__item {
display: block;
margin-right: 0;
border-bottom: 0;
text-align: center; }
.cHeader--offCanvas .cHeader__component--socials .nav__item:last-child {
margin-bottom: 0; }
.cHeader--offCanvas .cHeader__component--socials .nav__item::after {
border: 0; }
.cHeader--offCanvas .inlineBlock {
margin-left: 24px ;
margin-left: 1.5rem ; }
.cHeader--offCanvas .inlineBlock:first-child {
margin-left: 0; }
.cHeader--offCanvas .cHamburger {
position: absolute;
top: 6px;
right: 0;
width: 50px;
height: 33px; }
.cHeader--offCanvas .cHamburger__line {
width: 50%;
left: 25%; }
.cHeader--offCanvas .cHeader__logo,
.cHeader--offCanvas .cHeader__slogan {
text-align: center;
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.cHeader--offCanvas .cHeader__logo img {
display: block;
margin-left: auto;
margin-right: auto; }
.cHeader--offCanvas .btn--cta, .cHeader--offCanvas .cMap__field .btn, .cMap__field .cHeader--offCanvas .btn, .cHeader--offCanvas .cMap__field .cClientZone__logout, .cMap__field .cHeader--offCanvas .cClientZone__logout, .cHeader--offCanvas .cMap__field .cNews-archiv a, .cMap__field .cNews-archiv .cHeader--offCanvas a, .cHeader--offCanvas .cNews-archiv .cMap__field a, .cNews-archiv .cMap__field .cHeader--offCanvas a, .cHeader--offCanvas .cMap__field .cRecepts .archive a, .cMap__field .cRecepts .archive .cHeader--offCanvas a, .cHeader--offCanvas .cRecepts .archive .cMap__field a, .cRecepts .archive .cMap__field .cHeader--offCanvas a, .cHeader--offCanvas .cMap__field .recipesList .archive a, .cMap__field .recipesList .archive .cHeader--offCanvas a, .cHeader--offCanvas .recipesList .archive .cMap__field a, .recipesList .archive .cMap__field .cHeader--offCanvas a, .cHeader--offCanvas .cMap__field .cFtr .recipesList__item .archive a, .cMap__field .cFtr .recipesList__item .archive .cHeader--offCanvas a, .cHeader--offCanvas .cFtr .recipesList__item .archive .cMap__field a, .cFtr .recipesList__item .archive .cMap__field .cHeader--offCanvas a, .cHeader--offCanvas .cFtr__search .search__btn, .cFtr__search .cHeader--offCanvas .search__btn, .cHeader--offCanvas .cNewsletter .btn, .cNewsletter .cHeader--offCanvas .btn, .cHeader--offCanvas .cNewsletter .cClientZone__logout, .cNewsletter .cHeader--offCanvas .cClientZone__logout, .cHeader--offCanvas .cNewsletter .cNews-archiv a, .cNewsletter .cNews-archiv .cHeader--offCanvas a, .cHeader--offCanvas .cNews-archiv .cNewsletter a, .cNews-archiv .cNewsletter .cHeader--offCanvas a, .cHeader--offCanvas .cNewsletter .cRecepts .archive a, .cNewsletter .cRecepts .archive .cHeader--offCanvas a, .cHeader--offCanvas .cRecepts .archive .cNewsletter a, .cRecepts .archive .cNewsletter .cHeader--offCanvas a, .cHeader--offCanvas .cNewsletter .recipesList .archive a, .cNewsletter .recipesList .archive .cHeader--offCanvas a, .cHeader--offCanvas .recipesList .archive .cNewsletter a, .recipesList .archive .cNewsletter .cHeader--offCanvas a, .cHeader--offCanvas .cNewsletter .cFtr .recipesList__item .archive a, .cNewsletter .cFtr .recipesList__item .archive .cHeader--offCanvas a, .cHeader--offCanvas .cFtr .recipesList__item .archive .cNewsletter a, .cFtr .recipesList__item .archive .cNewsletter .cHeader--offCanvas a, .cHeader--offCanvas .cForm .btn, .cForm .cHeader--offCanvas .btn, .cHeader--offCanvas .cForm .cClientZone__logout, .cForm .cHeader--offCanvas .cClientZone__logout, .cHeader--offCanvas .cForm .cNews-archiv a, .cForm .cNews-archiv .cHeader--offCanvas a, .cHeader--offCanvas .cNews-archiv .cForm a, .cNews-archiv .cForm .cHeader--offCanvas a, .cHeader--offCanvas .cForm .cRecepts .archive a, .cForm .cRecepts .archive .cHeader--offCanvas a, .cHeader--offCanvas .cRecepts .archive .cForm a, .cRecepts .archive .cForm .cHeader--offCanvas a, .cHeader--offCanvas .cForm .recipesList .archive a, .cForm .recipesList .archive .cHeader--offCanvas a, .cHeader--offCanvas .recipesList .archive .cForm a, .recipesList .archive .cForm .cHeader--offCanvas a, .cHeader--offCanvas .cForm .cFtr .recipesList__item .archive a, .cForm .cFtr .recipesList__item .archive .cHeader--offCanvas a, .cHeader--offCanvas .cFtr .recipesList__item .archive .cForm a, .cFtr .recipesList__item .archive .cForm .cHeader--offCanvas a, .cHeader--offCanvas .cConversButton .btn:not(.btn--inverse), .cConversButton .cHeader--offCanvas .btn:not(.btn--inverse), .cHeader--offCanvas .cConversButton .cClientZone__logout:not(.btn--inverse), .cConversButton .cHeader--offCanvas .cClientZone__logout:not(.btn--inverse), .cHeader--offCanvas .cConversButton .cNews-archiv a:not(.btn--inverse), .cConversButton .cNews-archiv .cHeader--offCanvas a:not(.btn--inverse), .cHeader--offCanvas .cNews-archiv .cConversButton a:not(.btn--inverse), .cNews-archiv .cConversButton .cHeader--offCanvas a:not(.btn--inverse), .cHeader--offCanvas .cConversButton .cRecepts .archive a:not(.btn--inverse), .cConversButton .cRecepts .archive .cHeader--offCanvas a:not(.btn--inverse), .cHeader--offCanvas .cRecepts .archive .cConversButton a:not(.btn--inverse), .cRecepts .archive .cConversButton .cHeader--offCanvas a:not(.btn--inverse), .cHeader--offCanvas .cConversButton .recipesList .archive a:not(.btn--inverse), .cConversButton .recipesList .archive .cHeader--offCanvas a:not(.btn--inverse), .cHeader--offCanvas .recipesList .archive .cConversButton a:not(.btn--inverse), .recipesList .archive .cConversButton .cHeader--offCanvas a:not(.btn--inverse), .cHeader--offCanvas .cConversButton .cFtr .recipesList__item .archive a:not(.btn--inverse), .cConversButton .cFtr .recipesList__item .archive .cHeader--offCanvas a:not(.btn--inverse), .cHeader--offCanvas .cFtr .recipesList__item .archive .cConversButton a:not(.btn--inverse), .cFtr .recipesList__item .archive .cConversButton .cHeader--offCanvas a:not(.btn--inverse) {
width: 100%; }
.cHeader--offCanvas .cHeader__phone,
.cHeader--offCanvas .cHeader__email {
margin-bottom: 0; }
.cHeader--offCanvas .cHeader__mainNav {
margin-top: 24px ;
margin-top: 1.5rem ; }
.cHeader--offCanvas .cHeader__mainNav .nav__item,
.cHeader--offCanvas .cHeader__sideNav .nav__item {
display: block;
text-align: center; }
.cHeader--offCanvas .cHeader__mainNav .nav__item::after,
.cHeader--offCanvas .cHeader__sideNav .nav__item::after {
border: 0; }
.cHeader--offCanvas .cHeader__mainNav .nav__item__in,
.cHeader--offCanvas .cHeader__sideNav .nav__item__in {
padding: 8px ;
padding: 0.5rem ;
border: 0;
text-transform: uppercase;
font-size: 13px;
font-size: 0.8125rem; }
.cHeader--offCanvas .cHeader__mainNav .nav__item .mm-next,
.cHeader--offCanvas .cHeader__sideNav .nav__item .mm-next {
display: none; }
.cHeader--offCanvas .cHeader__mainNav .nav__item .mm-next + a,
.cHeader--offCanvas .cHeader__sideNav .nav__item .mm-next + a {
margin-right: 0; }
.cHeader--offCanvas .cHeader__mainNav .nav__item--drop .nav__item__in--drop::after, .cHeader--offCanvas .cHeader__mainNav .nav__item--mDrop .nav__item__in--drop::after,
.cHeader--offCanvas .cHeader__sideNav .nav__item--drop .nav__item__in--drop::after,
.cHeader--offCanvas .cHeader__sideNav .nav__item--mDrop .nav__item__in--drop::after {
content: ''; }
.cHeader--offCanvas .cHeader__sideNav {
margin-top: 24px ;
margin-top: 1.5rem ; }
.cHeader--offCanvas .cHeader__sideNav .nav__item__in {
text-transform: none;
text-decoration: underline;
padding: 4px ;
padding: 0.25rem ; }
.cHeader--offCanvas .cHeader__sideNav .nav__item__in:hover {
text-decoration: none; }
.cHeader--offCanvas .cftSearch--onClick {
position: fixed;
top: 0;
left: 300px;
right: auto;
width: calc(100vw - 50px);
padding: 24px ;
padding: 1.5rem ;
background-color: #f2efe8;
border-bottom: 1px solid #ddd;
text-align: left; }
.cHeader--offCanvas .cftSearch--onClick .cftSearch__autocomplete {
left: 0;
width: 100%; }
.mm-opened .cHeader--offCanvas .cftSearch--onClick {
width: calc(100vw - 300px); }
.mobileMenu--offCanvas {
margin-top: 0 !important; }
.mobileHeader__toolbar {
position: relative;
display: table;
width: 100%;
z-index: 4;
background-color: #f2efe8; }
.mobileHeader__toolbar__component {
display: table-cell;
vertical-align: middle; }
.cHeader--is-transparent .mobileHeader__toolbar {
background-color: transparent; }
.mobileHeader__logo {
width: 25%;
padding: 10px 0 10px 15px ;
padding: 0.625rem 0 0.625rem 0.9375rem ; }
.mobileHeader__iconBar {
width: 75%;
text-align: right; }
.mobileHeader__iconBar__item {
display: inline-block;
vertical-align: middle;
margin-bottom: 0;
padding: 10px 6px ;
padding: 0.625rem 0.375rem ; }
.mobileHeader__iconBar__item a {
display: block;
width: 25px;
text-align: center; }
.mobileHeader__iconBar__item [class*='icon-']::before {
color: #173530; }
.mobileHeader__iconBar__item .cHamburger__line {
background-color: #173530; }
.mobileHeader__content.mobileMenu--offCanvas .mobileHeader__inner {
padding-left: 0;
padding-right: 0;
box-shadow: inset 4px 0 10px rgba(0, 0, 0, 0.1); }
.mobileHeader__content.mobileMenu--offCanvas .nav__item__in {
padding-left: 12px ;
padding-left: 0.75rem ; }
.mobileHeader__content:not(.mm-menu) {
display: none; }
.mobileHeader__content.mm-menu {
text-align: center; }
.mobileHeader__content.mm-menu.mm-top {
height: 100%;
background-color: #f2efe8;
z-index: 100; }
.mobileHeader__content.mm-menu.mm-right {
background-color: #eceff4;
border-left: 1px solid #ddd; }
.mobileHeader__content.mm-menu.mm-right .cftSearch__field {
background-color: #fff; }
.mobileHeader__inner {
padding-left: 24px ;
padding-left: 1.5rem ;
padding-right: 24px ;
padding-right: 1.5rem ; }
.mobileHeader__inner [class*='icon-']::before {
color: #777; }
.mobileHeader__component {
position: relative;
display: block;
margin-bottom: 24px ;
margin-bottom: 1.5rem ;
color: #173530; }
.mobileHeader__component--mainNav, .mobileHeader__component--sideNav {
text-align: left; }
.mobileHeader__component--mainNav .nav__item,
.mobileHeader__component--mainNav .dropNav__item,
.mobileHeader__component--mainNav .dropNav.dropNav--responsive-drop .nav__item, .dropNav.dropNav--responsive-drop
.mobileHeader__component--mainNav .nav__item, .mobileHeader__component--sideNav .nav__item,
.mobileHeader__component--sideNav .dropNav__item,
.mobileHeader__component--sideNav .dropNav.dropNav--responsive-drop .nav__item, .dropNav.dropNav--responsive-drop
.mobileHeader__component--sideNav .nav__item {
display: block;
transition: opacity 0.5s ease-in-out; }
.mobileHeader__component--mainNav .nav__item__in,
.mobileHeader__component--mainNav .dropNav__item__in,
.mobileHeader__component--mainNav .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item
.mobileHeader__component--mainNav .nav__item__in, .mobileHeader__component--sideNav .nav__item__in,
.mobileHeader__component--sideNav .dropNav__item__in,
.mobileHeader__component--sideNav .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item
.mobileHeader__component--sideNav .nav__item__in {
position: relative;
display: block; }
.mobileHeader__component--mainNav .nav__item__in::after,
.mobileHeader__component--mainNav .dropNav__item__in::after,
.mobileHeader__component--mainNav .dropNav.dropNav--responsive-drop .nav__item .nav__item__in::after, .dropNav.dropNav--responsive-drop .nav__item
.mobileHeader__component--mainNav .nav__item__in::after, .mobileHeader__component--sideNav .nav__item__in::after,
.mobileHeader__component--sideNav .dropNav__item__in::after,
.mobileHeader__component--sideNav .dropNav.dropNav--responsive-drop .nav__item .nav__item__in::after, .dropNav.dropNav--responsive-drop .nav__item
.mobileHeader__component--sideNav .nav__item__in::after {
content: ''; }
.mobileHeader__component--mainNav .nav__item .mm-next,
.mobileHeader__component--mainNav .dropNav__item .mm-next,
.mobileHeader__component--mainNav .dropNav.dropNav--responsive-drop .nav__item .mm-next, .dropNav.dropNav--responsive-drop
.mobileHeader__component--mainNav .nav__item .mm-next, .mobileHeader__component--sideNav .nav__item .mm-next,
.mobileHeader__component--sideNav .dropNav__item .mm-next,
.mobileHeader__component--sideNav .dropNav.dropNav--responsive-drop .nav__item .mm-next, .dropNav.dropNav--responsive-drop
.mobileHeader__component--sideNav .nav__item .mm-next {
height: 100%;
line-height: 35px; }
.mobileHeader__component--mainNav .nav__item .mm-next::after,
.mobileHeader__component--mainNav .dropNav__item .mm-next::after,
.mobileHeader__component--mainNav .dropNav.dropNav--responsive-drop .nav__item .mm-next::after, .dropNav.dropNav--responsive-drop
.mobileHeader__component--mainNav .nav__item .mm-next::after, .mobileHeader__component--sideNav .nav__item .mm-next::after,
.mobileHeader__component--sideNav .dropNav__item .mm-next::after,
.mobileHeader__component--sideNav .dropNav.dropNav--responsive-drop .nav__item .mm-next::after, .dropNav.dropNav--responsive-drop
.mobileHeader__component--sideNav .nav__item .mm-next::after {
position: relative;
left: 50%;
right: auto;
margin-left: -4px;
top: 2px; }
.mobileHeader__component--mainNav .nav__item.mm-opened > .mm-next::after,
.mobileHeader__component--mainNav .dropNav__item.mm-opened > .mm-next::after,
.mobileHeader__component--mainNav .dropNav.dropNav--responsive-drop .mm-opened.nav__item > .mm-next::after, .dropNav.dropNav--responsive-drop
.mobileHeader__component--mainNav .mm-opened.nav__item > .mm-next::after, .mobileHeader__component--sideNav .nav__item.mm-opened > .mm-next::after,
.mobileHeader__component--sideNav .dropNav__item.mm-opened > .mm-next::after,
.mobileHeader__component--sideNav .dropNav.dropNav--responsive-drop .mm-opened.nav__item > .mm-next::after, .dropNav.dropNav--responsive-drop
.mobileHeader__component--sideNav .mm-opened.nav__item > .mm-next::after {
top: -2px; }
.mobileHeader__component--mainNav .nav__item__in,
.mobileHeader__component--mainNav .dropNav__item__in,
.mobileHeader__component--mainNav .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item
.mobileHeader__component--mainNav .nav__item__in {
height: 35px;
padding: 6px 12px 6px 0 ;
padding: 0.375rem 0.75rem 0.375rem 0 ;
color: #173530;
border-bottom: 1px solid #ddd;
color: #173530; }
.mobileHeader__component--mainNav .dropNav__item__in, .mobileHeader__component--mainNav .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .mobileHeader__component--mainNav .nav__item__in {
padding-right: 55px;
padding-left: 24px; }
.mobileHeader__component--mainNav .dropNav--lev2 .dropNav__item__in, .mobileHeader__component--mainNav .dropNav--lev2 .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .mobileHeader__component--mainNav .dropNav--lev2 .nav__item__in {
padding-left: 36px; }
.mobileHeader__component--sideNav .nav__item__in {
padding: 6px 12px 6px 0 ;
padding: 0.375rem 0.75rem 0.375rem 0 ; }
.mobileHeader__component--search {
padding-left: 12px ;
padding-left: 0.75rem ;
padding-right: 12px ;
padding-right: 0.75rem ;
z-index: 10; }
.mobileHeader__component--socials .nav__item {
margin-bottom: 0;
border-color: transparent; }
.mobileHeader__component--socials .nav__item__in {
padding-left: 0 !important; }
.mobileHeader__component--socials [class^='icon-']::before {
font-size: 20px;
font-size: 1.25rem; }
.mobileHeader__component--phone a, .mobileHeader__component--mail a {
color: #173530;
color: #173530; }
.mobileHeader__component--phone .icon, .mobileHeader__component--mail .icon {
margin-right: 4px ;
margin-right: 0.25rem ; }
.mobileHeader__component--phone.is-emailSibling {
margin-bottom: 6px ;
margin-bottom: 0.375rem ; }
.mobileHeader__component .nav__item__in::after {
content: '' !important; }
.mobileHeader__component .mDrop {
margin-bottom: 0; }
.mobileHeader__component .mDrop .mDrop__cont {
padding: 24px 12px 0 12px ;
padding: 1.5rem 0.75rem 0 0.75rem ; }
.mobileHeader__component .mDrop .mDrop__cont .grid__item, .mobileHeader__component .mDrop .mDrop__cont .label--inline, .mobileHeader__component .mDrop .mDrop__cont .label--inline + .field {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
.mobileHeader__component .mDrop .mDrop__cont > .mm-panel {
display: block; }
.mobileHeader__component .cftSearch__field {
background-color: #f2efe8; }
.mobileHeader .mobileHeader__menuHandler {
position: relative;
text-decoration: none;
text-align: center;
width: auto; }
.mobileHeader .mobileHeader__menuHandler::after {
display: inline-block;
vertical-align: middle;
content: 'Menu';
text-decoration: none;
color: #173530;
font-size: 11px;
font-size: 0.6875rem;
line-height: 1;
padding-left: 28px;
margin-top: 2px; }
@keyframes header-sticky {
from {
opacity: 0; }
to {
opacity: 1; } }
.cHeader--sticky {
background-color: #f2efe8; }
@media screen and (min-width: 768px) {
.cHeader--sticky {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 50;
padding-top: 0;
padding-bottom: 0;
background-image: none;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
height: auto;
transition: all 0.3s ease-in-out;
opacity: 0;
animation-name: header-sticky;
animation-iteration-count: 1;
animation-duration: 0.5s;
animation-fill-mode: forwards; }
.cHeader--sticky .cHeader__inner {
background-color: transparent; } }
@media screen and (min-width: 1024px) {
.cHeader--sticky .cHeader__mainNav .nav__item__in,
.cHeader--sticky .cHeader__component {
padding-top: 0;
padding-bottom: 0; } }
@media screen and (min-width: 1024px) {
.cHeader--sticky .cHeader__logo img {
max-width: 160px ;
max-width: 10rem ; } }
@media screen and (min-width: 1024px) {
.cHeader--sticky .cHeader__mainNav .nav__item__in {
padding-top: 12px ;
padding-top: 0.75rem ;
padding-bottom: 12px ;
padding-bottom: 0.75rem ; } }
@media screen and (min-width: 1024px) {
.cHeader--sticky.cHeader--hamburger {
padding-top: 12px ;
padding-top: 0.75rem ;
padding-bottom: 12px ;
padding-bottom: 0.75rem ; } }
@media screen and (min-width: 1024px) {
.cHeader--sticky.cHeader--hamburger .cHeader__pageOverlay .cHeader__link {
padding: 6px 8px ;
padding: 0.375rem 0.5rem ; } }
.cHeader--sticky.cHeader--centered, .cHeader--sticky.cHeader--beneath {
padding-top: 0; }
.cHeader--sticky.cHeader--centered .cHeader__inner, .cHeader--sticky.cHeader--beneath .cHeader__inner {
padding-top: 0; }
.cHeader--sticky.cHeader--centered .cHeader__logo, .cHeader--sticky.cHeader--beneath .cHeader__logo {
width: auto; }
.cHeader--sticky.cHeader--beneath .cHeader__mainNav {
margin-left: 0;
text-align: right; }
.cHeader--sticky.cHeader--separator {
border-bottom-color: #ddd; }
@media screen and (min-width: 1024px) {
.cHeader--sticky.cHeader--separator .cHeader__inner {
height: 50px; }
.cHeader--sticky.cHeader--separator .cHeader__mainNav .nav__item__in,
.cHeader--sticky.cHeader--separator .cftSearchBtn,
.cHeader--sticky.cHeader--separator .cHeader__link,
.cHeader--sticky.cHeader--separator .drop-holder,
.cHeader--sticky.cHeader--separator .cHeader__clientZone > a,
.cHeader--sticky.cHeader--separator .cHeader__cta .btn--cta,
.cHeader--sticky.cHeader--separator .cHeader__cta .cMap__field .btn, .cMap__field
.cHeader--sticky.cHeader--separator .cHeader__cta .btn,
.cHeader--sticky.cHeader--separator .cHeader__cta .cMap__field .cClientZone__logout, .cMap__field
.cHeader--sticky.cHeader--separator .cHeader__cta .cClientZone__logout,
.cHeader--sticky.cHeader--separator .cHeader__cta .cMap__field .cNews-archiv a, .cMap__field .cNews-archiv
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .cNews-archiv .cMap__field a, .cNews-archiv .cMap__field
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .cMap__field .cRecepts .archive a, .cMap__field .cRecepts .archive
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .cRecepts .archive .cMap__field a, .cRecepts .archive .cMap__field
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .cMap__field .recipesList .archive a, .cMap__field .recipesList .archive
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .recipesList .archive .cMap__field a, .recipesList .archive .cMap__field
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .cMap__field .cFtr .recipesList__item .archive a, .cMap__field .cFtr .recipesList__item .archive
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .cFtr .recipesList__item .archive .cMap__field a, .cFtr .recipesList__item .archive .cMap__field
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .cFtr__search .search__btn, .cFtr__search
.cHeader--sticky.cHeader--separator .cHeader__cta .search__btn,
.cHeader--sticky.cHeader--separator .cHeader__cta .cNewsletter .btn, .cNewsletter
.cHeader--sticky.cHeader--separator .cHeader__cta .btn,
.cHeader--sticky.cHeader--separator .cHeader__cta .cNewsletter .cClientZone__logout, .cNewsletter
.cHeader--sticky.cHeader--separator .cHeader__cta .cClientZone__logout,
.cHeader--sticky.cHeader--separator .cHeader__cta .cNewsletter .cNews-archiv a, .cNewsletter .cNews-archiv
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .cNews-archiv .cNewsletter a, .cNews-archiv .cNewsletter
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .cNewsletter .cRecepts .archive a, .cNewsletter .cRecepts .archive
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .cRecepts .archive .cNewsletter a, .cRecepts .archive .cNewsletter
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .cNewsletter .recipesList .archive a, .cNewsletter .recipesList .archive
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .recipesList .archive .cNewsletter a, .recipesList .archive .cNewsletter
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .cNewsletter .cFtr .recipesList__item .archive a, .cNewsletter .cFtr .recipesList__item .archive
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .cFtr .recipesList__item .archive .cNewsletter a, .cFtr .recipesList__item .archive .cNewsletter
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .cForm .btn, .cForm
.cHeader--sticky.cHeader--separator .cHeader__cta .btn,
.cHeader--sticky.cHeader--separator .cHeader__cta .cForm .cClientZone__logout, .cForm
.cHeader--sticky.cHeader--separator .cHeader__cta .cClientZone__logout,
.cHeader--sticky.cHeader--separator .cHeader__cta .cForm .cNews-archiv a, .cForm .cNews-archiv
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .cNews-archiv .cForm a, .cNews-archiv .cForm
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .cForm .cRecepts .archive a, .cForm .cRecepts .archive
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .cRecepts .archive .cForm a, .cRecepts .archive .cForm
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .cForm .recipesList .archive a, .cForm .recipesList .archive
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .recipesList .archive .cForm a, .recipesList .archive .cForm
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .cForm .cFtr .recipesList__item .archive a, .cForm .cFtr .recipesList__item .archive
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .cFtr .recipesList__item .archive .cForm a, .cFtr .recipesList__item .archive .cForm
.cHeader--sticky.cHeader--separator .cHeader__cta a,
.cHeader--sticky.cHeader--separator .cHeader__cta .cConversButton .btn:not(.btn--inverse), .cConversButton
.cHeader--sticky.cHeader--separator .cHeader__cta .btn:not(.btn--inverse),
.cHeader--sticky.cHeader--separator .cHeader__cta .cConversButton .cClientZone__logout:not(.btn--inverse), .cConversButton
.cHeader--sticky.cHeader--separator .cHeader__cta .cClientZone__logout:not(.btn--inverse),
.cHeader--sticky.cHeader--separator .cHeader__cta .cConversButton .cNews-archiv a:not(.btn--inverse), .cConversButton .cNews-archiv
.cHeader--sticky.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--sticky.cHeader--separator .cHeader__cta .cNews-archiv .cConversButton a:not(.btn--inverse), .cNews-archiv .cConversButton
.cHeader--sticky.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--sticky.cHeader--separator .cHeader__cta .cConversButton .cRecepts .archive a:not(.btn--inverse), .cConversButton .cRecepts .archive
.cHeader--sticky.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--sticky.cHeader--separator .cHeader__cta .cRecepts .archive .cConversButton a:not(.btn--inverse), .cRecepts .archive .cConversButton
.cHeader--sticky.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--sticky.cHeader--separator .cHeader__cta .cConversButton .recipesList .archive a:not(.btn--inverse), .cConversButton .recipesList .archive
.cHeader--sticky.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--sticky.cHeader--separator .cHeader__cta .recipesList .archive .cConversButton a:not(.btn--inverse), .recipesList .archive .cConversButton
.cHeader--sticky.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--sticky.cHeader--separator .cHeader__cta .cConversButton .cFtr .recipesList__item .archive a:not(.btn--inverse), .cConversButton .cFtr .recipesList__item .archive
.cHeader--sticky.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--sticky.cHeader--separator .cHeader__cta .cFtr .recipesList__item .archive .cConversButton a:not(.btn--inverse), .cFtr .recipesList__item .archive .cConversButton
.cHeader--sticky.cHeader--separator .cHeader__cta a:not(.btn--inverse),
.cHeader--sticky.cHeader--separator .cHeader__lang {
height: 50px;
line-height: 50px;
line-height: 50px;
padding-top: 0;
padding-bottom: 0; }
.cHeader--sticky.cHeader--separator .cHeader__logo .cHeader__link {
padding-top: 0;
padding-bottom: 0;
line-height: 1;
height: auto; } }
.cHamburger {
display: inline-block;
vertical-align: middle;
position: relative;
width: 30px;
height: 30px; }
.cHamburger__line {
position: absolute;
background-color: #173530;
width: 20px;
height: 3px;
left: 0;
transition: transform 0.5s ease-in-out, top 0.5s ease-in-out, opacity 0.5s ease-in-out; }
.cHamburger__line--top {
top: 25%; }
.cHamburger__line--center {
top: 50%;
margin-top: -1.5px; }
.cHamburger__line--bottom {
top: 66.666%; }
.cHamburger--active .cHamburger__line--center, .cHeader__offcanvas input:checked + label .cHamburger__line--center {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0); }
.cHamburger--active .cHamburger__line--top, .cHeader__offcanvas input:checked + label .cHamburger__line--top {
top: 50%;
transform: rotate(45deg); }
.cHamburger--active .cHamburger__line--bottom, .cHeader__offcanvas input:checked + label .cHamburger__line--bottom {
bottom: 50%;
top: 50%;
transform: rotate(-45deg); }
.cHamburger--big {
display: block;
width: 75%;
height: 35px;
margin-left: auto;
margin-right: auto; }
.cHamburger--big .cHamburger__line {
height: 4px; }
.cSocialSites .icon-facebook::before {
font-size: 17px;
font-size: 1.0625rem;
color: #173530; }
.cSocialSites .icon-facebook:hover::before {
color: #3b5998; }
.cSocialSites .nav__item__in:hover .icon-facebook::before,
.cSocialSites .nav__item__in:hover .icon-tiktok::before {
color: #3b5998; }
.cSocialSites .icon-twitter::before {
font-size: 17px;
font-size: 1.0625rem;
color: #173530; }
.cSocialSites .icon-twitter:hover::before {
color: #00aced; }
.cSocialSites .nav__item__in:hover .icon-twitter::before,
.cSocialSites .nav__item__in:hover .icon-tiktok::before {
color: #00aced; }
.cSocialSites .icon-googleplus::before {
font-size: 17px;
font-size: 1.0625rem;
color: #173530; }
.cSocialSites .icon-googleplus:hover::before {
color: #dd4b39; }
.cSocialSites .nav__item__in:hover .icon-googleplus::before,
.cSocialSites .nav__item__in:hover .icon-tiktok::before {
color: #dd4b39; }
.cSocialSites .icon-pinterest::before {
font-size: 17px;
font-size: 1.0625rem;
color: #173530; }
.cSocialSites .icon-pinterest:hover::before {
color: #cb2027; }
.cSocialSites .nav__item__in:hover .icon-pinterest::before,
.cSocialSites .nav__item__in:hover .icon-tiktok::before {
color: #cb2027; }
.cSocialSites .icon-linkedin::before {
font-size: 17px;
font-size: 1.0625rem;
color: #173530; }
.cSocialSites .icon-linkedin:hover::before {
color: #007bb6; }
.cSocialSites .nav__item__in:hover .icon-linkedin::before,
.cSocialSites .nav__item__in:hover .icon-tiktok::before {
color: #007bb6; }
.cSocialSites .icon-youtube::before {
font-size: 17px;
font-size: 1.0625rem;
color: #173530; }
.cSocialSites .icon-youtube:hover::before {
color: #bb0000; }
.cSocialSites .nav__item__in:hover .icon-youtube::before,
.cSocialSites .nav__item__in:hover .icon-tiktok::before {
color: #bb0000; }
.cSocialSites .icon-instagram::before {
font-size: 17px;
font-size: 1.0625rem;
color: #173530; }
.cSocialSites .icon-instagram:hover::before {
color: #517fa4; }
.cSocialSites .nav__item__in:hover .icon-instagram::before,
.cSocialSites .nav__item__in:hover .icon-tiktok::before {
color: #517fa4; }
.cSocialSites .icon-tiktok::before {
color: #080808; }
.cSocialSites .btn--facebook {
background-color: #3b5998;
border-bottom-color: #2d4373; }
.cSocialSites .btn--facebook [class*='icon-']::before {
color: #fff;
font-size: 20px;
font-size: 1.25rem; }
.cSocialSites .btn--facebook:hover {
background-color: #2d4373; }
.cSocialSites .btn--facebook:hover [class*='icon-']::before {
color: #fff; }
.cSocialSites .btn--twitter {
background-color: #010101;
border-bottom-color: black; }
.cSocialSites .btn--twitter [class*='icon-']::before {
color: #fff;
font-size: 20px;
font-size: 1.25rem; }
.cSocialSites .btn--twitter:hover {
background-color: black; }
.cSocialSites .btn--twitter:hover [class*='icon-']::before {
color: #fff; }
.cSocialSites .btn--googleplus {
background-color: #dd4b39;
border-bottom-color: #c23321; }
.cSocialSites .btn--googleplus [class*='icon-']::before {
color: #fff;
font-size: 20px;
font-size: 1.25rem; }
.cSocialSites .btn--googleplus:hover {
background-color: #c23321; }
.cSocialSites .btn--googleplus:hover [class*='icon-']::before {
color: #fff; }
.cSocialSites .btn--pinterest {
background-color: #cb2027;
border-bottom-color: #9f191f; }
.cSocialSites .btn--pinterest [class*='icon-']::before {
color: #fff;
font-size: 20px;
font-size: 1.25rem; }
.cSocialSites .btn--pinterest:hover {
background-color: #9f191f; }
.cSocialSites .btn--pinterest:hover [class*='icon-']::before {
color: #fff; }
.cSocialSites .btn--linkedIn {
background-color: #007bb6;
border-bottom-color: #005983; }
.cSocialSites .btn--linkedIn [class*='icon-']::before {
color: #fff;
font-size: 20px;
font-size: 1.25rem; }
.cSocialSites .btn--linkedIn:hover {
background-color: #005983; }
.cSocialSites .btn--linkedIn:hover [class*='icon-']::before {
color: #fff; }
.cSocialSites .btn--youtube {
background-color: #bb0000;
border-bottom-color: #880000; }
.cSocialSites .btn--youtube [class*='icon-']::before {
color: #fff;
font-size: 20px;
font-size: 1.25rem; }
.cSocialSites .btn--youtube:hover {
background-color: #880000; }
.cSocialSites .btn--youtube:hover [class*='icon-']::before {
color: #fff; }
.cSocialSites .btn--instagram {
background-color: #517fa4;
border-bottom-color: #406582; }
.cSocialSites .btn--instagram [class*='icon-']::before {
color: #fff;
font-size: 20px;
font-size: 1.25rem; }
.cSocialSites .btn--instagram:hover {
background-color: #406582; }
.cSocialSites .btn--instagram:hover [class*='icon-']::before {
color: #fff; }
.cSocialSites .btn--tiktok {
background-color: #080808;
border-bottom-color: black; }
.cSocialSites .btn--tiktok [class*='icon-']::before {
color: #fff;
font-size: 20px;
font-size: 1.25rem; }
.cSocialSites .btn--tiktok:hover {
background-color: black; }
.cSocialSites .btn--tiktok:hover [class*='icon-']::before {
color: #fff; }
.cSocialSites .btn--spotify {
background-color: #38b271;
border-bottom-color: #2c8b58; }
.cSocialSites .btn--spotify [class*='icon-']::before {
color: #fff;
font-size: 20px;
font-size: 1.25rem; }
.cSocialSites .btn--spotify:hover {
background-color: #2c8b58; }
.cSocialSites .btn--spotify:hover [class*='icon-']::before {
color: #fff; }
.cSocialSites__title {
display: inline-block;
vertical-align: middle;
margin-left: 6px ;
margin-left: 0.375rem ;
color: #777; }
.cSocialSites .nav__item {
margin-bottom: 12px ;
margin-bottom: 0.75rem ;
vertical-align: top; }
.cSocialSites--icons .nav__item {
margin-right: 12px ;
margin-right: 0.75rem ; }
.cSocialSites--icons .nav__item:last-child {
margin-right: 0; }
.cSocialSites--icons .nav__item__in {
text-decoration: none; }
.cSocialSites--icons .iconOnly:before {
vertical-align: middle; }
.cSocialSites--icons--descBlock .nav__item__in {
text-align: center; }
.cSocialSites--icons--descBlock .cSocialSites__title {
display: block;
margin: 0; }
.cSocialSites--buttons .iconOnly {
vertical-align: middle; }
.cSocialSites--buttons .nav__item {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.cSocialSites--buttons .cSocialSites__title {
color: #fff; }
.cSocialSites--buttons .btn, .cSocialSites--buttons .cClientZone__logout, .cSocialSites--buttons .cNews-archiv a, .cNews-archiv .cSocialSites--buttons a, .cSocialSites--buttons .cRecepts .archive a, .cRecepts .archive .cSocialSites--buttons a, .cSocialSites--buttons .recipesList .archive a, .recipesList .archive .cSocialSites--buttons a, .cSocialSites--buttons .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cSocialSites--buttons a {
text-align: left;
padding-left: 12px ;
padding-left: 0.75rem ;
padding-right: 12px ;
padding-right: 0.75rem ; }
@media screen and (max-width: 767px) {
.cSocialSites--buttons .btn, .cSocialSites--buttons .cClientZone__logout, .cSocialSites--buttons .cNews-archiv a, .cNews-archiv .cSocialSites--buttons a, .cSocialSites--buttons .cRecepts .archive a, .cRecepts .archive .cSocialSites--buttons a, .cSocialSites--buttons .recipesList .archive a, .recipesList .archive .cSocialSites--buttons a, .cSocialSites--buttons .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cSocialSites--buttons a {
display: block;
width: 100%; } }
.cImage {
text-align: center;
/* Varianty nastaveni obrazku z BE
========================================================================== */
/*
&--rbCorner {
} */ }
.cImage__inner {
max-width: 100%;
margin-bottom: 0; }
@media screen and (min-width: 768px) {
.cImage__inner {
display: inline-block; } }
.cImage__imgWrapper > a {
display: block; }
.cImage__desc {
margin-left: 12px ;
margin-left: 0.75rem ;
margin-right: 12px ;
margin-right: 0.75rem ;
font-size: 13px;
font-size: 0.8125rem; }
.cImage__desc--top {
margin-top: 6px ;
margin-top: 0.375rem ;
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.cImage__desc--bottom {
margin-top: 12px ;
margin-top: 0.75rem ;
margin-bottom: 6px ;
margin-bottom: 0.375rem ; }
.cImage--rounded .cImage__imgWrapper > a, .cImage--bRounded .cImage__imgWrapper > a {
border-radius: 50%;
perspective: 1px; }
.cImage--bRounded .cImage__imgWrapper {
border: 1px solid #ddd;
padding: 6px ;
padding: 0.375rem ;
border-radius: 50%; }
.cImage--rCorner,
.cImage--rCorner img, .cImage--rbCorner,
.cImage--rbCorner img {
border-radius: 10rem; }
.cImage--rbCorner {
padding: 6px ;
padding: 0.375rem ;
border: 1px solid #ddd; }
.cImage--flat {
border: none;
border-radius: 0; }
.cImage--bCorner {
padding: 6px ;
padding: 0.375rem ;
border: 1px solid #ddd;
border-radius: 0; }
.cImage__inner img {
display: block; }
.cImage__desc {
text-align: center; }
.cImage--fixedSize .p25,
.cImage--fixedSize .p50,
.cImage--fixedSize .p75,
.cImage--fixedSize .p100 {
width: auto !important; }
.cImage--rounded {
border-radius: 100%; }
.cImage--rounded img {
border-radius: 100%; }
.cImage--bRounded .cImage__imgWrapper {
border-radius: 100%; }
.cImage--bRounded img {
border-radius: 100%; }
.cImage--rCorner img {
border-radius: 10rem; }
.cImage--flat {
border: none;
border-radius: 0; }
.cImage--bCorner {
border-radius: 0; }
@media (min-width: 768px) {
.cImage--side .cImage__desc {
display: flex;
flex-direction: column; } }
.cImage--side .cImage__desc .btn, .cImage--side .cImage__desc .cClientZone__logout, .cImage--side .cImage__desc .cNews-archiv a, .cNews-archiv .cImage--side .cImage__desc a, .cImage--side .cImage__desc .cRecepts .archive a, .cRecepts .archive .cImage--side .cImage__desc a, .cImage--side .cImage__desc .recipesList .archive a, .recipesList .archive .cImage--side .cImage__desc a, .cImage--side .cImage__desc .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cImage--side .cImage__desc a {
margin-top: 1rem;
width: max-content; }
@media (min-width: 768px) {
.cImage--side .cImage__inner {
display: flex;
gap: 2rem; } }
.cImage--side .cImage__inner img {
width: 100%; }
@media (min-width: 768px) {
.cImage--side .cImage__inner[data-ratio="25"] .cImage__imgWrapper {
width: 25%; }
.cImage--side .cImage__inner[data-ratio="25"] .cImage__desc {
width: calc(100% - 25%); } }
@media (min-width: 768px) {
.cImage--side .cImage__inner[data-ratio="50"] .cImage__imgWrapper {
width: 50%; }
.cImage--side .cImage__inner[data-ratio="50"] .cImage__desc {
width: calc(100% - 50%); } }
@media (min-width: 768px) {
.cImage--side .cImage__inner[data-ratio="75"] .cImage__imgWrapper {
width: 75%; }
.cImage--side .cImage__inner[data-ratio="75"] .cImage__desc {
width: calc(100% - 75%); } }
@media (min-width: 768px) {
.cImage--side .cImage__inner[data-text-side="left"] {
flex-direction: row-reverse;
justify-content: flex-end; }
.cImage--side .cImage__inner[data-text-side="left"] .cImage__desc {
text-align: right;
justify-content: flex-end; } }
@media (min-width: 768px) {
.cImage--side .cImage__inner[data-text-side="right"] {
flex-direction: row; }
.cImage--side .cImage__inner[data-text-side="right"] .cImage__desc {
text-align: left; } }
html.js-lazyload-enabled .js-lazyload:not(.loaded) {
min-height: 100px; }
/* ==========================================================================================
Kosticka SOUBORY KE STAZENI
========================================================================================== */
.cFiles__icon {
float: left; }
.cFiles .cFiles__title {
display: inline; }
.cFiles__extension {
font-size: 13px;
font-size: 0.8125rem;
margin-left: 6px ;
margin-left: 0.375rem ;
color: #081110; }
.cFiles__extension:before {
content: '.'; }
.cFiles__size {
margin-left: 6px ;
margin-left: 0.375rem ;
font-size: 13px;
font-size: 0.8125rem;
color: #081110; }
.cFiles__size:before {
content: '('; }
.cFiles__size:after {
content: ')'; }
.cFiles__desc {
margin-bottom: 0;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.2; }
.cLang__icon {
display: inline-block;
vertical-align: middle;
width: 22px;
height: 17px;
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
border: 1px solid #f7f7f7;
background-size: 20px 15px;
background-repeat: no-repeat; }
.cLang a, .cLang__btn {
text-decoration: none; }
.cLang .nav__item {
padding-left: 0; }
.cLang .nav > li, .cLang .mDrop ul > li, .mDrop .cLang ul > li, .cLang .cPag__nav > li {
margin-left: 0; }
.cLang--text-only .cLang__icon {
display: none; }
.cLang--text-only li {
vertical-align: middle; }
.cLang--text-only a {
color: #173530; }
.cLang--text-only .nav__item {
padding-left: 18px ;
padding-left: 1.125rem ; }
.cLang--text-only .nav__item:first-child {
padding-left: 0; }
.cLang--iconOnly {
position: relative;
display: inline-block; }
.cHeader .cLang--iconOnly {
position: static; }
.cLang--iconOnly .cLang__title {
display: none; }
.cLang .drop {
z-index: 20; }
.cLang .drop li {
margin-bottom: 0; }
.cCrumb__item {
vertical-align: middle;
font-size: 13px;
font-size: 0.8125rem;
padding-right: 6px ;
padding-right: 0.375rem ; }
.cCrumb__item:first-child {
padding-left: 0;
margin-left: 0; }
.cCrumb__item::before {
padding-right: 6px ;
padding-right: 0.375rem ; }
.cCrumb > .breadcrumb > .cCrumb__item {
margin-left: 0; }
.cPerex.cPerex--img-left ol > li::before,
.cPerex.cPerex--img-left ul > li::before {
position: relative;
top: 0;
margin-right: 10px; }
.cPerex__img {
width: 100%;
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
@media screen and (min-width: 768px) {
.cPerex__img {
max-width: 33%;
width: auto;
margin-bottom: 0; } }
@media screen and (min-width: 768px) {
.cPerex__img[width], .cPerex__img[height] {
max-width: 33%; } }
@media screen and (min-width: 768px) {
.cPerex__img--left {
float: left;
margin-right: 24px ;
margin-right: 1.5rem ; } }
@media screen and (min-width: 768px) {
.cPerex__img--right {
float: right;
margin-left: 24px ;
margin-left: 1.5rem ; } }
.cPerex__desc--larger {
font-size: 18px;
font-size: 1.125rem; }
.cPerex__desc--largest {
font-size: 26px;
font-size: 1.625rem; }
/* ==========================================================================================
Kosticka NAVIGACNI MENU
========================================================================================== */
.cNavMenu .nav__item__in:hover {
color: #173530; }
.cNavMenu .nav--lev__holder::before {
color: #fdb12d; }
.cNavMenu--vertical {
border-bottom: 0;
overflow: hidden; }
.cNavMenu--vertical > .nav--stacked-box, .mDrop .cNavMenu--vertical > ul {
border: 1px solid #ddd;
border-bottom: 0; }
.cNavMenu--vertical .nav__item__in, .cNavMenu--verticalMultiple .nav__item__in {
position: relative; }
.cNavMenu--vertical .nav__item__in::before, .cNavMenu--verticalMultiple .nav__item__in::before {
position: absolute;
left: 0;
top: 0;
width: 5px;
height: 100%;
content: '';
background-color: transparent; }
.cNavMenu--vertical .nav__item__in:hover::before, .cNavMenu--verticalMultiple .nav__item__in:hover::before {
background-color: #fdb12d; }
.cNavMenu--vertical .page--active > .nav__item__in, .cNavMenu--verticalMultiple .page--active > .nav__item__in {
font-weight: bold; }
.cNavMenu--vertical .page--active > .nav__item__in::before, .cNavMenu--verticalMultiple .page--active > .nav__item__in::before {
background-color: #fdb12d; }
.cNavMenu--horisontal {
display: flex;
flex-wrap: wrap;
align-items: center; }
@media screen and (min-width: 768px) {
.cNavMenu--horisontal .nav, .cNavMenu--horisontal .mDrop ul, .mDrop .cNavMenu--horisontal ul, .cNavMenu--horisontal .cPag__nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 100%; } }
.cNavMenu--horisontal .nav__item {
padding-right: 12px ;
padding-right: 0.75rem ;
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
@media screen and (max-width: 767px) {
.cNavMenu--horisontal .nav__item {
width: 100%;
padding-right: 0; } }
.cNavMenu--horisontal .nav__item:last-child {
padding-right: 0; }
.cNavMenu--horisontal .nav__item__in {
display: block;
height: 100%;
padding: 12px 24px ;
padding: 0.75rem 1.5rem ;
border: 1px solid #ddd;
background-color: #eceff4;
text-decoration: none; }
.cNavMenu--horisontal .nav__item__in:hover {
text-decoration: underline; }
.cNavMenu--cols .block-grid--item-soft .block-grid__item {
padding: 0;
margin-bottom: 15px ;
margin-bottom: 0.9375rem ; }
.cNavMenu--cols .block-grid--item-soft .block-grid__item .nav__item__in {
display: block;
font-weight: bold;
text-decoration: none;
padding: 12px 24px ;
padding: 0.75rem 1.5rem ;
border: 1px solid #ddd;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.cNavMenu--cols .block-grid--item-soft .block-grid__item .nav__item__in:hover {
text-decoration: underline; }
.cPag {
margin-left: auto;
margin-right: auto;
text-align: center; }
.cPag > ul {
display: inline-block;
margin-bottom: 0; }
.cPag--before-after > ul {
display: flex;
align-items: center;
justify-content: center; }
.cPag__item {
float: left;
margin-bottom: 0;
margin-right: 12px ;
margin-right: 0.75rem ;
width: 30px;
height: 30px; }
.cPag__item:last-child {
margin-right: 0; }
.cPag__item--next, .cPag__item--prev {
width: auto; }
.cPag__item--prev .cPag__item__in {
padding-left: 12px ;
padding-left: 0.75rem ;
padding-right: 12px ;
padding-right: 0.75rem ; }
@media screen and (min-width: 768px) {
.cPag__item--prev .cPag__item__in {
padding-left: 35px ;
padding-left: 2.1875rem ;
padding-right: 15px ;
padding-right: 0.9375rem ; } }
.cPag__item--next .cPag__item__in {
padding-left: 12px ;
padding-left: 0.75rem ;
padding-right: 12px ;
padding-right: 0.75rem ; }
@media screen and (min-width: 768px) {
.cPag__item--next .cPag__item__in {
padding-right: 35px ;
padding-right: 2.1875rem ;
padding-left: 15px ;
padding-left: 0.9375rem ; } }
.cPag__item.active .cPag__item__in {
border-color: #fdb12d;
border-width: 2px;
padding: 4px ;
padding: 0.25rem ; }
.cPag__item__in {
position: relative;
display: block;
padding: 5px ;
padding: 0.3125rem ;
text-align: center;
background-color: #eceff4;
text-decoration: none;
border: 1px solid #ddd;
font-size: 13px;
font-size: 0.8125rem; }
.cPag__item__in:hover {
border-color: #fdb12d;
color: #173530; }
.cPag__item__in--dots {
border: 0;
background-color: transparent;
color: #173530; }
@media screen and (min-width: 768px) {
.cPag__item__in .icon-pagination-prev,
.cPag__item__in .icon-pagination-next {
position: absolute;
top: 50%;
transform: translateY(-50%); } }
.cPag__item__in .icon-pagination-prev::before,
.cPag__item__in .icon-pagination-next::before {
color: #fdb12d !important; }
@media screen and (min-width: 768px) {
.cPag__item__in .icon-pagination-prev {
left: 16px; } }
@media screen and (min-width: 768px) {
.cPag__item__in .icon-pagination-next {
right: 16px; } }
.cPag__item__in .icon-pagination-prev::before,
.cPag__item__in .icon-pagination-next::before {
color: inherit;
font-size: 10px;
font-size: 0.625rem; }
.cPag__nav {
display: inline-block; }
.cPag__nav__item {
display: inline-block;
margin-bottom: 0; }
.cPag__nav__item > a {
text-decoration: none;
vertical-align: middle; }
.cPag__nav__item--prev__icon {
margin-right: 3px ;
margin-right: 0.1875rem ; }
.cPag__nav__item--next__icon {
margin-left: 3px ;
margin-left: 0.1875rem ; }
.cPag--respToggle {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
.cPag--respToggle .cPag__nav {
border: 1px solid #ddd;
border-left: 0;
border-right: 0; }
@media screen and (max-width: 767px) {
.cPag--respToggle .cPag__nav {
display: block;
border-top: 0; } }
.cPag--respToggle .cPag__nav__item {
border-bottom: 0; }
@media screen and (max-width: 767px) {
.cPag--respToggle .cPag__nav__item:first-child:nth-last-child(6),
.cPag--respToggle .cPag__nav__item:first-child:nth-last-child(6) ~ .cPag__nav__item, .cPag--respToggle .cPag__nav__item:first-child:nth-last-child(4),
.cPag--respToggle .cPag__nav__item:first-child:nth-last-child(4) ~ .cPag__nav__item {
width: 50%; }
.cPag--respToggle .cPag__nav__item:first-child:nth-last-child(6):nth-child(even),
.cPag--respToggle .cPag__nav__item:first-child:nth-last-child(6) ~ .cPag__nav__item:nth-child(even), .cPag--respToggle .cPag__nav__item:first-child:nth-last-child(4):nth-child(even),
.cPag--respToggle .cPag__nav__item:first-child:nth-last-child(4) ~ .cPag__nav__item:nth-child(even) {
border-left: 0; } }
@media screen and (min-width: 768px) {
.cPag--respToggle .cPag__nav__item {
border-top: 0;
border-bottom: 0; } }
.cPag--respToggle .cPag__nav__item:not(:last-child) {
margin-right: 0; }
@media screen and (min-width: 768px) {
.cPag--respToggle .cPag__nav__item:not(:last-child) {
border-right: 0; } }
.cPag--respToggle .cPag__nav__item:last-child {
margin-right: 0; }
.cPag--respToggle .cPag__nav__item > a {
line-height: normal; }
.cPag--respToggle .cPag__nav__item:hover {
border-color: #ddd; }
.cPag--respToggle .cPag__nav__item:hover > a {
background-color: #eceff4; }
.cPag--respToggle .cPag__nav__item--prev__icon {
width: 15px;
height: 15px;
background-size: 15px 15px; }
.cPag--respToggle .cPag__nav__item--next__icon {
width: 15px;
height: 15px;
background-size: 15px 15px; }
/* full width
========================================================================== */
/*
* strankovani na 100% sirky nadrezeneho divu
* obsahuje stalcitko na predchozi stranku nalevo
* obsahuje stalcitko na dalsi stranku napravo
* obsahuje cislo akualni stranky uprostred
*/
@media screen and (min-width: 768px) {
.cPag--full .cPag--full__nav {
width: 100%; }
.cPag--full .cPag--full__nav__item__prev {
float: left; }
.cPag--full .cPag--full__nav__item__next {
float: right; } }
/* borderovany
========================================================================== */
/*
* rámování je nastaveno a zařízení kromě mobilu, jelikož na mobilu je rámování nastaveno
* defaultně, tak aby se vlastnosti neduplikovaly
*/
@media screen and (min-width: 768px) {
.cPag--border__nav .cPag--border__nav__item:last-child {
margin-right: 0;
border-right: 0; }
.cPag--border__nav .cPag__nav__item--first,
.cPag--border__nav .cPag__nav__item--last {
border: 0; } }
/* ==========================================================================================
Kosticka METADATA
========================================================================================== */
@media screen and (min-width: 768px) {
.cFtr .search__field,
.cFtr .search__btn {
display: inline-block;
vertical-align: top; } }
/* označení vyhledávaného řetězce znaků */
.cFtr__mark {
background-color: #F9F172; }
.cFtr__count {
font-weight: bold; }
.cFtr__resultsCount {
margin-top: 24px ;
margin-top: 1.5rem ; }
.cFtr__item__results {
font-size: 13px;
font-size: 0.8125rem;
margin-top: 4px ;
margin-top: 0.25rem ; }
.cFtr__item__results span {
font-weight: bold; }
.cFtr__item:not(:last-child) {
margin-bottom: 36px ;
margin-bottom: 2.25rem ; }
.cFtr__search .field-group__item {
margin-bottom: 0;
height: 50px ;
height: 3.125rem ; }
.cFtr__search .field-group__item + .field-group__item {
margin-left: 0; }
@media screen and (max-width: 767px) {
.cFtr__search .search__field,
.cFtr__search .search__btn {
display: block;
width: 100%; } }
.cFtr__search .search__btn {
border: 1px solid transparent; }
@media screen and (max-width: 767px) {
.cFtr__search .search__btn {
margin-top: 12px ;
margin-top: 0.75rem ; } }
/* položka vyhledané obrázky */
.cFtr__item--gallery {
padding-top: 24px ;
padding-top: 1.5rem ;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd; }
/* nadpis vyhledávané položky */
/* subnadpis - odsazení zleva */
.cFtr__item__title__sub {
font-size: 13px;
font-size: 0.8125rem; }
@media screen and (min-width: 768px) {
.cFtr__item__title__sub {
margin-left: 12px ;
margin-left: 0.75rem ; } }
/* obrázek */
.cFtr__item__img {
width: 100%; }
.cFtr__item__img > img {
width: 100%; }
@media screen and (min-width: 768px) {
.cFtr__item__img {
float: left;
width: 15%; } }
@media screen and (min-width: 768px) {
.cFtr__item__img + .cFtr__item__wrapper {
margin-left: 17%; } }
/* anotece */
.cFtr__item__anotation > *:last-child {
margin-bottom: 0; }
/* výsledek vyhledávání - link */
.cFtr__item__link {
font-size: 13px;
font-size: 0.8125rem; }
/* výpis obrázků - titulek obrázku */
.cFtr__item--gallery__title {
font-size: 12px;
font-size: 0.75rem;
/* skrytí popisku pro moboilní zařízení */ }
@media screen and (max-width: 767px) {
.cFtr__item--gallery__title {
display: none; } }
.cText {
word-wrap: break-word; }
.cText--heading {
margin-bottom: 0; }
.cMenuTags__number {
display: inline-block;
margin-left: 6px ;
margin-left: 0.375rem ;
font-size: 13px;
font-size: 0.8125rem;
color: #173530; }
.cMenuTags__number--brackets {
display: inline-flex; }
.cMenuTags__number--brackets::before {
content: '('; }
.cMenuTags__number--brackets::after {
content: ')'; }
.cMenuTags .nav__item__in {
padding: 12px 24px ;
padding: 0.75rem 1.5rem ;
margin-right: 0;
text-decoration: none; }
.cMenuTags--horisontal {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
.cMenuTags--horisontal .nav, .cMenuTags--horisontal .mDrop ul, .mDrop .cMenuTags--horisontal ul, .cMenuTags--horisontal .cPag__nav {
border: 0; }
@media screen and (min-width: 768px) {
.cMenuTags--horisontal .nav, .cMenuTags--horisontal .mDrop ul, .mDrop .cMenuTags--horisontal ul, .cMenuTags--horisontal .cPag__nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%; } }
.cMenuTags--horisontal .nav__item {
border-bottom: 0;
padding-right: 12px ;
padding-right: 0.75rem ;
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
@media screen and (max-width: 767px) {
.cMenuTags--horisontal .nav__item {
width: 100%;
padding-right: 0; } }
.cMenuTags--horisontal .nav__item:last-child {
padding-right: 0; }
.cMenuTags--horisontal .nav__item--active .nav__item__in {
border-color: #fdb12d; }
.cMenuTags--horisontal .nav__item__in {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding: 12px 24px ;
padding: 0.75rem 1.5rem ;
border: 2px solid #ddd;
background-color: #eceff4;
text-decoration: none;
text-align: center; }
@media screen and (min-width: 1320px) {
.cMenuTags--horisontal .nav__item__in:hover {
text-decoration: underline;
border: 2px solid #fdb12d; } }
.cMenuTags--horisontal .nav__item__in {
padding: 12px ;
padding: 0.75rem ; }
.cSitemap__nav {
margin-left: 0;
list-style: none; }
.cSitemap__item {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.cSitemap__item--lev1 {
font-weight: bold; }
.cSitemap__item--lev2 {
margin-left: 15px ;
margin-left: 0.9375rem ;
font-size: 15px;
font-size: 0.9375rem;
font-weight: bold; }
@media screen and (min-width: 1024px) {
.cSitemap__item--lev2 {
margin-left: 30px ;
margin-left: 1.875rem ; } }
.cSitemap__item--lev3 {
margin-left: 30px ;
margin-left: 1.875rem ;
font-size: 14px;
font-size: 0.875rem; }
@media screen and (min-width: 1024px) {
.cSitemap__item--lev3 {
margin-left: 60px ;
margin-left: 3.75rem ; } }
.cSitemap__item--lev4 {
margin-left: 45px ;
margin-left: 2.8125rem ;
font-size: 14px;
font-size: 0.875rem; }
@media screen and (min-width: 1024px) {
.cSitemap__item--lev4 {
margin-left: 90px ;
margin-left: 5.625rem ; } }
.cSitemap__item--lev5 {
margin-left: 60px ;
margin-left: 3.75rem ;
font-size: 14px;
font-size: 0.875rem; }
@media screen and (min-width: 1024px) {
.cSitemap__item--lev5 {
margin-left: 120px ;
margin-left: 7.5rem ; } }
.cSitemap__item--lev6 {
margin-left: 75px ;
margin-left: 4.6875rem ;
font-size: 14px;
font-size: 0.875rem; }
@media screen and (min-width: 1024px) {
.cSitemap__item--lev6 {
margin-left: 150px ;
margin-left: 9.375rem ; } }
.cSitemap__item--lev7 {
margin-left: 90px ;
margin-left: 5.625rem ;
font-size: 14px;
font-size: 0.875rem; }
@media screen and (min-width: 1024px) {
.cSitemap__item--lev7 {
margin-left: 180px ;
margin-left: 11.25rem ; } }
.cSitemap__item--lev8 {
margin-left: 105px ;
margin-left: 6.5625rem ;
font-size: 14px;
font-size: 0.875rem; }
@media screen and (min-width: 1024px) {
.cSitemap__item--lev8 {
margin-left: 210px ;
margin-left: 13.125rem ; } }
.cSitemap__item--lev9 {
margin-left: 120px ;
margin-left: 7.5rem ;
font-size: 14px;
font-size: 0.875rem; }
@media screen and (min-width: 1024px) {
.cSitemap__item--lev9 {
margin-left: 240px ;
margin-left: 15rem ; } }
.cSitemap__item--lev10 {
margin-left: 135px ;
margin-left: 8.4375rem ;
font-size: 14px;
font-size: 0.875rem; }
@media screen and (min-width: 1024px) {
.cSitemap__item--lev10 {
margin-left: 270px ;
margin-left: 16.875rem ; } }
.cSocialButtons .nav, .cSocialButtons .mDrop ul, .mDrop .cSocialButtons ul, .cSocialButtons .cPag__nav {
display: flex; }
.cSocialButtons .nav.text--center, .cSocialButtons .mDrop ul.text--center, .mDrop .cSocialButtons ul.text--center, .cSocialButtons .text--center.cPag__nav {
justify-content: center; }
.cSocialButtons .nav.text--right, .cSocialButtons .mDrop ul.text--right, .mDrop .cSocialButtons ul.text--right, .cSocialButtons .text--right.cPag__nav {
justify-content: flex-end; }
.cSocialButtons--block .nav, .cSocialButtons--block .mDrop ul, .mDrop .cSocialButtons--block ul, .cSocialButtons--block .cPag__nav {
display: block; }
.cSocialButtons .nav__item {
margin-bottom: 0;
vertical-align: bottom;
line-height: 0; }
.cSocialButtons #fb_like .fb-like.fb_iframe_widget span,
.cSocialButtons #fb_like .fb-like.fb_iframe_widget iframe {
width: 109px !important; }
.cSocialButtons #fb_like .fb-like.fb_iframe_widget[data-share='1'] span,
.cSocialButtons #fb_like .fb-like.fb_iframe_widget[data-share='1'] iframe {
width: 188px !important; }
.twitterTimeline iframe,
.twitterTweet iframe {
width: 100% !important; }
/*===========================================================================================
kosticka FACEBOOK LIKEBOX
========================================================================================== */
/*
Nadpis
Vygenerovany obsah
*/
/*
Facebook likebox standardni
--------------------------------------------------------------------------------- */
.cFbLikebox__likebox {
position: relative;
width: 100%;
overflow: hidden;
/*
Facebook likebox - modifikace pro responsivni zobrazeni
--------------------------------------------------------------------------------- */ }
.cFbLikebox__likebox--fullWidth .fb_iframe_widget,
.cFbLikebox__likebox--fullWidth .fb_iframe_widget span,
.cFbLikebox__likebox--fullWidth .fb_iframe_widget span iframe[style] {
width: 100% !important; }
.cFbLikebox #fb-root {
display: none; }
#fb_like .fb_iframe_widget > span > iframe[class*='fb_iframe'] {
min-width: 400px;
width: 400px;
position: relative !important; }
.cVideo__video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden; }
.cVideo__video iframe {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
width: 100%;
height: 100%; }
.cVideo__thumbnail {
aspect-ratio: 16/9;
position: relative;
isolation: isolate;
display: grid;
cursor: pointer;
overflow: hidden; }
.cVideo__thumbnail.is-active img {
display: none; }
.cVideo__thumbnail.is-active .cVideo__video {
display: block; }
.cVideo__thumbnail.is-active::before, .cVideo__thumbnail.is-active::after {
content: unset; }
.cVideo__thumbnail img, .cVideo__thumbnail::before, .cVideo__thumbnail::after {
transition: .35s ease-out; }
.cVideo__thumbnail img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
transform: scale(1.01); }
.cVideo__thumbnail::before {
z-index: 2;
position: absolute;
inset: 0;
margin: auto;
display: grid;
place-items: center;
font-size: 50px;
font-size: 3.125rem;
pointer-events: none; }
.cVideo__thumbnail .cVideo__video {
display: none;
width: 100%;
height: 100%;
padding: 0; }
.cVideo__thumbnail .cVideo__video iframe {
position: relative; }
.cVideo__thumbnail--overlay::after {
z-index: 1;
position: absolute;
inset: 0;
content: "";
background-color: #fdb12d;
opacity: .5; }
.cVideo__thumbnail:hover img {
transform: scale(1.075); }
.cVideo__thumbnail:hover::before {
transform: scale(0.925); }
.cVideo__btn {
position: absolute;
bottom: 25px;
right: 30px;
width: 35px;
height: 35px;
z-index: 200;
border: 3px solid #fff;
background-color: transparent;
border-radius: 100%;
opacity: 0.5;
transition: opacity 0.3s ease-in-out; }
.cVideo__btn.is-disabled::after {
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 3px;
content: '';
background-color: #fff;
transform: rotate(45deg); }
.cVideo__btn:focus {
outline: 0; }
.cVideo__btn:hover {
opacity: 1; }
.cVideo__btn .icon {
width: 19px;
height: 19px; }
.cVideo__btn .icon::before {
color: #fff; }
.cVideo__btn--sound + .cVideo__btn--play {
right: 80px; }
.cVideo--mobile {
background-size: cover;
background-position: 50% 50%; }
.cInstagram__profile {
display: inline-block;
margin-bottom: 20px ;
margin-bottom: 1.25rem ;
text-decoration: none; }
.cInstagram.konik .cInstagram__video__icon, .cInstagram.civava .cInstagram__video__icon {
display: none; }
.cInstagram.konik .cInstagram__video__icon--konik {
display: block; }
.cInstagram.civava .cInstagram__video__icon--civava {
display: block; }
.cInstagram__item {
position: relative;
height: 150px;
overflow: hidden; }
@media screen and (min-width: 768px) {
.cInstagram__item {
height: 280px; } }
.cInstagram__item:hover .cInstagram__video__icon {
transform: scale(1.1); }
.cInstagram__lightbox, .cInstagram__wrapper {
position: relative;
display: block;
width: 100%;
height: 100%; }
.cInstagram__lightbox::before, .cInstagram__wrapper::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
content: '';
background-color: rgba(0, 0, 0, 0.4);
opacity: 0;
transition: opacity .2s ease-in-out; }
.cInstagram__lightbox:hover::before,
.cInstagram__lightbox:hover .cInstagram__stats, .cInstagram__wrapper:hover::before,
.cInstagram__wrapper:hover .cInstagram__stats {
opacity: 1; }
.cInstagram__lightbox--video::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
content: '';
background-color: rgba(0, 0, 0, 0.4);
opacity: .5;
transition: opacity .2s ease-in-out; }
.cInstagram__img {
position: absolute;
left: 0;
top: 0;
display: block; }
.cInstagram__img--video {
width: 100%;
height: 100%;
object-fit: cover; }
.cInstagram__video {
position: relative;
width: 100%;
height: 100%; }
.cInstagram__video__icon {
position: absolute;
left: 50%;
top: 50%;
width: 90px;
height: 90px;
margin-left: -45px;
margin-top: -45px;
z-index: 1;
pointer-events: none;
transition: transform .2s ease-in-out; }
.cInstagram__video__icon path {
fill: #fff; }
.cInstagram__video__icon--civava {
display: none; }
.cInstagram__video__icon--konik {
display: none; }
.cInstagram__stats {
width: 100%;
margin: 0;
padding: 0;
z-index: 2;
text-align: center;
opacity: 0; }
.cInstagram__stats__item {
display: block;
color: #fff; }
@media screen and (min-width: 768px) {
.cInstagram__stats__item {
display: inline-block;
vertical-align: middle; } }
@media screen and (min-width: 768px) {
.cInstagram__stats__item--comments {
margin-left: 25px ;
margin-left: 1.5625rem ; } }
.cInstagram__stats__number {
font-weight: bold;
margin-left: 5px ;
margin-left: 0.3125rem ; }
.cInstagram__stats .icon::before {
color: #fff;
font-size: 22px;
font-size: 1.375rem; }
.cNewsletter .cHeading {
margin-bottom: 12px ;
margin-bottom: 0.75rem ;
font-weight: bold; }
.cNewsletter .cForm__gdpr label {
visibility: visible;
width: auto;
height: auto;
overflow: visible;
position: static;
left: auto;
clip: auto;
margin-top: 10px;
font-size: 13px;
font-size: 0.8125rem; }
.cNewsletter .checkbox-design label {
position: absolute;
left: 0;
width: 20px;
height: 20px;
margin-top: 0; }
.cNewsletter__tags {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
@media screen and (min-width: 1024px) {
.cNewsletter .field,
.cNewsletter .btn,
.cNewsletter .cClientZone__logout,
.cNewsletter .cNews-archiv a, .cNews-archiv
.cNewsletter a,
.cNewsletter .cRecepts .archive a, .cRecepts .archive
.cNewsletter a,
.cNewsletter .recipesList .archive a, .recipesList .archive
.cNewsletter a,
.cNewsletter .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive
.cNewsletter a {
height: 50px; } }
.cNewsletter--colored:not(form) {
padding: 24px ;
padding: 1.5rem ;
background-color: #eceff4;
border: 1px solid #ddd; }
.cNewsletter--fullWidth:not(form) {
text-align: center; }
@media screen and (min-width: 1024px) {
.cNewsletter--fullWidth:not(form) .cHeading {
display: inline-block;
vertical-align: middle;
margin-bottom: 0;
padding-right: 24px ;
padding-right: 1.5rem ; } }
@media screen and (min-width: 1024px) {
.cNewsletter--fullWidth:not(form) .cNewsletter__wrapper {
display: inline-block;
vertical-align: middle; } }
@media screen and (min-width: 1024px) {
.cNewsletter--fullWidth:not(form) .field {
min-width: 330px ;
min-width: 20.625rem ; } }
.cNewsletter--fullWidth:not(form) .grid__item, .cNewsletter--fullWidth:not(form) .label--inline, .cNewsletter--fullWidth:not(form) .label--inline + .field {
display: block; }
@media screen and (min-width: 1024px) {
.cNewsletter--fullWidth:not(form) .grid__item, .cNewsletter--fullWidth:not(form) .label--inline, .cNewsletter--fullWidth:not(form) .label--inline + .field {
display: inline-block;
width: auto; } }
.cNewsletter .cForm {
background-color: transparent;
margin-bottom: 0; }
.cNewsletter .cForm__inner {
padding: 0;
background-color: transparent; }
.cNewsletter .form-fields {
position: relative; }
@media screen and (min-width: 768px) {
.cNewsletter .form-fields li,
.cNewsletter .form-fields .btn,
.cNewsletter .form-fields .cClientZone__logout,
.cNewsletter .form-fields .cNews-archiv a, .cNews-archiv
.cNewsletter .form-fields a,
.cNewsletter .form-fields .cRecepts .archive a, .cRecepts .archive
.cNewsletter .form-fields a,
.cNewsletter .form-fields .recipesList .archive a, .recipesList .archive
.cNewsletter .form-fields a,
.cNewsletter .form-fields .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive
.cNewsletter .form-fields a {
display: inline-block;
margin-bottom: 0; } }
.cNewsletter .form-fields__inner {
margin-bottom: 0; }
.cNewsletter .form-fields .btn, .cNewsletter .form-fields .cClientZone__logout, .cNewsletter .form-fields .cNews-archiv a, .cNews-archiv .cNewsletter .form-fields a, .cNewsletter .form-fields .cRecepts .archive a, .cRecepts .archive .cNewsletter .form-fields a, .cNewsletter .form-fields .recipesList .archive a, .recipesList .archive .cNewsletter .form-fields a, .cNewsletter .form-fields .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cNewsletter .form-fields a {
float: none;
width: 100%;
margin-top: 12px ;
margin-top: 0.75rem ; }
@media screen and (min-width: 1024px) {
.cNewsletter .form-fields .btn, .cNewsletter .form-fields .cClientZone__logout, .cNewsletter .form-fields .cNews-archiv a, .cNews-archiv .cNewsletter .form-fields a, .cNewsletter .form-fields .cRecepts .archive a, .cRecepts .archive .cNewsletter .form-fields a, .cNewsletter .form-fields .recipesList .archive a, .recipesList .archive .cNewsletter .form-fields a, .cNewsletter .form-fields .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cNewsletter .form-fields a {
margin-top: 0;
min-height: 38px; } }
@media screen and (min-width: 1024px) {
.cNewsletter .form-fields .grid__item .field, .cNewsletter .form-fields .label--inline .field, .cNewsletter .form-fields .label--inline + .field .field {
border-top-right-radius: 0;
border-bottom-right-radius: 0; } }
@media screen and (min-width: 1024px) {
.cNewsletter .form-fields .grid__item + .grid__item, .cNewsletter .form-fields .label--inline + .grid__item, .cNewsletter .form-fields .label--inline + .field + .grid__item, .cNewsletter .form-fields .grid__item + .label--inline, .cNewsletter .form-fields .label--inline + .label--inline, .cNewsletter .form-fields .label--inline + .field + .label--inline, .cNewsletter .form-fields .label--inline + .field, .cNewsletter .form-fields .label--inline + .label--inline.field + .field {
padding-left: 0;
vertical-align: top; } }
@media screen and (min-width: 1024px) {
.cNewsletter .form-fields .grid__item + .grid__item .form-fields__inner, .cNewsletter .form-fields .label--inline + .grid__item .form-fields__inner, .cNewsletter .form-fields .label--inline + .field + .grid__item .form-fields__inner, .cNewsletter .form-fields .grid__item + .label--inline .form-fields__inner, .cNewsletter .form-fields .label--inline + .label--inline .form-fields__inner, .cNewsletter .form-fields .label--inline + .field + .label--inline .form-fields__inner, .cNewsletter .form-fields .label--inline + .field .form-fields__inner, .cNewsletter .form-fields .label--inline + .label--inline.field + .field .form-fields__inner {
margin-left: 0; }
.cNewsletter .form-fields .grid__item + .grid__item .form-fields__inner .btn, .cNewsletter .form-fields .label--inline + .grid__item .form-fields__inner .btn, .cNewsletter .form-fields .label--inline + .field + .grid__item .form-fields__inner .btn, .cNewsletter .form-fields .grid__item + .label--inline .form-fields__inner .btn, .cNewsletter .form-fields .label--inline + .label--inline .form-fields__inner .btn, .cNewsletter .form-fields .label--inline + .field + .label--inline .form-fields__inner .btn, .cNewsletter .form-fields .label--inline + .field .form-fields__inner .btn, .cNewsletter .form-fields .label--inline + .label--inline.field + .field .form-fields__inner .btn, .cNewsletter .form-fields .grid__item + .grid__item .form-fields__inner .cClientZone__logout, .cNewsletter .form-fields .label--inline + .grid__item .form-fields__inner .cClientZone__logout, .cNewsletter .form-fields .label--inline + .field + .grid__item .form-fields__inner .cClientZone__logout, .cNewsletter .form-fields .grid__item + .label--inline .form-fields__inner .cClientZone__logout, .cNewsletter .form-fields .label--inline + .label--inline .form-fields__inner .cClientZone__logout, .cNewsletter .form-fields .label--inline + .field + .label--inline .form-fields__inner .cClientZone__logout, .cNewsletter .form-fields .label--inline + .field .form-fields__inner .cClientZone__logout, .cNewsletter .form-fields .label--inline + .label--inline.field + .field .form-fields__inner .cClientZone__logout, .cNewsletter .form-fields .grid__item + .grid__item .form-fields__inner .cNews-archiv a, .cNews-archiv .cNewsletter .form-fields .grid__item + .grid__item .form-fields__inner a, .cNewsletter .form-fields .label--inline + .grid__item .form-fields__inner .cNews-archiv a, .cNews-archiv .cNewsletter .form-fields .label--inline + .grid__item .form-fields__inner a, .cNewsletter .form-fields .label--inline + .field + .grid__item .form-fields__inner .cNews-archiv a, .cNews-archiv .cNewsletter .form-fields .label--inline + .field + .grid__item .form-fields__inner a, .cNewsletter .form-fields .grid__item + .label--inline .form-fields__inner .cNews-archiv a, .cNews-archiv .cNewsletter .form-fields .grid__item + .label--inline .form-fields__inner a, .cNewsletter .form-fields .label--inline + .label--inline .form-fields__inner .cNews-archiv a, .cNews-archiv .cNewsletter .form-fields .label--inline + .label--inline .form-fields__inner a, .cNewsletter .form-fields .label--inline + .field + .label--inline .form-fields__inner .cNews-archiv a, .cNews-archiv .cNewsletter .form-fields .label--inline + .field + .label--inline .form-fields__inner a, .cNewsletter .form-fields .label--inline + .field .form-fields__inner .cNews-archiv a, .cNews-archiv .cNewsletter .form-fields .label--inline + .field .form-fields__inner a, .cNewsletter .form-fields .label--inline + .label--inline.field + .field .form-fields__inner .cNews-archiv a, .cNews-archiv .cNewsletter .form-fields .label--inline + .label--inline.field + .field .form-fields__inner a, .cNewsletter .form-fields .grid__item + .grid__item .form-fields__inner .cRecepts .archive a, .cRecepts .archive .cNewsletter .form-fields .grid__item + .grid__item .form-fields__inner a, .cNewsletter .form-fields .label--inline + .grid__item .form-fields__inner .cRecepts .archive a, .cRecepts .archive .cNewsletter .form-fields .label--inline + .grid__item .form-fields__inner a, .cNewsletter .form-fields .label--inline + .field + .grid__item .form-fields__inner .cRecepts .archive a, .cRecepts .archive .cNewsletter .form-fields .label--inline + .field + .grid__item .form-fields__inner a, .cNewsletter .form-fields .grid__item + .label--inline .form-fields__inner .cRecepts .archive a, .cRecepts .archive .cNewsletter .form-fields .grid__item + .label--inline .form-fields__inner a, .cNewsletter .form-fields .label--inline + .label--inline .form-fields__inner .cRecepts .archive a, .cRecepts .archive .cNewsletter .form-fields .label--inline + .label--inline .form-fields__inner a, .cNewsletter .form-fields .label--inline + .field + .label--inline .form-fields__inner .cRecepts .archive a, .cRecepts .archive .cNewsletter .form-fields .label--inline + .field + .label--inline .form-fields__inner a, .cNewsletter .form-fields .label--inline + .field .form-fields__inner .cRecepts .archive a, .cRecepts .archive .cNewsletter .form-fields .label--inline + .field .form-fields__inner a, .cNewsletter .form-fields .label--inline + .label--inline.field + .field .form-fields__inner .cRecepts .archive a, .cRecepts .archive .cNewsletter .form-fields .label--inline + .label--inline.field + .field .form-fields__inner a, .cNewsletter .form-fields .grid__item + .grid__item .form-fields__inner .recipesList .archive a, .recipesList .archive .cNewsletter .form-fields .grid__item + .grid__item .form-fields__inner a, .cNewsletter .form-fields .label--inline + .grid__item .form-fields__inner .recipesList .archive a, .recipesList .archive .cNewsletter .form-fields .label--inline + .grid__item .form-fields__inner a, .cNewsletter .form-fields .label--inline + .field + .grid__item .form-fields__inner .recipesList .archive a, .recipesList .archive .cNewsletter .form-fields .label--inline + .field + .grid__item .form-fields__inner a, .cNewsletter .form-fields .grid__item + .label--inline .form-fields__inner .recipesList .archive a, .recipesList .archive .cNewsletter .form-fields .grid__item + .label--inline .form-fields__inner a, .cNewsletter .form-fields .label--inline + .label--inline .form-fields__inner .recipesList .archive a, .recipesList .archive .cNewsletter .form-fields .label--inline + .label--inline .form-fields__inner a, .cNewsletter .form-fields .label--inline + .field + .label--inline .form-fields__inner .recipesList .archive a, .recipesList .archive .cNewsletter .form-fields .label--inline + .field + .label--inline .form-fields__inner a, .cNewsletter .form-fields .label--inline + .field .form-fields__inner .recipesList .archive a, .recipesList .archive .cNewsletter .form-fields .label--inline + .field .form-fields__inner a, .cNewsletter .form-fields .label--inline + .label--inline.field + .field .form-fields__inner .recipesList .archive a, .recipesList .archive .cNewsletter .form-fields .label--inline + .label--inline.field + .field .form-fields__inner a, .cNewsletter .form-fields .grid__item + .grid__item .form-fields__inner .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cNewsletter .form-fields .grid__item + .grid__item .form-fields__inner a, .cNewsletter .form-fields .label--inline + .grid__item .form-fields__inner .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cNewsletter .form-fields .label--inline + .grid__item .form-fields__inner a, .cNewsletter .form-fields .label--inline + .field + .grid__item .form-fields__inner .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cNewsletter .form-fields .label--inline + .field + .grid__item .form-fields__inner a, .cNewsletter .form-fields .grid__item + .label--inline .form-fields__inner .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cNewsletter .form-fields .grid__item + .label--inline .form-fields__inner a, .cNewsletter .form-fields .label--inline + .label--inline .form-fields__inner .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cNewsletter .form-fields .label--inline + .label--inline .form-fields__inner a, .cNewsletter .form-fields .label--inline + .field + .label--inline .form-fields__inner .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cNewsletter .form-fields .label--inline + .field + .label--inline .form-fields__inner a, .cNewsletter .form-fields .label--inline + .field .form-fields__inner .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cNewsletter .form-fields .label--inline + .field .form-fields__inner a, .cNewsletter .form-fields .label--inline + .label--inline.field + .field .form-fields__inner .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cNewsletter .form-fields .label--inline + .label--inline.field + .field .form-fields__inner a {
border-top-left-radius: 0;
border-bottom-left-radius: 0; } }
.cftSearch--fullWidth__open,
.cftSearch--fullWidth__open body {
overflow: hidden;
height: 100%;
width: 100%; }
.cClientZone {
/*
Klientska zona v hlavicce - modifikace
--------------------------------------------------------------------- */ }
.cClientZone .cForm {
margin-bottom: 0;
background-color: transparent; }
.cClientZone .cForm__inner {
background-color: transparent;
padding: 0; }
.cClientZone .grid {
margin: 0; }
.cClientZone .grid__item, .cClientZone .label--inline, .cClientZone .label--inline + .field {
padding-left: 0; }
.cClientZone__field {
display: block;
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.cClientZone__field:last-child {
margin-bottom: 0; }
@media screen and (min-width: 768px) {
.cClientZone__field {
display: inline-block;
vertical-align: middle;
margin-right: 12px ;
margin-right: 0.75rem ;
margin-bottom: 0; }
.cClientZone__field:last-child {
margin-right: 0; } }
.cClientZone.fullScreen {
background-color: transparent;
border: 0;
text-align: center;
padding: 0;
color: #fff; }
.cClientZone.fullScreen .cClientZone__inner {
max-width: 350px ;
max-width: 21.875rem ;
margin: auto; }
.cClientZone.fullScreen .cClientZone__field {
margin-right: 0; }
.cClientZone.fullScreen .cClientZone__title {
margin-bottom: 12px ;
margin-bottom: 0.75rem ;
color: #fff; }
.cClientZone.fullScreen a {
color: #fff;
text-align: left;
margin-top: 12px ;
margin-top: 0.75rem ; }
.cClientZone.fullScreen .grid__item, .cClientZone.fullScreen .label--inline, .cClientZone.fullScreen .label--inline + .field {
display: block;
margin-right: 0;
margin-bottom: 12px ;
margin-bottom: 0.75rem ;
width: 100%; }
.cClientZone.fullScreen .grid__item:last-child, .cClientZone.fullScreen .label--inline:last-child, .cClientZone.fullScreen .label--inline + .field:last-child {
margin-bottom: 0; }
.cClientZone.fullScreen .cForm {
display: block; }
.cClientZone.fullScreen .cForm .btn, .cClientZone.fullScreen .cForm .cClientZone__logout, .cClientZone.fullScreen .cForm .cNews-archiv a, .cNews-archiv .cClientZone.fullScreen .cForm a, .cClientZone.fullScreen .cForm .cRecepts .archive a, .cRecepts .archive .cClientZone.fullScreen .cForm a, .cClientZone.fullScreen .cForm .recipesList .archive a, .recipesList .archive .cClientZone.fullScreen .cForm a, .cClientZone.fullScreen .cForm .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cClientZone.fullScreen .cForm a {
float: none;
height: auto;
width: 100%;
margin: auto;
display: block; }
.cClientZone.fullScreen .cForm label {
text-align: left;
color: #fff; }
.cClientZone.fullScreen .cClientZone__pswdForm a {
display: block;
text-align: center; }
.cClientZone.dropDown {
position: absolute;
left: 0;
top: 100%;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd; }
.mm-opened .cClientZone.dropDown {
top: calc(100% + 50px); }
.cClientZone.dropDown .cClientZone__inner {
max-width: 1340px;
margin: auto;
text-align: center; }
.cClientZone.dropDown .cForm,
.cClientZone.dropDown .cClientZone__title {
margin-bottom: 6px ;
margin-bottom: 0.375rem ; }
@media screen and (min-width: 768px) {
.cClientZone.dropDown .cForm,
.cClientZone.dropDown .cClientZone__title {
display: inline-block;
vertical-align: top;
margin: 0; } }
.cClientZone.dropDown .cClientZone__title {
margin: 6px 12px 0 0 ;
margin: 0.375rem 0.75rem 0 0 ; }
.cClientZone.dropDown .field {
width: 100%; }
@media screen and (min-width: 1200px) {
.cClientZone.dropDown .field {
width: 200px; } }
.cClientZone.dropDown .grid__item, .cClientZone.dropDown .label--inline, .cClientZone.dropDown .label--inline + .field {
width: 100%;
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
@media screen and (min-width: 768px) {
.cClientZone.dropDown .grid__item, .cClientZone.dropDown .label--inline, .cClientZone.dropDown .label--inline + .field {
width: auto;
padding-left: 12px ;
padding-left: 0.75rem ;
margin-bottom: 0; } }
.cClientZone.dropDown .show-forget-form {
margin-left: 12px ;
margin-left: 0.75rem ; }
.cClientZone.dropDown .cClientZone__addition {
display: inline-block;
vertical-align: middle;
margin-top: 12px ;
margin-top: 0.75rem ; }
.cClientZone.dropDown .cClientZone__addition .cClientZone__title {
display: block;
margin-right: 0; }
.cClientZone.dropDown .forget-pswd-form .cForm {
display: block;
width: 100%; }
@media screen and (min-width: 1024px) {
.cClientZone.dropDown .forget-pswd-form .field {
width: 300px; } }
.cClientZone__title {
font-size: 16px;
font-size: 1rem;
font-weight: bold; }
.cClientZone__noLogin {
margin-top: 12px ;
margin-top: 0.75rem ; }
.cClientZone__addition {
margin-top: 24px ;
margin-top: 1.5rem ; }
.cClientZone__addition a {
display: block; }
.cClientZone__desc {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.cClientZone__link {
font-size: 13px;
font-size: 0.8125rem;
margin-top: 8px ;
margin-top: 0.5rem ; }
.cClientZone__link [class*='icon-']::before {
color: #173530;
font-size: 18px;
font-size: 1.125rem;
padding-right: 12px ;
padding-right: 0.75rem ; }
.cClientZone.fullScreen .cClientZone__link [class*='icon-']::before {
color: #fff; }
@media screen and (max-width: 767px) {
.cClientZone .clientZone__field {
display: block;
position: relative;
margin-bottom: 12px ;
margin-bottom: 0.75rem ;
text-align: left; }
.cClientZone .clientZone__field input {
width: 100%; } }
.cClientZone--header {
width: 100%;
background-color: #f2efe8;
padding: 12px ;
padding: 0.75rem ; }
.cClientZone--header .clientZone__wrapper {
max-width: 100%;
margin: 0;
position: relative;
padding: 24px 12px 0 ;
padding: 1.5rem 0.75rem 0 ; }
@media screen and (min-width: 768px) {
.cClientZone--header .clientZone__wrapper {
padding: 24px 12px ;
padding: 1.5rem 0.75rem ; } }
.cClientZone--header .closeButton {
top: 0;
right: 0; }
@media screen and (min-width: 768px) {
.cClientZone--header .closeButton {
font-size: 26px;
font-size: 1.625rem;
top: 0;
right: 0; } }
@media screen and (max-width: 767px) {
.cClientZone--header .cForm .btn, .cClientZone--header .cForm .cClientZone__logout, .cClientZone--header .cForm .cNews-archiv a, .cNews-archiv .cClientZone--header .cForm a, .cClientZone--header .cForm .cRecepts .archive a, .cRecepts .archive .cClientZone--header .cForm a, .cClientZone--header .cForm .recipesList .archive a, .recipesList .archive .cClientZone--header .cForm a, .cClientZone--header .cForm .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cClientZone--header .cForm a {
width: 100%;
float: none; } }
@media screen and (min-width: 768px) {
.cClientZone--header .cForm .btn, .cClientZone--header .cForm .cClientZone__logout, .cClientZone--header .cForm .cNews-archiv a, .cNews-archiv .cClientZone--header .cForm a, .cClientZone--header .cForm .cRecepts .archive a, .cRecepts .archive .cClientZone--header .cForm a, .cClientZone--header .cForm .recipesList .archive a, .recipesList .archive .cClientZone--header .cForm a, .cClientZone--header .cForm .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cClientZone--header .cForm a {
height: 40px; } }
.cClientZone__pswdForm .cClientZone__title {
margin-bottom: 0; }
.cClientZone__pswdForm .cClientZone__field {
font-size: 13px;
font-size: 0.8125rem; }
.cClientZone__pswdForm .cClientZone__field:not(:last-child) {
margin-bottom: 6px ;
margin-bottom: 0.375rem ; }
.cClientZone__pswdForm .cForm {
margin-bottom: 6px ;
margin-bottom: 0.375rem ; }
.cClientZone__pswdForm .alert {
margin-top: 12px ;
margin-top: 0.75rem ; }
.cClientZone__isLogged > p {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.cClientZone__isLogged .cClientZone__userName {
font-weight: bold; }
.cClientZone .form-fields__inner {
margin-bottom: 0; }
.cClientZone.fullScreen.active {
display: block !important; }
.cMap {
isolation: isolate;
position: relative;
z-index: 2; }
.cMap__panel {
position: relative;
padding: 12px ;
padding: 0.75rem ;
border: 1px solid #ddd;
border-top: 0;
border-bottom-left-radius: 10rem;
border-bottom-right-radius: 10rem;
background-color: #eceff4; }
@media screen and (min-width: 768px) {
.cMap__panel {
text-align: center;
padding: 24px ;
padding: 1.5rem ; } }
.cMap__panel--top {
border-top: 1px solid #ddd;
border-bottom: 0;
border-radius: 0;
border-top-left-radius: 10rem;
border-top-right-radius: 10rem; }
.cMap .map-canvas {
z-index: -1; }
@media screen and (min-width: 768px) {
.cMap__field,
.cMap__field > label {
margin-right: 12px ;
margin-right: 0.75rem ;
display: inline-block;
vertical-align: middle;
width: auto;
margin-bottom: 0; } }
.cMap__field:last-child {
margin-right: 0; }
.cMap__field__title {
font-size: 13px;
font-size: 0.8125rem; }
.cMap__field__from {
position: relative;
display: inline-block;
margin-left: 0.4rem; }
@media screen and (max-width: 767px) {
.cMap__field__from {
display: block;
margin-left: 0; } }
.cMap__field__from > input.field {
margin-left: 0; }
.cMap__field--to .cMap__oneResult {
background-color: transparent;
border: unset;
color: inherit;
cursor: default;
opacity: 1;
appearance: none; }
.cMap__field select {
vertical-align: middle;
padding: 0.5rem; }
.cMap__field .field-group__item {
margin-bottom: 0;
margin-left: 0; }
.cMap__field .field-group__item.btn, .cMap__field .field-group__item.cClientZone__logout, .cMap__field .cNews-archiv a.field-group__item, .cNews-archiv .cMap__field a.field-group__item, .cMap__field .cRecepts .archive a.field-group__item, .cRecepts .archive .cMap__field a.field-group__item, .cMap__field .recipesList .archive a.field-group__item, .recipesList .archive .cMap__field a.field-group__item, .cMap__field .cFtr .recipesList__item .archive a.field-group__item, .cFtr .recipesList__item .archive .cMap__field a.field-group__item {
border-bottom: 0;
min-height: 38px; }
.cMap__field .field-group__item > span {
display: inline-block; }
@media screen and (max-width: 767px) {
.cMap .field {
width: 100%; } }
@media screen and (min-width: 768px) {
.cMap .field {
margin-left: 6px ;
margin-left: 0.375rem ; } }
.cMap .field--to {
padding-right: 24px ;
padding-right: 1.5rem ; }
.cMap .field--searchbox {
margin-left: 0;
width: 100%;
min-width: 100%; }
@media screen and (min-width: 1340px) {
.cMap .field--searchbox {
width: calc(50% + 12px);
min-width: 0; } }
.cMap .field,
.cMap .field-group {
max-width: 100%; }
@media screen and (max-width: 767px) {
.cMap .btn, .cMap .cClientZone__logout, .cMap .cNews-archiv a, .cNews-archiv .cMap a, .cMap .cRecepts .archive a, .cRecepts .archive .cMap a, .cMap .recipesList .archive a, .recipesList .archive .cMap a, .cMap .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cMap a {
margin-top: 12px ;
margin-top: 0.75rem ;
text-align: center; } }
.cMap__hideRoute {
display: inline-block;
margin-top: 6px ;
margin-top: 0.375rem ; }
.cMap__oneResult {
margin-left: 6px ;
margin-left: 0.375rem ; }
.cMap__locButton {
right: 12px;
text-decoration: none; }
.cMap__locButton .icon-location::before {
font-size: 18px;
font-size: 1.125rem; }
.cMap__list {
margin: 0; }
.cMap .adp table {
width: 100%;
background-color: #eee; }
.cMap.lt700 .cMap__panel {
text-align: left; }
.cMap.lt700 .cMap__field {
display: block;
margin-right: 0; }
.cMap.lt700 .cMap__field__from {
display: block; }
.cMap.lt700 .cMap__field--to {
margin-top: 12px ;
margin-top: 0.75rem ; }
.cMap.lt700 .cMap__field--btn {
text-align: right; }
.cMap.lt700 .field {
margin-left: 0; }
.cMap.lt700 .btn, .cMap.lt700 .cClientZone__logout, .cMap.lt700 .cNews-archiv a, .cNews-archiv .cMap.lt700 a, .cMap.lt700 .cRecepts .archive a, .cRecepts .archive .cMap.lt700 a, .cMap.lt700 .recipesList .archive a, .recipesList .archive .cMap.lt700 a, .cMap.lt700 .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cMap.lt700 a {
margin-top: 12px ;
margin-top: 0.75rem ; }
.cMap.gt900 .field--from {
min-width: 370px ;
min-width: 23.125rem ; }
.cMap.lt850.gt700 .field {
width: auto;
max-width: 200px;
min-width: 0; }
.cMap.lt850.gt700 .field--searchbox {
max-width: 100%;
width: 100%; }
.cMap--mobile .cMap__address {
margin: 12px 0 ;
margin: 0.75rem 0 ;
font-style: normal; }
.cMap--mobile .btn, .cMap--mobile .cClientZone__logout, .cMap--mobile .cNews-archiv a, .cNews-archiv .cMap--mobile a, .cMap--mobile .cRecepts .archive a, .cRecepts .archive .cMap--mobile a, .cMap--mobile .recipesList .archive a, .recipesList .archive .cMap--mobile a, .cMap--mobile .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cMap--mobile a {
position: relative;
padding-left: 35px ;
padding-left: 2.1875rem ;
padding-right: 10px ;
padding-right: 0.625rem ;
text-align: left;
font-size: 12px;
font-size: 0.75rem;
font-weight: normal; }
.cMap--mobile .icon-phone, .cMap--mobile .infoText--phone::before, .cMap--mobile .cPerson__link--icon-mobile,
.cMap--mobile .icon-mail,
.cMap--mobile .infoText--mail::before,
.cMap--mobile .cPerson__link--icon-email,
.cMap--mobile .icon-location {
left: 10px;
width: 18px;
text-align: center; }
.cMap--mobile .icon-phone::before, .cMap--mobile .infoText--phone::before, .cMap--mobile .cPerson__link--icon-mobile::before,
.cMap--mobile .icon-mail::before,
.cMap--mobile .infoText--mail::before,
.cMap--mobile .cPerson__link--icon-email::before,
.cMap--mobile .icon-location::before {
color: #173530;
font-size: 16px;
font-size: 1rem; }
.cMap img[src*='gstatic.com/'],
.cMap .cMap__directionsPanel img {
max-width: none; }
.cMap .adp-stepicon {
display: block !important; }
.cMap .smap-suggest {
width: 100%; }
@media screen and (min-width: 1340px) {
.cMap .smap-suggest {
width: 50%;
left: 50%;
transform: translateX(-50%); } }
.cMap .smap .cluster div {
box-sizing: content-box;
border-width: 6px; }
.cMap:not(:has(.cMap-autocomplete__results--hidden)) ~ * {
z-index: 1; }
.cMap-autocomplete__results {
--_bg: #fff;
--_border: #ccc;
--_shadow: #ccc;
--_divider: #ccc;
--_gap: .5rem;
--_br: 10rem;
--_title-fs: 1rem;
--_title-color: #000;
--_span-fs: .8rem;
--_span-color: #666;
position: absolute;
inset: auto 0 0 0;
transform: translateY(100%);
border: 1px solid var(--_border);
box-shadow: 0 2px 4px var(--_shadow);
margin: 0;
background-color: var(--_bg);
border-radius: var(--_br);
overflow: hidden;
opacity: 1;
z-index: 99; }
.cMap-autocomplete__results:empty, .cMap-autocomplete__results--hidden {
display: none; }
.cMap-autocomplete__results__loading {
padding: 1rem;
display: flex;
flex-direction: column;
gap: .5rem; }
.cMap-autocomplete__results__loading__skeleton {
display: block;
width: 100%;
height: 1rem;
background-color: #f3f3f3; }
.cMap-autocomplete__results__loading__skeleton--short {
width: 50%; }
.cMap-autocomplete__results__item {
margin-block: 0;
padding: var(--_gap) 1rem;
background-color: var(--_bg);
cursor: pointer;
text-align: left;
line-height: 1.3; }
.cMap-autocomplete__results__item:hover {
--_bg: #f3f3f3; }
.cMap-autocomplete__results__item:not(:last-of-type) {
border-bottom: 1px solid var(--_divider); }
.cMap-autocomplete__results__item strong {
font-size: var(--_title-fs);
color: var(--_title-color); }
.cMap-autocomplete__results__item span {
font-size: var(--_span-fs);
color: var(--_span-color); }
.cMap.gt900 .cMap__panel .smap-suggest {
width: 100%;
left: 50%;
transform: translateX(-50%); }
@media screen and (min-width: 768px) {
.cCopyright__inner {
display: flex;
align-items: center; } }
@media screen and (min-width: 1340px) {
.cCopyright__inner {
max-width: 1340px;
margin: auto; } }
@media screen and (min-width: 768px) {
.cCopyright.left {
text-align: left; } }
@media screen and (min-width: 768px) {
.cCopyright.center {
text-align: center; } }
.cCopyright.center .cCopyright__logo {
width: auto; }
@media screen and (min-width: 768px) {
.cCopyright.center .cCopyright__logo {
width: 200px; } }
@media screen and (min-width: 1024px) {
.cCopyright.center .cCopyright__logo {
width: 275px; } }
@media screen and (min-width: 768px) {
.cCopyright.right {
text-align: right; } }
@media screen and (min-width: 768px) {
.cCopyright--hasLogo.center .cCopyright__textContent {
margin-left: -200px; } }
@media screen and (min-width: 1024px) {
.cCopyright--hasLogo.center .cCopyright__textContent {
margin-left: -275px; } }
@media screen and (min-width: 768px) {
.cCopyright--ebranaLogo.center .cCopyright__textContent {
margin-left: 200px; } }
@media screen and (min-width: 1024px) {
.cCopyright--ebranaLogo.center .cCopyright__textContent {
margin-left: 275px; } }
.cCopyright--hasLogo.cCopyright--ebranaLogo.center .cCopyright__textContent {
margin-left: 0; }
@media screen and (max-width: 767px) {
.cCopyright__logo {
text-align: left;
margin-left: auto;
margin-right: auto; } }
.cCopyright__logo a {
display: block;
text-decoration: none; }
@media screen and (max-width: 767px) {
.cCopyright__logo a {
text-align: center; } }
.cCopyright__logo img {
display: block;
max-width: 100px;
margin: auto; }
@media screen and (min-width: 768px) {
.cCopyright__logo img {
padding-right: 10px ;
padding-right: 0.625rem ;
max-width: 200px;
margin-left: 0; } }
@media screen and (min-width: 1024px) {
.cCopyright__logo img {
max-width: 275px;
padding-right: 40px ;
padding-right: 2.5rem ; } }
.cCopyright__logo .icon {
width: auto;
height: auto;
text-align: center; }
@media screen and (max-width: 767px) {
.cCopyright__logo .icon {
margin-top: 6px; } }
@media screen and (min-width: 768px) {
.cCopyright__logo .icon {
text-align: right; } }
.cCopyright__logo .icon::before {
font-size: 40px;
font-size: 2.5rem;
color: #ffffff; }
@media screen and (min-width: 768px) {
.cCopyright__logo .icon::before {
font-size: 40px;
font-size: 2.5rem; } }
@media screen and (min-width: 768px) {
.cCopyright__logo--ebrana {
text-align: right;
padding-left: 20px ;
padding-left: 1.25rem ; } }
@media screen and (max-width: 767px) {
.cCopyright__logo--company {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; } }
.cCopyright__logo__text {
display: block;
color: #ffffff;
font-size: 10px;
font-size: 0.625rem;
text-transform: uppercase;
text-align: center; }
@media screen and (min-width: 768px) {
.cCopyright__logo__text {
display: inline-block;
vertical-align: middle;
text-align: left;
margin-right: 12px ;
margin-right: 0.75rem ; } }
@media screen and (max-width: 767px) {
.cCopyright__textContent {
margin-bottom: 12px ;
margin-bottom: 0.75rem ;
text-align: center; } }
@media screen and (min-width: 768px) {
.cCopyright__textContent {
flex-grow: 2; } }
.cCopyright__recaptcha {
display: inline-flex;
justify-content: center;
flex-wrap: wrap;
width: 100%; }
@media screen and (max-width: 767px) {
.cCopyright__recaptcha {
padding: 1rem 1rem 0;
margin-top: 0;
clear: both;
line-height: 1.5; } }
@media screen and (min-width: 768px) {
.cCopyright__recaptcha {
position: relative;
left: 50%;
transform: translateX(-50%);
margin: 0.5rem auto 0;
opacity: 0.8;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.3; } }
@media screen and (min-width: 1340px) {
.cCopyright__recaptcha {
max-width: 1340px; } }
.cCopyright__recaptcha a {
margin: 0 5px; }
.cYtCanal__desc {
margin-bottom: 0; }
.cYtCanal__title {
margin-top: 12px ;
margin-top: 0.75rem ; }
.cYtCanal__duration {
font-size: 13px;
font-size: 0.8125rem;
color: #777; }
.cYtCanal__wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden; }
.cYtCanal__wrapper iframe {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
width: 100%;
height: 100%; }
/* ==========================================================================================
Kosticka VICEPRACE
========================================================================================== */
.cExtraWork {
border: 1px solid #e83f3e;
padding: 24px ;
padding: 1.5rem ; }
/*
.cHeader--diff {
background-color: $brand-color;
margin-bottom: 0;
.cMainNav {
box-sizing: border-box;
background-color: $bg-html;
margin: 0;
padding: 0;
border: 1px solid lighten($brand-color, 40%);
@extend .fix-white-space;
&__wrapper {
max-width: $wrapper-width;
margin: 0 auto;
padding: 0;
}
.nav__item {
margin-right: 0;
&:first-child {
&__in {
padding-left: 0;
}
}
&--drop {
line-height: 1;
}
}
.nav__item__in {
font-family: $font-family;
display: block;
color: black;
font-weight: normal;
border-left: 1px solid lighten($brand-color, 40%);
margin-right: 0;
&:hover {
color: whote;
background-color: lighten($brand-color, 48%);
}
}
}
.cSideNav {
.nav {
&__item {
&__in {
color: white;
text-decoration: none;
@include font-size($milli);
text-transform: uppercase;
}
}
}
}
.cHeader__innerContent {
text-align: right;
margin-top: 0;
border-top: 0;
}
.cHeader__search,
.cHeader__cZone {
margin-right: 0;
.icon-only {
@include wh(5.25rem);
display: inline-block;
line-height: 5.25rem;
background-color: darken($brand-color, 10%);
color: white;
font-size: 40px;
text-align: center;
}
}
.cHeader__phone {
.icon-only {
color: white;
font-size: 30px;
text-decoration: none;
span {
position: relative;
@include font-size($delta);
font-weight: bold;
display: inline-block;
vertical-align: bottom;
&:before {
@include font-size($milli);
font-weight: normal;
content: "PO-PÁ 9:00-17:00";
position: absolute;
left: 0;
top: -18px;
}
}
}
}
.cHeader__logo {
@include x-rem(margin, $half-spacing-unit 0);
}
}
.cSubpages--vertical {
border-radius: 0;
.nav__item {
&__in {
background-color: $brand-color;
color: white;
&:hover {
background-color: darken($brand-color, 10%);
}
}
}
}
.cCopyright {
margin-bottom: 0;
color: white;
a {
color: white;
}
&__links {
margin-bottom: 0;
}
}
.c-text {
li {
color: white;
}
a {
color: white;
}
}
.cNewsletter {
color: white;
.btn {
background: darken(#0083CA, 10%);
border-bottom-color: darken(#0083CA, 20%);
}
.field {
border-color: darken(#0083CA, 10%);
}
}
.cConversButton--colored {
background-color: darken(#0083CA, 10%);
} */
.cHtmlSlider .rsABlock__perex, .cHtmlVideo__text {
font-size: 13px;
font-size: 0.8125rem;
color: #ffffff; }
@media screen and (min-width: 768px) {
.cHtmlSlider .rsABlock__perex, .cHtmlVideo__text {
font-size: 13px;
font-size: 0.8125rem; } }
@media screen and (min-width: 1024px) {
.cHtmlSlider .rsABlock__perex, .cHtmlVideo__text {
font-size: 13px;
font-size: 0.8125rem; } }
@media screen and (min-width: 1200px) {
.cHtmlSlider .rsABlock__perex, .cHtmlVideo__text {
font-size: 13px;
font-size: 0.8125rem; } }
.cHtmlSlider .rsABlock__title, .cHtmlVideo__title {
font-size: 55px;
font-size: 3.4375rem;
color: #ffffff; }
@media screen and (min-width: 768px) {
.cHtmlSlider .rsABlock__title, .cHtmlVideo__title {
font-size: 70px;
font-size: 4.375rem; } }
@media screen and (min-width: 1024px) {
.cHtmlSlider .rsABlock__title, .cHtmlVideo__title {
font-size: 80px;
font-size: 5rem; } }
@media screen and (min-width: 1200px) {
.cHtmlSlider .rsABlock__title, .cHtmlVideo__title {
font-size: 110px;
font-size: 6.875rem; } }
.cHtmlSlider .rsABlock .btn, .cHtmlSlider .rsABlock .cClientZone__logout, .cHtmlSlider .rsABlock .cNews-archiv a, .cNews-archiv .cHtmlSlider .rsABlock a, .cHtmlSlider .rsABlock .cRecepts .archive a, .cRecepts .archive .cHtmlSlider .rsABlock a, .cHtmlSlider .rsABlock .recipesList .archive a, .recipesList .archive .cHtmlSlider .rsABlock a, .cHtmlSlider .rsABlock .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cHtmlSlider .rsABlock a, .cHtmlVideo .btn, .cHtmlVideo .cClientZone__logout, .cHtmlVideo .cNews-archiv a, .cNews-archiv .cHtmlVideo a, .cHtmlVideo .cRecepts .archive a, .cRecepts .archive .cHtmlVideo a, .cHtmlVideo .recipesList .archive a, .recipesList .archive .cHtmlVideo a, .cHtmlVideo .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cHtmlVideo a {
color: #ffffff !important;
background-color: #000000 !important;
border-color: #000000 !important; }
@media screen and (min-width: 768px) {
.cHtmlSlider .rsABlock .btn, .cHtmlSlider .rsABlock .cClientZone__logout, .cHtmlSlider .rsABlock .cNews-archiv a, .cNews-archiv .cHtmlSlider .rsABlock a, .cHtmlSlider .rsABlock .cRecepts .archive a, .cRecepts .archive .cHtmlSlider .rsABlock a, .cHtmlSlider .rsABlock .recipesList .archive a, .recipesList .archive .cHtmlSlider .rsABlock a, .cHtmlSlider .rsABlock .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cHtmlSlider .rsABlock a, .cHtmlVideo .btn, .cHtmlVideo .cClientZone__logout, .cHtmlVideo .cNews-archiv a, .cNews-archiv .cHtmlVideo a, .cHtmlVideo .cRecepts .archive a, .cRecepts .archive .cHtmlVideo a, .cHtmlVideo .recipesList .archive a, .recipesList .archive .cHtmlVideo a, .cHtmlVideo .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cHtmlVideo a {
position: absolute;
bottom: -50px;
left: 24px; } }
.cHtmlSlider .rsABlock .btn:hover, .cHtmlSlider .rsABlock .cClientZone__logout:hover, .cHtmlSlider .rsABlock .cNews-archiv a:hover, .cNews-archiv .cHtmlSlider .rsABlock a:hover, .cHtmlSlider .rsABlock .cRecepts .archive a:hover, .cRecepts .archive .cHtmlSlider .rsABlock a:hover, .cHtmlSlider .rsABlock .recipesList .archive a:hover, .recipesList .archive .cHtmlSlider .rsABlock a:hover, .cHtmlSlider .rsABlock .cFtr .recipesList__item .archive a:hover, .cFtr .recipesList__item .archive .cHtmlSlider .rsABlock a:hover, .cHtmlVideo .btn:hover, .cHtmlVideo .cClientZone__logout:hover, .cHtmlVideo .cNews-archiv a:hover, .cNews-archiv .cHtmlVideo a:hover, .cHtmlVideo .cRecepts .archive a:hover, .cRecepts .archive .cHtmlVideo a:hover, .cHtmlVideo .recipesList .archive a:hover, .recipesList .archive .cHtmlVideo a:hover, .cHtmlVideo .cFtr .recipesList__item .archive a:hover, .cFtr .recipesList__item .archive .cHtmlVideo a:hover {
color: #ffffff !important;
background-color: #000000 !important;
border-color: #000000 !important; }
.cImageSlider {
position: relative; }
.cHtmlSlider .rsBullets,
.cImageSlider .rsBullets {
position: absolute;
bottom: 35px ;
bottom: 2.1875rem ; }
.cHtmlSlider .royalSlider.rsVer .rsArrowLeft .rsArrowIcn::before,
.cImageSlider .royalSlider.rsVer .rsArrowLeft .rsArrowIcn::before {
transform: translate(-50%, -50%) rotate(90deg); }
.cHtmlSlider .royalSlider.rsVer .rsArrowRight .rsArrowIcn::before,
.cImageSlider .royalSlider.rsVer .rsArrowRight .rsArrowIcn::before {
transform: translate(-50%, -50%) rotate(-90deg); }
.cHtmlSlider--fullHeight,
.cImageSlider--fullHeight {
height: 100vh; }
.cHtmlSlider--fullHeight .royalSlider,
.cHtmlSlider--fullHeight .rsOverflow,
.cImageSlider--fullHeight .royalSlider,
.cImageSlider--fullHeight .rsOverflow {
height: 100% !important; }
.cImageSlider.preload img,
.cHtmlSlider.preload img {
visibility: hidden;
opacity: 0; }
.cImageSlider.preload .royalSlider,
.cHtmlSlider.preload .royalSlider {
height: 100%;
background-color: #eceff4; }
.cHtmlSlider {
position: relative;
/*
* Mobilni zobrazeni slidu pod sebou - modifikace
-------------------------------------------------------------------------- */ }
.cHtmlSlider .royalSlider {
margin: auto;
max-width: 100%; }
.cHtmlSlider .royalSlider img {
width: 100%;
height: 100%;
object-fit: cover; }
.cHtmlSlider--fixHeight .rsSlide,
.cHtmlSlider--fixHeight .rsOverflow, .cHtmlSlider--is-fullscreen .rsSlide,
.cHtmlSlider--is-fullscreen .rsOverflow {
height: 100% !important; }
.cHtmlSlider__box {
position: absolute;
z-index: 2;
padding: 24px ;
padding: 1.5rem ;
-webkit-font-smoothing: antialiased;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
left: 5%;
text-align: left;
bottom: 15%; }
@media screen and (min-width: 1340px) {
.cHtmlSlider__box {
max-width: 1340px; } }
@media screen and (max-width: 767px) {
.cHtmlSlider__box {
text-align: center;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%); }
.cHtmlSlider__box.subpixel-fix {
transform: translateY(calc(-50% + 0.5px)); } }
.cHtmlSlider__box .rsABlock__perex {
margin-bottom: 0; }
.cHtmlSlider .rsABlock {
position: static;
width: 100%;
margin: 0;
padding: 0;
background-color: transparent; }
.cHtmlSlider .rsABlock__perex .btn, .cHtmlSlider .rsABlock__perex .cClientZone__logout, .cHtmlSlider .rsABlock__perex .cNews-archiv a, .cNews-archiv .cHtmlSlider .rsABlock__perex a, .cHtmlSlider .rsABlock__perex .cRecepts .archive a, .cRecepts .archive .cHtmlSlider .rsABlock__perex a, .cHtmlSlider .rsABlock__perex .recipesList .archive a, .recipesList .archive .cHtmlSlider .rsABlock__perex a, .cHtmlSlider .rsABlock__perex .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cHtmlSlider .rsABlock__perex a {
margin-top: 36px; }
.cHtmlSlider .btn--slide {
margin-top: 12px ;
margin-top: 0.75rem ; }
.cHtmlSlider--mobile {
margin-bottom: 24px; }
.cHtmlSlider--mobile__title {
margin-bottom: 0; }
.cHtmlSlider--mobile__perex {
margin-bottom: 0; }
.cHtmlSlider__anchor {
position: absolute;
right: 0;
bottom: 2rem;
left: 0;
margin: auto;
width: 100%;
height: 50px;
pointer-events: none;
display: flex;
justify-content: center;
align-items: flex-end;
z-index: 2; }
@media (min-width: 768px) {
.cHtmlSlider__anchor {
bottom: 6rem; } }
.cHtmlSlider__anchor a:not(.noLink) {
pointer-events: auto;
height: max-content; }
.cHtmlSlider__anchor .icon {
width: 40px;
height: 40px;
text-align: center;
transition: transform .25s, opacity .25s;
opacity: .9; }
.cHtmlSlider__anchor .icon:hover {
opacity: 1;
transform: translateY(10px); }
.cHtmlSlider__anchor .icon::before {
color: #fff;
font-size: 45px;
font-size: 2.8125rem; }
.cHtmlSlider .rsTabs,
.cImageSlider .rsTabs {
position: absolute;
top: auto;
bottom: 24px;
z-index: 10; }
.cHtmlSlider .rsTabs,
.cImageSlider .rsTabs {
padding-top: 0; }
.cHtmlSlider .rsTabs .rsTab,
.cImageSlider .rsTabs .rsTab {
width: auto;
height: auto; }
.cHtmlSlider .rsTabs .rsTab.rsNavSelected,
.cImageSlider .rsTabs .rsTab.rsNavSelected {
width: auto;
height: auto; }
/* ==========================================================================================
Kosticka IMAGE SLIDER
========================================================================================== */
.cImageSlider {
position: relative; }
.cImageSlider .royalSlider {
margin: auto;
max-width: 100%; }
.cImageSlider .royalSlider img {
width: 100%;
height: 100%;
object-fit: cover; }
.cImageSlider--fixHeight .rsSlide,
.cImageSlider--fixHeight .rsOverflow {
height: 100% !important;
max-width: 100%; }
.cImageSlider--fullscreen .rsSlide,
.cImageSlider--fullscreen .rsOverflow {
height: 100% !important; }
.cImageSlider .rsContent > a {
display: block;
width: 100%;
height: 100%; }
/* ==========================================================================================
Kosticka POPIS STRANKY
========================================================================================== */
@media screen and (max-width: 767px) {
.cGallery--nearby img,
.cGallery--nearby .royalSlider img {
max-width: 100% !important; } }
.cGallery--custom-height {
height: 300px; }
@media screen and (min-width: 768px) {
.cGallery--custom-height {
height: 400px; } }
@media screen and (min-width: 1024px) {
.cGallery--custom-height {
height: 500px; } }
.cGallery--custom-height .royalSlider,
.cGallery--custom-height .rsOverflow,
.cGallery--custom-height .rsSlide {
height: 100% !important; }
.cGallery--custom-height .royalSlider .rsContainer a:hover img {
transform: translateY(-50%) !important; }
.cGallery--custom-height .royalSlider .rsContainer img {
display: block;
position: relative;
top: 50%;
transform: translateY(-50%);
width: auto !important;
height: auto !important;
max-width: 100%;
max-height: 100%;
min-height: 0 !important;
min-width: 0 !important;
margin: auto !important; }
.cGallery--custom-height .rsOverflow {
padding-right: 0 !important; }
.cGallery--custom-height.cGallery--is-hidden {
display: none !important; }
.cGallery--preview {
position: relative; }
.cGallery--preview.cGallery--ratio1-1 .rsSlide {
position: relative;
display: inline-block;
width: 100%;
overflow: hidden;
position: absolute; }
.cGallery--preview.cGallery--ratio1-1 .rsSlide img,
.cGallery--preview.cGallery--ratio1-1 .rsSlide [class$='__inner'],
.cGallery--preview.cGallery--ratio1-1 .rsSlide [class$='__image'] {
position: absolute;
width: 100%; }
.cGallery--preview.cGallery--ratio1-1 .rsSlide:after {
display: block;
content: '';
padding-top: 100%; }
.cGallery--preview.cGallery--ratio1-1 .rsSlide > a {
position: absolute; }
.cGallery--preview.cGallery--ratio1-1 .rsSlide img {
object-fit: fill;
width: auto !important;
height: auto !important;
min-height: 0;
top: 50%;
transform: translateY(-50%); }
.cGallery--preview.cGallery--ratio4-3 .rsSlide {
position: relative;
display: inline-block;
width: 100%;
overflow: hidden;
position: absolute; }
.cGallery--preview.cGallery--ratio4-3 .rsSlide img,
.cGallery--preview.cGallery--ratio4-3 .rsSlide [class$='__inner'],
.cGallery--preview.cGallery--ratio4-3 .rsSlide [class$='__image'] {
position: absolute;
width: 100%; }
.cGallery--preview.cGallery--ratio4-3 .rsSlide:after {
display: block;
content: '';
padding-top: 75%; }
.cGallery--preview.cGallery--ratio4-3 .rsSlide > a {
position: absolute; }
.cGallery--preview.cGallery--ratio4-3 .rsSlide img {
object-fit: fill;
width: auto !important;
height: auto !important;
min-height: 0;
top: 50%;
transform: translateY(-50%); }
.cGallery--preview.cGallery--ratio16-9 .rsSlide {
position: relative;
display: inline-block;
width: 100%;
overflow: hidden;
position: absolute; }
.cGallery--preview.cGallery--ratio16-9 .rsSlide img,
.cGallery--preview.cGallery--ratio16-9 .rsSlide [class$='__inner'],
.cGallery--preview.cGallery--ratio16-9 .rsSlide [class$='__image'] {
position: absolute;
width: 100%; }
.cGallery--preview.cGallery--ratio16-9 .rsSlide:after {
display: block;
content: '';
padding-top: 56.25%; }
.cGallery--preview.cGallery--ratio16-9 .rsSlide > a {
position: absolute; }
.cGallery--preview.cGallery--ratio16-9 .rsSlide img {
object-fit: fill;
width: auto !important;
height: auto !important;
min-height: 0;
top: 50%;
transform: translateY(-50%); }
@media screen and (max-width: 767px) {
.cGallery--preview .cProductListBox__img img {
max-width: 100%;
min-width: 0; } }
.cGallery.cGallery--productDetail {
overflow: hidden; }
.cGallery.cGallery--productDetail.cGallery--custom-height {
overflow: visible; }
.cGallery.cGallery--productDetail .royalSlider.rsDefault img {
max-width: 100%; }
.cGallery.cGallery--productDetail .royalSlider.rsDefault .rsThumbs {
justify-content: flex-start;
height: 100px ;
height: 6.25rem ;
margin-top: 20px ;
margin-top: 1.25rem ;
padding: 0; }
.cGallery.cGallery--productDetail .royalSlider.rsDefault .rsThumbs .rsThumbsArrow {
top: 50%;
margin-top: -20px ;
margin-top: -1.25rem ;
width: 40px ;
width: 2.5rem ;
height: 40px ;
height: 2.5rem ;
background-color: #fdb12d; }
.cGallery.cGallery--productDetail .royalSlider.rsDefault .rsThumbs .rsThumbsArrow .rsThumbsArrowIcn {
color: #173530; }
.cGallery.cGallery--productDetail .royalSlider.rsDefault .rsThumbs .rsThumbsArrowRight {
left: auto; }
.cGallery.cGallery--productDetail .royalSlider.rsDefault .rsThumbs .rsThumbsContainer {
display: grid;
grid-auto-flow: column; }
.cGallery.cGallery--productDetail .royalSlider.rsDefault .rsThumbs .rsThumbsContainer .rsThumb {
display: flex;
align-items: center;
justify-content: center;
width: 115px ;
width: 7.1875rem ;
height: 100px ;
height: 6.25rem ;
border-radius: 0;
box-sizing: border-box;
background-color: transparent; }
.cGallery.cGallery--productDetail .royalSlider.rsDefault .rsThumbs .rsThumbsContainer .rsThumb.rsNavSelected img {
opacity: 1; }
.cGallery.cGallery--productDetail .royalSlider.rsDefault .rsThumbs .rsThumbsContainer img {
object-fit: contain;
height: auto; }
.cGallery--slide .rsContent {
opacity: 1 !important; }
.cGallery--slide .rsContent:not(:first-child) {
display: none; }
.cGallery--slide .rsFade.rsWebkit3d img {
transform: translateY(-50%); }
.cGallery--slide .grid__item > a img, .cGallery--slide .label--inline > a img, .cGallery--slide .label--inline + .field > a img {
top: 0;
transform: none; }
.cGallery--slide .grid__item > a:hover img, .cGallery--slide .label--inline > a:hover img, .cGallery--slide .label--inline + .field > a:hover img {
transform: none; }
.cGallery--user-am .cGallery__wrapper > a::before {
display: none; }
.cGallery--user-am .cGallery__wrapper > a img {
object-fit: contain;
transition: none; }
.cGallery--user-am .cGallery__wrapper > a:hover img {
transform: translateY(-50%); }
.cGallery--block .block-grid {
display: block; }
.cGallery--block .block-grid__item {
display: flex;
width: 100%;
margin-bottom: 0;
align-items: center;
padding: 1rem 0;
border-bottom: 1px solid #ddd; }
.cGallery--block .block-grid__item:last-of-type {
border-bottom: 0; }
.cGallery--block .cGallery__wrapper {
max-width: 100px;
min-width: 100px; }
.cGallery--block .cGallery__title {
padding-left: 1.5rem;
text-align: left;
max-width: 70%; }
.cGallery--hasBackground .grid {
padding: 2rem;
margin-left: -4rem; }
@media (min-width: 1500px) {
.cGallery--hasBackground .grid {
padding: 4rem; } }
.cGallery--hasBackground .grid .grid__item, .cGallery--hasBackground .grid .label--inline, .cGallery--hasBackground .grid .label--inline + .field {
padding-left: 4rem; }
@media (min-width: 768px) {
.cGallery--hasBackground .grid .grid__item, .cGallery--hasBackground .grid .label--inline, .cGallery--hasBackground .grid .label--inline + .field {
margin-bottom: 0; } }
.cGallery .royalSlider--loading {
opacity: 0.8;
margin-left: 0; }
.cGallery .royalSlider--loading .grid {
margin-left: 0; }
.cGallery .royalSlider--loading .grid__item, .cGallery .royalSlider--loading .label--inline, .cGallery .royalSlider--loading .label--inline + .field {
padding: 0 1rem; }
@keyframes skeletonLoading {
from {
opacity: 0.8; }
to {
opacity: 1; } }
.cGallery .royalSlider--loading .cGallery__wrapper {
animation: skeletonLoading 1s infinite alternate; }
.cGallery .royalSlider--loading .rsTmb {
opacity: 0; }
.cGallery .img-description {
margin-top: 0.5rem; }
@media screen and (max-width: 767px) {
.cGallery--nearby img,
.cGallery--nearby .royalSlider img {
max-width: 100% !important; } }
.cGallery--nearby .rsGCaption {
visibility: hidden;
opacity: 0; }
.cGallery--nearby .rsGCaption.is-animated {
visibility: visible;
opacity: 1;
transition: all 0.3s ease-in-out; }
.cGallery--nearby.cGallery--nearby-fullwidth {
border: 0; }
.cGallery.cGallery--preview {
position: relative; }
.cGallery.cGallery--preview.cGallery--ratio1-1 .rsSlide > a, .cGallery.cGallery--preview.cGallery--ratio4-3 .rsSlide > a, .cGallery.cGallery--preview.cGallery--ratio16-9 .rsSlide > a {
display: flex;
align-items: center;
justify-content: center;
padding: 20px; }
.cGallery.cGallery--preview.cGallery--ratio1-1 .rsSlide > a picture, .cGallery.cGallery--preview.cGallery--ratio4-3 .rsSlide > a picture, .cGallery.cGallery--preview.cGallery--ratio16-9 .rsSlide > a picture {
display: flex;
align-items: center;
justify-content: center; }
.cGallery.cGallery--preview.cGallery--ratio1-1 .rsSlide {
position: relative;
display: inline-block;
width: 100%;
overflow: hidden;
position: absolute; }
.cGallery.cGallery--preview.cGallery--ratio1-1 .rsSlide img,
.cGallery.cGallery--preview.cGallery--ratio1-1 .rsSlide [class$='__inner'],
.cGallery.cGallery--preview.cGallery--ratio1-1 .rsSlide [class$='__image'] {
position: absolute;
width: 100%; }
.cGallery.cGallery--preview.cGallery--ratio1-1 .rsSlide:after {
display: block;
content: '';
padding-top: 100%; }
.cGallery.cGallery--preview.cGallery--ratio1-1 .rsSlide > a {
position: absolute; }
.cGallery.cGallery--preview.cGallery--ratio1-1 .rsSlide img {
object-fit: fill;
width: auto !important;
height: auto !important;
min-height: 0;
top: 50%;
transform: translateY(-50%); }
.cGallery.cGallery--preview.cGallery--ratio4-3 .rsSlide {
position: relative;
display: inline-block;
width: 100%;
overflow: hidden;
position: absolute; }
.cGallery.cGallery--preview.cGallery--ratio4-3 .rsSlide img,
.cGallery.cGallery--preview.cGallery--ratio4-3 .rsSlide [class$='__inner'],
.cGallery.cGallery--preview.cGallery--ratio4-3 .rsSlide [class$='__image'] {
position: absolute;
width: 100%; }
.cGallery.cGallery--preview.cGallery--ratio4-3 .rsSlide:after {
display: block;
content: '';
padding-top: 75%; }
.cGallery.cGallery--preview.cGallery--ratio4-3 .rsSlide > a {
position: absolute; }
.cGallery.cGallery--preview.cGallery--ratio4-3 .rsSlide img {
object-fit: fill;
width: auto !important;
height: auto !important;
min-height: 0;
top: 50%;
transform: translateY(-50%); }
.cGallery.cGallery--preview.cGallery--ratio16-9 .rsSlide {
position: relative;
display: inline-block;
width: 100%;
overflow: hidden;
position: absolute; }
.cGallery.cGallery--preview.cGallery--ratio16-9 .rsSlide img,
.cGallery.cGallery--preview.cGallery--ratio16-9 .rsSlide [class$='__inner'],
.cGallery.cGallery--preview.cGallery--ratio16-9 .rsSlide [class$='__image'] {
position: absolute;
width: 100%; }
.cGallery.cGallery--preview.cGallery--ratio16-9 .rsSlide:after {
display: block;
content: '';
padding-top: 56.25%; }
.cGallery.cGallery--preview.cGallery--ratio16-9 .rsSlide > a {
position: absolute; }
.cGallery.cGallery--preview.cGallery--ratio16-9 .rsSlide img {
object-fit: fill;
width: auto !important;
height: auto !important;
min-height: 0;
top: 50%;
transform: translateY(-50%); }
@media screen and (max-width: 767px) {
.cGallery.cGallery--preview .cProductListBox__img img {
max-width: 100%;
min-width: 0; } }
.cGallery.cGallery--preview .cGallery__brand__logo {
position: absolute;
max-width: 100px;
min-width: 0;
min-height: 0; }
.cGallery.cGallery--preview .cGallery__brand__logo--pos-leftTop {
top: 1rem;
left: 1rem; }
.cGallery.cGallery--preview .cGallery__brand__logo--pos-leftBottom {
bottom: 1rem;
left: 1rem; }
.cGallery.cGallery--preview .cGallery__brand__logo--pos-rightTop {
top: 1rem;
right: 1rem; }
.cGallery.cGallery--preview .cGallery__brand__logo--pos-rightBottom {
bottom: 1rem;
right: 1rem; }
.cGallery.cGallery--preview .cGallery__label {
position: absolute; }
.cGallery.cGallery--preview .cGallery__label--pos-leftTop {
top: 1rem;
left: 1rem; }
.cGallery.cGallery--preview .cGallery__label--pos-leftBottom {
bottom: 1rem;
left: 1rem; }
.cGallery.cGallery--preview .cGallery__label--pos-rightTop {
top: 1rem;
right: 1rem; }
.cGallery.cGallery--preview .cGallery__label--pos-rightBottom {
bottom: 1rem;
right: 1rem; }
.cGallery--slide .rsFade.rsWebkit3d img {
transform: translateY(-50%); }
@media (min-width: 768px) and (max-width: 1024px) {
.cGallery--slide .grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } }
.cGallery--grid .block-grid {
display: flex;
flex-wrap: wrap; }
.cGallery--arrowsOutside:not(.cGallery--nearby) .royalSlider--loading .rsContent {
grid-column: 2 / 3; }
.cGallery--arrowsOutside:not(.cGallery--nearby) .royalSlider:not(.visibleNearby) {
height: auto !important;
display: grid;
width: 100%;
grid-template-columns: 1fr; }
@media (min-width: 768px) {
.cGallery--arrowsOutside:not(.cGallery--nearby) .royalSlider:not(.visibleNearby) {
grid-template-columns: 4rem calc(100% - 8rem) 4rem; } }
@media (min-width: 1400px) {
.cGallery--arrowsOutside:not(.cGallery--nearby) .royalSlider:not(.visibleNearby) {
margin-left: -5rem;
grid-template-columns: 5rem 1fr 5rem; } }
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsOverflow {
grid-row: 1 / 2;
grid-column: 1 / 2; }
@media (min-width: 768px) {
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsOverflow {
grid-column: 2 / 3; } }
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsNav {
grid-column: 1 / -1;
grid-row: 2 / 3; }
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsNav,
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsArrow {
position: relative; }
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsArrow {
width: auto;
height: auto;
grid-row: 1 / 2;
grid-column: 1 / 2; }
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsArrow .rsArrowIcn {
top: 50%;
transform: translateY(-50%); }
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsArrowLeft {
place-self: center start; }
@media (min-width: 768px) {
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsArrowLeft {
grid-column: 1 / 2; } }
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsArrowLeft .rsArrowIcn {
left: 0; }
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsArrowRight {
place-self: center end; }
@media (min-width: 768px) {
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsArrowRight {
grid-column: 3 / 4; } }
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsArrowRight .rsArrowIcn {
left: unset;
right: 0; }
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsOverflow {
overflow: hidden;
max-width: 100%; }
@media (min-width: 768px) {
.cGallery--arrowsBackgroundTransparent .rsArrowIcn {
background-color: transparent; } }
@media (min-width: 768px) {
.cGallery--arrowsBackgroundTransparent .rsArrowIcn::before {
color: #fdb12d; } }
@media (min-width: 768px) {
.cGallery--arrowsBackgroundTransparent .rsArrowIcn:hover {
background-color: transparent; } }
@media (min-width: 768px) {
.cGallery--arrowsBackgroundTransparent .rsArrowIcn:hover::before {
color: #f59c02; } }
.cGallery--arrowsVissible .rsArrow.rsHidden {
opacity: 1;
visibility: visible; }
.cGallery--noBorder.cGallery.cGallery--nearby {
border: none; }
.cGallery--imageFullwidth.cGallery.cGallery--nearby {
padding: 0; }
.cGallery--imageFullwidth.cGallery.cGallery--nearby .royalSlider {
padding: 0; }
.cGallery--imageFullwidth.cGallery.cGallery--nearby .royalSlider .rsOverflow {
margin: 0 !important;
min-width: 100%; }
.cGallery--imageFullwidth.cGallery.cGallery--nearby .royalSlider .rsOverflow .rsImg {
min-width: 100%;
min-height: 100%;
margin: 0 !important;
object-fit: cover;
object-position: center; }
@media screen and (max-width: 767px) {
.cGalleryContainer--am-detail .rsThumbs {
margin-bottom: 30px ;
margin-bottom: 1.875rem ; } }
@media (max-width: 1200px) {
.cGalleryContainer .cGallery.cGallery--nearby .royalSlider img {
max-width: 100%; } }
@media (max-width: 1200px) {
.cGalleryContainer .cGallery.cGallery--nearby .royalSlider img {
max-width: 100%; } }
.cForm .fieldset {
padding: 12px 30px 12px 0 ;
padding: 0.75rem 1.875rem 0.75rem 0 ;
border: 1px solid #ddd;
border-radius: 10rem;
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.cForm .fieldset legend {
padding-left: 24px ;
padding-left: 1.5rem ;
padding-right: 24px ;
padding-right: 1.5rem ; }
.cForm__inner {
position: relative;
background-color: #eceff4; }
@media screen and (max-width: 767px) {
.cForm__inner {
padding: 24px ;
padding: 1.5rem ; } }
@media screen and (min-width: 768px) {
.cForm__inner {
padding: 24px ;
padding: 1.5rem ; } }
@media screen and (min-width: 1024px) {
.cForm__inner {
padding: 24px ;
padding: 1.5rem ; } }
@media screen and (min-width: 1200px) {
.cForm__inner {
padding: 48px 24px ;
padding: 3rem 1.5rem ; } }
.cForm .btn, .cForm .cClientZone__logout, .cForm .cNews-archiv a, .cNews-archiv .cForm a, .cForm .cRecepts .archive a, .cRecepts .archive .cForm a, .cForm .recipesList .archive a, .recipesList .archive .cForm a, .cForm .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cForm a {
float: right; }
.cForm--userRegistration .form-fields__inner--submit {
margin-top: 24px ;
margin-top: 1.5rem ;
margin-bottom: 0; }
.cForm .check-list a {
color: #173530; }
.cForm .check-list.desk--block-grid--1 .block-grid__item {
display: flex;
align-items: center; }
.cForm .check-list.desk--block-grid--1 .block-grid__item label {
line-height: 1.4; }
.cForm .check-list.desk--block-grid--1 .checkbox-design label {
top: 3px; }
.userAccountForm {
position: relative; }
@media screen and (min-width: 768px) {
.userAccountForm .cForm__inner {
padding-left: 0;
padding-bottom: 0; } }
@media screen and (min-width: 768px) {
.userAccountForm form + .editSwitchWrapper {
position: absolute;
left: 0;
bottom: 0; } }
.userAccountForm form + .editSwitchWrapper .btn, .userAccountForm form + .editSwitchWrapper .cClientZone__logout, .userAccountForm form + .editSwitchWrapper .cNews-archiv a, .cNews-archiv .userAccountForm form + .editSwitchWrapper a, .userAccountForm form + .editSwitchWrapper .cRecepts .archive a, .cRecepts .archive .userAccountForm form + .editSwitchWrapper a, .userAccountForm form + .editSwitchWrapper .recipesList .archive a, .recipesList .archive .userAccountForm form + .editSwitchWrapper a, .userAccountForm form + .editSwitchWrapper .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .userAccountForm form + .editSwitchWrapper a {
background-color: transparent;
padding: 0;
text-decoration: underline;
color: #e22715;
border: 0;
border-radius: 0; }
.userAccountForm form + .editSwitchWrapper .btn::before, .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .cNews-archiv a::before, .cNews-archiv .userAccountForm form + .editSwitchWrapper a::before, .userAccountForm form + .editSwitchWrapper .cRecepts .archive a::before, .cRecepts .archive .userAccountForm form + .editSwitchWrapper a::before, .userAccountForm form + .editSwitchWrapper .recipesList .archive a::before, .recipesList .archive .userAccountForm form + .editSwitchWrapper a::before, .userAccountForm form + .editSwitchWrapper .cFtr .recipesList__item .archive a::before, .cFtr .recipesList__item .archive .userAccountForm form + .editSwitchWrapper a::before {
color: inherit;
margin-right: 6px; }
.userAccountForm form + .editSwitchWrapper .btn:hover, .userAccountForm form + .editSwitchWrapper .cClientZone__logout:hover, .userAccountForm form + .editSwitchWrapper .cNews-archiv a:hover, .cNews-archiv .userAccountForm form + .editSwitchWrapper a:hover, .userAccountForm form + .editSwitchWrapper .cRecepts .archive a:hover, .cRecepts .archive .userAccountForm form + .editSwitchWrapper a:hover, .userAccountForm form + .editSwitchWrapper .recipesList .archive a:hover, .recipesList .archive .userAccountForm form + .editSwitchWrapper a:hover, .userAccountForm form + .editSwitchWrapper .cFtr .recipesList__item .archive a:hover, .cFtr .recipesList__item .archive .userAccountForm form + .editSwitchWrapper a:hover {
text-decoration: none; }
form.is-disabled {
opacity: .5;
pointer-events: none; }
.cftSearch__input {
position: relative; }
@media screen and (min-width: 1024px) {
.cftSearch__input {
min-width: 200px; } }
.cftSearch__field {
width: 100%;
background-color: #fff;
border-radius: 0;
padding: 12px 18px ;
padding: 0.75rem 1.125rem ; }
@media screen and (max-width: 767px) {
.cftSearch__field {
font-size: 16px; } }
.cftSearch__submit {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
border: 0;
background: transparent;
padding: 0; }
.cftSearch__autocomplete {
--_max-h: Min(35rem, 60vh);
position: absolute;
left: 0;
top: 100%;
width: 100%;
background-color: #fff;
border: 1px solid #ddd;
z-index: 10;
max-height: var(--_max-h);
overflow-y: auto; }
.cHeader .cftSearch__autocomplete {
width: 400px;
right: 0;
left: auto; }
.cftSearch__autocomplete__item {
position: relative;
min-height: 60px; }
.cftSearch__autocomplete__item__link {
display: block;
padding: 12px ;
padding: 0.75rem ;
text-decoration: none;
font-size: 13px;
font-size: 0.8125rem;
text-align: left; }
.cftSearch__autocomplete__image {
float: left;
text-align: center;
max-width: 70px; }
.cftSearch__autocomplete__image--noImage {
position: absolute;
top: 0;
left: 0;
width: 70px;
height: 40px;
color: #5fb9aa; }
.cftSearch__autocomplete__image--noImage::before {
font-size: 35px;
font-size: 2.1875rem;
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60); }
.cftSearch__autocomplete__title, .cftSearch__autocomplete__desc {
padding-left: 94px ;
padding-left: 5.875rem ;
margin-bottom: 0; }
.cftSearch__autocomplete__allResults__in {
display: block;
border-top: 1px solid #ddd;
padding: 12px ;
padding: 0.75rem ;
text-align: center;
font-size: 13px;
font-size: 0.8125rem;
text-decoration: none; }
.cftSearch__autocomplete__minChar, .cftSearch__autocomplete__noResult {
padding: 12px ;
padding: 0.75rem ;
font-size: 13px;
font-size: 0.8125rem; }
.cftSearch__autocomplete.js__resultsMinchar .cftSearch__autocomplete__item {
min-height: 0; }
.cftSearch--standard {
position: relative; }
.cftSearch--onClick {
position: absolute;
right: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
visibility: hidden; }
@media screen and (max-width: 767px) {
.cftSearch--onClick {
width: 100%;
padding: 12px ;
padding: 0.75rem ;
background-color: #f2efe8; } }
@media screen and (min-width: 768px) {
.cftSearch--onClick {
top: 50%;
transform: translateY(-50%);
width: 0;
transition: width .3s ease-in-out;
right: -12px; } }
.cftSearch--onClick.active {
transition: all .5s ease-in-out;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
visibility: visible; }
@media screen and (min-width: 768px) {
.cftSearch--onClick.active {
width: 400px; } }
@media screen and (max-width: 767px) {
.cftSearch--onClick .cftSearch__autocomplete {
width: calc(100% - 1.6rem);
right: auto; } }
.cftSearch--fullScreen__overlay {
position: fixed;
top: 0; }
.cftSearch--fullScreen__inner {
max-width: 1340px;
margin-left: auto;
margin-right: auto;
padding: 40px 12px ;
padding: 2.5rem 0.75rem ; }
@media screen and (min-width: 768px) {
.cftSearch--fullScreen__inner {
padding: 100px 0 ;
padding: 6.25rem 0 ; } }
.cftSearch--fullScreen__input {
position: relative;
padding-top: 0; }
.cftSearch--fullScreen__field {
width: 100%;
height: 40px;
background-color: #fdb12d;
border-color: #fdb12d;
font-size: 65px;
font-size: 4.0625rem;
padding: 0 24px ;
padding: 0 1.5rem ;
color: #fff; }
@media screen and (min-width: 768px) {
.cftSearch--fullScreen__field {
height: 75px;
padding: 0 40px ;
padding: 0 2.5rem ; } }
@media screen and (max-width: 767px) {
.cftSearch--fullScreen__field {
font-size: 16px; } }
.cftSearch--fullScreen__field:hover {
border-color: #f59c02; }
.cftSearch--fullScreen__field:focus {
box-shadow: 0 0 10px 2px #fda814;
border-color: #f59c02; }
.cftSearch--fullScreen__field::-ms-clear {
display: none; }
.cftSearch--fullScreen__submit {
position: absolute;
right: 24px;
top: 50%;
transform: translateY(-50%); }
.cftSearch--fullScreen__submit .icon-search::before {
font-size: 26px;
font-size: 1.625rem;
color: #fff; }
@media screen and (min-width: 768px) {
.cftSearch--fullScreen__submit .icon-search::before {
font-size: 110px;
font-size: 6.875rem; } }
.cftSearch--fullScreen .cftSearch__buttons {
top: 0;
left: auto;
right: 0;
bottom: 0;
position: absolute;
height: 100%; }
.cftSearch--fullScreen .cftSearch__autocomplete {
width: 100%;
position: relative;
padding-top: 24px ;
padding-top: 1.5rem ; }
.cftSearch--fullScreen .cftSearch__autocomplete__item {
color: #fff; }
.cftSearch--fullScreen .cftSearch__autocomplete__item__link {
padding: 24px 0 ;
padding: 1.5rem 0 ;
border-bottom: 1px solid #fdba46;
color: #fff; }
.cftSearch--fullScreen .cftSearch__autocomplete__item__link:hover {
background-color: rgba(253, 177, 45, 0.3); }
.cftSearch--fullScreen .cftSearch__autocomplete__image--noImage {
position: absolute;
top: 0; }
.cftSearch--fullScreen .cftSearch__autocomplete__image--noImage::before {
color: #fff;
font-size: 50px;
font-size: 3.125rem;
width: 70px;
margin-left: 6px;
width: 100%; }
.cftSearch--fullScreen .cftSearch__autocomplete__desc {
color: #fff; }
.cftSearch--fullScreen .cftSearch__autocomplete__title,
.cftSearch--fullScreen .cftSearch__autocomplete a {
color: #fff; }
.cftSearch--fullScreen .cftSearch__autocomplete__title {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
@media screen and (max-width: 767px) {
.cftSearch--fullScreen .cftSearch__autocomplete__title {
font-size: 18px;
font-size: 1.125rem; } }
@media screen and (min-width: 768px) {
.cftSearch--fullScreen .cftSearch__autocomplete__desc {
max-width: 50%; } }
.cftSearch--fullScreen .cftSearch__autocomplete__desc p {
margin-bottom: 0; }
.cftSearch--fullScreen .cftSearch__autocomplete__minChar, .cftSearch--fullScreen .cftSearch__autocomplete__noResult {
color: #fff; }
.cftSearch--fullScreen .cftSearch__autocomplete__allResults__in {
padding-top: 24px ;
padding-top: 1.5rem ;
padding-left: 0;
text-align: left;
border-top: 0;
display: inline-block;
text-decoration: underline; }
.cftSearch--fullScreen .cftSearch__autocomplete__allResults__in:hover {
text-decoration: none; }
@media screen and (max-width: 767px) {
.mobileHeader--is-fixed .cftSearch--standard .cftSearch__autocomplete, .mobileHeader--is-fixed .cftSearch--onClick .cftSearch__autocomplete {
max-height: calc(100vh - 200px);
overflow-y: auto;
overflow-x: hidden; }
.cftSearch--standard .cftSearch__autocomplete__item,
.cftSearch--standard .cftSearch__autocomplete__item__link,
.cftSearch--standard .cftSearch__autocomplete__allResults,
.cftSearch--standard .cftSearch__autocomplete__allResults__in, .cftSearch--onClick .cftSearch__autocomplete__item,
.cftSearch--onClick .cftSearch__autocomplete__item__link,
.cftSearch--onClick .cftSearch__autocomplete__allResults,
.cftSearch--onClick .cftSearch__autocomplete__allResults__in {
display: block;
width: 100%;
text-align: left; }
.cftSearch--standard .cftSearch__autocomplete__allResults__in, .cftSearch--onClick .cftSearch__autocomplete__allResults__in {
text-align: center; } }
.cftSearch--fullScreen__field::-webkit-input-placeholder {
color: #fff; }
.cftSearch--fullScreen__field::-moz-placeholder {
color: #fff; }
.cftSearch--fullScreen__field:-ms-input-placeholder {
color: #fff; }
.js__fulltext__iconSpinner,
.loader.loader--small {
display: inline-block;
vertical-align: middle; }
.cUserAccount__name {
font-size: 110px;
font-size: 6.875rem;
margin-bottom: 0; }
.cUserAccount__mail {
font-size: 26px;
font-size: 1.625rem;
text-decoration: none; }
.cUserAccount__mail .icon-mail::before, .cUserAccount__mail .infoText--mail::before, .cUserAccount__mail .cPerson__link--icon-email::before {
font-size: inherit; }
.cUserAccount__img {
border: 1px solid #ddd;
border-radius: 50%; }
.cUserAccount__perex {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
.userAccountForm .fieldset {
margin-bottom: 36px ;
margin-bottom: 2.25rem ; }
.userAccountForm .fieldset:last-of-type {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
.userAccountForm .fieldset legend {
padding-left: 30px ;
padding-left: 1.875rem ; }
.userAccountForm .accountUser {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.userAccountForm .accountUser__name {
font-size: 18px;
font-size: 1.125rem;
font-weight: bold; }
.cCounter__value, .cCounter__unit {
line-height: 1; }
@media screen and (max-width: 767px) {
.cCounter__value, .cCounter__unit {
font-size: 160% !important; } }
@media (min-width: 0px) and (max-width: 767px) {
.cCounter__value, .cCounter__unit {
font-size: 140% !important; } }
@media (min-width: 768px) and (max-width: 1023px) {
.cCounter__value, .cCounter__unit {
font-size: 160% !important; } }
@media screen and (min-width: 1024px) {
.cCounter__value, .cCounter__unit {
font-size: 180%; } }
.cCounter {
position: relative;
text-align: center; }
.cCounter__canvas--noSvg svg {
display: none; }
.cCounter__canvas svg {
max-width: 100%; }
.cCounter--rounded-edges .cCounter__canvas svg {
stroke-linecap: round; }
.cCounter__title--up {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.cCounter__title--under {
margin-top: 12px ;
margin-top: 0.75rem ;
margin-bottom: 0; }
.cCounter__label {
color: #173530; }
.cCounter__value {
font-weight: bold;
line-height: 1; }
.cCounter__unit--under {
display: block; }
.cCounter__unit--beside {
display: inline; }
.cCounter__progressbar {
position: relative;
margin: 1rem auto 0 auto;
overflow: hidden;
background-color: #F5F5F5;
width: 100%; }
.cCounter__progressbar:not(.js-loaded) {
animation: jsLoading .75s alternate infinite; }
@keyframes jsLoading {
from {
opacity: .5; }
to {
opacity: .75; } }
.cCounter__progressbar.js-loaded .cCounter__progressbar-inner {
background-color: #fdb12d;
position: absolute;
left: 0;
top: 0;
height: 100%;
animation: innerFill 0s forwards cubic-bezier(0.85, -0.17, 0.34, 1.05); }
@keyframes innerFill {
from {
width: 0%; }
to {
width: var(--_bg-width, 0%); } }
.cCounter__progressbar-edges, .cCounter__progressbar-edges .cCounter__progressbar-inner {
border-radius: 0.5rem; }
.cImageBox--icon_left .cImageBox__icon,
.cImageBox--icon_left .cImageBox__img,
.cImageBox--icon_left .cImageBox__textContent, .cImageBox--icon_right .cImageBox__icon,
.cImageBox--icon_right .cImageBox__img,
.cImageBox--icon_right .cImageBox__textContent {
display: table-cell;
vertical-align: top; }
.cImageBox {
text-align: center; }
.cImageBox__inner {
display: table;
width: 100%; }
@media screen and (min-width: 768px) {
.cImageBox__textContent {
flex-grow: 1; } }
.cImageBox[data-infobox-height-enabled] {
overflow: hidden; }
@media screen and (max-width: 767px) {
.cImageBox[data-infobox-height-enabled] {
height: var(--_height-mobile); } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
.cImageBox[data-infobox-height-enabled] {
height: var(--_height-tablet); } }
@media screen and (min-width: 1024px) {
.cImageBox[data-infobox-height-enabled] {
height: var(--_height-desc); } }
.cImageBox--bg-color, .cImageBox--has-border {
padding: 24px; }
.cImageBox__title {
font-weight: bold;
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.cImageBox__title--customColor a {
color: inherit; }
.cImageBox__perex {
font-size: 13px;
font-size: 0.8125rem; }
.cImageBox__perex p:last-child {
margin-bottom: 0; }
.cImageBox__img {
width: 100px;
height: 100px;
min-width: 100px; }
.cImageBox__img--rounded img {
border-radius: 100%; }
.cImageBox--icon_top .cImageBox__icon,
.cImageBox--icon_top .cImageBox__img {
margin: 0 auto 24px; }
.cImageBox--icon_left {
text-align: left; }
.cImageBox--icon_left .cImageBox__textContent {
padding-left: 24px ;
padding-left: 1.5rem ; }
.cImageBox--icon_right {
text-align: right; }
.cImageBox--icon_right .cImageBox__textContent {
padding-right: 24px ;
padding-right: 1.5rem ; }
.cImageBox--icon_right .cImageBox__inner, .cImageBox--icon_left .cImageBox__inner {
display: flex;
flex-shrink: 0;
flex-grow: 0;
flex-basis: 100px;
align-items: center; }
.cSellingButton {
padding: 1rem;
border-radius: 6px;
border: 1px solid #ddd; }
@media screen and (min-width: 768px) {
.cSellingButton {
padding: 2rem; } }
.cSellingButton--colored {
background-color: #eceff4;
border: 0; }
.cSellingButton .cHeading {
margin-bottom: 1rem; }
.cSellingButton__qty {
display: flex;
align-items: flex-end; }
.cSellingButton__qty__input {
position: relative;
width: 80px; }
.cSellingButton__qty__top {
margin-right: 0.5rem; }
@media screen and (min-width: 768px) {
.cSellingButton__qty__top {
margin-right: 1rem; } }
.cSellingButton__qty__input__field {
display: flex;
align-items: center;
width: 100%;
height: 50px;
padding: 0 24px 0 12px;
appearance: textfield; }
@media screen and (min-width: 768px) {
.cSellingButton__qty__input__field {
height: 40px; } }
.cSellingButton__qty__btn {
position: absolute;
top: 6px;
right: 6px;
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 18px;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1;
font-weight: 700;
border-radius: 2;
background-color: #d2d9e5;
border: 0;
outline: 0;
cursor: pointer; }
@media screen and (min-width: 768px) {
.cSellingButton__qty__btn {
width: 16px;
height: 14px;
top: 5px; } }
.cSellingButton__qty__btn--down {
top: 27px;
padding-bottom: 2px; }
@media screen and (min-width: 768px) {
.cSellingButton__qty__btn--down {
top: 21px; } }
.cSellingButton__btn {
display: inline-flex;
align-items: center;
height: 50px;
padding: 0 20px;
font-weight: 700;
border: 0;
cursor: pointer; }
@media screen and (min-width: 768px) {
.cSellingButton__btn {
padding: 0 40px;
height: 40px; } }
.cSellingButton__btn__icon {
position: relative;
top: 1px;
color: inherit;
margin-left: 0.5rem; }
.cSellingButton__btn__icon::before {
color: inherit; }
.cSellingButton__btn.btn--inverse {
background-color: transparent;
border: 2px solid #fdb12d; }
.cSellingButton__btn.btn--inverse:hover {
background-color: #fdb12d;
color: #173530; }
.cSellingButton__prices__label {
display: none; }
.cSellingButton__prices__price {
font-size: 30px;
font-size: 1.875rem;
font-weight: 700; }
.cSellingButton__prices__unit {
font-weight: 700;
font-size: 20px;
font-size: 1.25rem; }
.cSellingButton__prices__vat {
font-weight: 400;
font-size: 16px;
font-size: 1rem; }
.cSellingButton__descBottom {
margin-top: 1rem;
font-size: 13px;
font-size: 0.8125rem; }
.cSellingButton__descTop {
margin-bottom: 1rem;
font-size: 13px;
font-size: 0.8125rem; }
@media screen and (min-width: 768px) {
.cSellingButton--btn--large .cSellingButton__qty__input__field,
.cSellingButton--btn--large .cSellingButton__btn {
height: 50px; }
.cSellingButton--btn--large .cSellingButton__qty__btn {
top: 10px; }
.cSellingButton--btn--large .cSellingButton__qty__btn--down {
top: 26px; } }
@media screen and (min-width: 768px) {
.cSellingButton--btn--huge .cSellingButton__qty__input__field,
.cSellingButton--btn--huge .cSellingButton__btn {
height: 60px; }
.cSellingButton--btn--huge .cSellingButton__qty__btn {
top: 15px; }
.cSellingButton--btn--huge .cSellingButton__qty__btn--down {
top: 32px; } }
@media screen and (min-width: 768px) {
.cSellingButton--btn--small .cSellingButton__qty__input__field,
.cSellingButton--btn--small .cSellingButton__btn {
height: 35px; }
.cSellingButton--btn--small .cSellingButton__qty__btn {
top: 3px; }
.cSellingButton--btn--small .cSellingButton__qty__btn--down {
top: auto;
bottom: 3px; } }
@media screen and (min-width: 768px) {
.cSellingButton--btn--micro .cSellingButton__qty__input__field,
.cSellingButton--btn--micro .cSellingButton__btn {
height: 30px; }
.cSellingButton--btn--micro .cSellingButton__qty__btn {
top: 3px;
height: 12px; }
.cSellingButton--btn--micro .cSellingButton__qty__btn--down {
top: auto;
bottom: 3px; } }
.cSellingButtonSummary__product {
display: flex; }
.cSellingButtonSummary__name {
flex-grow: 1;
padding-right: 12px; }
.cSellingButtonSummary__info {
white-space: nowrap; }
.cSellingButtonSummary__info__price {
font-weight: 700; }
.cSellingButtonSummary__currency {
font-weight: 700; }
.cSellingButtonSummary__price {
margin-top: 6px;
font-size: 17px;
font-size: 1.0625rem;
font-weight: 700; }
.cHtmlVideo {
display: grid;
grid-template-rows: 1fr max-content;
overflow: hidden;
position: relative;
row-gap: 1rem;
background-color: #3d3d3d; }
.cHtmlVideo::before, .cHtmlVideo::after {
display: none; }
.cHtmlVideo[data-width-limit="true"] {
max-width: var(--_width-mobile);
width: 100%; }
@media (min-width: 768px) {
.cHtmlVideo[data-width-limit="true"] {
max-width: var(--_width-tablet); } }
@media (min-width: 1024px) {
.cHtmlVideo[data-width-limit="true"] {
max-width: var(--_width-desc); } }
.cHtmlVideo[data-height-limit="true"] {
height: var(--_height-mobile); }
@media (min-width: 768px) {
.cHtmlVideo[data-height-limit="true"] {
height: var(--_height-tablet); } }
@media (min-width: 1024px) {
.cHtmlVideo[data-height-limit="true"] {
height: var(--_height-desc); } }
.cHtmlVideo.fullscreen {
position: relative;
max-width: 100vw;
width: 100vw;
height: 100vh;
left: calc(-50vw + 50%);
margin-inline: 0;
min-height: 200px; }
.cHtmlVideo.overlay {
position: relative; }
.cHtmlVideo.overlay::before {
z-index: 1;
display: block;
width: 100%;
height: 100%;
position: absolute;
content: "";
top: 0;
left: 0;
pointer-events: none;
background-color: rgba(0, 0, 0, 0.5); }
.cHtmlVideo__video {
position: relative;
z-index: 0;
max-width: 100%;
width: 100%;
grid-row: 1 / 3;
grid-column: 1 / 2;
height: 100%;
object-fit: cover; }
.cHtmlVideo__content {
position: relative;
z-index: 2;
grid-row: 1 / 2;
grid-column: 1 / 2;
place-self: end start;
padding: 1rem 1rem 0 1rem;
max-width: 500px; }
@media (min-width: 768px) {
.cHtmlVideo__content {
padding: 3rem 3rem 0 3rem; } }
.cHtmlVideo__actions {
z-index: 2;
display: flex;
grid-row: 2 / 3;
grid-column: 1 / 2;
column-gap: .2rem;
padding: 1rem 1rem 1rem 1rem;
transition: .25s; }
@media (min-width: 768px) {
.cHtmlVideo__actions {
padding: 1rem 3rem 2rem 3rem;
column-gap: 1rem; } }
.isPlaying .cHtmlVideo__actions {
opacity: 0; }
.isPlaying:hover .cHtmlVideo__actions {
opacity: 1; }
.cHtmlVideo__actions button {
display: grid;
background: transparent;
border: none; }
.cHtmlVideo__actions button > svg {
grid-column: 1 / 2;
grid-row: 1 / 2;
transition: opacity .25s;
pointer-events: none; }
.cHtmlVideo__actions button:hover path, .cHtmlVideo__actions button:hover line {
opacity: .5; }
.cHtmlVideo__actions button path, .cHtmlVideo__actions button line {
fill: var(--_actionsColor, #ffffff);
transition: .25s; }
.cHtmlVideo__actions button line {
stroke: var(--_actionsColor, #ffffff); }
.cHtmlVideo__actions button .play, .cHtmlVideo__actions button .unmute {
opacity: 0; }
.cHtmlVideo__actions button .pause, .cHtmlVideo__actions button .mute {
opacity: 1; }
.cHtmlVideo__actions button.isPaused .play, .cHtmlVideo__actions button.isPaused .unmute, .cHtmlVideo__actions button.isMuted .play, .cHtmlVideo__actions button.isMuted .unmute {
opacity: 1; }
.cHtmlVideo__actions button.isPaused .pause, .cHtmlVideo__actions button.isPaused .mute, .cHtmlVideo__actions button.isMuted .pause, .cHtmlVideo__actions button.isMuted .mute {
opacity: 0; }
.cHtmlVideo__title, .cHtmlVideo__text {
color: #fff; }
.cHtmlVideo .btn, .cHtmlVideo .cClientZone__logout, .cHtmlVideo .cNews-archiv a, .cNews-archiv .cHtmlVideo a, .cHtmlVideo .cRecepts .archive a, .cRecepts .archive .cHtmlVideo a, .cHtmlVideo .recipesList .archive a, .recipesList .archive .cHtmlVideo a, .cHtmlVideo .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cHtmlVideo a {
margin-top: 36px; }
.cHtmlVideo .errorBox {
display: grid;
position: absolute;
inset: 0;
z-index: 5;
place-items: center;
opacity: 0;
pointer-events: none;
transition: opacity .25s; }
.cHtmlVideo .errorBox::before {
content: "";
position: absolute;
inset: 0;
z-index: 4;
opacity: .7;
background-color: #f08080; }
.cHtmlVideo .errorBox__content {
z-index: 5; }
.cHtmlVideo .errorBox.active {
pointer-events: auto;
opacity: 1; }
.cHtmlVideo .errorBox h2 {
color: #fff; }
.ecoHeader__logo {
width: 120px ;
width: 7.5rem ; }
@media screen and (min-width: 768px) {
.ecoHeader__logo {
width: 120px ;
width: 7.5rem ; } }
@media screen and (min-width: 1024px) {
.ecoHeader__logo {
width: 165px ;
width: 10.3125rem ; } }
.ecoHeader__logo img {
display: block; }
.ecoHeader__favorites {
position: relative;
display: flex;
justify-content: flex-end; }
.ecoHeader__favorites__wrap {
display: flex;
align-items: center;
text-decoration: none;
color: #173530; }
.ecoHeader__favorites__wrap:hover {
color: #173530; }
.ecoHeader__favorites__text {
display: none; }
@media screen and (min-width: 1024px) {
.ecoHeader__favorites__text {
display: block;
margin-left: 8px ;
margin-left: 0.5rem ; } }
.ecoHeader__comparison {
position: relative;
display: flex;
justify-content: flex-end; }
.ecoHeader__comparison__wrap {
display: flex;
align-items: center;
text-decoration: none;
color: #173530; }
.ecoHeader__comparison__wrap:hover {
color: #173530; }
.ecoHeader__comparison__text {
display: none; }
@media screen and (min-width: 1024px) {
.ecoHeader__comparison__text {
display: block;
margin-left: 8px ;
margin-left: 0.5rem ; } }
.ecoHeader__favorites {
position: relative;
display: flex;
justify-content: flex-end; }
.ecoHeader__favorites__wrap {
display: flex;
align-items: center;
text-decoration: none;
color: #173530; }
.ecoHeader__favorites__wrap:hover {
color: #173530; }
.ecoHeader__favorites__text {
display: none; }
@media screen and (min-width: 1024px) {
.ecoHeader__favorites__text {
display: block;
margin-left: 8px ;
margin-left: 0.5rem ; } }
.ecoHeader__openings__text {
font-size: 14px;
font-size: 0.875rem; }
.ecoHeader__phone__link,
.ecoHeader__mail__link {
text-decoration: none; }
.ecoHeader__phone__text,
.ecoHeader__mail__text {
color: #173530; }
.ecoHeader__basket {
position: relative;
display: flex;
justify-content: flex-end; }
.ecoHeader__basket:hover .ecoHeader__basket__drop {
pointer-events: auto;
opacity: 1;
transform: scale(1); }
.ecoHeader__basket__wrap {
display: flex;
align-items: center;
text-decoration: none;
color: #173530; }
.ecoHeader__basket__wrap:hover {
color: #173530; }
.ecoHeader__basket__text {
display: none; }
@media screen and (min-width: 768px) {
.ecoHeader__basket__text {
display: block;
margin-left: 12px ;
margin-left: 0.75rem ; } }
@media screen and (min-width: 768px) {
.ecoHeader__basket__text--price {
font-weight: 800;
font-size: 22px;
font-size: 1.375rem; } }
.ecoHeader__basket__drop {
position: absolute;
top: 100%;
right: 0;
padding: 20px ;
padding: 1.25rem ;
width: 450px ;
width: 28.125rem ;
border-radius: 8px;
background-color: #fff;
box-shadow: 0 6px 12px 4px rgba(0, 0, 0, 0.2);
opacity: 0;
z-index: 1;
transform: scale(0.8);
transform-origin: top right;
pointer-events: none;
transition: all .2s ease-in-out; }
.ecoHeader__basket__drop__empty {
display: flex;
align-items: center;
padding: 12px ;
padding: 0.75rem ;
background-color: #eceff4;
border-radius: 8px; }
.ecoHeader__basket__drop__empty .icon::before {
font-size: 30px;
font-size: 1.875rem; }
.ecoHeader__basket__drop__empty__text {
margin-left: 12px ;
margin-left: 0.75rem ; }
.ecoHeader__mainNav {
display: none;
background-color: #fdb12d; }
@media screen and (min-width: 1024px) {
.ecoHeader__mainNav {
display: block; } }
.ecoHeader__mainNav--pos-center {
text-align: center; }
.ecoHeader__mainNav--pos-right {
text-align: right; }
.ecoHeader__mainNav__wrap {
position: relative;
max-width: 1340px ;
max-width: 83.75rem ;
padding: 0 24px ;
padding: 0 1.5rem ;
margin: 0 auto; }
.ecoHeader__mainNav__wrap .nav, .ecoHeader__mainNav__wrap .mDrop ul, .mDrop .ecoHeader__mainNav__wrap ul, .ecoHeader__mainNav__wrap .cPag__nav {
flex-wrap: wrap; }
.ecoHeader__mainNav__wrap--responsive {
padding-right: 70px; }
.ecoHeader__mainNav__wrap--responsive .nav, .ecoHeader__mainNav__wrap--responsive .mDrop ul, .mDrop .ecoHeader__mainNav__wrap--responsive ul, .ecoHeader__mainNav__wrap--responsive .cPag__nav {
flex-wrap: nowrap; }
.ecoHeader__mainNav .dropNav,
.ecoHeader__mainNav .mDrop {
text-align: left; }
.ecoHeader__mainNav .mDrop .mDrop__cont ul {
display: block; }
.ecoHeader__mainNav .nav, .ecoHeader__mainNav .mDrop ul, .mDrop .ecoHeader__mainNav ul, .ecoHeader__mainNav .cPag__nav {
display: flex; }
.ecoHeader__mainNav .nav__item {
border-right: 1px solid rgba(255, 255, 255, 0.5); }
.ecoHeader__mainNav .nav__item__in {
padding: 12px 18px ;
padding: 0.75rem 1.125rem ;
color: #173530;
text-decoration: none;
font-weight: 600; }
.ecoHeader__mainNav .nav__item:hover > .nav__item__in, .ecoHeader__mainNav .cHeader__mainNav .nav > .nav__item--active > .nav__item__in, .cHeader__mainNav .ecoHeader__mainNav .nav > .nav__item--active > .nav__item__in, .ecoHeader__mainNav .cHeader__mainNav .mDrop ul > .nav__item--active > .nav__item__in, .cHeader__mainNav .mDrop .ecoHeader__mainNav ul > .nav__item--active > .nav__item__in, .ecoHeader__mainNav .mDrop .cHeader__mainNav ul > .nav__item--active > .nav__item__in, .mDrop .cHeader__mainNav .ecoHeader__mainNav ul > .nav__item--active > .nav__item__in, .ecoHeader__mainNav .cHeader__mainNav .cPag__nav > .nav__item--active > .nav__item__in, .cHeader__mainNav .ecoHeader__mainNav .cPag__nav > .nav__item--active > .nav__item__in {
background-color: #fda814; }
.ecoHeader__mainNav .dropNav {
border-top: 0; }
.ecoHeader__mainNav .dropNav .nav__item__in {
color: #173530; }
.ecoHeader__mainNav .dropNav.dropNav--responsive-drop {
position: absolute;
left: auto !important; }
.ecoHeader__mainNav .btn--resp-nav-toggle {
color: #173530; }
.ecoHeader__mainNav .btn--resp-nav-toggle:hover {
background-color: #fda814 !important; }
.ecoHeader__mainNav .btn--resp-nav-toggle::before {
background-color: #db8c02; }
.ecoHeader__mainNav .btn--resp-nav-toggle .icon-menu::before {
color: #173530; }
.ecoHeader__navbar {
display: none;
background-color: #eceff4; }
@media screen and (min-width: 1024px) {
.ecoHeader__navbar {
display: block; } }
.ecoHeader-animation--shrink .ecoHeader__navbar {
max-height: var(--topBarMaxHeight);
transition: .35s; }
.ecoHeader-animation--shrink.cHeader--scrolled .ecoHeader__navbar {
opacity: 0;
max-height: 0; }
.ecoHeader__navbar__wrap {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 16px ;
column-gap: 1rem ;
max-width: 1340px ;
max-width: 83.75rem ;
padding: 8px 24px ;
padding: 0.5rem 1.5rem ;
margin: 0 auto; }
.ecoHeader__navbar__col {
display: grid;
align-items: center;
column-gap: 16px ;
column-gap: 1rem ;
grid-auto-flow: column;
align-items: center;
grid-auto-columns: max-content; }
@media screen and (min-width: 1200px) {
.ecoHeader__navbar__col {
column-gap: 20px ;
column-gap: 1.25rem ; } }
.ecoHeader__navbar__col--last {
justify-content: end; }
.ecoHeader__navbar [class*=icon-]::before {
font-size: 18px;
font-size: 1.125rem;
line-height: 1; }
.ecoHeader__sideNav .nav, .ecoHeader__sideNav .mDrop ul, .mDrop .ecoHeader__sideNav ul, .ecoHeader__sideNav .cPag__nav {
display: grid;
grid-auto-flow: column;
align-items: center;
gap: 10px ;
gap: 0.625rem ; }
.ecoHeader__sideNav .nav__item {
margin: 0; }
.ecoHeader__sideNav .nav__item__in {
color: #173530;
text-decoration: none;
font-size: 14px;
font-size: 0.875rem; }
.ecoHeader__sideNav .nav__item__in:hover {
text-decoration: underline; }
@media screen and (min-width: 1024px) {
.ecoHeader__search {
position: relative; } }
.ecoHeader__search--standard {
order: 1;
grid-column: 1 / 5; }
@media screen and (min-width: 1024px) {
.ecoHeader__search--standard {
order: 0;
grid-column: auto; } }
.ecoHeader__search--onClick, .ecoHeader__search--fullscreen {
display: flex;
align-items: center;
justify-content: flex-end;
z-index: 1; }
.ecoHeader__search .cftSearch__field, .ecoHeader__search .cftSearch__input {
width: 100%; }
.ecoHeader__search .cftSearch__field {
height: 50px ;
height: 3.125rem ; }
.ecoHeader__search .cftSearch--onClick.active {
width: 100%; }
.ecoHeader__socials .nav, .ecoHeader__socials .mDrop ul, .mDrop .ecoHeader__socials ul, .ecoHeader__socials .cPag__nav {
display: grid;
grid-auto-flow: column;
column-gap: 8px ;
column-gap: 0.5rem ; }
.ecoHeader__socials .nav__item {
margin: 0;
transition: transform .2s ease-in-out; }
.ecoHeader__socials .nav__item:hover, .ecoHeader__socials .cHeader__mainNav .nav > .nav__item--active, .cHeader__mainNav .ecoHeader__socials .nav > .nav__item--active, .ecoHeader__socials .cHeader__mainNav .mDrop ul > .nav__item--active, .cHeader__mainNav .mDrop .ecoHeader__socials ul > .nav__item--active, .ecoHeader__socials .mDrop .cHeader__mainNav ul > .nav__item--active, .mDrop .cHeader__mainNav .ecoHeader__socials ul > .nav__item--active, .ecoHeader__socials .cHeader__mainNav .cPag__nav > .nav__item--active, .cHeader__mainNav .ecoHeader__socials .cPag__nav > .nav__item--active {
transform: scale(1.2); }
.ecoHeader__langs .nav, .ecoHeader__langs .mDrop ul, .mDrop .ecoHeader__langs ul, .ecoHeader__langs .cPag__nav {
display: grid;
grid-auto-flow: column;
align-items: center;
gap: 8px ;
gap: 0.5rem ; }
.ecoHeader__langs .nav__item {
margin: 0;
padding: 0; }
.ecoHeader__langs .cLang--iconOnly .nav__item {
opacity: 0.6; }
.ecoHeader__langs .cLang--iconOnly .nav__item.cLang--active, .ecoHeader__langs .cLang--iconOnly .nav__item:hover, .ecoHeader__langs .cLang--iconOnly .cHeader__mainNav .nav > .nav__item--active, .cHeader__mainNav .ecoHeader__langs .cLang--iconOnly .nav > .nav__item--active, .ecoHeader__langs .cLang--iconOnly .cHeader__mainNav .mDrop ul > .nav__item--active, .cHeader__mainNav .mDrop .ecoHeader__langs .cLang--iconOnly ul > .nav__item--active, .ecoHeader__langs .cLang--iconOnly .mDrop .cHeader__mainNav ul > .nav__item--active, .mDrop .cHeader__mainNav .ecoHeader__langs .cLang--iconOnly ul > .nav__item--active, .ecoHeader__langs .cLang--iconOnly .cHeader__mainNav .cPag__nav > .nav__item--active, .cHeader__mainNav .ecoHeader__langs .cLang--iconOnly .cPag__nav > .nav__item--active {
opacity: 1; }
.ecoHeader__clientZone__link {
display: flex;
align-items: center;
color: #173530;
text-decoration: none; }
.ecoHeader__clientZone__text {
margin-left: 8px ;
margin-left: 0.5rem ; }
.ecoHeader__clientZone [class*=icon-]::before {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1; }
.ecoHeader {
position: relative;
left: 0;
top: 0;
width: 100%;
z-index: 50;
background-color: #f2efe8; }
.ecoHeader.cHeader--sticky {
position: fixed; }
.ecoHeader__wrap {
display: grid;
align-items: center;
gap: 16px ;
gap: 1rem ;
padding: 20px 16px ;
padding: 1.25rem 1rem ;
max-width: 1340px ;
max-width: 83.75rem ;
margin: 0 auto; }
@media screen and (min-width: 768px) {
.ecoHeader__wrap {
column-gap: 24px ;
column-gap: 1.5rem ;
padding: 30px 24px ;
padding: 1.875rem 1.5rem ; } }
.ecoHeader__wrap--items-5 {
grid-template-columns: 1fr repeat(4, max-content); }
@media screen and (min-width: 1024px) {
.ecoHeader__wrap--items-5 {
grid-template-columns: max-content 1fr repeat(3, max-content); } }
.ecoHeader__wrap--items-4 {
grid-template-columns: 1fr repeat(3, max-content); }
@media screen and (min-width: 1024px) {
.ecoHeader__wrap--items-4 {
grid-template-columns: max-content 1fr repeat(2, max-content); } }
.ecoHeader__wrap--items-3 {
grid-template-columns: 1fr repeat(2, max-content); }
@media screen and (min-width: 1024px) {
.ecoHeader__wrap--items-3 {
grid-template-columns: max-content 1fr max-content; } }
@media screen and (min-width: 1200px) {
.ecoHeader__wrap {
column-gap: 32px ;
column-gap: 2rem ; } }
.ecoHeader__wrap .icon,
.ecoHeader__wrap .icon-search {
width: auto;
height: auto; }
.ecoHeader__wrap .icon::before,
.ecoHeader__wrap .icon-search::before {
color: #173530;
font-size: 16px;
font-size: 1rem;
line-height: 1; }
.ecoHeader__count {
position: absolute;
top: -6px;
left: 10px;
display: flex;
align-items: center;
justify-content: center;
padding: 3px 6px ;
padding: 0.1875rem 0.375rem ;
border-radius: 100%;
z-index: 1;
font-weight: 700;
background-color: #35444a;
color: #fff;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1; }
.ecoHeader__count--favorites, .ecoHeader__count--comparison {
display: none; }
.ecoHeader__count--basket {
left: 14px;
top: -9px; }
.cNavMenu--userAccount {
display: grid;
align-items: center;
padding: 0;
position: sticky;
top: 16px;
z-index: 2;
background-color: #fdb12d;
border-radius: 0;
margin-bottom: 0; }
@media screen and (min-width: 768px) {
.cNavMenu--userAccount {
border-radius: 8px;
margin-bottom: 30px ;
margin-bottom: 1.875rem ;
column-gap: 20px ;
column-gap: 1.25rem ;
grid-template-columns: max-content 1fr; } }
.cNavMenu--userAccount::before, .cNavMenu--userAccount::after {
display: none; }
.cNavMenu--userAccount .nav, .cNavMenu--userAccount .mDrop ul, .mDrop .cNavMenu--userAccount ul, .cNavMenu--userAccount .cPag__nav {
display: grid;
grid-auto-flow: column;
gap: 8px ;
gap: 0.5rem ;
padding: 12px ;
padding: 0.75rem ;
overflow-x: auto; }
@media screen and (min-width: 768px) {
.cNavMenu--userAccount .nav, .cNavMenu--userAccount .mDrop ul, .mDrop .cNavMenu--userAccount ul, .cNavMenu--userAccount .cPag__nav {
gap: 16px ;
gap: 1rem ;
padding: 0;
padding-right: 24px ;
padding-right: 1.5rem ; } }
.cNavMenu--userAccount .nav::before, .cNavMenu--userAccount .mDrop ul::before, .mDrop .cNavMenu--userAccount ul::before, .cNavMenu--userAccount .cPag__nav::before, .cNavMenu--userAccount .nav::after, .cNavMenu--userAccount .mDrop ul::after, .mDrop .cNavMenu--userAccount ul::after, .cNavMenu--userAccount .cPag__nav::after {
display: none; }
.cNavMenu--userAccount .nav__item {
white-space: nowrap; }
.cNavMenu--userAccount .nav__item .nav__item__in {
margin: 0;
text-align: center;
padding: 8px 16px ;
padding: 0.5rem 1rem ; }
.cNavMenu--userAccount .cNavMenu__header {
margin: 0;
padding: 12px 16px ;
padding: 0.75rem 1rem ;
background-color: #f59c02; }
@media screen and (min-width: 768px) {
.cNavMenu--userAccount .cNavMenu__header {
padding: 12px 32px 12px 24px ;
padding: 0.75rem 2rem 0.75rem 1.5rem ; } }
.cNavMenu--userAccount .userAccAvatar__name,
.cNavMenu--userAccount .userAccAvatar__logout {
color: #173530; }
.cNavMenu--userAccount .nav--stacked, .cNavMenu--userAccount .mDrop ul, .mDrop .cNavMenu--userAccount ul {
border: 0; }
.cNavMenu--userAccount .nav__item .nav__item__in {
color: #173530;
border: 0;
border-radius: 4px;
background-color: rgba(255, 255, 255, 0.1); }
.cNavMenu--userAccount .nav__item .nav__item__in::before {
display: none; }
.cNavMenu--userAccount .nav__item .nav__item__in:hover {
background-color: rgba(255, 255, 255, 0.3);
color: #fff;
text-decoration: none; }
.cNavMenu--userAccount .nav__item:last-child .nav__item__in {
border-bottom: 0; }
.cNavMenu--userAccount .page--active > .nav__item__in {
background-color: #fff;
color: #173530; }
@media screen and (min-width: 1300px) {
.cNavMenu--userAccount-vertical {
padding: 16px ;
padding: 1rem ;
grid-template-columns: auto; } }
@media screen and (min-width: 1300px) {
.cNavMenu--userAccount-vertical .cNavMenu__header {
margin-bottom: 1rem;
border-radius: 8px; } }
@media screen and (min-width: 1300px) {
.cNavMenu--userAccount-vertical .nav, .cNavMenu--userAccount-vertical .mDrop ul, .mDrop .cNavMenu--userAccount-vertical ul, .cNavMenu--userAccount-vertical .cPag__nav {
gap: 10px ;
gap: 0.625rem ;
grid-auto-flow: row;
padding: 0; } }
.cOrdersList {
margin-bottom: 36px; }
.cOrdersList__wrap--table {
padding: 24px 12px ;
padding: 1.5rem 0.75rem ;
border-radius: 8px;
background-color: #eceff4; }
@media screen and (min-width: 1024px) {
.cOrdersList__wrap--table {
padding: 24px ;
padding: 1.5rem ; } }
@media screen and (min-width: 1200px) {
.cOrdersList__wrap--table {
padding: 50px ;
padding: 3.125rem ; } }
.cOrdersList__wrap--box {
display: grid;
row-gap: 30px ;
row-gap: 1.875rem ; }
.cOrdersList__pagination {
margin-top: 30px ;
margin-top: 1.875rem ; }
.cOrdersList__top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.5rem; }
.cOrdersList__top .cHeading {
margin-bottom: 0; }
.cOrdersList__switch {
display: grid;
grid-auto-flow: column;
column-gap: 16px ;
column-gap: 1rem ; }
.cOrdersList__switch__item {
padding: 0;
background-color: transparent;
text-decoration: none;
outline: 0;
border: 0; }
.cOrdersList__switch__item.is-active .icon::before {
color: #fdb12d; }
.cOrdersList__switch .icon::before {
font-size: 20px;
font-size: 1.25rem; }
.cOrdersList--table .cOrdersList__pagination {
margin-top: 20px; }
.cOrdersListTable {
margin-bottom: 0;
border: 0; }
@media screen and (min-width: 1024px) {
.cOrdersListTable__head, .cOrdersListTable__body {
display: grid;
gap: 12px; } }
@media screen and (min-width: 1024px) {
.cOrdersListTable__head {
margin-bottom: 16px; } }
.cOrdersListTable__head .cOrdersListTable__row {
background-color: transparent; }
.cOrdersListTable__row {
display: flex;
overflow: hidden;
border-radius: 6px;
background-color: #fff;
border-bottom: 8px solid #eceff4; }
@media screen and (min-width: 1024px) {
.cOrdersListTable__row {
border: 0; } }
.cOrdersListTable__row:last-child {
margin-bottom: 0; }
.cOrdersListTable__row--head {
margin-top: 0; }
.cOrdersListTable__item {
display: flex;
align-items: center;
flex: 1 1 0;
font-size: 15px;
font-size: 0.9375rem;
border: 0; }
.cOrdersListTable__item--num {
font-size: 16px;
font-size: 1rem;
font-weight: 700; }
.cOrdersListTable__item--num a {
text-decoration: none; }
.cOrdersListTable__item--price-vat {
font-weight: 700; }
.cOrdersListTable__item--date {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.3; }
.cOrdersListTable__item--head {
padding-top: 0;
padding-bottom: 0;
white-space: nowrap;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.1;
background-color: transparent;
color: #7b90b3;
text-transform: uppercase; }
.cOrdersListTable__item--invoice {
max-width: 80px;
text-align: center; }
.cOrdersListTable__item--invoice a {
display: block;
margin: auto; }
.cOrdersListTable__item .icon-invoice::before {
color: #173530;
font-size: 22px; }
.cOrdersListTable__item .icon-invoice:hover::before {
color: #fdb12d; }
.cOrdersListBox {
padding: 16px ;
padding: 1rem ;
background-color: #eceff4;
border-radius: 8px; }
@media screen and (min-width: 1200px) {
.cOrdersListBox {
padding: 40px ;
padding: 2.5rem ; } }
.cOrdersListBox__row {
position: relative;
display: grid;
background-color: #fff;
border-radius: 8px;
padding: 12px;
box-shadow: 0 4px 8px 0 #ccd4e1; }
@media screen and (min-width: 768px) {
.cOrdersListBox__row {
display: flex;
padding: 0; } }
.cOrdersListBox__item {
display: flex;
align-items: center;
flex: 1 1 0; }
@media screen and (min-width: 768px) {
.cOrdersListBox__item {
padding: 12px 20px;
border-right: 1px solid #ddd; } }
.cOrdersListBox__item--price {
justify-content: flex-end;
margin-left: auto;
border-right: 0;
font-size: 18px;
font-size: 1.125rem;
white-space: nowrap; }
.cOrdersListBox__item--name {
font-size: 16px;
font-size: 1rem;
font-weight: 700; }
@media screen and (min-width: 768px) {
.cOrdersListBox__item--name {
min-width: 250px; } }
.cOrdersListBox__item--name a {
text-decoration: none; }
.cOrdersListBox__item--date strong {
margin-left: 6px; }
@media screen and (max-width: 767px) {
.cOrdersListBox__item--invoice {
position: absolute;
top: 12px;
right: 40px; } }
.cOrdersListBox__item--invoice a {
color: #173530; }
@media screen and (max-width: 767px) {
.cOrdersListBox__item--status {
position: absolute;
top: 14px;
right: 12px; } }
.cOrdersListBox__item-show-all {
margin-top: 12px ;
margin-top: 0.75rem ;
color: #173530;
text-align: left;
outline: 0;
border: 0;
font-weight: 600;
background-color: transparent; }
.cOrdersListBox__item-show-all:hover {
text-decoration: underline; }
.cOrdersListBox__products {
display: grid;
padding-top: 20px; }
@media screen and (max-width: 767px) {
.cOrdersListBox__products .orderProductItem--has-btn .btn, .cOrdersListBox__products .orderProductItem--has-btn .cClientZone__logout, .cOrdersListBox__products .orderProductItem--has-btn .cNews-archiv a, .cNews-archiv .cOrdersListBox__products .orderProductItem--has-btn a, .cOrdersListBox__products .orderProductItem--has-btn .cRecepts .archive a, .cRecepts .archive .cOrdersListBox__products .orderProductItem--has-btn a, .cOrdersListBox__products .orderProductItem--has-btn .recipesList .archive a, .recipesList .archive .cOrdersListBox__products .orderProductItem--has-btn a, .cOrdersListBox__products .orderProductItem--has-btn .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cOrdersListBox__products .orderProductItem--has-btn a {
grid-column: 1 / 4; } }
.cOrderHeader {
display: grid;
align-items: center;
grid-template-columns: 1fr max-content max-content;
column-gap: 12px ;
column-gap: 0.75rem ;
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
@media screen and (min-width: 768px) {
.cOrderHeader {
margin-bottom: 40px ;
margin-bottom: 2.5rem ; } }
@media screen and (min-width: 1200px) {
.cOrderHeader {
column-gap: 24px ;
column-gap: 1.5rem ; } }
.cOrderHeader .cOrderHeader__title {
display: flex;
align-items: center;
flex-wrap: wrap;
font-size: 22px;
font-size: 1.375rem; }
@media screen and (min-width: 1200px) {
.cOrderHeader .cOrderHeader__title {
font-size: 32px;
font-size: 2rem; } }
.cOrderHeader .cOrderHeader__title .cHeading {
font-size: inherit;
margin-bottom: 0; }
.cOrderHeader .cOrderHeader__title__num {
margin-left: 4px ;
margin-left: 0.25rem ; }
.cOrderHeader__date {
grid-column: 1 / 4;
margin-top: 12px ;
margin-top: 0.75rem ;
padding-top: 12px ;
padding-top: 0.75rem ;
border-top: 1px solid #ddd; }
.cOrderHeader .orderStatus__icon {
width: 30px;
height: 30px; }
.cOrderProducts {
display: grid;
row-gap: 10px;
padding: 16px ;
padding: 1rem ;
margin-bottom: 40px;
background-color: #eceff4;
border-radius: 8px; }
@media screen and (min-width: 1200px) {
.cOrderProducts {
padding: 24px ;
padding: 1.5rem ; } }
.cOrderProducts .orderProductItem {
border: 0;
box-shadow: 0 4px 8px 0 #ccd4e1;
border-radius: 6px; }
.cOrderInfo {
padding: 18px 16px ;
padding: 1.125rem 1rem ;
border: 1px solid #ddd;
border-radius: 12px 12px 0 0;
font-size: 16px;
font-size: 1rem; }
@media screen and (min-width: 1024px) {
.cOrderInfo {
padding: 24px 36px ;
padding: 1.5rem 2.25rem ; } }
.cOrderInfo__item {
position: relative;
display: flex;
flex-wrap: wrap;
padding: 0 0 15px 40px ;
padding: 0 0 0.9375rem 2.5rem ;
margin-bottom: 15px ;
margin-bottom: 0.9375rem ;
border-bottom: 1px solid #ddd; }
@media screen and (min-width: 1024px) {
.cOrderInfo__item {
padding-left: 60px ;
padding-left: 3.75rem ; } }
.cOrderInfo__item__icon {
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 30px; }
@media screen and (min-width: 1024px) {
.cOrderInfo__item__icon {
width: 40px;
height: 40px; } }
.cOrderInfo__item__icon path {
fill: #fdb12d; }
.cOrderInfo__item__desc {
display: grid;
grid-template-columns: 1fr max-content;
column-gap: 16px ;
column-gap: 1rem ;
width: 100%; }
.cOrderInfo__item__text {
line-height: 1.4;
margin-bottom: 0; }
.cOrderInfo__item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0; }
.cOrderInfo__item__title {
width: 100%; }
.cOrderInfo__item__price {
font-weight: 700; }
.cOrderSum {
margin-bottom: 30px ;
margin-bottom: 1.875rem ;
padding: 18px 16px ;
padding: 1.125rem 1rem ;
border: 1px solid #ddd;
border-top: 0;
border-radius: 0 0 10rem 10rem; }
@media screen and (min-width: 1024px) {
.cOrderSum {
font-size: 17px;
font-size: 1.0625rem;
margin-bottom: 40px ;
margin-bottom: 2.5rem ;
padding: 24px 36px ;
padding: 1.5rem 2.25rem ; } }
.cOrderSum__item {
display: flex;
justify-content: space-between;
align-items: baseline; }
@media screen and (min-width: 1024px) {
.cOrderSum__item {
justify-content: flex-end; } }
.cOrderSum__item--primary {
font-weight: 700; }
@media screen and (min-width: 1024px) {
.cOrderSum__item--primary {
font-size: 20px;
font-size: 1.25rem; } }
.cOrderSum__item--primary .cOrderSum__item__price {
font-size: 22px;
font-size: 1.375rem; }
@media screen and (min-width: 1024px) {
.cOrderSum__item--primary .cOrderSum__item__price {
font-size: 28px;
font-size: 1.75rem; } }
.cOrderSum__item__price {
text-align: right; }
@media screen and (min-width: 1024px) {
.cOrderSum__item__price {
min-width: 160px; } }
.cOrderData {
margin-bottom: 30px ;
margin-bottom: 1.875rem ;
padding: 36px;
border-radius: 8px;
font-size: 16px;
font-size: 1rem;
background-color: #eceff4; }
.cOrderData__title {
font-size: 22px;
font-size: 1.375rem; }
.cOrderData__item {
margin-bottom: 14px; }
.cOrderData__item:last-child {
margin-bottom: 0; }
.cOrderData__item__in {
display: grid; }
.cOrderData__item__in--has-icon {
grid-template-columns: 30px 1fr;
column-gap: 12px ;
column-gap: 0.75rem ; }
.cOrderData__icon {
display: flex;
align-items: center;
justify-content: center;
width: auto;
height: auto; }
.cOrderData__icon::before {
font-size: 24px;
font-size: 1.5rem;
color: inherit; }
.cOrderData__link {
text-decoration: none; }
.cOrderData__link--phone {
color: #173530; }
.cOrderData__link--mail {
font-weight: 700; }
.cOrderData__address__text {
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.4; }
.cOrderData__name {
font-size: 18px;
font-size: 1.125rem;
font-weight: 700; }
.cLoginInfo {
margin-bottom: 25px ;
margin-bottom: 1.5625rem ; }
@media screen and (min-width: 768px) {
.cLoginInfo {
margin-bottom: 40px ;
margin-bottom: 2.5rem ; } }
.cLoginInfo__panel {
display: grid;
align-items: center;
padding: 12px;
gap: 12px ;
gap: 0.75rem ;
border: 1px solid #ddd;
border-radius: 8px; }
@media screen and (min-width: 768px) {
.cLoginInfo__panel {
grid-template-columns: 1fr max-content; } }
.cLoginInfo__buttons {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 8px ;
column-gap: 0.5rem ; }
.cLoginInfo__buttons .btn, .cLoginInfo__buttons .cClientZone__logout, .cLoginInfo__buttons .cNews-archiv a, .cNews-archiv .cLoginInfo__buttons a, .cLoginInfo__buttons .cRecepts .archive a, .cRecepts .archive .cLoginInfo__buttons a, .cLoginInfo__buttons .recipesList .archive a, .recipesList .archive .cLoginInfo__buttons a, .cLoginInfo__buttons .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cLoginInfo__buttons a {
padding: 8px 14px ;
padding: 0.5rem 0.875rem ; }
.cLoginInfo__email__label {
margin-right: 4px; }
.cLoginInfo__email__value {
font-weight: 700;
font-size: 16px;
font-size: 1rem;
text-decoration: none; }
@media screen and (min-width: 768px) {
.cLoginInfo__email__value {
font-size: 18px;
font-size: 1.125rem; } }
.cLoginInfo__email__value:hover {
text-decoration: underline; }
.cContactInfo {
margin-bottom: 25px ;
margin-bottom: 1.5625rem ; }
@media screen and (min-width: 768px) {
.cContactInfo {
margin-bottom: 40px ;
margin-bottom: 2.5rem ; } }
.cContactInfo__content {
padding: 24px 18px ;
padding: 1.5rem 1.125rem ;
border: 1px solid #ddd;
border-radius: 10px; }
@media screen and (min-width: 768px) {
.cContactInfo__content {
padding: 30px 24px ;
padding: 1.875rem 1.5rem ; } }
.cContactInfo__name {
display: block;
margin-bottom: 1rem;
font-size: 18px;
font-size: 1.125rem; }
.cContactInfo__list {
display: grid; }
@media screen and (min-width: 1024px) {
.cContactInfo__list {
grid-template-columns: 300px 1fr;
gap: 20px ;
gap: 1.25rem ; } }
.cContactInfo__box__name {
display: block;
margin-bottom: 1rem;
font-size: 18px;
font-size: 1.125rem; }
.cContactInfo__item--phone {
text-decoration: none;
color: #173530;
font-size: 18px;
font-size: 1.125rem; }
.cContactInfo__item--phone, .cContactInfo__item--address {
display: flex;
align-items: center;
margin-bottom: 12px; }
.cContactInfo__item .icon {
display: grid;
place-items: center;
width: 40px;
height: 40px;
margin-right: 16px; }
.cContactInfo__item .icon::before {
font-size: 30px;
color: #fdb12d; }
.cContactInfo__btn {
display: flex;
justify-content: flex-end;
margin-top: 18px ;
margin-top: 1.125rem ; }
@media screen and (min-width: 1024px) {
.cContactInfo__btn {
margin-top: 0; } }
.cAddressDataList {
margin-bottom: 40px ;
margin-bottom: 2.5rem ; }
.cAddressDataList__wrap__list {
display: grid;
gap: 15px ;
gap: 0.9375rem ; }
@media screen and (min-width: 768px) {
.cAddressDataList__wrap__list {
gap: 30px ;
gap: 1.875rem ; } }
@media screen and (min-width: 768px) {
.cAddressDataList__wrap__list--2 {
grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media screen and (min-width: 768px) {
.cAddressDataList__wrap__list--3 {
grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media screen and (min-width: 1024px) {
.cAddressDataList__wrap__list--3 {
grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.cAddressDataList__add {
display: flex;
justify-content: flex-end;
margin-top: 16px ;
margin-top: 1rem ; }
.cAddressData {
padding: 30px 24px ;
padding: 1.875rem 1.5rem ;
background-color: #eceff4;
border-radius: 10px; }
@media screen and (min-width: 1200px) {
.cAddressData {
padding: 40px ;
padding: 2.5rem ; } }
.cAddressData__title {
font-size: 20px;
font-size: 1.25rem; }
.cAddressData__item {
margin-bottom: 8px ;
margin-bottom: 0.5rem ; }
.cAddressData__item:last-child {
margin-bottom: 0; }
.cAddressData__item__in {
display: flex;
align-items: center; }
.cAddressData__item--actions {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 1.5rem; }
.cAddressData__item--actions .btn, .cAddressData__item--actions .cClientZone__logout, .cAddressData__item--actions .cNews-archiv a, .cNews-archiv .cAddressData__item--actions a, .cAddressData__item--actions .cRecepts .archive a, .cRecepts .archive .cAddressData__item--actions a, .cAddressData__item--actions .recipesList .archive a, .recipesList .archive .cAddressData__item--actions a, .cAddressData__item--actions .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cAddressData__item--actions a {
width: auto; }
.cAddressData__icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin-right: 15px; }
.cAddressData__icon::before {
font-size: 28px;
font-size: 1.75rem; }
.cAddressData__link {
text-decoration: none; }
.cAddressData__link--phone {
color: #173530; }
.cAddressData__link--mail {
font-weight: 700; }
.cAddressData__address__text {
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.4; }
.cAddressData__name {
display: block;
margin-bottom: 1rem;
font-size: 16px;
font-size: 1rem;
font-weight: 700; }
.cAddressData__name__text {
display: block; }
.cAddressData__name__text--company {
font-weight: 400; }
.cAddressData__default {
border-radius: 4px;
padding: 4px 12px ;
padding: 0.25rem 0.75rem ;
background-color: #fff;
font-weight: 600; }
.cConsentSettings {
margin-bottom: 40px ;
margin-bottom: 2.5rem ; }
.cConsentSettings__wrap {
display: grid;
gap: 15px;
padding: 24px;
border-radius: 12px;
background-color: #eceff4; }
@media screen and (min-width: 1200px) {
.cConsentSettings__wrap {
padding: 24px ;
padding: 1.5rem ; } }
.cConsentSettings__item {
padding: 20px;
background-color: #fff;
border-radius: 8px; }
.cConsentSettings__check {
display: grid;
align-items: center;
grid-template-columns: 28px 1fr;
column-gap: 12px ;
column-gap: 0.75rem ; }
.cConsentSettings .checkbox-design + label {
display: block;
line-height: normal;
margin-left: 0; }
.cConsentSettings__date {
display: flex;
margin-top: .5rem; }
.cConsentSettings__date--right {
justify-content: flex-end; }
.cConsentSettings__date strong {
margin-left: 8px; }
.cUserFavProducts__wrap {
display: grid;
row-gap: 16px ;
row-gap: 1rem ;
padding: 20px ;
padding: 1.25rem ;
background-color: #eceff4;
border-radius: 10px; }
@media screen and (min-width: 768px) {
.cUserFavProducts__wrap {
padding: 30px ;
padding: 1.875rem ; } }
.cUserFavProduct {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 12px 24px ;
padding: 0.75rem 1.5rem ;
column-gap: 25px ;
column-gap: 1.5625rem ;
border-radius: 6px;
background-color: #fff; }
@media screen and (min-width: 1200px) {
.cUserFavProduct {
flex-wrap: nowrap; } }
.cUserFavProduct__name {
display: block;
text-decoration: none;
font-weight: 700;
line-height: 1.3;
margin-bottom: 4px ;
margin-bottom: 0.25rem ; }
.cUserFavProduct .cAvailability {
display: block;
font-weight: 700; }
.cUserFavProduct__content {
width: calc(100% - 70px);
flex-grow: 1; }
@media screen and (min-width: 1024px) {
.cUserFavProduct__content {
width: auto; } }
.cUserFavProduct__price {
display: grid;
text-align: right;
margin-left: auto; }
.cUserFavProduct__figure {
width: 40px; }
.cUserFavProduct__btn {
margin-top: 10px ;
margin-top: 0.625rem ; }
@media screen and (min-width: 1024px) {
.cUserFavProduct__btn {
margin-top: 0; } }
.cUserFavProduct__remove {
position: absolute;
right: 8px;
top: 8px;
background: transparent;
border: 0;
outline: 0; }
@media screen and (min-width: 768px) {
.cUserFavProduct__remove {
position: static; } }
.cUserFavProduct__remove__icon {
width: 25px;
height: 25px; }
.cUserFavProduct__remove__icon path {
fill: #bcc6d8; }
.cUserFavProduct__remove__icon:hover path {
fill: #fdb12d; }
.userAccAvatar {
display: flex;
align-items: center; }
.userAccAvatar__content {
padding-left: 16px; }
.userAccAvatar__figure {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px; }
@media screen and (min-width: 768px) {
.userAccAvatar__figure {
width: 50px;
height: 50px; } }
.userAccAvatar__img {
max-height: 100%;
border-radius: 4px; }
.userAccAvatar__name {
display: block;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.2; }
.userAccAvatar__logout {
font-size: 14px;
font-size: 0.875rem;
line-height: 1;
opacity: .8;
font-weight: 600;
text-decoration: none; }
.userAccAvatar__logout:hover {
opacity: 1; }
.orderStatus {
display: inline-flex;
align-items: center;
font-weight: 700; }
.orderStatus__icon {
width: 20px;
height: 20px; }
@media screen and (min-width: 1200px) {
.orderStatus__icon {
margin-right: 8px ;
margin-right: 0.5rem ; } }
.orderStatus__text {
display: none; }
@media screen and (min-width: 1200px) {
.orderStatus__text {
display: block;
line-height: 1; } }
.orderStatus--new path {
fill: #0073a5; }
.orderStatus--confirmed path {
fill: #d1b200; }
.orderStatus--done path {
fill: #4ead00; }
.orderStatus--canceled path {
fill: #c40000; }
.orderProductItem {
display: grid;
align-items: center;
grid-template-columns: 50px 1fr 1fr 1fr;
padding: 16px 12px ;
padding: 1rem 0.75rem ;
gap: 4px 16px ;
gap: 0.25rem 1rem ;
background-color: #fff;
border-bottom: 1px solid #ddd; }
@media screen and (min-width: 768px) {
.orderProductItem {
padding: 16px ;
padding: 1rem ;
grid-template-columns: 60px 1fr repeat(2, max-content); } }
.orderProductItem:last-child {
border-bottom: 0; }
@media screen and (min-width: 768px) {
.orderProductItem--has-btn {
grid-template-columns: 60px 1fr repeat(3, max-content); } }
.orderProductItem--simple {
grid-template-columns: auto; }
.orderProductItem--no-img-only {
grid-template-columns: 1fr repeat(2, max-content); }
.orderProductItem--no-img-only .orderProductItem__text {
grid-column: 1 / 4; }
@media screen and (min-width: 768px) {
.orderProductItem--no-img-only .orderProductItem__text {
grid-column: auto; } }
.orderProductItem--no-img-only .orderProductItem__price {
grid-column: auto; }
.orderProductItem__text {
grid-column: 2 / 5; }
@media screen and (min-width: 768px) {
.orderProductItem__text {
grid-column: auto; } }
.orderProductItem__figure {
display: flex;
align-items: center;
justify-content: center;
height: 40px; }
.orderProductItem__img {
max-height: 100%; }
.orderProductItem__price {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
grid-column: span 2; }
@media screen and (min-width: 768px) {
.orderProductItem__price {
grid-column: auto; } }
@media screen and (min-width: 1024px) {
.orderProductItem__price {
margin: 0 16px ;
margin: 0 1rem ; } }
.orderProductItem__price span {
display: block;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.2; }
.orderProductItem__pcs {
display: block;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.2; }
.orderProductItem__name {
display: block;
line-height: 1.4;
font-size: 16px;
font-size: 1rem; }
.orderProductItem .btn, .orderProductItem .cClientZone__logout, .orderProductItem .cNews-archiv a, .cNews-archiv .orderProductItem a, .orderProductItem .cRecepts .archive a, .cRecepts .archive .orderProductItem a, .orderProductItem .recipesList .archive a, .recipesList .archive .orderProductItem a, .orderProductItem .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .orderProductItem a {
padding: 12px 16px; }
.orderInvoice {
display: inline-flex;
align-items: center;
text-decoration: none; }
.orderInvoice:hover .orderInvoice__text {
text-decoration: underline; }
.orderInvoice__text {
display: none;
color: #173530;
font-weight: 600; }
@media screen and (min-width: 1200px) {
.orderInvoice__text {
display: block; } }
.orderInvoice .icon {
width: auto;
height: auto; }
@media screen and (min-width: 1200px) {
.orderInvoice .icon {
margin-right: 8px ;
margin-right: 0.5rem ; } }
.orderInvoice .icon::before {
font-size: 24px;
font-size: 1.5rem;
line-height: 1; }
.cPathBox {
position: relative;
padding: 12px ;
padding: 0.75rem ;
border: 1px solid #ddd;
text-align: center;
min-height: 325px;
/*
Nadpis pres obrazek - modifikator
-------------------------------------------------------------------------- */
/*
Prekryty obrazek - efekt na hover - modifikator
-------------------------------------------------------------------------- */
/*
Bez obrazku
-------------------------------------------------------------------------- */ }
@media screen and (max-width: 767px) {
.cPathBox:not(.cPathBox--imageCover):not(.cPathBox--img-height) {
height: auto !important; } }
.cPathBox > .link {
display: block;
text-decoration: none; }
.cPathBox .cHeading {
margin-bottom: 0;
margin-top: 24px ;
margin-top: 1.5rem ;
font-weight: bold; }
.cPathBox .cHeading > a {
text-decoration: none; }
.cPathBox .cHeading > a:hover {
text-decoration: underline; }
.cPathBox__desc {
margin-top: 0 !important;
padding: 12px ;
padding: 0.75rem ;
z-index: 2; }
.cPathBox__desc p:last-child {
margin-bottom: 0; }
.cPathBox img {
display: block;
max-width: none;
min-width: 100%;
margin: 0 0 0 ;
margin: 0 0 0 ; }
.cPathBox__link, .cPathBox__imgWrapper {
display: block;
position: relative;
overflow: hidden;
margin: -12px ;
margin: -0.75rem ;
margin-bottom: 0; }
.cPathBox__link + .cPathBox__desc {
pointer-events: none; }
.cPathBox--linkOnPlace .cPathBox__content {
pointer-events: none; }
.cPathBox--titleCover {
min-height: 0;
padding: 0;
overflow: hidden; }
.cPathBox--titleCover .cPathBox__link {
position: absolute;
height: 100%;
margin: 0; }
.cPathBox--titleCover .cPathBox__wrapper {
position: relative;
overflow: hidden; }
.cPathBox--titleCover .cPathBox__content {
position: absolute;
bottom: 0;
width: 100%;
color: #fff;
background-color: rgba(253, 177, 45, 0.8);
width: 100%;
z-index: 1;
margin-bottom: 0; }
.cPathBox--titleCover .cPathBox__content > a {
padding: 12px ;
padding: 0.75rem ; }
.cPathBox--titleCover .cPathBox__title {
color: #fff; }
.cPathBox--titleCover img {
display: block;
margin: 0;
width: 100%;
height: 100%; }
.cPathBox--imageCover {
padding: 0;
border: 0;
min-height: 0;
text-align: center;
height: 325px; }
.cPathBox--imageCover .cPathBox__title,
.cPathBox--imageCover .cPathBox__desc__text {
margin-top: 0;
transition: all .5s ease-in-out; }
.cPathBox--imageCover.cPathBox--withDesc:hover .cPathBox__title {
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0); }
.cPathBox--imageCover:hover .cPathBox__desc__text {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.cPathBox--imageCover .cPathBox__link {
height: 100%; }
.cPathBox--imageCover img {
margin: 0;
object-fit: cover;
min-height: 100%;
width: 100%;
height: 100%; }
.cPathBox--imageCover .cHeading > a {
color: #fff; }
.cPathBox--imageCover .cPathBox__desc {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: white;
text-align: center; }
.cPathBox--imageCover .cPathBox__desc__text {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
visibility: hidden; }
.cPathBox--imageCover .cPathBox__imgWrapper {
margin: 0;
height: 100%; }
.cPathBox--imageCover > a {
margin: 0; }
.cPathBox--imageCover.cPathBox--img-fixed-size > .cPathBox__link:hover > img {
transform: none; }
.cPathBox--imageCover[data-timing-function="linear"] .cPathBox__title, .cPathBox--imageCover[data-timing-function="linear"] .cPathBox__desc__text, .cPathBox--imageCover[data-timing-function="linear"] img {
transition-timing-function: linear; }
.cPathBox--imageCover[data-timing-function="ease-in"] .cPathBox__title, .cPathBox--imageCover[data-timing-function="ease-in"] .cPathBox__desc__text, .cPathBox--imageCover[data-timing-function="ease-in"] img {
transition-timing-function: ease-in; }
.cPathBox--imageCover[data-timing-function="ease-out"] .cPathBox__title, .cPathBox--imageCover[data-timing-function="ease-out"] .cPathBox__desc__text, .cPathBox--imageCover[data-timing-function="ease-out"] img {
transition-timing-function: ease-out; }
.cPathBox--imageCover[data-timing-function="ease-in-out"] .cPathBox__title, .cPathBox--imageCover[data-timing-function="ease-in-out"] .cPathBox__desc__text, .cPathBox--imageCover[data-timing-function="ease-in-out"] img {
transition-timing-function: ease-in-out; }
.cPathBox--imageCover[data-timing-function="spring"] .cPathBox__title, .cPathBox--imageCover[data-timing-function="spring"] .cPathBox__desc__text, .cPathBox--imageCover[data-timing-function="spring"] img {
transition-timing-function: cubic-bezier(0.75, -0.15, 0.3, 1.15); }
.cPathBox--imageCover[data-timing=".20s"] .cPathBox__title, .cPathBox--imageCover[data-timing=".20s"] .cPathBox__desc__text, .cPathBox--imageCover[data-timing=".20s"] img, .cPathBox--imageCover[data-timing=".20s"] .cPathBox__imgWrapper::before {
transition-duration: 0.2s; }
.cPathBox--imageCover[data-timing=".40s"] .cPathBox__title, .cPathBox--imageCover[data-timing=".40s"] .cPathBox__desc__text, .cPathBox--imageCover[data-timing=".40s"] img, .cPathBox--imageCover[data-timing=".40s"] .cPathBox__imgWrapper::before {
transition-duration: 0.4s; }
.cPathBox--imageCover[data-timing=".60s"] .cPathBox__title, .cPathBox--imageCover[data-timing=".60s"] .cPathBox__desc__text, .cPathBox--imageCover[data-timing=".60s"] img, .cPathBox--imageCover[data-timing=".60s"] .cPathBox__imgWrapper::before {
transition-duration: 0.6s; }
.cPathBox--imageCover[data-timing=".80s"] .cPathBox__title, .cPathBox--imageCover[data-timing=".80s"] .cPathBox__desc__text, .cPathBox--imageCover[data-timing=".80s"] img, .cPathBox--imageCover[data-timing=".80s"] .cPathBox__imgWrapper::before {
transition-duration: 0.8s; }
.cPathBox--imageCover[data-timing="1s"] .cPathBox__title, .cPathBox--imageCover[data-timing="1s"] .cPathBox__desc__text, .cPathBox--imageCover[data-timing="1s"] img, .cPathBox--imageCover[data-timing="1s"] .cPathBox__imgWrapper::before {
transition-duration: 1s; }
.cPathBox--imageCover[data-animation] .cPathBox__desc {
display: grid; }
.cPathBox--imageCover[data-animation] .cPathBox__desc h2 {
place-self: end center; }
.cPathBox--imageCover[data-animation] .cPathBox__desc .cPathBox__desc__text {
padding-inline: 15%; }
.cPathBox--imageCover[data-animation] .cPathBox__desc h2, .cPathBox--imageCover[data-animation] .cPathBox__desc div {
position: relative;
transform: translate(0);
top: 0;
left: 0; }
.cPathBox--imageCover[data-animation].cPathBox--withHoverOverlay:hover .cPathBox__imgWrapper::before {
opacity: .65; }
.cPathBox--imageCover[data-animation].cPathBox--withHoverOverlay .cPathBox__imgWrapper::before {
position: absolute;
inset: 0;
content: '';
background-color: #fdb12d;
opacity: 0;
z-index: 2;
pointer-events: none; }
.cPathBox--imageCover[data-animation]:not(.cPathBox--withHoverOverlay) .cPathBox__link::before {
content: unset; }
.cPathBox--imageCover[data-animation="bottomFromBottom"] .cPathBox__desc {
grid-template-rows: 1fr; }
.cPathBox--imageCover[data-animation="bottomFromBottom"] .cPathBox__desc .cPathBox__desc__text {
position: absolute;
inset: 0;
display: grid;
place-items: center;
height: 100%;
margin-inline: auto;
transform: translateY(100%); }
.cPathBox--imageCover[data-animation="middleFromBottom"] .cPathBox__desc {
grid-template-rows: repeat(2, 1fr); }
.cPathBox--imageCover[data-animation="middleFromBottom"] .cPathBox__desc .cPathBox__desc__text {
transform: translateY(calc(100% + 20px)); }
.cPathBox--imageCover[data-animation="middleFromBottom"]:hover .cPathBox__desc__text {
transform: translateY(0);
opacity: 1; }
.cPathBox--imageCover[data-animation="middleFromBottom"]:hover h2.cPathBox__title {
opacity: 1;
visibility: visible;
transform: translateY(-50px); }
.cPathBox--imageCover[data-animation="bottomFromBottom"] h2 {
margin-bottom: 20px; }
.cPathBox--imageCover[data-animation="bottomFromBottom"]:hover .cPathBox__desc__text {
transform: translateY(0);
opacity: 1; }
.cPathBox--imageCover[data-animation="bottomFromBottom"]:hover h2.cPathBox__title {
transform: translateY(100%); }
.cPathBox--imageCover[data-animation="middle"] .cPathBox__desc {
grid-template-rows: 1fr; }
.cPathBox--imageCover[data-animation="middle"] .cPathBox__desc div, .cPathBox--imageCover[data-animation="middle"] .cPathBox__desc h2 {
grid-column: 1 / 2;
grid-row: 1 / 2;
place-self: center; }
.cPathBox--withOverlay::before {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: 1;
pointer-events: none; }
.cPathBox--staticUnderPict {
overflow: hidden;
background-color: #fff; }
.cPathBox--staticUnderPict .objectFit, .cPathBox--staticUnderPict .cGnotation img, .cGnotation .cPathBox--staticUnderPict img {
height: 200px; }
.cPathBox--staticUnderPict .objectFit img, .cPathBox--staticUnderPict .cGnotation img img, .cGnotation .cPathBox--staticUnderPict img img {
height: 100%; }
.cPathBox--staticUnderPict .objectFit--fallback img {
display: block !important;
visibility: hidden !important; }
.cPathBox--staticOverPict {
overflow: hidden;
background-color: #fff; }
.cPathBox--staticOverPict::after {
display: none; }
.cPathBox--staticOverPict .objectFit, .cPathBox--staticOverPict .cGnotation img, .cGnotation .cPathBox--staticOverPict img {
height: 200px; }
.cPathBox--staticOverPict .objectFit img, .cPathBox--staticOverPict .cGnotation img img, .cGnotation .cPathBox--staticOverPict img img {
height: 100%; }
.cPathBox--staticOverPict .objectFit--fallback img {
display: block !important;
visibility: hidden !important; }
.cPathBox--staticOverPict .cPathBox__imgWrapper {
margin-top: 12px ;
margin-top: 0.75rem ;
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.cPathBox--icon {
min-height: 150px; }
.cPathBox--icon .cPathBox__title {
margin-top: 0; }
.cPathBox--icon__icon::before {
color: #fdb12d;
font-size: 60px;
font-size: 3.75rem; }
.cPathBox--imageCover {
position: relative;
overflow: hidden;
text-align: left; }
.cPathBox--imageCover img {
display: block; }
.cPathBox--imageCover .cPathBox__desc {
margin-top: 0;
font-size: inherit; }
.cPathBox--imageCover .cPathBox__desc .cPathBox__title {
z-index: 3;
width: 100%;
color: #fff; }
.cPathBox--imageCover .cPathBox__desc .cPathBox__title > a {
color: #fff; }
.cPathBox--noImage {
text-align: center; }
.cSubpages img {
display: block;
min-width: 100%;
width: 100%; }
.cSubpages__title {
margin-bottom: 12px ;
margin-bottom: 0.75rem ;
font-weight: bold;
text-decoration: none; }
.cSubpages__title > a {
text-decoration: none; }
.cSubpages--perex .cSubpage__wrapper {
margin-bottom: 30px ;
margin-bottom: 1.875rem ;
padding: 24px ;
padding: 1.5rem ;
border: 1px solid #ddd;
text-align: center; }
.cSubpages--perex .cSubpage__wrapper-fixed-height {
overflow: hidden; }
.cSubpages--perex.cSubpages--adjacent .gt500 {
padding: 0;
text-align: left;
overflow: hidden; }
.cSubpages--perex.cSubpages--adjacent .gt500 .cSubpages__anotation {
margin-top: 0; }
.cSubpages--perex.cSubpages--adjacent .gt500 .cSubpages__imgWrapper {
position: relative;
display: table-cell;
vertical-align: top;
width: 50%;
height: 100%;
padding: 0; }
.cSubpages--perex.cSubpages--adjacent .gt500 .cSubpages__imgWrapper > a {
margin: 0;
max-height: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
.cSubpages--perex.cSubpages--adjacent .gt500 .cSubpages__imgWrapper img {
position: absolute;
left: 0;
top: 0;
height: 100%;
display: block; }
.cSubpages--perex.cSubpages--adjacent .gt500 .cSubpages__imgWrapper + .cSubpages__inner {
display: table-cell;
vertical-align: top;
width: 50%;
height: 100%; }
.cSubpages--perex.cSubpages--adjacent .gt500 .cSubpages__inner {
padding: 24px ;
padding: 1.5rem ; }
.cSubpages--perex.cSubpages--adjacent .gt500 .cSubpages__title {
margin-top: 0; }
.cSubpages--perex .cSubpages__inner > a,
.cSubpages--perex .cSubpages__imgWrapper > a {
display: block;
max-height: 170px;
overflow: hidden;
margin-top: -24px ;
margin-top: -1.5rem ;
margin-left: -24px ;
margin-left: -1.5rem ;
margin-right: -24px ;
margin-right: -1.5rem ; }
.cSubpages--perex .cSubpages__anotation {
margin-top: 24px ;
margin-top: 1.5rem ; }
.cSubpages--perex .cSubpages__anotation p:last-child {
margin-bottom: 0; }
.cSubpages--perex .cSubpages__title {
margin-top: 24px ;
margin-top: 1.5rem ; }
.cSubpages--imageCover img {
left: 0;
min-height: 100%; }
.cSubpages--imageCover .cSubpage__inner {
height: 100%; }
.cSubpages--imageCover .cSubpage__inner > a,
.cSubpages--imageCover .cSubpage__img > a {
display: block;
text-decoration: none;
position: relative;
height: 100%; }
.cSubpages--imageCover .cSubpage__inner > a img {
top: 0; }
.cSubpages--imageCover .cSubpages__imgContent {
padding: 12px ;
padding: 0.75rem ;
z-index: 2; }
.cSubpages--imageCover .cSubpages__imgContent--top {
position: absolute;
top: 0;
width: 100%;
background-color: transparent;
color: #fff; }
.cSubpages--imageCover .cSubpages__imgContent--top > a {
padding: 12px ;
padding: 0.75rem ; }
.cSubpages--imageCover .cSubpages__imgContent--bottom {
position: absolute;
bottom: 0;
width: 100%;
background-color: transparent;
color: #fff; }
.cSubpages--imageCover .cSubpages__imgContent--bottom > a {
padding: 12px ;
padding: 0.75rem ; }
.cSubpages--imageCover .cSubpages__imgContent .cSubpages__title {
color: #fff;
height: auto; }
.cSubpages--imageCover .cSubpages__imgContent:hover .cSubpages__anotation {
top: 0; }
.cSubpages--imageCover .cSubpages__anotation {
position: relative;
transition: top 0.5s ease-in-out;
margin-top: 0; }
.cSubpages--imageCover .cSubpage--4-3 {
position: relative;
display: inline-block;
width: 100%;
overflow: hidden; }
.cSubpages--imageCover .cSubpage--4-3 img,
.cSubpages--imageCover .cSubpage--4-3 [class$='__inner'],
.cSubpages--imageCover .cSubpage--4-3 [class$='__image'] {
position: absolute;
width: 100%; }
.cSubpages--imageCover .cSubpage--4-3:after {
display: block;
content: ''; }
.cSubpages--imageCover .cSubpage--4-3:after {
padding-top: 75%; }
.cSubpages--imageCover .cSubpage--16-9 {
position: relative;
display: inline-block;
width: 100%;
overflow: hidden; }
.cSubpages--imageCover .cSubpage--16-9 img,
.cSubpages--imageCover .cSubpage--16-9 [class$='__inner'],
.cSubpages--imageCover .cSubpage--16-9 [class$='__image'] {
position: absolute;
width: 100%; }
.cSubpages--imageCover .cSubpage--16-9:after {
display: block;
content: ''; }
.cSubpages--imageCover .cSubpage--16-9:after {
padding-top: 56.25%; }
.cSubpages--imageCover .cSubpage--1-1 {
position: relative;
display: inline-block;
width: 100%;
overflow: hidden; }
.cSubpages--imageCover .cSubpage--1-1 img,
.cSubpages--imageCover .cSubpage--1-1 [class$='__inner'],
.cSubpages--imageCover .cSubpage--1-1 [class$='__image'] {
position: absolute;
width: 100%; }
.cSubpages--imageCover .cSubpage--1-1:after {
display: block;
content: ''; }
.cSubpages--imageCover .cSubpage--1-1:after {
padding-top: 100%; }
.cSubpages--vertical {
border-bottom: 0;
overflow: hidden;
background-color: #fff; }
.cSubpages--vertical .cHeading {
padding: 12px 18px ;
padding: 0.75rem 1.125rem ;
padding-left: 0;
margin-bottom: 0; }
.cSubpages--vertical > .nav--stacked-box, .mDrop .cSubpages--vertical > ul {
border: 1px solid #ddd;
border-bottom: 0; }
.cSubpages--vertPlunge .nav__item {
font-size: 18px;
font-size: 1.125rem;
font-weight: bold; }
.cSubpages--vertPlunge .nav--nested .nav__item {
padding: 12px 24px ;
padding: 0.75rem 1.5rem ;
font-size: 16px;
font-size: 1rem;
font-weight: normal; }
@media screen and (min-width: 768px) {
.cSubpages--vertPlunge .nav--nested .nav__item {
border-left: 1px solid #ddd; } }
.cSubpages--horisontal .nav__item {
padding: 12px 24px ;
padding: 0.75rem 1.5rem ;
border-left: 1px solid #ddd;
font-size: 18px;
font-size: 1.125rem;
font-weight: bold; }
.cSubpages--cols .nav__item {
margin-bottom: 30px; }
.cSubpages--cols .nav__item__in {
display: block;
font-weight: bold;
text-decoration: none;
padding: 12px 24px ;
padding: 0.75rem 1.5rem ;
border: 1px solid #ddd;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.cSubpages--cols .nav__item__in:hover {
text-decoration: underline; }
.cGnotation {
padding: 0;
text-align: center; }
.grid__item:not(.one-whole) .cGnotation, .label--inline:not(.one-whole) .cGnotation, .label--inline + .field:not(.one-whole) .cGnotation {
left: 0;
max-width: 100%; }
.cGnotation__inner {
position: relative;
margin: auto;
overflow: hidden;
display: grid;
place-items: center; }
.cGnotation__panel {
padding: 24px 36px ;
padding: 1.5rem 2.25rem ;
z-index: 1;
width: 100%;
position: relative; }
.cGnotation img {
position: absolute;
left: 0;
top: 0; }
@media screen and (max-width: 767px) {
.cGnotation img {
width: 100%; } }
.cGnotation p:last-child {
margin-bottom: 0; }
/*===========================================================================================
kosticka KONVERZNI TLACITKO
========================================================================================== */
/*
Konverzni tlacitko standardni
--------------------------------------------------------------------------------- */
.cConversButton :last-child {
margin-bottom: 0; }
.cTally {
margin-left: 0; }
@media screen and (max-width: 767px) {
.cTally:last-child {
margin-bottom: 0; } }
.cTally__item {
margin-bottom: 0;
list-style: none;
padding: 12px 0 ;
padding: 0.75rem 0 ;
border-bottom: 1px solid #ddd; }
.cTally__item:first-child {
padding-top: 0; }
.cTally__title {
float: left;
clear: left;
width: 80%; }
.cTally__value {
width: 20%;
float: right;
clear: right;
text-align: right; }
.cTally__desc {
float: left;
clear: both;
font-size: 13px;
font-size: 0.8125rem; }
@media screen and (min-width: 768px) {
.cTallyWrapper .accordion__item__holder {
display: none; } }
.cInfobox {
position: relative;
padding: 36px 12px 12px 12px ;
padding: 2.25rem 0.75rem 0.75rem 0.75rem ;
margin-bottom: 36px ;
margin-bottom: 2.25rem ;
border: 1px solid transparent;
text-align: center; }
@media screen and (min-width: 768px) {
.cInfobox {
padding: 12px 12px 12px 60px ;
padding: 0.75rem 0.75rem 0.75rem 3.75rem ;
text-align: left; } }
.cInfobox::before {
width: 20px;
height: 20px;
background-size: 100%;
font-size: 20px;
font-size: 1.25rem;
top: 6px;
left: 50%;
right: auto;
bottom: auto;
position: absolute;
transform: translateX(-50%); }
@media screen and (min-width: 768px) {
.cInfobox::before {
left: 24px;
transform: none; } }
.cInfobox .cHeading {
margin-bottom: 0; }
.cInfobox__desc {
margin-bottom: 0;
font-size: 13px;
font-size: 0.8125rem; }
.cInfobox__desc--big {
font-size: 18px;
font-size: 1.125rem; }
.cInfobox__desc--large {
font-size: 26px;
font-size: 1.625rem; }
.cInfobox__icon {
position: absolute;
top: 24px ;
top: 1.5rem ; }
@media screen and (max-width: 767px) {
.cInfobox__icon {
left: 50%;
transform: translateX(-50%); } }
@media screen and (min-width: 768px) {
.cInfobox__icon {
top: 50%;
transform: translateY(-50%);
left: 24px ;
left: 1.5rem ; } }
.cInfobox--info {
background-color: #dbedfd;
color: #173530;
border-color: #007dc4; }
.cInfobox--info::before {
color: #007dc4; }
.cInfobox--info a,
.cInfobox--info .cHeading {
color: #173530; }
.cInfobox--positive {
background-color: #dffbe4;
color: #173530;
border-color: #89cb52; }
.cInfobox--positive::before {
color: #89cb52; }
.cInfobox--positive a,
.cInfobox--positive .cHeading {
color: #173530; }
.cInfobox--negative {
background-color: #ffdddd;
color: #173530;
border-color: #e83f3e; }
.cInfobox--negative::before {
color: #e83f3e; }
.cInfobox--negative a,
.cInfobox--negative .cHeading {
color: #173530; }
.cInfobox--neutral {
background-color: #f6f2d2;
color: #173530;
border-color: #dcc026; }
.cInfobox--neutral::before {
color: #dcc026; }
.cInfobox--neutral a,
.cInfobox--neutral .cHeading {
color: #173530; }
.cInfobox--noIcon {
padding: 12px ;
padding: 0.75rem ; }
.cInfobox--noIcon::before {
content: '' !important; }
.cInfobox--noBackground {
background-color: transparent; }
.cInfobox--notFound {
margin-top: 24px ;
margin-top: 1.5rem ;
min-height: 0;
color: #e83f3e; }
.cInfobox--account-remove {
display: grid;
align-items: start;
gap: 20px ;
gap: 1.25rem ;
padding: 40px ;
padding: 2.5rem ;
border: 0;
border-radius: 10px; }
@media screen and (min-width: 768px) {
.cInfobox--account-remove {
grid-template-columns: max-content 1fr; } }
.cInfobox--account-remove::before, .cInfobox--account-remove::after {
display: none; }
.cInfobox--account-remove .cHeading {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.cInfobox--account-remove .icon--small {
font-size: 30px;
font-size: 1.875rem; }
.cInfobox--account-remove .icon--medium {
font-size: 40px;
font-size: 2.5rem; }
.cInfobox--account-remove .icon--large {
font-size: 60px;
font-size: 3.75rem; }
.cInfobox--account-remove .icon::before {
font-size: inherit;
color: inherit; }
.cInfobox--account-remove .btn, .cInfobox--account-remove .cClientZone__logout, .cInfobox--account-remove .cNews-archiv a, .cNews-archiv .cInfobox--account-remove a, .cInfobox--account-remove .cRecepts .archive a, .cRecepts .archive .cInfobox--account-remove a, .cInfobox--account-remove .recipesList .archive a, .recipesList .archive .cInfobox--account-remove a, .cInfobox--account-remove .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cInfobox--account-remove a {
margin-top: 24px ;
margin-top: 1.5rem ;
background-color: #e83f3e;
color: #fff; }
.cInfobox--account-remove .btn:hover, .cInfobox--account-remove .cClientZone__logout:hover, .cInfobox--account-remove .cNews-archiv a:hover, .cNews-archiv .cInfobox--account-remove a:hover, .cInfobox--account-remove .cRecepts .archive a:hover, .cRecepts .archive .cInfobox--account-remove a:hover, .cInfobox--account-remove .recipesList .archive a:hover, .recipesList .archive .cInfobox--account-remove a:hover, .cInfobox--account-remove .cFtr .recipesList__item .archive a:hover, .cFtr .recipesList__item .archive .cInfobox--account-remove a:hover {
background-color: #e52827; }
.cInfobox--account-remove .cInfobox__btn {
display: flex; }
.cInfobox--account-remove .cInfobox__btn--position-center {
justify-content: center; }
.cInfobox--account-remove .cInfobox__btn--position-right {
justify-content: flex-end; }
.cBlockquote__inner, .cBlockquote--image.cBlockquote--colored.hasImage blockquote, .cBlockquote--image.cBlockquote--colored.hasImage.left .cBlockquote__inner, .cBlockquote--image.cBlockquote--colored.hasImage.right .cBlockquote__inner, .cBlockquote--image.cBlockquote--logo.cBlockquote--colored.hasImage blockquote {
padding: 15px 25px ;
padding: 0.9375rem 1.5625rem ; }
@media screen and (min-width: 768px) {
.cBlockquote__inner, .cBlockquote--image.cBlockquote--colored.hasImage blockquote, .cBlockquote--image.cBlockquote--colored.hasImage.left .cBlockquote__inner, .cBlockquote--image.cBlockquote--colored.hasImage.right .cBlockquote__inner, .cBlockquote--image.cBlockquote--logo.cBlockquote--colored.hasImage blockquote {
padding: 30px 50px ;
padding: 1.875rem 3.125rem ; } }
.cBlockquote--block .cBlockquote__author .source, .cBlockquote--backgroundImage .cBlockquote__author .source {
font-weight: bold;
font-size: 13px;
font-size: 0.8125rem; }
.cBlockquote--block .cBlockquote__author .source::before, .cBlockquote--backgroundImage .cBlockquote__author .source::before {
margin-right: 0.5rem; }
.cBlockquote--block .cBlockquote__author .source-info, .cBlockquote--backgroundImage .cBlockquote__author .source-info {
font-size: 12px;
font-size: 0.75rem;
color: #777; }
.cBlockquote::before, .cBlockquote::after {
content: ''; }
.cBlockquote blockquote {
padding: 0;
text-indent: 0; }
.cBlockquote cite {
font-style: normal; }
.cBlockquote__author {
margin-top: 12px ;
margin-top: 0.75rem ; }
.cBlockquote--line .cBlockquote__inner {
border-left: 1px solid #ddd; }
.cBlockquote--background .cBlockquote__inner {
background-color: #eceff4; }
.cBlockquote--quotes .cBlockquote__inner {
padding: 0; }
.cBlockquote--quotes .cBlockquote__text {
position: relative;
padding-left: 30px;
padding-right: 30px; }
@media screen and (min-width: 768px) {
.cBlockquote--quotes .cBlockquote__text {
padding: 30px 60px 0 ;
padding: 1.875rem 3.75rem 0 ; } }
.cBlockquote--quotes .cBlockquote__text:before, .cBlockquote--quotes .cBlockquote__text:after {
width: 25px;
height: 25px;
position: absolute;
line-height: 1;
font-size: 3.5em;
font-family: Arial, sans-serif;
color: #ccd4e1;
font-style: normal;
font-weight: bold; }
@media screen and (min-width: 768px) {
.cBlockquote--quotes .cBlockquote__text:before, .cBlockquote--quotes .cBlockquote__text:after {
width: 50px;
height: 50px;
font-size: 7em; } }
.cBlockquote--quotes .cBlockquote__text:before {
left: 0;
top: 0;
content: '”'; }
.cBlockquote--quotes .cBlockquote__text:after {
content: '“';
bottom: 0;
right: 0; }
@media screen and (max-width: 767px) {
.cBlockquote--quotes blockquote {
margin-bottom: 0; } }
.cBlockquote--quotes .cBlockquote__author {
margin-left: 30px ;
margin-left: 1.875rem ; }
@media screen and (min-width: 768px) {
.cBlockquote--quotes .cBlockquote__author {
margin-left: 60px ;
margin-left: 3.75rem ; } }
.cBlockquote--image {
text-align: center; }
.cBlockquote--image:not(.cBlockquote--colored) .cBlockquote__inner {
padding-top: 0;
padding-bottom: 0; }
.cBlockquote--image blockquote {
margin-bottom: 0; }
.cBlockquote--image .icon-quote::before, .cBlockquote--image.bottom .cBlockquote__text::before, .cBlockquote--image.left blockquote::before, .cBlockquote--image.right blockquote::before,
.cBlockquote--image .icon-quote--after::after, .cBlockquote--image.top .cBlockquote__text::after {
display: block;
color: #bebebe;
font-size: 24px;
font-size: 1.5rem; }
.cBlockquote--image .icon-quote--after::after, .cBlockquote--image.top .cBlockquote__text::after {
margin-top: 24px ;
margin-top: 1.5rem ; }
.cBlockquote--image.top img {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.cBlockquote--image.bottom img {
margin-top: 12px ;
margin-top: 0.75rem ; }
.cBlockquote--image.left .cBlockquote__wrapper, .cBlockquote--image.right .cBlockquote__wrapper {
display: table;
width: 100%; }
.cBlockquote--image.left .cBlockquote__img,
.cBlockquote--image.left .cBlockquote__inner, .cBlockquote--image.right .cBlockquote__img,
.cBlockquote--image.right .cBlockquote__inner {
display: table-cell;
vertical-align: middle; }
.cBlockquote--image.left blockquote, .cBlockquote--image.right blockquote {
text-indent: 0; }
.cBlockquote--image.left .cBlockquote__img, .cBlockquote--image.right .cBlockquote__img {
width: 35%; }
@media screen and (min-width: 1024px) {
.cBlockquote--image.left .cBlockquote__img, .cBlockquote--image.right .cBlockquote__img {
width: 20%; } }
.cBlockquote--image.left .cBlockquote__img {
padding-right: 18px ;
padding-right: 1.125rem ; }
@media screen and (min-width: 1024px) {
.cBlockquote--image.left .cBlockquote__img {
padding-right: 36px ;
padding-right: 2.25rem ; } }
.cBlockquote--image.left blockquote::before {
text-align: left; }
.cBlockquote--image.left .cBlockquote__inner {
text-align: left; }
.cBlockquote--image.right .cBlockquote__img {
padding-left: 18px ;
padding-left: 1.125rem ; }
@media screen and (min-width: 1024px) {
.cBlockquote--image.right .cBlockquote__img {
padding-left: 36px ;
padding-left: 2.25rem ; } }
.cBlockquote--image.right blockquote::before {
text-align: right; }
.cBlockquote--image.right .cBlockquote__inner {
text-align: right; }
.cBlockquote--image .cBlockquote__text {
color: #777; }
@media screen and (min-width: 1024px) {
.cBlockquote--image .cBlockquote__text {
line-height: 220%; } }
.cBlockquote--image .cBlockquote__author {
font-size: 13px;
font-size: 0.8125rem; }
.cBlockquote--image .source {
font-weight: bold; }
.cBlockquote--image .source::before {
content: ''; }
.cBlockquote--image .source-info {
color: #777;
margin-bottom: 0; }
.cBlockquote--image.cBlockquote--colored .cBlockquote__inner {
position: relative;
background-color: #eceff4; }
.cBlockquote--image.cBlockquote--colored blockquote {
padding: 0; }
.cBlockquote--image.cBlockquote--colored.hasImage blockquote {
background-color: #eceff4; }
.cBlockquote--image.cBlockquote--colored.hasImage .cBlockquote__inner {
padding: 0;
background-color: transparent; }
.cBlockquote--image.cBlockquote--colored.hasImage.left .cBlockquote__inner, .cBlockquote--image.cBlockquote--colored.hasImage.right .cBlockquote__inner {
background-color: #eceff4; }
.cBlockquote--image.cBlockquote--colored.hasImage.left blockquote, .cBlockquote--image.cBlockquote--colored.hasImage.right blockquote {
background-color: transparent;
padding: 0; }
.cBlockquote--image.cBlockquote--colored.hasImage.left .source,
.cBlockquote--image.cBlockquote--colored.hasImage.left .source-info, .cBlockquote--image.cBlockquote--colored.hasImage.right .source,
.cBlockquote--image.cBlockquote--colored.hasImage.right .source-info {
display: inline; }
.cBlockquote--image.cBlockquote--colored.hasImage.left .cBlockquote__inner {
text-align: left; }
.cBlockquote--image.cBlockquote--colored.hasImage.left .cBlockquote__inner:after, .cBlockquote--image.cBlockquote--colored.hasImage.left .cBlockquote__inner:before {
border: solid transparent;
content: ' ';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
visibility: visible; }
.cBlockquote--image.cBlockquote--colored.hasImage.left .cBlockquote__inner:after {
border-width: 15px;
border-right-color: #eceff4;
left: -30px;
top: 50%;
margin-top: -15px; }
.cBlockquote--image.cBlockquote--colored.hasImage.left .cBlockquote__inner:before {
border-width: 15px;
border-right-color: transparent;
left: -30px;
top: 50%;
margin-top: -15px; }
.cBlockquote--image.cBlockquote--colored.hasImage.right .cBlockquote__inner {
text-align: right; }
.cBlockquote--image.cBlockquote--colored.hasImage.right .cBlockquote__inner:after, .cBlockquote--image.cBlockquote--colored.hasImage.right .cBlockquote__inner:before {
border: solid transparent;
content: ' ';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
visibility: visible; }
.cBlockquote--image.cBlockquote--colored.hasImage.right .cBlockquote__inner:after {
border-width: 15px;
border-left-color: #eceff4;
right: -30px;
top: 50%;
margin-top: -15px; }
.cBlockquote--image.cBlockquote--colored.hasImage.right .cBlockquote__inner:before {
border-width: 15px;
border-left-color: transparent;
right: -30px;
top: 50%;
margin-top: -15px; }
.cBlockquote--image.cBlockquote--portrait .cBlockquote__portrait {
width: 90px;
height: 90px;
margin: 12px auto;
border-radius: 50%; }
.cBlockquote--image.cBlockquote--portrait .cBlockquote__portrait img,
.cBlockquote--image.cBlockquote--portrait .cBlockquote__portrait picture {
position: static;
display: block;
margin: 0;
width: 100%;
height: 100%;
border-radius: inherit; }
.cBlockquote--image.cBlockquote--portrait.cBlockquote--colored.bottom.hasImage blockquote {
position: relative;
margin-bottom: 57px;
padding-bottom: 57px; }
.cBlockquote--image.cBlockquote--portrait.cBlockquote--colored.bottom .cBlockquote__portrait {
bottom: -45px;
margin-bottom: 0;
height: 90px; }
.cBlockquote--image.cBlockquote--portrait.cBlockquote--colored.top.hasImage blockquote {
margin-top: 90px;
padding-top: 57px; }
.cBlockquote--image.cBlockquote--portrait.cBlockquote--colored.top .cBlockquote__portrait {
top: -45px;
margin-top: 0;
height: 90px; }
.cBlockquote--image.cBlockquote--logo.left.hasImage .cBlockquote__img, .cBlockquote--image.cBlockquote--logo.right.hasImage .cBlockquote__img {
width: 25%; }
.cBlockquote--image.cBlockquote--logo.cBlockquote--colored blockquote {
position: relative; }
.cBlockquote--image.cBlockquote--logo.cBlockquote--colored.top blockquote:after, .cBlockquote--image.cBlockquote--logo.cBlockquote--colored.top blockquote:before {
border: solid transparent;
content: ' ';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
visibility: visible; }
.cBlockquote--image.cBlockquote--logo.cBlockquote--colored.top blockquote:after {
border-width: 15px;
border-bottom-color: #eceff4;
top: -30px;
right: 50%;
margin-right: -15px; }
.cBlockquote--image.cBlockquote--logo.cBlockquote--colored.top blockquote:before {
border-width: 15px;
border-bottom-color: transparent;
top: -30px;
right: 50%;
margin-right: -15px; }
.cBlockquote--image.cBlockquote--logo.cBlockquote--colored.top img {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
.cBlockquote--image.cBlockquote--logo.cBlockquote--colored.bottom blockquote:after, .cBlockquote--image.cBlockquote--logo.cBlockquote--colored.bottom blockquote:before {
border: solid transparent;
content: ' ';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
visibility: visible; }
.cBlockquote--image.cBlockquote--logo.cBlockquote--colored.bottom blockquote:after {
border-width: 15px;
border-top-color: #eceff4;
bottom: -30px;
right: 50%;
margin-right: -15px; }
.cBlockquote--image.cBlockquote--logo.cBlockquote--colored.bottom blockquote:before {
border-width: 15px;
border-top-color: transparent;
bottom: -30px;
right: 50%;
margin-right: -15px; }
.cBlockquote--image.cBlockquote--logo.cBlockquote--colored.bottom img {
margin-top: 24px ;
margin-top: 1.5rem ; }
.cBlockquote--block.cBlockquote--colored .cBlockquote__inner {
background-color: #eceff4; }
.cBlockquote--block .cBlockquote__wrapper {
overflow: hidden; }
.cBlockquote--block .cBlockquote__wrapper:has(img) {
display: grid; }
@media (max-width: 767px) {
.cBlockquote--block .cBlockquote__wrapper {
height: var(--_height-mobile); } }
@media (min-width: 768px) and (max-width: 1023px) {
.cBlockquote--block .cBlockquote__wrapper {
height: var(--_height-tablet); } }
@media (min-width: 1024px) {
.cBlockquote--block .cBlockquote__wrapper {
height: var(--_height-desc); } }
.cBlockquote--block .cBlockquote__img {
position: relative; }
.cBlockquote--block .cBlockquote__img img {
position: absolute;
height: 100%;
width: 100%;
object-fit: cover; }
.cBlockquote--block .cBlockquote__inner {
overflow: hidden; }
@media (min-width: 768px) {
.cBlockquote--block.left .cBlockquote__inner {
grid-column: 2 / 3; } }
.cBlockquote--block.top .cBlockquote__inner {
grid-row: 2 / 3;
display: flex;
flex-direction: column-reverse; }
@media (min-width: 768px) {
.cBlockquote--block.left .cBlockquote__wrapper, .cBlockquote--block.right .cBlockquote__wrapper {
grid-auto-flow: column;
grid-template-columns: 1fr 1fr; } }
@media (max-width: 767px) {
.cBlockquote--block.left .cBlockquote__wrapper, .cBlockquote--block.right .cBlockquote__wrapper {
grid-auto-flow: row;
grid-template-rows: 1fr 1fr; } }
@media (max-width: 767px) {
.cBlockquote--block.left .cBlockquote__wrapper .cBlockquote__img, .cBlockquote--block.right .cBlockquote__wrapper .cBlockquote__img {
grid-row: 1 / 2; } }
.cBlockquote--block.top .cBlockquote__wrapper, .cBlockquote--block.bottom .cBlockquote__wrapper {
grid-auto-flow: row;
grid-template-rows: 1fr 1fr; }
.cBlockquote--backgroundImage {
display: grid;
grid-template-areas: 'title' 'cube'; }
@media (max-width: 767px) {
.cBlockquote--backgroundImage {
grid-template-rows: auto var(--_height-mobile); } }
@media (min-width: 768px) and (max-width: 1023px) {
.cBlockquote--backgroundImage {
grid-template-rows: auto var(--_height-tablet); } }
@media (min-width: 1024px) {
.cBlockquote--backgroundImage {
grid-template-rows: auto var(--_height-desc); } }
.cBlockquote--backgroundImage.cBlockquote--colored .cBlockquote__inner {
isolation: isolate;
position: relative; }
.cBlockquote--backgroundImage.cBlockquote--colored .cBlockquote__inner::before {
z-index: -1;
opacity: var(--_bg-opacity, 100%);
background-color: var(--_bg-color, #eceff4);
content: '';
position: absolute;
inset: 0; }
.cBlockquote--backgroundImage .cBlockquote__img {
height: 100%; }
.cBlockquote--backgroundImage .cBlockquote__img img {
width: 100%;
height: 100%;
object-fit: cover; }
.cBlockquote--backgroundImage .cBlockquote__inner {
margin: 2rem;
min-width: 30%;
max-height: calc(100% - 4rem);
overflow: hidden; }
.cBlockquote--backgroundImage .cHeading {
grid-area: title; }
.cBlockquote--backgroundImage > div {
grid-area: cube; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.cBlockquote--quotes .cBlockquote__text::before,
.cBlockquote--quotes .cBlockquote__text::after {
font-size: 105px; } }
@media (max-width: 767px) and (-ms-high-contrast: none) {
.cBlockquote--quotes .cBlockquote__text::before,
.cBlockquote--quotes .cBlockquote__text::after {
font-size: 50px; } }
.cBlockquote--image.cBlockquote--colored.hasImage.left .cBlockquote__wrapper--custom-bg .cBlockquote__inner:after {
border-right-color: inherit;
color: var(--_bg-color); }
.cBlockquote--image.cBlockquote--colored.hasImage.right .cBlockquote__wrapper--custom-bg .cBlockquote__inner:after {
border-left-color: inherit;
color: var(--_bg-color); }
.cBlockquote--image.cBlockquote--colored.hasImage.top .cBlockquote__wrapper--custom-bg blockquote:before,
.cBlockquote--image.cBlockquote--colored.hasImage.top .cBlockquote__wrapper--custom-bg blockquote:after {
border-bottom-color: inherit;
color: var(--_bg-color); }
.cBlockquote--image.cBlockquote--colored.hasImage.bottom .cBlockquote__wrapper--custom-bg blockquote:before,
.cBlockquote--image.cBlockquote--colored.hasImage.bottom .cBlockquote__wrapper--custom-bg blockquote:after {
border-top-color: inherit;
color: var(--_bg-color); }
.cPerson {
font-size: 13px;
font-size: 0.8125rem; }
.cPerson__photo {
text-align: center;
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
@media screen and (min-width: 768px) {
.cPerson__photo {
text-align: left; } }
.cPerson__name {
margin-bottom: 0;
font-weight: bold; }
.cPerson__title {
color: #777;
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.cPerson__address {
margin-top: 24px ;
margin-top: 1.5rem ; }
.cPerson__email, .cPerson__web {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.cPerson__link {
margin-bottom: 6px ;
margin-bottom: 0.375rem ;
text-decoration: none; }
.cPerson__link > span {
color: #173530; }
@media screen and (min-width: 768px) {
.cPerson__link > span {
text-decoration: underline; }
.cPerson__link > span:hover {
text-decoration: none; } }
.cPerson__link--email {
white-space: nowrap; }
.cPerson__link--email-truncate {
position: relative; }
.cPerson__link--email-truncate::after {
position: absolute;
left: 0;
top: 100%;
padding: 6px;
opacity: 0;
visibility: hidden;
content: attr(data-person-email-text);
background-color: #eceff4;
border: 1px solid #dce1eb;
color: #173530;
z-index: 10;
transition: all 0.3s ease; }
.cPerson__link--email-truncate:hover::after {
visibility: visible;
opacity: 1; }
.cPerson__desc {
margin-top: 24px ;
margin-top: 1.5rem ;
font-size: 13px;
font-size: 0.8125rem;
color: #081110; }
.cPerson__link--icon-mobile {
position: relative;
padding-left: 36px ;
padding-left: 2.25rem ; }
.cPerson__link--icon-phone {
position: relative;
padding-left: 36px ;
padding-left: 2.25rem ; }
.cPerson__link--icon-fax {
position: relative;
padding-left: 36px ;
padding-left: 2.25rem ; }
.cPerson__link--icon-email {
position: relative;
padding-left: 36px ;
padding-left: 2.25rem ; }
.cPerson__link--icon-web {
position: relative;
padding-left: 36px ;
padding-left: 2.25rem ; }
@media screen and (min-width: 768px) {
.cPerson--columns .cPerson__photo {
display: inline-block;
vertical-align: top;
width: 50%; } }
@media screen and (min-width: 768px) {
.cPerson--columns .cPerson__photo + .cPerson__content {
display: inline-block;
width: 50%;
padding-left: 24px ;
padding-left: 1.5rem ; } }
.cPerson--columns.lt350.gt100 .cPerson__photo,
.cPerson--columns.lt350.gt100 .cPerson__content {
display: block;
width: 100%; }
.cPerson--columns.lt350.gt100 .cPerson__content {
padding-left: 0; }
.cPerson.cPerson--columns.cPerson--am {
display: flex;
margin: 0 auto 2rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid #ddd; }
.cPerson.cPerson--columns.cPerson--am:last-child {
border-bottom: 0; }
.cPerson.cPerson--columns.cPerson--am .cPerson__photo {
min-width: 75px;
max-width: 75px; }
@media screen and (min-width: 768px) {
.cPerson.cPerson--columns.cPerson--am .cPerson__photo {
min-width: 150px;
max-width: 150px; } }
@media screen and (min-width: 1024px) {
.cPerson.cPerson--columns.cPerson--am .cPerson__photo {
min-width: 300px;
max-width: 300px; } }
.cPerson.cPerson--columns.cPerson--am .cPerson__content {
padding-left: 1rem;
width: calc(100% - 75px); }
@media screen and (min-width: 768px) {
.cPerson.cPerson--columns.cPerson--am .cPerson__content {
width: auto;
padding-left: 2.5rem; } }
@media screen and (min-width: 1024px) {
.cPerson.cPerson--columns.cPerson--am .cPerson__content {
padding-left: 3.5rem; } }
@media screen and (min-width: 768px) {
.cPerson.cPerson--columns.cPerson--am .cPerson__content__info {
display: flex; } }
@media screen and (min-width: 768px) {
.cPerson.cPerson--columns.cPerson--am .cPerson__contact {
flex-grow: 1;
min-width: 240px; } }
@media screen and (max-width: 767px) {
.cPerson.cPerson--columns.cPerson--am .cPerson__name {
font-size: 15px;
font-size: 0.9375rem; } }
@media screen and (min-width: 1200px) {
.cPerson.cPerson--columns.cPerson--am .cPerson__name {
font-size: 30px;
font-size: 1.875rem; } }
.cPerson.cPerson--columns.cPerson--am .cPerson__title {
font-weight: 600; }
@media screen and (min-width: 768px) {
.cPerson.cPerson--columns.cPerson--am .cPerson__title {
font-size: 15px;
font-size: 0.9375rem; } }
.cPerson.cPerson--columns.cPerson--am .cPerson__desc {
margin-top: 1rem; }
@media screen and (min-width: 768px) {
.cPerson.cPerson--columns.cPerson--am .cPerson__desc {
margin-top: 0;
padding-left: 2rem; } }
.amUserList .cPerson.cPerson--columns.cPerson--am {
padding: 1rem; }
@media screen and (min-width: 768px) {
.amUserList .cPerson.cPerson--columns.cPerson--am {
max-width: 950px;
padding: 1.5rem; } }
@media screen and (min-width: 1024px) {
.amUserList .cPerson.cPerson--columns.cPerson--am .cPerson__photo {
min-width: 200px;
max-width: 200px; } }
@media screen and (min-width: 1200px) {
.amUserList .cPerson.cPerson--columns.cPerson--am .cPerson__photo {
min-width: 250px;
max-width: 250px; } }
@media screen and (min-width: 1024px) {
.amUserList .cPerson.cPerson--columns.cPerson--am .cPerson__content {
padding-left: 2.5rem; } }
@media screen and (max-width: 767px) {
.amUserList .cPerson.cPerson--columns.cPerson--am .cPerson__name {
font-size: 15px;
font-size: 0.9375rem; } }
@media screen and (min-width: 1200px) {
.amUserList .cPerson.cPerson--columns.cPerson--am .cPerson__name {
font-size: 18px;
font-size: 1.125rem; } }
.cPerson .cSocialSites {
margin: 24px 0 0 0 ;
margin: 1.5rem 0 0 0 ; }
.cPerson__name {
font-size: 20px;
font-size: 1.25rem; }
.cPerson .nav__item .cPerson__link--icon {
display: flex;
align-items: center;
min-height: 35px;
margin-bottom: 6px;
padding-left: 45px; }
@media screen and (max-width: 767px) {
.cPerson .nav__item .cPerson__link--icon {
padding-top: 0;
padding-bottom: 0;
background: transparent; } }
.cPerson__link--icon::before {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
width: 35px;
height: 35px;
background-color: rgba(253, 177, 45, 0.15);
color: #fdb12d;
border-radius: 100%;
transition: all 0.2s ease-in-out;
font-size: 18px;
font-size: 1.125rem; }
.cPerson__link--icon:hover::before {
background-color: #fdb12d;
color: #173530;
transform: scale(1.1); }
.cPerson__link--icon:hover > span {
text-decoration: underline;
color: #fdb12d; }
.cPerson__link > span {
text-decoration: none;
color: #999;
font-size: 14px;
font-size: 0.875rem; }
.cPerson--columns .cPerson__photo {
max-width: 150px; }
.cPerson .cSocialSites i::before {
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
transition: all 0.2s ease-in-out;
font-size: 22px;
font-size: 1.375rem;
color: #fdb12d; }
.cPerson .cSocialSites .nav__item .nav__item__in:hover i::before {
color: #fda814; }
.cPerson--under .cPerson__content {
display: grid;
position: relative;
overflow: hidden;
padding: 20px;
border-radius: var(--_br); }
@media (max-width: 767px) {
.cPerson--under .cPerson__content {
grid-auto-rows: max-content;
background-color: #f8f8f8; } }
@media (min-width: 768px) {
.cPerson--under .cPerson__content {
min-height: 250px;
grid-template-rows: 1fr max-content;
transition: max-height 0.95s ease-out; } }
.cPerson--under .cPerson__photo {
margin: -20px; }
@media (min-width: 768px) {
.cPerson--under .cPerson__photo {
grid-column: 1 / -1;
grid-row: 1 / -1; } }
@media (max-width: 767px) {
.cPerson--under .cPerson__photo {
margin-bottom: 0; } }
.cPerson--under .cPerson__photo img {
width: 100%;
height: 100%;
object-fit: cover; }
.cPerson--under .cPerson__photo::before {
pointer-events: none; }
@media (min-width: 768px) {
.cPerson--under .cPerson__photo::before {
transition: 0.4s ease-out;
content: '';
position: absolute;
inset: 0;
background: black;
background: linear-gradient(0deg, black 0%, rgba(0, 58, 102, 0) 60%);
opacity: 0.6; } }
.cPerson--under .cPerson__info, .cPerson--under .cPerson__extra {
position: relative;
z-index: 1;
grid-column: 1 / 2; }
.cPerson--under .cPerson__info {
display: grid;
place-items: end start;
align-content: flex-end;
padding-top: 20px;
pointer-events: none; }
@media (min-width: 768px) {
.cPerson--under .cPerson__info {
grid-row: 1 / 2;
color: white; } }
.cPerson--under .cPerson__extra {
pointer-events: all; }
@media (min-width: 768px) {
.cPerson--under .cPerson__extra {
transition: 0.8s;
max-height: 0px;
opacity: 0;
grid-row: 2 / 3; } }
@media (min-width: 768px) {
.cPerson--under .cPerson__title {
color: #d1d1d1; } }
.cPerson--under .cPerson__desc {
margin-block: 1rem; }
.cPerson--under .cPerson__contact ul {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 10px; }
.cPerson--under .cPerson__address {
margin-top: 1rem; }
@media (min-width: 767px) {
.cPerson--under .cPerson__address, .cPerson--under .cPerson__desc,
.cPerson--under .cPerson__contact a span {
color: white; } }
@media (min-width: 767px) {
.cPerson--under .cSocialSites span::before {
color: #d1d1d1; } }
@media (min-width: 768px) {
.cPerson--under .cPerson__content:hover .cPerson__photo:not(:only-of-type)::before {
background-color: rgba(0, 0, 0, 0.5);
opacity: 1; }
.cPerson--under .cPerson__content:hover .cPerson__extra {
max-height: 750px;
opacity: 1; } }
@page {
size: auto; }
@media print {
html,
body {
font-size: 12pt !important;
line-height: 1.3;
overflow: visible !important;
max-width: 100%;
background-color: white !important;
-webkit-print-color-adjust: exact; }
* {
font-family: "Aeonik", "Open Sans", sans-serif;
orphans: 4;
widows: 4;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; }
h1, h2, h3 {
margin-bottom: 25px !important; }
.mainNav,
.cCrumb,
.cHeader__slogan,
.cHeader__search,
.cHeader__phone,
.cHeader__clientZone,
.cHeader__lang,
.cHeader__mainNav,
.cForm,
.cPag,
.cNewsletter,
.cftSearch,
.cVideo,
.sideNav,
.cFbLikebox,
.cSocialButtons,
.cLang,
.navbar,
.pageOverlay,
.mobileHeader,
.btn,
.cClientZone__logout,
.cNews-archiv a,
.cRecepts .archive a,
.recipesList .archive a,
.cFtr .recipesList__item .archive a,
.rsArrow,
.cHtmlSlider,
.cImageSlider,
.cCopyright,
.siteFooterWrapper,
.cNavMenu,
.cTopPhoto,
[class*="icon-"] {
display: none !important; }
.cHeader__inner {
padding: 20px;
display: block !important; }
.row--top {
background-color: #fff !important; }
.row--top * {
color: #000 !important; }
.rsNav.rsTabs {
display: none !important; }
.cGallery .rsOverflow {
width: 100% !important;
height: auto !important;
display: block !important; }
.btn, .cClientZone__logout, .cNews-archiv a, .cRecepts .archive a, .recipesList .archive a, .cFtr .recipesList__item .archive a {
border-radius: none !important; }
.royalSlider {
margin-bottom: 20px; }
/**
RESET
=================================================================== */
*:before, *:after {
background: transparent !important;
color: #000 !important;
/* Black prints faster:
http://www.sanbeiji.com/archives/953 */
box-shadow: none !important;
text-shadow: none !important; }
.mainWrapper {
background-color: white !important; }
a,
a:visited {
text-decoration: underline;
color: #0000EE !important; }
a[href] {
word-break: break-all; }
a[href]:after {
display: none !important;
content: "" !important;
font-style: italic;
font-size: 8pt;
display: inline-block;
text-decoration: none;
margin-left: 4px; }
abbr[title]:after {
content: " (" attr(title) ")"; }
.cHeader__logo__link[href]:after,
.cGallery__wrapper a[href]:after,
.cPerson__link[href]:after,
.cSubpages__content > a[href]:after,
.cSubpage__inner > a[href]:after,
.map-canvas a[href]:after,
a[href*="/data"]:after,
a[href*="//data"]:after,
a[href*=""]:after,
.cFiles a[href]:after {
content: "";
display: none !important;
margin-left: 0; }
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""; }
pre,
blockquote {
page-break-inside: avoid; }
table,
.table {
width: 100% !important; }
/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group; }
table,
tr,
img,
ul {
page-break-inside: avoid; }
img {
max-width: 100%;
width: auto;
display: block; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
ul li {
background: none !important; }
ul li::before {
background-image: none !important; }
.cInfobox {
padding-top: 24px !important; }
/**
Upravy csswizardy gridu pro tisk
=================================================================== */
.mainWrapper > .row > .rowInner > .grid > .grid__item, .mainWrapper > .row > .rowInner > .grid > .label--inline, .mainWrapper > .row > .rowInner > .grid > .label--inline + .field {
display: block !important;
width: 100% !important;
float: none !important; }
.mainWrapper > .row > .rowInner > .grid > .grid__item > .gridInner, .mainWrapper > .row > .rowInner > .grid > .label--inline > .gridInner, .mainWrapper > .row > .rowInner > .grid > .label--inline + .field > .gridInner {
page-break-inside: auto; }
.mainWrapper > .row > .rowInner > .grid > .grid__item + .grid__item, .mainWrapper > .row > .rowInner > .grid > .label--inline + .grid__item, .mainWrapper > .row > .rowInner > .grid > .label--inline + .field + .grid__item, .mainWrapper > .row > .rowInner > .grid > .grid__item + .label--inline, .mainWrapper > .row > .rowInner > .grid > .label--inline + .label--inline, .mainWrapper > .row > .rowInner > .grid > .label--inline + .field + .label--inline, .mainWrapper > .row > .rowInner > .grid > .label--inline + .field, .mainWrapper > .row > .rowInner > .grid > .label--inline + .label--inline.field + .field {
display: block !important;
width: 100% !important;
float: none !important; }
.mainWrapper > .row > .rowInner > .grid > .grid__item + .grid__item > .gridInner, .mainWrapper > .row > .rowInner > .grid > .label--inline + .grid__item > .gridInner, .mainWrapper > .row > .rowInner > .grid > .label--inline + .field + .grid__item > .gridInner, .mainWrapper > .row > .rowInner > .grid > .grid__item + .label--inline > .gridInner, .mainWrapper > .row > .rowInner > .grid > .label--inline + .label--inline > .gridInner, .mainWrapper > .row > .rowInner > .grid > .label--inline + .field + .label--inline > .gridInner, .mainWrapper > .row > .rowInner > .grid > .label--inline + .field > .gridInner, .mainWrapper > .row > .rowInner > .grid > .label--inline + .label--inline.field + .field > .gridInner {
page-break-inside: always; }
.pageHeader,
.cText {
page-break-inside: auto !important; }
.grid__item, .label--inline, .label--inline + .field {
float: left !important; }
.cHeader {
margin-bottom: 20px;
padding-bottom: 0 !important;
border-bottom: 1px solid black; }
.cPerex__img {
width: auto;
max-width: 33%; }
.cPerex__img--left {
float: left;
margin-right: 20px; }
.cPerex__img--right {
float: right;
margin-left: 20px; }
.cFiles__rowItem {
margin-bottom: 15px; }
.cBlockquote {
padding: 0; }
.cBlockquote + .figcaption {
margin-left: 0; }
.cBlockquote__text::before {
display: none !important; }
.block-grid__item {
float: left; }
.desk--block-grid--2 > .block-grid__item {
width: 50%; }
.desk--block-grid--3 > .block-grid__item {
width: 33.3333%; }
.desk--block-grid--4 > .block-grid__item {
width: 25%; }
.cHeader__logo img {
max-width: 200px; }
.cPerson--columns .cPerson__photo {
width: 30%;
float: left;
padding-right: 15px;
margin-bottom: 15px; }
.cPerson--columns .cPerson__photo + .cPerson__content {
float: left;
padding-left: 20px; }
.cPerson__phone::before,
.cPerson__mobile::before,
.cPerson__email::before {
display: none !important; }
.cSubpages--perex .cSubpages__img {
float: left;
max-width: 30%;
margin-right: 15px; }
.cSubpages--imageCover {
overflow: visible !important; }
.cSubpages--imageCover * {
position: static !important; }
.cSubpages--imageCover .cSubpages__imgContent {
position: static !important; }
.cSubpages--imageCover .cSubpage--16-9:after,
.cSubpages--imageCover .cSubpage--4-3:after,
.cSubpages--imageCover .cSubpage--1-1:after {
padding-top: 0 !important; } }
.icon-accordion-active::before, .accordion__item__tab--active .accordion__item__holder::before {
content: ""; }
.icon-accordion-active--after::after {
content: ""; }
.icon-accordion::before {
content: ""; }
.icon-accordion--after::after {
content: ""; }
.icon-basket::before {
content: ""; }
.icon-basket--after::after {
content: ""; }
.icon-button::before {
content: ""; }
.icon-button--after::after {
content: ""; }
.icon-checkmark::before {
content: ""; }
.icon-checkmark--after::after {
content: ""; }
.icon-clock::before {
content: ""; }
.icon-clock--after::after {
content: ""; }
.icon-close::before, .userAccountForm form + .editSwitchWrapper .btn::before, .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .cNews-archiv a::before, .cNews-archiv .userAccountForm form + .editSwitchWrapper a::before, .userAccountForm form + .editSwitchWrapper .cRecepts .archive a::before, .cRecepts .archive .userAccountForm form + .editSwitchWrapper a::before, .userAccountForm form + .editSwitchWrapper .recipesList .archive a::before, .recipesList .archive .userAccountForm form + .editSwitchWrapper a::before, .userAccountForm form + .editSwitchWrapper .cFtr .recipesList__item .archive a::before, .cFtr .recipesList__item .archive .userAccountForm form + .editSwitchWrapper a::before {
content: ""; }
.icon-close--after::after {
content: ""; }
.icon-comment::before {
content: ""; }
.icon-comment--after::after {
content: ""; }
.icon-comparison::before {
content: ""; }
.icon-comparison--after::after {
content: ""; }
.icon-crumb::before {
content: ""; }
.icon-crumb--after::after {
content: ""; }
.icon-drop::before {
content: ""; }
.icon-drop--after::after, .nav__item--drop .nav__item__in::after,
.nav__item--mDrop .nav__item__in::after, .dropNav__item--subLev > .dropNav__item__in::after, .dropNav.dropNav--responsive-drop .nav__item .dropNav__item--subLev > .nav__item__in::after {
content: ""; }
.icon-ebrana::before {
content: ""; }
.icon-ebrana--after::after {
content: ""; }
.icon-facebook-v2::before, .cPerson .icon-facebook::before {
content: ""; }
.icon-facebook-v2--after::after {
content: ""; }
.icon-facebook::before {
content: ""; }
.icon-facebook--after::after {
content: ""; }
.icon-fax::before, .cPerson__link--icon-fax::before {
content: ""; }
.icon-fax--after::after {
content: ""; }
.icon-globe::before, .cPerson__link--icon-web::before {
content: ""; }
.icon-globe--after::after {
content: ""; }
.icon-googleplus-v2::before, .cPerson .icon-googleplus::before {
content: ""; }
.icon-googleplus-v2--after::after {
content: ""; }
.icon-googleplus::before {
content: ""; }
.icon-googleplus--after::after {
content: ""; }
.icon-heart::before {
content: ""; }
.icon-heart--after::after {
content: ""; }
.icon-home::before {
content: ""; }
.icon-home--after::after {
content: ""; }
.icon-image::before, .cftSearch__autocomplete__image--noImage::before {
content: ""; }
.icon-image--after::after {
content: ""; }
.icon-info::before, .cInfobox--info::before {
content: ""; }
.icon-info--after::after {
content: ""; }
.icon-instagram-v2::before, .cPerson .icon-instagram::before {
content: ""; }
.icon-instagram-v2--after::after {
content: ""; }
.icon-instagram::before {
content: ""; }
.icon-instagram--after::after {
content: ""; }
.icon-invoice::before {
content: ""; }
.icon-invoice--after::after {
content: ""; }
.icon-li::before, .cText ul > li::before,
.cSharedText ul > li::before,
.cSitemap ul > li::before,
.cInfobox ul > li::before,
.cProductListImg ul > li::before, .cPathBox.cProduct ul > li::before,
.cProductListBox ul > li::before,
.cube__inner ul > li::before,
.cke_editable ul > li::before,
.cke_editable_inline ul > li::before,
.cPerex ul > li::before,
.cForm__note ul > li::before {
content: ""; }
.icon-li--after::after {
content: ""; }
.icon-lightbox::before {
content: ""; }
.icon-lightbox--after::after, .cImage .A_lightbox::after,
.cGallery .A_lightbox::after,
.cImage a[data-a-lightbox-gallery]::after,
.cGallery a[data-a-lightbox-gallery]::after {
content: ""; }
.icon-linkedin-v2::before, .cPerson .icon-linkedin::before {
content: ""; }
.icon-linkedin-v2--after::after {
content: ""; }
.icon-linkedin::before {
content: ""; }
.icon-linkedin--after::after {
content: ""; }
.icon-location::before {
content: ""; }
.icon-location--after::after {
content: ""; }
.icon-login::before {
content: ""; }
.icon-login--after::after {
content: ""; }
.icon-logout::before {
content: ""; }
.icon-logout--after::after {
content: ""; }
.icon-mail-v2::before {
content: ""; }
.icon-mail-v2--after::after {
content: ""; }
.icon-mail::before, .infoText--mail::before, .cPerson__link--icon-email::before {
content: ""; }
.icon-mail--after::after {
content: ""; }
.icon-menu::before {
content: ""; }
.icon-menu--after::after {
content: ""; }
.icon-menuHolder--active::before {
content: ""; }
.icon-menuHolder--active--after::after {
content: ""; }
.icon-menuHolder::before {
content: ""; }
.icon-menuHolder--after::after {
content: ""; }
.icon-negative::before, .cInfobox--negative::before {
content: ""; }
.icon-negative--after::after {
content: ""; }
.icon-neutral::before, .cInfobox--neutral::before {
content: ""; }
.icon-neutral--after::after {
content: ""; }
.icon-pagination-next::before {
content: ""; }
.icon-pagination-next--after::after {
content: ""; }
.icon-pagination-prev::before {
content: ""; }
.icon-pagination-prev--after::after {
content: ""; }
.icon-pencil::before {
content: ""; }
.icon-pencil--after::after {
content: ""; }
.icon-phone::before, .infoText--phone::before, .cPerson__link--icon-mobile::before {
content: ""; }
.icon-phone--after::after {
content: ""; }
.icon-pinterest-v2::before, .cPerson .icon-pinterest::before {
content: ""; }
.icon-pinterest-v2--after::after {
content: ""; }
.icon-pinterest::before {
content: ""; }
.icon-pinterest--after::after {
content: ""; }
.icon-positive::before, .cInfobox--positive::before {
content: ""; }
.icon-positive--after::after {
content: ""; }
.icon-productListImage::before {
content: ""; }
.icon-productListImage--after::after {
content: ""; }
.icon-productListLine::before {
content: ""; }
.icon-productListLine--after::after {
content: ""; }
.icon-productListTable::before {
content: ""; }
.icon-productListTable--after::after {
content: ""; }
.icon-question-circle::before {
content: ""; }
.icon-question-circle--after::after {
content: ""; }
.icon-quote-v2::before {
content: ""; }
.icon-quote-v2--after::after {
content: ""; }
.icon-quote::before, .cBlockquote--image.bottom .cBlockquote__text::before, .cBlockquote--image.left blockquote::before, .cBlockquote--image.right blockquote::before {
content: ""; }
.icon-quote--after::after, .cBlockquote--image.top .cBlockquote__text::after {
content: ""; }
.icon-rss::before {
content: ""; }
.icon-rss--after::after {
content: ""; }
.icon-scales::before {
content: ""; }
.icon-scales--after::after {
content: ""; }
.icon-search::before {
content: ""; }
.icon-search--after::after {
content: ""; }
.icon-share::before {
content: ""; }
.icon-share--after::after {
content: ""; }
.icon-sliderAnchor::before {
content: ""; }
.icon-sliderAnchor--after::after {
content: ""; }
.icon-sliderArrow::before, .rsClear .rsThumbsArrowIcn::before, .rsDefault .rsArrowIcn::before {
content: ""; }
.icon-sliderArrow--after::after {
content: ""; }
.icon-spotify::before {
content: ""; }
.icon-spotify--after::after {
content: ""; }
.icon-star::before {
content: ""; }
.icon-star--after::after {
content: ""; }
.icon-submit::before {
content: ""; }
.icon-submit--after::after {
content: ""; }
.icon-tags::before {
content: ""; }
.icon-tags--after::after {
content: ""; }
.icon-telephone-v2::before {
content: ""; }
.icon-telephone-v2--after::after {
content: ""; }
.icon-telephone::before, .infoText--telephone::before, .cPerson__link--icon-phone::before {
content: ""; }
.icon-telephone--after::after {
content: ""; }
.icon-tiktok-v2::before {
content: ""; }
.icon-tiktok-v2--after::after {
content: ""; }
.icon-tiktok::before {
content: ""; }
.icon-tiktok--after::after {
content: ""; }
.icon-twitter-v2::before, .cPerson .icon-twitter::before {
content: ""; }
.icon-twitter-v2--after::after {
content: ""; }
.icon-twitter::before {
content: ""; }
.icon-twitter--after::after {
content: ""; }
.icon-user::before {
content: ""; }
.icon-user--after::after {
content: ""; }
.icon-video-play::before, .cVideo__thumbnail::before {
content: ""; }
.icon-video-play--after::after {
content: ""; }
.icon-video-sound::before {
content: ""; }
.icon-video-sound--after::after {
content: ""; }
.icon-youtube-v2::before, .cPerson .icon-youtube::before {
content: ""; }
.icon-youtube-v2--after::after {
content: ""; }
.icon-youtube::before {
content: ""; }
.icon-youtube--after::after {
content: ""; }
.icon-clock::before {
content: ""; }
.icon-clock--after::after {
content: ""; }
.icon-close::before, .userAccountForm form + .editSwitchWrapper .btn::before, .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .cNews-archiv a::before, .cNews-archiv .userAccountForm form + .editSwitchWrapper a::before, .userAccountForm form + .editSwitchWrapper .cRecepts .archive a::before, .cRecepts .archive .userAccountForm form + .editSwitchWrapper a::before, .userAccountForm form + .editSwitchWrapper .recipesList .archive a::before, .recipesList .archive .userAccountForm form + .editSwitchWrapper a::before, .userAccountForm form + .editSwitchWrapper .cFtr .recipesList__item .archive a::before, .cFtr .recipesList__item .archive .userAccountForm form + .editSwitchWrapper a::before {
content: ""; }
.icon-close--after::after {
content: ""; }
.icon-comment::before {
content: ""; }
.icon-comment--after::after {
content: ""; }
.icon-crumb::before {
content: ""; }
.icon-crumb--after::after {
content: ""; }
.icon-drop::before {
content: ""; }
.icon-drop--after::after, .nav__item--drop .nav__item__in::after,
.nav__item--mDrop .nav__item__in::after, .dropNav__item--subLev > .dropNav__item__in::after, .dropNav.dropNav--responsive-drop .nav__item .dropNav__item--subLev > .nav__item__in::after {
content: ""; }
.icon-ebrana::before {
content: ""; }
.icon-ebrana--after::after {
content: ""; }
.icon-facebook-v2::before, .cPerson .icon-facebook::before {
content: ""; }
.icon-facebook-v2--after::after {
content: ""; }
.icon-facebook::before {
content: ""; }
.icon-facebook--after::after {
content: ""; }
.icon-fax::before, .cPerson__link--icon-fax::before {
content: ""; }
.icon-fax--after::after {
content: ""; }
.icon-globe::before, .cPerson__link--icon-web::before {
content: ""; }
.icon-globe--after::after {
content: ""; }
.icon-googleplus-v2::before, .cPerson .icon-googleplus::before {
content: ""; }
.icon-googleplus-v2--after::after {
content: ""; }
.icon-googleplus::before {
content: ""; }
.icon-googleplus--after::after {
content: ""; }
.icon-heart::before {
content: ""; }
.icon-heart--after::after {
content: ""; }
.icon-home::before {
content: ""; }
.icon-home--after::after {
content: ""; }
.icon-image::before, .cftSearch__autocomplete__image--noImage::before {
content: ""; }
.icon-image--after::after {
content: ""; }
.icon-info::before, .cInfobox--info::before {
content: ""; }
.icon-info--after::after {
content: ""; }
.icon-instagram-v2::before, .cPerson .icon-instagram::before {
content: ""; }
.icon-instagram-v2--after::after {
content: ""; }
.icon-instagram::before {
content: ""; }
.icon-instagram--after::after {
content: ""; }
.icon-li::before, .cText ul > li::before,
.cSharedText ul > li::before,
.cSitemap ul > li::before,
.cInfobox ul > li::before,
.cProductListImg ul > li::before, .cPathBox.cProduct ul > li::before,
.cProductListBox ul > li::before,
.cube__inner ul > li::before,
.cke_editable ul > li::before,
.cke_editable_inline ul > li::before,
.cPerex ul > li::before,
.cForm__note ul > li::before {
content: ""; }
.icon-li--after::after {
content: ""; }
.icon-lightbox::before {
content: ""; }
.icon-lightbox--after::after, .cImage .A_lightbox::after,
.cGallery .A_lightbox::after,
.cImage a[data-a-lightbox-gallery]::after,
.cGallery a[data-a-lightbox-gallery]::after {
content: ""; }
.icon-linkedin-v2::before, .cPerson .icon-linkedin::before {
content: ""; }
.icon-linkedin-v2--after::after {
content: ""; }
.icon-linkedin::before {
content: ""; }
.icon-linkedin--after::after {
content: ""; }
.icon-location::before {
content: ""; }
.icon-location--after::after {
content: ""; }
.icon-login::before {
content: ""; }
.icon-login--after::after {
content: ""; }
.icon-logout::before {
content: ""; }
.icon-logout--after::after {
content: ""; }
.icon-mail::before, .infoText--mail::before, .cPerson__link--icon-email::before {
content: ""; }
.icon-mail--after::after {
content: ""; }
.icon-marker::before {
content: ""; }
.icon-marker--after::after {
content: ""; }
.icon-menu::before {
content: ""; }
.icon-menu--after::after {
content: ""; }
.icon-menuHolder--active::before {
content: ""; }
.icon-menuHolder--active--after::after {
content: ""; }
.icon-menuHolder::before {
content: ""; }
.icon-menuHolder--after::after {
content: ""; }
.icon-negative::before, .cInfobox--negative::before {
content: ""; }
.icon-negative--after::after {
content: ""; }
.icon-neutral::before, .cInfobox--neutral::before {
content: ""; }
.icon-neutral--after::after {
content: ""; }
.icon-pagination-next::before {
content: ""; }
.icon-pagination-next--after::after {
content: ""; }
.icon-pagination-prev::before {
content: ""; }
.icon-pagination-prev--after::after {
content: ""; }
.icon-phone::before, .infoText--phone::before, .cPerson__link--icon-mobile::before {
content: ""; }
.icon-phone--after::after {
content: ""; }
.icon-pinterest-v2::before, .cPerson .icon-pinterest::before {
content: ""; }
.icon-pinterest-v2--after::after {
content: ""; }
.icon-pinterest::before {
content: ""; }
.icon-pinterest--after::after {
content: ""; }
.icon-positive::before, .cInfobox--positive::before {
content: ""; }
.icon-positive--after::after {
content: ""; }
.icon-productListImage::before {
content: ""; }
.icon-productListImage--after::after {
content: ""; }
.icon-productListLine::before {
content: ""; }
.icon-productListLine--after::after {
content: ""; }
.icon-productListTable::before {
content: ""; }
.icon-productListTable--after::after {
content: ""; }
.icon-quote::before, .cBlockquote--image.bottom .cBlockquote__text::before, .cBlockquote--image.left blockquote::before, .cBlockquote--image.right blockquote::before {
content: ""; }
.icon-quote--after::after, .cBlockquote--image.top .cBlockquote__text::after {
content: ""; }
.icon-rss::before {
content: ""; }
.icon-rss--after::after {
content: ""; }
.icon-search::before {
content: ""; }
.icon-search--after::after {
content: ""; }
.icon-sliderArrow::before, .rsClear .rsThumbsArrowIcn::before, .rsDefault .rsArrowIcn::before {
content: ""; }
.icon-sliderArrow--after::after {
content: ""; }
.icon-submit::before {
content: ""; }
.icon-submit--after::after {
content: ""; }
.icon-tags::before {
content: ""; }
.icon-tags--after::after {
content: ""; }
.icon-telephone::before, .infoText--telephone::before, .cPerson__link--icon-phone::before {
content: ""; }
.icon-telephone--after::after {
content: ""; }
.icon-twitter-v2::before, .cPerson .icon-twitter::before {
content: ""; }
.icon-twitter-v2--after::after {
content: ""; }
.icon-twitter::before {
content: ""; }
.icon-twitter--after::after {
content: ""; }
.icon-user::before {
content: ""; }
.icon-user--after::after {
content: ""; }
.icon-video-play::before, .cVideo__thumbnail::before {
content: ""; }
.icon-video-play--after::after {
content: ""; }
.icon-video-sound::before {
content: ""; }
.icon-video-sound--after::after {
content: ""; }
.icon-youtube-v2::before, .cPerson .icon-youtube::before {
content: ""; }
.icon-youtube-v2--after::after {
content: ""; }
.icon-youtube::before {
content: ""; }
.icon-youtube--after::after {
content: ""; }
.cHorGap {
margin-bottom: 48px ;
margin-bottom: 3rem ; }
.more {
margin-top: 6px ;
margin-top: 0.375rem ;
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.more__link {
font-size: 13px;
font-size: 0.8125rem;
text-decoration: none; }
.more__link:hover {
text-decoration: underline; }
.btn--default, .btn--standard, .btn--cta, .cMap__field .btn, .cMap__field .cClientZone__logout, .cMap__field .cNews-archiv a, .cNews-archiv .cMap__field a, .cMap__field .cRecepts .archive a, .cRecepts .archive .cMap__field a, .cMap__field .recipesList .archive a, .recipesList .archive .cMap__field a, .cMap__field .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cMap__field a, .cFtr__search .search__btn, .cNewsletter .btn, .cNewsletter .cClientZone__logout, .cNewsletter .cNews-archiv a, .cNews-archiv .cNewsletter a, .cNewsletter .cRecepts .archive a, .cRecepts .archive .cNewsletter a, .cNewsletter .recipesList .archive a, .recipesList .archive .cNewsletter a, .cNewsletter .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cNewsletter a, .cForm .btn, .cForm .cClientZone__logout, .cForm .cNews-archiv a, .cNews-archiv .cForm a, .cForm .cRecepts .archive a, .cRecepts .archive .cForm a, .cForm .recipesList .archive a, .recipesList .archive .cForm a, .cForm .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cForm a, .cConversButton .btn:not(.btn--inverse), .cConversButton .cClientZone__logout:not(.btn--inverse), .cConversButton .cNews-archiv a:not(.btn--inverse), .cNews-archiv .cConversButton a:not(.btn--inverse), .cConversButton .cRecepts .archive a:not(.btn--inverse), .cRecepts .archive .cConversButton a:not(.btn--inverse), .cConversButton .recipesList .archive a:not(.btn--inverse), .recipesList .archive .cConversButton a:not(.btn--inverse), .cConversButton .cFtr .recipesList__item .archive a:not(.btn--inverse), .cFtr .recipesList__item .archive .cConversButton a:not(.btn--inverse), .btn.btn--slide, .btn--slide.cClientZone__logout, .cNews-archiv a.btn--slide, .cRecepts .archive a.btn--slide, .recipesList .archive a.btn--slide, .cFtr .recipesList__item .archive a.btn--slide, .cNews-archiv a {
background-color: transparent !important;
color: var(--c-green-600) !important;
border: 1px solid var(--c-green-600) !important; }
.btn--default:hover, .btn--standard:hover, .btn--cta:hover, .cMap__field .btn:hover, .cMap__field .cClientZone__logout:hover, .cMap__field .cRecepts .archive a:hover, .cRecepts .archive .cMap__field a:hover, .cMap__field .recipesList .archive a:hover, .recipesList .archive .cMap__field a:hover, .cMap__field .cFtr .recipesList__item .archive a:hover, .cFtr .recipesList__item .archive .cMap__field a:hover, .cFtr__search .search__btn:hover, .cNewsletter .btn:hover, .cNewsletter .cClientZone__logout:hover, .cNewsletter .cRecepts .archive a:hover, .cRecepts .archive .cNewsletter a:hover, .cNewsletter .recipesList .archive a:hover, .recipesList .archive .cNewsletter a:hover, .cNewsletter .cFtr .recipesList__item .archive a:hover, .cFtr .recipesList__item .archive .cNewsletter a:hover, .cForm .btn:hover, .cForm .cClientZone__logout:hover, .cForm .cRecepts .archive a:hover, .cRecepts .archive .cForm a:hover, .cForm .recipesList .archive a:hover, .recipesList .archive .cForm a:hover, .cForm .cFtr .recipesList__item .archive a:hover, .cFtr .recipesList__item .archive .cForm a:hover, .cConversButton .btn:hover:not(.btn--inverse), .cConversButton .cClientZone__logout:hover:not(.btn--inverse), .cConversButton .cNews-archiv a:hover:not(.btn--inverse), .cNews-archiv .cConversButton a:hover:not(.btn--inverse), .cConversButton .cRecepts .archive a:hover:not(.btn--inverse), .cRecepts .archive .cConversButton a:hover:not(.btn--inverse), .cConversButton .recipesList .archive a:hover:not(.btn--inverse), .recipesList .archive .cConversButton a:hover:not(.btn--inverse), .cConversButton .cFtr .recipesList__item .archive a:hover:not(.btn--inverse), .cFtr .recipesList__item .archive .cConversButton a:hover:not(.btn--inverse), .btn.btn--slide:hover, .btn--slide.cClientZone__logout:hover, .cRecepts .archive a.btn--slide:hover, .recipesList .archive a.btn--slide:hover, .cFtr .recipesList__item .archive a.btn--slide:hover, .cNews-archiv a:hover {
background-color: var(--c-green-600) !important;
color: #FFF !important;
border-color: var(--c-green-600) !important; }
.btn--inverse, .btn-navigate, .btn.js-cc-banner-confirm-btn, .js-cc-banner-confirm-btn.cClientZone__logout, .cNews-archiv a.js-cc-banner-confirm-btn, .text--light .cNews--arch a, .text--light .cNews-archiv a, .row--newsletter .cForm__inner .btn.btn--submit, .row--newsletter .cForm__inner .btn--submit.cClientZone__logout, .row--newsletter .cForm__inner .cNews-archiv a.btn--submit, .cNews-archiv .row--newsletter .cForm__inner a.btn--submit, .row--newsletter .cForm__inner .cRecepts .archive a.btn--submit, .cRecepts .archive .row--newsletter .cForm__inner a.btn--submit, .row--newsletter .cForm__inner .recipesList .archive a.btn--submit, .recipesList .archive .row--newsletter .cForm__inner a.btn--submit, .row--newsletter .cForm__inner .cFtr .recipesList__item .archive a.btn--submit, .cFtr .recipesList__item .archive .row--newsletter .cForm__inner a.btn--submit, .cHtmlSlider .rsABlock__title .btn, .cHtmlSlider .rsABlock__title .cClientZone__logout, .cHtmlSlider .rsABlock__title .cNews-archiv a, .cNews-archiv .cHtmlSlider .rsABlock__title a, .cHtmlSlider .rsABlock__title .cRecepts .archive a, .cRecepts .archive .cHtmlSlider .rsABlock__title a, .cHtmlSlider .rsABlock__title .recipesList .archive a, .recipesList .archive .cHtmlSlider .rsABlock__title a, .cRecepts .archive a, .recipesList .archive a, .cFtr .recipesList__item .archive a {
background-color: transparent !important;
color: #FFF !important;
border: 1px solid #FFF !important; }
.btn--inverse:hover, .btn-navigate:hover, .btn.js-cc-banner-confirm-btn:hover, .js-cc-banner-confirm-btn.cClientZone__logout:hover, .cNews-archiv a.js-cc-banner-confirm-btn:hover, .text--light .cNews--arch a:hover, .text--light .cNews-archiv a:hover, .row--newsletter .cForm__inner .btn.btn--submit:hover, .row--newsletter .cForm__inner .btn--submit.cClientZone__logout:hover, .row--newsletter .cForm__inner .cNews-archiv a.btn--submit:hover, .cNews-archiv .row--newsletter .cForm__inner a.btn--submit:hover, .row--newsletter .cForm__inner .cRecepts .archive a.btn--submit:hover, .cRecepts .archive .row--newsletter .cForm__inner a.btn--submit:hover, .row--newsletter .cForm__inner .recipesList .archive a.btn--submit:hover, .recipesList .archive .row--newsletter .cForm__inner a.btn--submit:hover, .cHtmlSlider .rsABlock__title .btn:hover, .cHtmlSlider .rsABlock__title .cClientZone__logout:hover, .cHtmlSlider .rsABlock__title .cNews-archiv a:hover, .cNews-archiv .cHtmlSlider .rsABlock__title a:hover, .cRecepts .archive a:hover, .recipesList .archive a:hover, .cFtr .recipesList__item .archive a:hover {
color: var(--c-green-600) !important;
background-color: #FFF !important;
border-color: #FFF !important; }
.btn--default, .btn--standard, .btn--cta, .cMap__field .btn, .cMap__field .cClientZone__logout, .cMap__field .cNews-archiv a, .cNews-archiv .cMap__field a, .cFtr__search .search__btn, .cNewsletter .btn, .cNewsletter .cClientZone__logout, .cNewsletter .cNews-archiv a, .cNews-archiv .cNewsletter a, .cForm .btn, .cForm .cClientZone__logout, .cForm .cNews-archiv a, .cNews-archiv .cForm a, .cConversButton .btn:not(.btn--inverse), .cConversButton .cClientZone__logout:not(.btn--inverse), .cConversButton .cNews-archiv a:not(.btn--inverse), .cNews-archiv .cConversButton a:not(.btn--inverse), .cConversButton .cRecepts .archive a:not(.btn--inverse), .cRecepts .archive .cConversButton a:not(.btn--inverse), .cConversButton .recipesList .archive a:not(.btn--inverse), .recipesList .archive .cConversButton a:not(.btn--inverse), .btn--inverse, .btn-navigate, .btn.js-cc-banner-confirm-btn, .js-cc-banner-confirm-btn.cClientZone__logout, .cNews-archiv a.js-cc-banner-confirm-btn, .btn.btn--slide, .btn--slide.cClientZone__logout, .cNews-archiv a.btn--slide, a.link-icon, .cNews-archiv a, .row--newsletter .cForm__inner .btn.btn--submit, .row--newsletter .cForm__inner .btn--submit.cClientZone__logout, .row--newsletter .cForm__inner .cNews-archiv a.btn--submit, .cNews-archiv .row--newsletter .cForm__inner a.btn--submit, .row--newsletter .cForm__inner .cRecepts .archive a.btn--submit, .cRecepts .archive .row--newsletter .cForm__inner a.btn--submit, .row--newsletter .cForm__inner .recipesList .archive a.btn--submit, .recipesList .archive .row--newsletter .cForm__inner a.btn--submit, .row--newsletter .cForm__inner .cFtr .recipesList__item .archive a.btn--submit, .cFtr .recipesList__item .archive .row--newsletter .cForm__inner a.btn--submit, .cRecepts .archive a, .recipesList .archive a, .cFtr .recipesList__item .archive a {
background-repeat: no-repeat;
background-position: right 1.13rem center;
background-size: 10px auto;
padding-right: 2.25rem !important; }
@media (min-width: 768px) {
.btn--default, .btn--standard, .btn--cta, .cMap__field .btn, .cMap__field .cClientZone__logout, .cMap__field .cNews-archiv a, .cNews-archiv .cMap__field a, .cFtr__search .search__btn, .cNewsletter .btn, .cNewsletter .cClientZone__logout, .cNewsletter .cNews-archiv a, .cNews-archiv .cNewsletter a, .cForm .btn, .cForm .cClientZone__logout, .cForm .cNews-archiv a, .cNews-archiv .cForm a, .cConversButton .btn:not(.btn--inverse), .cConversButton .cClientZone__logout:not(.btn--inverse), .cConversButton .cNews-archiv a:not(.btn--inverse), .cNews-archiv .cConversButton a:not(.btn--inverse), .cConversButton .cRecepts .archive a:not(.btn--inverse), .cRecepts .archive .cConversButton a:not(.btn--inverse), .cConversButton .recipesList .archive a:not(.btn--inverse), .recipesList .archive .cConversButton a:not(.btn--inverse), .btn--inverse, .btn-navigate, .btn.js-cc-banner-confirm-btn, .js-cc-banner-confirm-btn.cClientZone__logout, .cNews-archiv a.js-cc-banner-confirm-btn, .btn.btn--slide, .btn--slide.cClientZone__logout, .cNews-archiv a.btn--slide, a.link-icon, .cNews-archiv a, .row--newsletter .cForm__inner .btn.btn--submit, .row--newsletter .cForm__inner .btn--submit.cClientZone__logout, .row--newsletter .cForm__inner .cNews-archiv a.btn--submit, .cNews-archiv .row--newsletter .cForm__inner a.btn--submit, .row--newsletter .cForm__inner .cRecepts .archive a.btn--submit, .cRecepts .archive .row--newsletter .cForm__inner a.btn--submit, .row--newsletter .cForm__inner .recipesList .archive a.btn--submit, .recipesList .archive .row--newsletter .cForm__inner a.btn--submit, .row--newsletter .cForm__inner .cFtr .recipesList__item .archive a.btn--submit, .cFtr .recipesList__item .archive .row--newsletter .cForm__inner a.btn--submit, .cRecepts .archive a, .recipesList .archive a, .cFtr .recipesList__item .archive a {
background-position: right 1.34rem center;
padding-right: 4.7rem !important;
background-size: 15px auto; } }
.btn--inverse, .btn-navigate, .btn.js-cc-banner-confirm-btn, .js-cc-banner-confirm-btn.cClientZone__logout, .cNews-archiv a.js-cc-banner-confirm-btn, .btn.btn--slide, .btn--slide.cClientZone__logout, .cNews-archiv a.btn--slide, .text--light .cNews--arch a, .text--light .cNews-archiv a, .row--newsletter .cForm__inner .btn.btn--submit, .row--newsletter .cForm__inner .btn--submit.cClientZone__logout, .row--newsletter .cForm__inner .cNews-archiv a.btn--submit, .cNews-archiv .row--newsletter .cForm__inner a.btn--submit, .row--newsletter .cForm__inner .cRecepts .archive a.btn--submit, .cRecepts .archive .row--newsletter .cForm__inner a.btn--submit, .row--newsletter .cForm__inner .recipesList .archive a.btn--submit, .recipesList .archive .row--newsletter .cForm__inner a.btn--submit, .row--newsletter .cForm__inner .cFtr .recipesList__item .archive a.btn--submit, .cFtr .recipesList__item .archive .row--newsletter .cForm__inner a.btn--submit, .cRecepts .archive a, .recipesList .archive a, .cFtr .recipesList__item .archive a {
background-image: url('data:image/svg+xml,
') !important; }
.btn--inverse:hover, .btn-navigate:hover, .btn.js-cc-banner-confirm-btn:hover, .js-cc-banner-confirm-btn.cClientZone__logout:hover, .cNews-archiv a.js-cc-banner-confirm-btn:hover, .btn.btn--slide:hover, .btn--slide.cClientZone__logout:hover, .cNews-archiv a.btn--slide:hover, .text--light .cNews--arch a:hover, .text--light .cNews-archiv a:hover, .row--newsletter .cForm__inner .btn.btn--submit:hover, .row--newsletter .cForm__inner .btn--submit.cClientZone__logout:hover, .row--newsletter .cForm__inner .cNews-archiv a.btn--submit:hover, .cNews-archiv .row--newsletter .cForm__inner a.btn--submit:hover, .row--newsletter .cForm__inner .cRecepts .archive a.btn--submit:hover, .cRecepts .archive .row--newsletter .cForm__inner a.btn--submit:hover, .row--newsletter .cForm__inner .recipesList .archive a.btn--submit:hover, .recipesList .archive .row--newsletter .cForm__inner a.btn--submit:hover, .cRecepts .archive a:hover, .recipesList .archive a:hover, .cFtr .recipesList__item .archive a:hover {
background-image: url('data:image/svg+xml,
') !important; }
.btn--default, .btn--standard, .btn--cta, .cMap__field .btn, .cMap__field .cClientZone__logout, .cMap__field .cNews-archiv a, .cNews-archiv .cMap__field a, .cMap__field .cRecepts .archive a, .cRecepts .archive .cMap__field a, .cMap__field .recipesList .archive a, .recipesList .archive .cMap__field a, .cMap__field .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cMap__field a, .cFtr__search .search__btn, .cNewsletter .btn, .cNewsletter .cClientZone__logout, .cNewsletter .cNews-archiv a, .cNews-archiv .cNewsletter a, .cNewsletter .cRecepts .archive a, .cRecepts .archive .cNewsletter a, .cNewsletter .recipesList .archive a, .recipesList .archive .cNewsletter a, .cNewsletter .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cNewsletter a, .cForm .btn, .cForm .cClientZone__logout, .cForm .cNews-archiv a, .cNews-archiv .cForm a, .cForm .cRecepts .archive a, .cRecepts .archive .cForm a, .cForm .recipesList .archive a, .recipesList .archive .cForm a, .cForm .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cForm a, .cConversButton .btn:not(.btn--inverse), .cConversButton .cClientZone__logout:not(.btn--inverse), .cConversButton .cNews-archiv a:not(.btn--inverse), .cNews-archiv .cConversButton a:not(.btn--inverse), .cConversButton .cRecepts .archive a:not(.btn--inverse), .cRecepts .archive .cConversButton a:not(.btn--inverse), .cConversButton .recipesList .archive a:not(.btn--inverse), .recipesList .archive .cConversButton a:not(.btn--inverse), .cConversButton .cFtr .recipesList__item .archive a:not(.btn--inverse), .cFtr .recipesList__item .archive .cConversButton a:not(.btn--inverse), a.link-icon, .cNews-archiv a {
background-image: url('data:image/svg+xml,
'); }
.btn--default:hover, .btn--standard:hover, .btn--cta:hover, .cMap__field .btn:hover, .cMap__field .cClientZone__logout:hover, .cMap__field .cRecepts .archive a:hover, .cRecepts .archive .cMap__field a:hover, .cMap__field .recipesList .archive a:hover, .recipesList .archive .cMap__field a:hover, .cMap__field .cFtr .recipesList__item .archive a:hover, .cFtr .recipesList__item .archive .cMap__field a:hover, .cFtr__search .search__btn:hover, .cNewsletter .btn:hover, .cNewsletter .cClientZone__logout:hover, .cNewsletter .cRecepts .archive a:hover, .cRecepts .archive .cNewsletter a:hover, .cNewsletter .recipesList .archive a:hover, .recipesList .archive .cNewsletter a:hover, .cNewsletter .cFtr .recipesList__item .archive a:hover, .cFtr .recipesList__item .archive .cNewsletter a:hover, .cForm .btn:hover, .cForm .cClientZone__logout:hover, .cForm .cRecepts .archive a:hover, .cRecepts .archive .cForm a:hover, .cForm .recipesList .archive a:hover, .recipesList .archive .cForm a:hover, .cForm .cFtr .recipesList__item .archive a:hover, .cFtr .recipesList__item .archive .cForm a:hover, .cConversButton .btn:hover:not(.btn--inverse), .cConversButton .cClientZone__logout:hover:not(.btn--inverse), .cConversButton .cNews-archiv a:hover:not(.btn--inverse), .cNews-archiv .cConversButton a:hover:not(.btn--inverse), .cConversButton .cRecepts .archive a:hover:not(.btn--inverse), .cRecepts .archive .cConversButton a:hover:not(.btn--inverse), .cConversButton .recipesList .archive a:hover:not(.btn--inverse), .recipesList .archive .cConversButton a:hover:not(.btn--inverse), .cConversButton .cFtr .recipesList__item .archive a:hover:not(.btn--inverse), .cFtr .recipesList__item .archive .cConversButton a:hover:not(.btn--inverse), a.link-icon:hover, .cNews-archiv a:hover {
background-image: url('data:image/svg+xml,
') !important; }
.btn, .cClientZone__logout, .cNews-archiv a, .cRecepts .archive a, .recipesList .archive a, .cFtr .recipesList__item .archive a {
border-radius: 10rem !important;
padding: .75rem 1.15rem;
font-size: 0.875rem !important;
font-weight: 400 !important;
line-height: 1 !important;
width: max-content;
transition: .25s; }
@media (min-width: 1200px) {
.btn, .cClientZone__logout, .cNews-archiv a, .cRecepts .archive a, .recipesList .archive a, .cFtr .recipesList__item .archive a {
font-size: 1.125rem !important; } }
.btn--large, .cProduct__buy .btn--buy, .cClientZone.fullScreen .cForm .btn, .cClientZone.fullScreen .cForm .cClientZone__logout, .cClientZone.fullScreen .cForm .cNews-archiv a, .cNews-archiv .cClientZone.fullScreen .cForm a, .cClientZone.fullScreen .cForm .cRecepts .archive a, .cRecepts .archive .cClientZone.fullScreen .cForm a, .cClientZone.fullScreen .cForm .recipesList .archive a, .recipesList .archive .cClientZone.fullScreen .cForm a, .cClientZone.fullScreen .cForm .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cClientZone.fullScreen .cForm a {
font-size: 1.125rem !important;
padding-right: 3.2rem !important;
background-size: .85rem .85rem; }
@media (min-width: 768px) {
.btn, .cClientZone__logout, .cNews-archiv a, .cRecepts .archive a, .recipesList .archive a, .cFtr .recipesList__item .archive a {
padding: 1rem 1.6rem;
font-size: 1.125rem; } }
table,
.table {
width: 100%; }
table th, table td,
.table th,
.table td {
padding: 10px ;
padding: 0.625rem ;
border: 1px solid #ddd;
font-size: 13px;
font-size: 0.8125rem;
text-align: left; }
table th,
.table th {
background-color: #eceff4;
border-bottom-width: 2px; }
table--sideHeader th,
.table--sideHeader th {
border-bottom-width: 1px;
border-right-width: 2px; }
table--striped tr:nth-child(even),
.table--striped tr:nth-child(even) {
background-color: #eceff4; }
table--stripedVert td:nth-child(odd),
.table--stripedVert td:nth-child(odd) {
background-color: #eceff4; }
/*table {
th, td {
@include x-rem(padding, $table-padding);
color: $text-color;
}
caption {
@include font-size($gamma);
@include x-rem(margin-bottom, $half-spacing-unit);
}
}
.table {
// Polozky hlavicky
th {
font-weight: bold;
}
// Tabulka na celou sirku
&--fullWidth {
width: 100%;
max-width: 100%;
}
// Pruhovana tabulka
&--striped {
tbody {
th {
background-color: darken($table-striped-bg, 5%);
}
tr:nth-of-type(odd) {
background-color: $table-striped-bg;
}
}
}
// Pruhovana tabulka s vertikalnimi pruhy
&--stripedVert {
tbody {
th {
background-color: darken($table-striped-bg, 5%);
}
td:nth-of-type(odd) {
background-color: $table-striped-bg;
}
}
}
// Hover na polozkach tabulky
&--hover {
tr:hover {
td {
background: darken($table-striped-bg, 5%);
}
}
}
// Borderovana tabulka
&--bordered {
border: 1px solid $border-color;
th, td {
border: 1px solid $border-color;
}
}
// Tabulka s automatickou sirkou, ktera nebude mit na nejnizsim breakpointu overflow
&--noOverflow {
}
} */
.cText__text table {
border-radius: 0.875rem;
border: 1px solid var(--c-green-600);
font-family: "AeonikFono", serif;
border-collapse: separate !important; }
.cText__text table * {
font-size: 0.8125rem; }
.cText__text table li::before {
top: 6px !important; }
.cText__text table .text--large {
font-size: 0.8125rem; }
.cText__text table p {
margin-bottom: 0.2rem; }
.cText__text table .bottom td {
border-top: 1px solid var(--c-green-600); }
.cText__text table .bottom td:last-of-type {
text-align: right;
font-size: 1.875rem;
padding-right: 1.25rem; }
.cText__text table strong {
color: var(--green-dark, #173530);
font-weight: 700;
line-height: 1.5; }
.cText__text table td {
vertical-align: top;
border: none; }
input:not([type="checkbox"]), select, textarea {
min-height: 50px;
background-color: transparent;
color: #FFF;
padding: 0.25rem 2rem;
font-size: 1rem;
box-shadow: none !important; }
.checkbox-design + label {
font-family: "AeonikFono", serif;
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1.5;
top: 0 !important;
left: 0 !important;
position: relative !important;
pointer-events: auto !important; }
.checkbox-design + label a {
color: #FFF !important; }
.is-active label {
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%) !important; }
.field:hover, .field:focus {
border-color: #b4ab9d !important; }
input[type="checkbox"] + label::after {
border-color: #b4ab9d !important; }
.form-fields__inner {
position: relative; }
.form-fields__inner label {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
transition: .3s;
position: absolute;
top: .9rem;
left: 2rem;
pointer-events: none;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5;
color: #FFF;
width: max-content;
transition-delay: .05s; }
[type="checkbox"], [type="checkbox"] + label {
pointer-events: auto;
height: 1.25rem !important;
width: 1.25rem !important;
top: 3px !important;
left: 0 !important;
background-color: transparent; }
.cForm__gdpr label {
font-size: .815rem; }
.accordion__item__tab {
color: var(--c-green-600);
font-size: 1.5rem;
font-weight: 400;
line-height: 1.25;
background-color: transparent;
border: none;
border-bottom: solid 1px var(--c-green-600);
padding: .8rem 2rem .8rem 0;
position: relative;
text-decoration: none !important; }
.accordion__item__tab:hover {
background-color: transparent !important; }
.accordion__item__tab::before {
position: absolute;
content: '';
inset: 0;
margin-inline: auto 0;
width: 2rem;
background-image: url('data:image/svg+xml,
');
background-repeat: no-repeat;
background-position: center;
transform-origin: center;
transition: .25s;
transform: rotate(180deg); }
.accordion__item__tab--active::before {
transform: rotate(0deg); }
.accordion__item__tab span {
display: none; }
.accordion__item__content {
padding-inline: 0;
border: none;
background-color: transparent; }
.accordion__item__content.is-open {
padding-top: 1.35rem; }
.accordion--tabs {
border: none !important; }
.accordion--tabs li.js--tabs--custom, .accordion--tabs li.js--tabs--custom ~ li {
opacity: 0 !important; }
.accordion--tabs .accordion__item__tab--active {
opacity: 1; }
.accordion--tabs .accordion__tab__wrapper {
display: flex;
overflow: auto hidden;
padding-inline: 20px;
border-bottom: solid 1px rgba(154, 149, 135, 0.623) !important;
column-gap: 1.5rem;
margin-block: .5rem; }
@media (max-width: 1199px) {
.accordion--tabs .accordion__tab__wrapper {
width: 100vw;
max-width: 100vw;
margin: 0 calc(-50vw + 50%); } }
@media (min-width: 1200px) {
.accordion--tabs .accordion__tab__wrapper {
padding-inline: 0 !important; } }
.accordion--tabs .accordion__tab__wrapper a {
padding: .7rem 0;
position: relative;
border-bottom: solid rgba(23, 53, 48, 0) 2px;
transition: .25s;
color: var(--Green-Dark, #173530);
text-align: center;
font-family: "Aeonik", "Open Sans", sans-serif !important;
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
letter-spacing: 0.025rem; }
.accordion--tabs .accordion__tab__wrapper a.active {
border-bottom: solid #173530 2px; }
.accordion--tabs .accordion__content__wrapper {
margin-top: 1.5rem;
position: relative;
min-height: 20px; }
.accordion--tabs .accordion__content__wrapper .accordion__item__content {
position: relative !important;
inset: 0 !important;
opacity: 0;
transition: opacity 1.5s;
display: block !important;
overflow: hidden;
max-height: 0px;
transition-delay: max-height 1.5s;
padding: 0; }
.accordion--tabs .accordion__content__wrapper .accordion__item__content.active {
opacity: 1;
transition-delay: max-height 0s;
max-height: 10000px; }
.accordion--tabs__item__tab {
background-color: transparent !important;
opacity: .5;
transition: .1s;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: max-content;
white-space: nowrap; }
.accordion--tabs__item__tab .accordion__tab__wrapper__image__count {
display: inline-block !important;
color: var(--c-green-600);
text-align: center;
font-family: "Aeonik", "Open Sans", sans-serif;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
padding: 0.5rem;
border: solid #173530 1px;
border-radius: 50%;
width: 2.1rem;
height: 2.1rem; }
.accordion--tabs__item__tab.active {
opacity: 1 !important; }
.accordion--tabs__item__tab::before {
content: unset; }
.accordion--tabs__item__content {
border: none !important; }
.cNavMenu .nav__item__in:hover,
.nav--stacked .nav__item__in:hover, .mDrop ul .nav__item__in:hover,
.nav--stacked-box .nav__item__in:hover, .mDrop ul .nav__item__in:hover {
text-decoration: underline; }
.nav, .mDrop ul, .cPag__nav {
padding-left: 0;
margin-bottom: 0; }
.nav > li:before, .mDrop ul > li:before, .cPag__nav > li:before,
.nav > .nav__item:before, .mDrop ul > .nav__item:before, .cPag__nav > .nav__item:before {
padding-left: 0;
background: none;
content: ""; }
.nav--stacked, .mDrop ul {
margin: 0; }
.nav--stacked__item:not(:last-child) {
border-bottom: 1px solid #ddd; }
.nav--stacked__item__in {
padding: 12px 18px ;
padding: 0.75rem 1.125rem ; }
.nav--stacked-box__item__in {
padding: 12px 18px ;
padding: 0.75rem 1.125rem ;
border-bottom: 1px solid #ddd;
background-color: #eceff4; }
.nav--stacked-box__item__in--lev {
padding-right: 56px ;
padding-right: 3.5rem ; }
.nav--stacked-box.nav--lev2 .nav--stacked-box__item__in, .mDrop ul.nav--lev2 .nav--stacked-box__item__in {
padding-left: 36px ;
padding-left: 2.25rem ; }
.nav--stacked-box.nav--lev3 .nav--stacked-box__item__in, .mDrop ul.nav--lev3 .nav--stacked-box__item__in {
padding-left: 60px ;
padding-left: 3.75rem ; }
.nav--stacked-box.nav--lev4 .nav--stacked-box__item__in, .mDrop ul.nav--lev4 .nav--stacked-box__item__in {
padding-left: 60px ;
padding-left: 3.75rem ; }
.nav--stacked-box .nav--lev__holder, .mDrop ul .nav--lev__holder {
top: 0;
left: auto;
right: 0;
bottom: auto;
position: absolute;
z-index: 1;
padding: 0 12px ;
padding: 0 0.75rem ;
border-left: 1px solid #ddd; }
.nav--stacked-box .nav--lev__holder::before, .mDrop ul .nav--lev__holder::before {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%); }
.nav__parent--lev1 {
background-color: #eceff4; }
.nav__parent--lev1 > .nav__item__in {
font-weight: bold; }
.cHeader__mainNav .nav__item--mDrop:hover .mDrop {
pointer-events: auto; }
.cHeader__mainNav .mDrop {
pointer-events: none; }
@media screen and (min-width: 768px) {
.dropNav,
.mDrop {
transform: translateY(30px);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
transform-origin: 0 0 0;
transition: all .5s;
visibility: hidden; } }
.nav__item--drop:hover > .dropNav,
.dropNav__item--subLev:hover > .dropNav {
transform: translateY(0);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
visibility: visible; }
.nav__item--mDrop:hover .mDrop {
transform: translateY(0);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
visibility: visible; }
.nav .dropNav, .mDrop ul .dropNav, .cPag__nav .dropNav {
margin-left: 0; }
@media screen and (max-width: 767px) {
.nav .mm-panel, .mDrop ul .mm-panel, .cPag__nav .mm-panel {
padding: 0 !important; } }
.dropNav {
text-align: left;
margin-bottom: 0; }
@media screen and (min-width: 768px) {
.dropNav {
min-width: 230px ;
min-width: 14.375rem ;
max-width: 230px ;
max-width: 14.375rem ;
border: 1px solid #ddd; } }
@media screen and (min-width: 1024px) {
.dropNav__item:hover > .dropNav__item__in, .dropNav.dropNav--responsive-drop .nav__item:hover > .dropNav__item__in, .dropNav.dropNav--responsive-drop .cHeader__mainNav .nav > .nav__item--active > .dropNav__item__in, .cHeader__mainNav .dropNav.dropNav--responsive-drop .nav > .nav__item--active > .dropNav__item__in, .dropNav.dropNav--responsive-drop .cHeader__mainNav .mDrop ul > .nav__item--active > .dropNav__item__in, .cHeader__mainNav .mDrop .dropNav.dropNav--responsive-drop ul > .nav__item--active > .dropNav__item__in, .dropNav.dropNav--responsive-drop .mDrop .cHeader__mainNav ul > .nav__item--active > .dropNav__item__in, .mDrop .cHeader__mainNav .dropNav.dropNav--responsive-drop ul > .nav__item--active > .dropNav__item__in, .dropNav.dropNav--responsive-drop .cHeader__mainNav .cPag__nav > .nav__item--active > .dropNav__item__in, .cHeader__mainNav .dropNav.dropNav--responsive-drop .cPag__nav > .nav__item--active > .dropNav__item__in, .dropNav.dropNav--responsive-drop .nav__item .dropNav__item:hover > .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item:hover > .nav__item__in, .dropNav.dropNav--responsive-drop .cHeader__mainNav .nav__item .nav > .nav__item--active > .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .cHeader__mainNav .nav > .nav__item--active > .nav__item__in, .cHeader__mainNav .dropNav.dropNav--responsive-drop .nav__item .nav > .nav__item--active > .nav__item__in, .dropNav.dropNav--responsive-drop .cHeader__mainNav .mDrop .nav__item ul > .nav__item--active > .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .cHeader__mainNav .mDrop ul > .nav__item--active > .nav__item__in, .cHeader__mainNav .mDrop .dropNav.dropNav--responsive-drop .nav__item ul > .nav__item--active > .nav__item__in, .dropNav.dropNav--responsive-drop .mDrop .cHeader__mainNav .nav__item ul > .nav__item--active > .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .mDrop .cHeader__mainNav ul > .nav__item--active > .nav__item__in, .mDrop .cHeader__mainNav .dropNav.dropNav--responsive-drop .nav__item ul > .nav__item--active > .nav__item__in, .dropNav.dropNav--responsive-drop .cHeader__mainNav .nav__item .cPag__nav > .nav__item--active > .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .cHeader__mainNav .cPag__nav > .nav__item--active > .nav__item__in, .cHeader__mainNav .dropNav.dropNav--responsive-drop .nav__item .cPag__nav > .nav__item--active > .nav__item__in {
background-color: #f5f5f5; } }
@media screen and (min-width: 768px) {
.dropNav__item, .dropNav.dropNav--responsive-drop .nav__item {
border-bottom: 1px solid #ddd; } }
.dropNav__item:last-child, .dropNav.dropNav--responsive-drop .nav__item:last-child {
border-bottom: 0; }
.dropNav__item__in, .dropNav.dropNav--responsive-drop .nav__item .nav__item__in {
text-decoration: none;
padding: 10px 24px ;
padding: 0.625rem 1.5rem ;
font-size: 13px;
font-size: 0.8125rem; }
.page--active .dropNav__item__in, .page--active .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .page--active .nav__item__in {
background-color: #f5f5f5; }
.dropNav__item--subLev > .dropNav__item__in::after, .dropNav.dropNav--responsive-drop .nav__item .dropNav__item--subLev > .nav__item__in::after {
position: absolute;
right: 12px;
font-size: 6px !important;
color: #173530;
top: 50%;
transform: translateY(-50%) rotate(-90deg); }
@media screen and (max-width: 767px) {
.dropNav__item--subLev > .dropNav__item__in::after, .dropNav.dropNav--responsive-drop .nav__item .dropNav__item--subLev > .nav__item__in::after {
content: ''; } }
.drop {
top: 100%;
padding: 6px ;
padding: 0.375rem ;
background-color: #eceff4;
border: 1px solid #ddd;
border-top-width: 3px;
border-top-color: #fdb12d; }
.drop__nav {
margin-bottom: 0; }
:root {
--page-top-padding: 1rem;
--page-bg-color: #f2efe8; }
body::-webkit-scrollbar {
width: 0.5rem; }
body::-webkit-scrollbar-track {
background: #1a3530; }
body::-webkit-scrollbar-thumb {
background: #3c6664;
border-radius: 1rem; }
@media (max-width: 1024px) {
body {
overflow: hidden; } }
@media (max-width: 1250px) {
.globalWrapper {
overflow: visible; } }
@media (max-width: 768px) {
.globalWrapper {
overflow-x: hidden; } }
.mainWrapper > .row > .rowInner {
background-color: transparent;
padding-top: var(--page-top-padding); }
.siteWrapper {
background-color: var(--page-bg-color); }
@media (min-width: 1200px) and (max-width: 1350px) {
.row--reverseSpacing {
width: 100vw;
max-width: 100vw;
margin: 0 calc(-50vw + 50%); } }
.homepage .mainWrapper > .row > .rowInner {
padding-top: 0; }
.text--light .cText,
.text--light .cText p,
.text--light .cText a,
.text--light .cText h2,
.text--light h1,
.text--light h1 p,
.text--light h1 a,
.text--light h1 h2,
.text--light h2,
.text--light h2 p,
.text--light h2 a,
.text--light h2 h2,
.text--light h3,
.text--light h3 p,
.text--light h3 a,
.text--light h3 h2,
.text--light h4,
.text--light h4 p,
.text--light h4 a,
.text--light h4 h2,
.text--light h5,
.text--light h5 p,
.text--light h5 a,
.text--light h5 h2 {
color: #fff; }
.text--light--green .cText,
.text--light--green .cText p,
.text--light--green .cText a,
.text--light--green .cText h2,
.text--light--green h1,
.text--light--green h1 p,
.text--light--green h1 a,
.text--light--green h1 h2,
.text--light--green h2,
.text--light--green h2 p,
.text--light--green h2 a,
.text--light--green h2 h2,
.text--light--green h3,
.text--light--green h3 p,
.text--light--green h3 a,
.text--light--green h3 h2,
.text--light--green h4,
.text--light--green h4 p,
.text--light--green h4 a,
.text--light--green h4 h2,
.text--light--green h5,
.text--light--green h5 p,
.text--light--green h5 a,
.text--light--green h5 h2 {
color: #c4d2d4; }
@media (min-width: 1200px) {
.row--news-more {
padding-block: 5rem; } }
.row--productList {
background-position: top right; }
@media (min-width: 1200px) {
.row--productList .cHeading__hx {
margin-bottom: 10rem; } }
@media (max-width: 767px) {
.row--productList {
background-image: none; } }
.row--category-products .row--recipes {
margin-bottom: 0 !important;
padding-bottom: 0 !important; }
.row--has-inner-spacing {
padding: 0; }
.row--story-timeline {
position: relative;
isolation: isolate; }
@media (min-width: 1500px) {
.row--story-timeline {
--_offset: 5rem; } }
.row--story-timeline::before, .row--story-timeline::after {
z-index: 3;
position: absolute;
inset: 0 auto 0.5rem calc(-1 * var(--_offset));
width: var(--_offset);
background: linear-gradient(to right, #173530 0%, rgba(255, 255, 255, 0) 100%);
pointer-events: none; }
@media (min-width: 1500px) {
.row--story-timeline::before, .row--story-timeline::after {
content: ""; } }
.row--story-timeline::after {
inset: 0 calc(-1 * var(--_offset)) 0.5rem auto;
background: linear-gradient(to left, #173530 0%, rgba(255, 255, 255, 0) 100%); }
.row--story-timeline .gridInner {
display: flex;
gap: 1.85rem;
overflow: auto hidden;
padding-inline: 20px;
position: relative; }
@media (min-width: 768px) {
.row--story-timeline .gridInner {
padding-inline: var(--_offset);
margin-inline: calc(-1 * var(--_offset)); } }
@media (max-width: 1399px) {
.row--story-timeline .gridInner {
width: 100vw;
max-width: 100vw;
margin: 0 calc(-50vw + 50%);
padding-inline: 3.25rem; } }
.row--story-timeline .gridInner::-webkit-scrollbar {
height: 0.25rem; }
@media (min-width: 1024px) {
.row--story-timeline .gridInner::-webkit-scrollbar {
height: 0.5rem; } }
.row--story-timeline .gridInner::-webkit-scrollbar-track {
background: #21453f;
border-radius: 4px; }
.row--story-timeline .gridInner::-webkit-scrollbar-thumb {
background: #3c6664;
border-radius: 4px; }
.row--story-timeline .cImage {
min-width: 275px; }
.row--story-timeline .cImage__desc {
color: var(--c-green-300); }
.row--story-timeline .cImage__desc strong {
display: block;
font-family: "Aeonik", "Open Sans", sans-serif;
font-size: 2.8125rem;
font-weight: 400; }
@media (min-width: 1024px) {
.row--story-timeline .cImage__desc strong {
font-size: 4.6875rem; } }
.row--products {
margin-bottom: 3.5rem; }
.row--products h2 {
font-size: 2.8125rem; }
.row--products .gridInner {
display: flex;
flex-direction: column; }
@media (min-width: 1200px) {
.row--products .gridInner {
display: grid;
grid-template-columns: 1fr 2fr;
column-gap: 1.75rem; } }
.row--products .cConversButton {
order: 3; }
.row--products .cProductList .grid .grid__item:last-of-type, .row--products .cProductList .grid .label--inline:last-of-type, .row--products .cProductList .grid .label--inline + .field:last-of-type {
margin-bottom: 0; }
@media (min-width: 768px) {
.row--products .cProductList > .grid {
grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1200px) {
.row--products .cProductList {
grid-row: 1 / 3;
grid-column: 2 / 3; } }
.row--related {
margin-bottom: 4rem; }
@media (max-width: 1023px) {
.row--related .grid__item, .row--related .label--inline, .row--related .label--inline + .field {
width: 100%; } }
@media (max-width: 767px) {
.row--related .cHeading h2 {
font-size: 2.1875rem; } }
@media (min-width: 1200px) {
.row--related .cHeading h2 {
margin-bottom: 0; } }
.row--related .cHeading h3 {
display: none; }
.row--related .cConversButton {
margin-bottom: 1rem; }
@media (max-width: 1199px) {
.row--related .cConversButton {
order: 3; } }
@media (min-width: 1200px) {
.row--related .cConversButton {
margin-bottom: 0;
place-self: end; } }
.row--related .cConversButton div {
text-align: left !important; }
.row--related .gridInner {
display: flex;
flex-direction: column;
flex-wrap: wrap;
font-size: 0; }
@media (min-width: 1200px) {
.row--related .gridInner {
display: grid;
grid-template-columns: 1fr auto;
gap: 2rem; } }
@media (min-width: 1200px) {
.row .cRelatedProducts {
grid-column: 1 / -1; }
.row .cRelatedProducts > h3 {
display: none; } }
.row--recipes {
padding-inline: 0;
margin-top: 0;
margin-bottom: 3.25rem; }
@media (min-width: 1200px) {
.row--recipes {
padding-top: 8rem !important; } }
.mb0 .row--recipes {
margin-bottom: 0; }
.row--recipes .recipesList, .row--recipes .cFtr .recipesList__item, .cFtr .row--recipes .recipesList__item {
padding-bottom: 2rem !important; }
@media (min-width: 1200px) {
.row--arguments {
width: 100vw;
max-width: 100vw;
margin: 0 calc(-50vw + 50%) 4rem;
border-bottom: solid 1px #c5bfaf; } }
.row--arguments > .rowInner > .grid > .grid__item > .gridInner:first-of-type, .row--arguments > .rowInner > .grid > .label--inline > .gridInner:first-of-type, .row--arguments > .rowInner > .grid > .label--inline + .field > .gridInner:first-of-type {
padding: 1.25rem 1.5rem;
display: flex; }
@media (max-width: 1199px) {
.row--arguments > .rowInner > .grid > .grid__item > .gridInner:first-of-type, .row--arguments > .rowInner > .grid > .label--inline > .gridInner:first-of-type, .row--arguments > .rowInner > .grid > .label--inline + .field > .gridInner:first-of-type {
width: 100vw;
max-width: 100vw;
margin: 0 calc(-50vw + 50%);
overflow: auto hidden;
border-bottom: solid 1px #c5bfaf;
gap: 1.65rem; } }
@media (min-width: 1200px) {
.row--arguments > .rowInner > .grid > .grid__item > .gridInner:first-of-type, .row--arguments > .rowInner > .grid > .label--inline > .gridInner:first-of-type, .row--arguments > .rowInner > .grid > .label--inline + .field > .gridInner:first-of-type {
max-width: 1340px;
margin-inline: auto;
display: grid;
grid-template-columns: repeat(5, 1fr);
place-items: center start;
padding-block: 2.4rem; } }
@media (min-width: 1200px) {
.row--arguments > .rowInner > .grid > .grid__item > .gridInner:first-of-type .argument:not(:last-of-type), .row--arguments > .rowInner > .grid > .label--inline > .gridInner:first-of-type .argument:not(:last-of-type), .row--arguments > .rowInner > .grid > .label--inline + .field > .gridInner:first-of-type .argument:not(:last-of-type) {
width: calc(100% - 2rem);
height: 100%;
border-right: #c5bfaf solid 1px;
display: flex;
justify-content: flex-start;
align-items: center; } }
.row--arguments > .rowInner > .grid > .grid__item > .gridInner:first-of-type .cImageBox, .row--arguments > .rowInner > .grid > .label--inline > .gridInner:first-of-type .cImageBox, .row--arguments > .rowInner > .grid > .label--inline + .field > .gridInner:first-of-type .cImageBox {
margin-bottom: 0 !important; }
.row--dark {
position: relative;
isolation: isolate;
padding-bottom: 0.5rem !important; }
@media (min-width: 1200px) {
.row--dark {
padding-bottom: 5rem !important; } }
.row--dark .svg--dots {
z-index: -1;
inset: 16rem 0 auto auto; }
@media (min-width: 1200px) {
.row--dark .svg--dots {
inset: auto auto 2rem 4rem; } }
.row--dark .cImage {
margin-top: 1.5rem; }
.row--dark .cText,
.row--dark .cText p,
.row--dark .cText a,
.row--dark .cText h2 {
color: var(--c-green-300, #c4d2d4); }
.fulltext-wrapper {
margin-bottom: 3rem; }
.cCube, .row--htmlVideo {
margin-bottom: 1.75rem; }
.cShopImages {
margin-block: 3rem; }
@media (min-width: 1200px) {
.cShopImages {
margin-block: 9rem 4rem; } }
.cShopImages--noButton .cConversButton {
display: none; }
@media screen and (min-width: 768px) {
.cShopImages--noButton .cShopImages > .rowInner > .grid {
display: flex;
align-items: center; } }
.cShopImages .col--logos {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
justify-content: space-evenly;
gap: 0.5rem 2rem;
/*.cImage:nth-of-type(1) img {
@media (min-width: 1200px) {
width: 7.65rem;
}
}
.cImage:nth-of-type(2) img {
@media (min-width: 1200px) {
width: 11.5rem;
}
}
.cImage:nth-of-type(3) img {
@media (min-width: 1200px) {
width: 6rem;
}
}
.cImage:nth-of-type(4) img {
@media (min-width: 1200px) {
width: 14.75rem;
}
}*/ }
.cShopImages .logo-row .gridInner {
gap: 0.5rem 2rem;
display: flex;
justify-content: space-evenly;
align-items: center; }
.col--beige, .col--green {
background-color: var(--c-beige-400);
padding-block: 2rem; }
@media (max-width: 767px) {
.col--beige, .col--green {
width: 100vw;
max-width: 100vw;
margin: 0 calc(-50vw + 50%);
padding-inline: 1.5rem; } }
.col--green {
background-color: var(--c-green-200) !important; }
.svg--dots {
position: absolute;
top: 0;
left: 0;
width: 235px;
height: max-content; }
.svg--dots svg {
width: 100%;
height: 100%;
object-fit: cover; }
@media (max-width: 767px) {
.sm-hidden {
display: none; } }
.text--secondary {
font-family: "AeonikFono", serif; }
.title--600 h2, .sm--title--600 h2,
.title--600 h3, .sm--title--600 h3,
.title--600 h4, .sm--title--600 h4 {
font-size: 2.8125rem !important; }
@media (min-width: 768px) {
.title--600 h2, .sm--title--600 h2,
.title--600 h3, .sm--title--600 h3,
.title--600 h4, .sm--title--600 h4 {
font-size: 2.6125rem !important; } }
@media (min-width: 1200px) {
.title--600 h2, .sm--title--600 h2,
.title--600 h3, .sm--title--600 h3,
.title--600 h4, .sm--title--600 h4 {
line-height: 75px ;
line-height: 4.6875rem ;
font-size: 4.6875rem !important; } }
@media (max-width: 767px) {
.title--md--600 h2,
.title--md--600 h3,
.title--md--600 h4 {
font-size: 2.8125rem !important; } }
@media (max-width: 1199px) {
.title--md--600 h2,
.title--md--600 h3,
.title--md--600 h4 {
font-size: 2.6125rem !important; } }
.cDesc {
margin-bottom: 0; }
.mt-negative {
margin-top: -3.25rem;
padding-top: 2rem; }
.ownSourceCode[class*="handwritte"] {
margin-top: -2rem; }
@media (min-width: 768px) {
.ownSourceCode[class*="handwritte"] {
margin-top: -1rem; } }
@media (max-width: 449px) {
.ownSourceCode[class*="handwritte"] {
display: grid;
place-items: start end; } }
[class*='handwritte'] svg path {
fill: #173530; }
.handwritte-inspo {
display: grid;
place-items: start; }
@media (max-width: 767px) {
.handwritte-inspo {
margin: -1rem auto 2rem 5rem !important; } }
@media (min-width: 768px) {
.handwritte-inspo {
place-items: center; } }
.handwritte-inspo svg {
height: max-content;
width: 8rem; }
@media (min-width: 1024px) {
.handwritte-inspo svg {
width: 11.875rem; } }
.handwritte-vysocina {
margin-bottom: 2.75rem;
pointer-events: none; }
@media (min-width: 450px) {
.handwritte-vysocina {
margin-left: 200px; } }
@media (max-width: 449px) {
.handwritte-vysocina {
padding-right: 15vw; } }
@media (min-width: 1200px) {
.handwritte-vysocina {
margin-left: 420px;
margin-top: -2rem !important;
margin-bottom: 4rem; } }
.handwritte-vysocina svg {
height: max-content !important;
width: 9rem; }
@media (min-width: 1200px) {
.handwritte-vysocina svg {
width: 11rem; } }
@media (min-width: 1200px) {
.handwritte-vysocina .lg-none {
display: none; } }
@media (max-width: 1199px) {
.handwritte-vysocina .md-none {
display: none; } }
.handwritte-vysocina.hp {
margin-top: -1.5rem !important;
margin-bottom: 4rem; }
@media (max-width: 767px) {
.handwritte-vysocina.hp {
padding-right: 10vw; } }
@media (min-width: 1200px) {
.handwritte-vysocina-en {
margin-bottom: 1rem !important; } }
.handwritte-prodejny {
padding-right: 17vw;
margin-bottom: 1.25rem;
margin-top: -3rem !important; }
.pageWrapper-mt0 {
margin-top: -3rem;
padding-top: 1rem; }
@media (max-width: 767px) {
.bg-sm-hidden {
background-image: none !important; } }
.img-right-bottom {
background-position: right bottom; }
.img-left-center {
background-position: left center; }
.stickyWrapper .grid {
display: flex;
flex-wrap: wrap; }
.sticky {
position: sticky;
top: 7rem; }
@media (min-width: 1024px) {
.large--cols > .rowInner > .grid {
display: flex; }
.large--cols .gridInner {
height: 100%; } }
@media (min-width: 1200px) {
.limit-w {
max-width: 25rem; } }
@media (min-width: 1200px) {
.limit-w h2 {
max-width: 20rem; } }
.kde-koupit-bg {
background-size: auto !important;
background-repeat: no-repeat;
background-position: right 30%; }
@media (max-width: 1199px) {
.kde-koupit-bg {
background-image: none !important; } }
.contact--bg {
position: relative;
z-index: 0;
pointer-events: none;
background-position: left top; }
@media (max-width: 1199px) {
.contact--bg {
background-image: none !important; } }
@media (min-width: 1200px) {
.contact--bg {
padding-block: 10rem;
margin-block: -10rem; } }
.contact--bg ~ * {
position: relative;
z-index: 2; }
@media (max-width: 1199px) {
.vernostni-program--bg {
background-image: none !important; } }
@media (min-width: 1200px) {
.vernostni-program--bg {
background-position: center left !important; } }
.vernostni-program--bg ol li {
font-size: 1rem !important; }
@media (min-width: 1200px) {
.vernostni-program--bg ol li {
font-size: 1.125rem !important; } }
footer {
overflow-x: hidden; }
.indexTop {
position: relative;
z-index: 10; }
.img--fullW {
width: 100vw;
max-width: 100vw;
margin: 0 calc(-50vw + 50%);
height: 300px; }
@media (min-width: 768px) {
.img--fullW {
height: 400px; } }
@media (min-width: 1500px) {
.img--fullW {
height: 600px; } }
.img--fullW .cImage__imgWrapper,
.img--fullW img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center; }
.img--alignTop img {
object-position: top center; }
@media (max-width: 767px) {
.phone--reverse > .rowInner > .grid {
display: flex;
flex-direction: column-reverse;
gap: 3rem; } }
a.arrowLeft {
text-decoration: none;
background-image: url('data:image/svg+xml,
');
background-repeat: no-repeat;
background-position: left top 0.5rem;
padding-left: 3rem;
padding-bottom: 1rem; }
@media (min-width: 1600px) {
a.arrowLeft {
background-position: left top; } }
a.arrowLeft:hover {
text-decoration: underline; }
.page--blue--header .cHeader {
background-color: #ebefef;
border-color: #c4d2d4; }
.page--blue--body > .rowInner > .grid > .grid___item > .gridInner > .row {
background-color: #ebefef; }
@media (min-width: 768px) {
.align--bottom > .rowInner > .grid {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
margin-bottom: 3rem; } }
.align--bottom > .rowInner > .grid .btn, .align--bottom > .rowInner > .grid .cClientZone__logout, .align--bottom > .rowInner > .grid .cNews-archiv a, .cNews-archiv .align--bottom > .rowInner > .grid a, .align--bottom > .rowInner > .grid .cRecepts .archive a, .cRecepts .archive .align--bottom > .rowInner > .grid a, .align--bottom > .rowInner > .grid .recipesList .archive a, .recipesList .archive .align--bottom > .rowInner > .grid a, .align--bottom > .rowInner > .grid .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .align--bottom > .rowInner > .grid a {
margin-bottom: 0.8rem !important; }
@media (min-width: 1200px) {
.align--bottom > .rowInner > .grid .btn, .align--bottom > .rowInner > .grid .cClientZone__logout, .align--bottom > .rowInner > .grid .cNews-archiv a, .cNews-archiv .align--bottom > .rowInner > .grid a, .align--bottom > .rowInner > .grid .cRecepts .archive a, .cRecepts .archive .align--bottom > .rowInner > .grid a, .align--bottom > .rowInner > .grid .recipesList .archive a, .recipesList .archive .align--bottom > .rowInner > .grid a, .align--bottom > .rowInner > .grid .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .align--bottom > .rowInner > .grid a {
margin-bottom: 0.95rem !important; } }
@media (min-width: 768px) {
.align--bottom > .rowInner > .grid h2 {
margin-bottom: 0.25rem !important; } }
.label {
text-transform: none; }
.cText ul,
.cSharedText ul,
.cSitemap ul,
.cInfobox ul,
.cProductListImg ul, .cPathBox.cProduct ul,
.cProductListBox ul,
.cube__inner ul,
.cke_editable ul,
.cke_editable_inline ul,
.cPerex ul,
.cForm__note ul {
list-style: none; }
.cText ul > li,
.cSharedText ul > li,
.cSitemap ul > li,
.cInfobox ul > li,
.cProductListImg ul > li, .cPathBox.cProduct ul > li,
.cProductListBox ul > li,
.cube__inner ul > li,
.cke_editable ul > li,
.cke_editable_inline ul > li,
.cPerex ul > li,
.cForm__note ul > li {
position: relative;
color: #173530;
padding-left: 14px ;
padding-left: 0.875rem ; }
.cText ul > li::before,
.cSharedText ul > li::before,
.cSitemap ul > li::before,
.cInfobox ul > li::before,
.cProductListImg ul > li::before, .cPathBox.cProduct ul > li::before,
.cProductListBox ul > li::before,
.cube__inner ul > li::before,
.cke_editable ul > li::before,
.cke_editable_inline ul > li::before,
.cPerex ul > li::before,
.cForm__note ul > li::before {
color: #fdb12d;
position: absolute;
left: 0;
top: 8px;
font-size: 12px;
font-size: 0.75rem;
content: '';
width: 4px;
height: 4px;
border-radius: 50%;
background-color: var(--c-green-600); }
ol > li {
margin-left: 24px ;
margin-left: 1.5rem ;
margin-left: 0;
margin-bottom: 1.5rem;
padding-left: 2rem;
font-size: 1rem;
line-height: 1.5; }
@media (min-width: 1200px) {
ol > li {
padding-left: 4rem; }
ol > li:not(:last-of-type) {
margin-bottom: 4rem; } }
ol > li::before {
color: var(--c-green-600);
font-size: 1.625rem;
font-weight: 400;
font-family: "Aeonik", "Open Sans", sans-serif;
transform: translate(0, -25%); }
@media (min-width: 1200px) {
ol > li::before {
font-size: 2.8125rem;
top: -.5rem;
transform: none; } }
h1, h2, h3, h4, h5 {
font-weight: 400;
line-height: 1;
margin-bottom: 1.75rem; }
@media (min-width: 1200px) {
h1, h2, h3, h4, h5 {
line-height: 1.25; } }
h1.cHeading__hx {
max-width: 330px; }
@media (min-width: 1200px) {
h1.cHeading__hx {
max-width: unset; } }
a.link-icon {
text-decoration: none !important;
background-size: .8rem;
padding-right: 1.5rem !important;
background-position: center right; }
a.link-icon:hover {
background-image: url('data:image/svg+xml,
') !important; }
.title--large, .title--large *, .title--500, .title--500 * {
font-size: 3.4375rem; }
@media (min-width: 1200px) {
.title--large, .title--large *, .title--500, .title--500 * {
font-size: 6.875rem; } }
@media (min-width: 1200px) {
.line-h--lg {
margin-bottom: 5rem !important; } }
@media (min-width: 1200px) {
.text--lg--right {
text-align: right; } }
@media (min-width: 1200px) {
.text--lg--right > div {
text-align: right !important; } }
.o-nas-text * {
font-size: 1.5rem !important; }
@media (min-width: 768px) {
.o-nas-text * {
font-size: 1.625rem; } }
.map {
--_map-height: 380px;
--_input-height: 60px;
--_input-pb: 1.15rem; }
@media (min-width: 1024px) {
.map {
--_map-height: 850px;
margin-bottom: 5rem; } }
.map input[type="text"] {
background-color: var(--c-green-400);
border-radius: 1rem;
border: none;
padding: 1.25rem 3rem var(--_input-pb) 1rem !important;
height: var(--_input-height); }
@media (min-width: 1200px) {
.map input[type="text"] {
width: calc(100% - 1rem); } }
.map input[type="text"], .map input[type="text"]::placeholder {
font-size: 1rem;
color: var(--c-green-600); }
.map[data-has-value="false"] .map__metadata__localitiesList {
display: none; }
@media (min-width: 768px) {
.map[data-has-value="false"] .map__metadata__localitiesList {
display: block; } }
@media (min-width: 768px) {
.map .map__metadata__localitiesList {
height: calc(var(--_map-height) - var(--_input-height) - var(--_input-pb));
overflow: hidden auto;
padding-right: 1rem; } }
.map .map__metadata__localitiesList::-webkit-scrollbar {
width: .25rem; }
.map .map__metadata__localitiesList::-webkit-scrollbar-track {
background: #21453F;
border-radius: 4px; }
.map .map__metadata__localitiesList::-webkit-scrollbar-thumb {
background: #3C6664;
border-radius: 4px; }
.map .localityCard {
padding: 1.5rem 1.5rem 1.5rem 2.75rem;
background-color: #1B403A;
border-radius: 1rem;
background-image: url('data:image/svg+xml,
');
background-repeat: no-repeat;
background-position: 1rem 1rem; }
.map .localityCard h4 {
color: #DBE2E3;
font-weight: medium; }
.map .localityCard p {
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.125rem;
letter-spacing: 0.035rem; }
.map .localityCard, .map .localityCard a {
text-decoration: none;
color: var(--c-green-200); }
.cMap .map-canvas {
max-height: unset;
height: var(--_map-height) !important;
border-radius: 1rem; }
.cMap .map-canvas .gmnoprint, .cMap .map-canvas .gm-svpc, .cMap .map-canvas .gm-fullscreen-control {
display: none !important; }
.cMap .map-canvas h4, .cMap .map-canvas .locality__mainInfo {
color: var(--c-green-600);
font-size: 0.875rem !important;
font-weight: 400 !important;
font-family: "Aeonik", "Open Sans", sans-serif !important; }
.cMap .map-canvas h4, .cMap .map-canvas .locality__mainInfo, .cMap .map-canvas .locality__openHours {
padding-left: 2rem; }
.cMap .map-canvas h4 {
position: relative;
margin-bottom: 1rem !important;
padding-right: 1rem;
font-weight: 600 !important;
padding-top: 0.25rem; }
.cMap .map-canvas h4::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 1.25rem;
height: 1.25rem;
background-image: url('data:image/svg+xml,
');
background-repeat: no-repeat;
background-position: center;
background-size: contain; }
.cMap .map-canvas .locality__mainInfo + p {
margin-bottom: 0; }
.cMap .map-canvas .locality__openHours {
color: #739AA1;
font-family: "AeonikFono", serif;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.125rem;
letter-spacing: 0.035rem; }
/* ==========================================================================================
Kosticka SOUBORY KE STAZENI - designova vrstva
========================================================================================== */
.cFiles {
/*
1.1 Soubory bez ikony - modifikace
--------------------------------------------------------------------------------- */ }
.cFiles__row {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
.cFiles__rowItem:nth-child(2) {
padding-left: 35px ;
padding-left: 2.1875rem ; }
.cFiles__title, .cFiles__extension, .cFiles__size {
display: inline-block;
vertical-align: middle; }
.cConversButton {
text-align: center;
padding: 0; }
.cConversButton .cHeading {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.cConversButton--colored {
background-color: #eceff4; }
.cMenuTags--vertical .nav, .cMenuTags--vertical .mDrop ul, .mDrop .cMenuTags--vertical ul, .cMenuTags--vertical .cPag__nav {
border: 1px solid #ddd; }
.cMenuTags--vertical .nav__item {
border-bottom: 1px solid #ddd; }
.cMenuTags--vertical .nav__item:last-child {
border-bottom: 0; }
.cMenuTags--vertical .nav__item__in {
display: block;
background-color: #eceff4; }
.cMenuTags--horisontal .nav, .cMenuTags--horisontal .mDrop ul, .mDrop .cMenuTags--horisontal ul, .cMenuTags--horisontal .cPag__nav {
padding-inline: 1.5rem;
padding-block: .5rem;
display: flex;
flex-direction: row;
overflow: auto hidden;
gap: 1.8rem; }
@media (max-width: 767px) {
.cMenuTags--horisontal .nav, .cMenuTags--horisontal .mDrop ul, .mDrop .cMenuTags--horisontal ul, .cMenuTags--horisontal .cPag__nav {
width: 100vw;
max-width: 100vw;
margin: 0 calc(-50vw + 50%); } }
@media (min-width: 768px) {
.cMenuTags--horisontal .nav, .cMenuTags--horisontal .mDrop ul, .mDrop .cMenuTags--horisontal ul, .cMenuTags--horisontal .cPag__nav {
justify-content: flex-start;
padding-inline: 0; } }
.cMenuTags--horisontal .nav__item {
margin: .25rem 0;
width: max-content; }
.cMenuTags--horisontal .nav__item--active a {
color: var(--c-beige-300) !important;
background-color: var(--c-green-600) !important; }
.cMenuTags--horisontal .nav__item a {
border: 1px solid var(--c-green-600) !important;
padding: 0.5rem 1.25rem;
white-space: nowrap;
transition: .25s;
border-radius: 2.5rem;
background-color: transparent;
color: var(--c-green-600);
text-align: center;
width: max-content; }
.cCopyright {
text-align: left; }
.cCopyright__inner {
padding-inline: 0; }
@media (min-width: 768px) {
.cCopyright__textContent {
display: flex;
column-gap: 3rem; } }
.cCopyright__links a {
color: #FFF;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.7;
text-decoration: none; }
.cCopyright__links a:hover {
text-decoration: underline; }
.cCopyright p {
text-align: left;
color: #FFF;
font-size: 0.8125rem;
font-style: normal;
font-weight: 400;
margin-bottom: 0; }
.cCopyright__recaptcha {
color: white;
opacity: 0.8;
font-size: 12px;
font-size: 0.75rem; }
@media screen and (min-width: 768px) {
.cCopyright__recaptcha {
justify-content: flex-start;
padding-inline: 0; } }
.cCopyright__recaptcha a {
color: white; }
/* ==========================================================================================
Kosticka INSTAGRAM - designova vrstva
========================================================================================== */
.cSocialButtons .nav__item:not(:last-child) {
margin-right: 6px ;
margin-right: 0.375rem ; }
.cSocialButtons--block .nav__item:not(:last-child) {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.cSocialSites--icons i::before {
color: var(--c-green-600, #173530) !important; }
.cSocialSites--icons .nav, .cSocialSites--icons .mDrop ul, .mDrop .cSocialSites--icons ul, .cSocialSites--icons .cPag__nav {
display: flex;
justify-content: center;
align-items: center;
gap: 2.5rem; }
.cSocialSites--icons .nav__item {
margin: 0; }
.cSocialSites--icons .nav::after, .cSocialSites--icons .mDrop ul::after, .mDrop .cSocialSites--icons ul::after, .cSocialSites--icons .cPag__nav::after {
content: unset !important; }
@media (min-width: 768px) {
.cSocialSites--buttons {
display: flex;
justify-content: center;
align-items: center;
column-gap: 2.5rem; } }
@media (min-width: 1200px) {
.cSocialSites--buttons {
width: 100%; } }
.cSocialSites--buttons .cHeading {
margin-bottom: 0.75rem; }
.cSocialSites--buttons .nav, .cSocialSites--buttons .mDrop ul, .mDrop .cSocialSites--buttons ul, .cSocialSites--buttons .cPag__nav {
display: flex;
justify-content: space-between;
margin-bottom: 0 !important;
column-gap: 0.5rem; }
@media (min-width: 768px) {
.cSocialSites--buttons .nav, .cSocialSites--buttons .mDrop ul, .mDrop .cSocialSites--buttons ul, .cSocialSites--buttons .cPag__nav {
column-gap: 1.35rem; } }
.cSocialSites--buttons .nav::before, .cSocialSites--buttons .mDrop ul::before, .mDrop .cSocialSites--buttons ul::before, .cSocialSites--buttons .cPag__nav::before, .cSocialSites--buttons .nav::after, .cSocialSites--buttons .mDrop ul::after, .mDrop .cSocialSites--buttons ul::after, .cSocialSites--buttons .cPag__nav::after {
content: unset; }
.cSocialSites--buttons .nav__item {
margin-right: 0 !important; }
.cSocialSites--buttons a .btn, .cSocialSites--buttons a .cClientZone__logout, .cSocialSites--buttons a .cNews-archiv a, .cNews-archiv .cSocialSites--buttons a a, .cSocialSites--buttons a .cRecepts .archive a, .cRecepts .archive .cSocialSites--buttons a a, .cSocialSites--buttons a .recipesList .archive a, .recipesList .archive .cSocialSites--buttons a a, .cSocialSites--buttons a .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cSocialSites--buttons a a {
height: 3.5rem !important;
width: 3.5rem !important;
width: 100%;
height: 100%;
display: grid;
place-items: center;
margin: 0;
text-align: center;
width: max-content;
background-color: transparent !important;
border: solid 1px #d1cbba; }
.cSocialSites--buttons a .btn span::before, .cSocialSites--buttons a .cClientZone__logout span::before, .cSocialSites--buttons a .cNews-archiv a span::before, .cNews-archiv .cSocialSites--buttons a a span::before, .cSocialSites--buttons a .cRecepts .archive a span::before, .cRecepts .archive .cSocialSites--buttons a a span::before, .cSocialSites--buttons a .recipesList .archive a span::before, .recipesList .archive .cSocialSites--buttons a a span::before, .cSocialSites--buttons a .cFtr .recipesList__item .archive a span::before, .cFtr .recipesList__item .archive .cSocialSites--buttons a a span::before {
font-size: 19px;
font-size: 1.1875rem;
color: var(--c-green-600, #173530) !important; }
.cSocialSites--buttons a .btn svg, .cSocialSites--buttons a .cClientZone__logout svg, .cSocialSites--buttons a .cNews-archiv a svg, .cNews-archiv .cSocialSites--buttons a a svg, .cSocialSites--buttons a .cRecepts .archive a svg, .cRecepts .archive .cSocialSites--buttons a a svg, .cSocialSites--buttons a .recipesList .archive a svg, .recipesList .archive .cSocialSites--buttons a a svg, .cSocialSites--buttons a .cFtr .recipesList__item .archive a svg, .cFtr .recipesList__item .archive .cSocialSites--buttons a a svg,
.cSocialSites--buttons a .btn svg path,
.cSocialSites--buttons a .cClientZone__logout svg path,
.cSocialSites--buttons a .cNews-archiv a svg path, .cNews-archiv
.cSocialSites--buttons a a svg path,
.cSocialSites--buttons a .cRecepts .archive a svg path, .cRecepts .archive
.cSocialSites--buttons a a svg path,
.cSocialSites--buttons a .recipesList .archive a svg path, .recipesList .archive
.cSocialSites--buttons a a svg path,
.cSocialSites--buttons a .cFtr .recipesList__item .archive a svg path, .cFtr .recipesList__item .archive
.cSocialSites--buttons a a svg path {
fill: var(--c-green-600, #173530) !important; }
.cSocialSites--buttons .icon-instagram,
.cSocialSites--buttons .icon-instagram-v2,
.cSocialSites--buttons .cPerson .icon-instagram, .cPerson
.cSocialSites--buttons .icon-instagram,
.cSocialSites--icons .icon-instagram,
.cSocialSites--icons .icon-instagram-v2,
.cSocialSites--icons .cPerson .icon-instagram, .cPerson
.cSocialSites--icons .icon-instagram {
background-image: url('data:image/svg+xml,
');
background-position: center;
background-repeat: no-repeat;
background-size: contain; }
.icon-instagram,
.icon-instagram-v2,
.cPerson .icon-instagram {
background-image: url(../img/icons/instagram.svg);
background-color: transparent;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
display: inline-block;
min-height: 20px;
min-width: 20px; }
.icon-instagram::before,
.icon-instagram-v2::before,
.cPerson .icon-instagram::before {
font-size: 0 !important; }
.cNews--img, .cNews--arch {
--_img-height: 200px;
position: relative; }
@media (min-width: 1200px) {
.cNews--img, .cNews--arch {
--_img-height: 230px; } }
.cNews--img::before, .cNews--arch::before {
content: unset; }
.cNews--img__imgWrapper, .cNews--arch__imgWrapper {
height: var(--_img-height);
border-radius: 1rem;
overflow: hidden; }
.cNews--img__imgWrapper img, .cNews--arch__imgWrapper img {
transition: .25s;
border-radius: 0; }
.cNews--img .cNews--arch:hover img, .cNews--arch .cNews--arch:hover img {
transform: scale(1.125); }
.cNews--img .cNews--arch__content, .cNews--arch .cNews--arch__content {
position: relative;
margin-bottom: 1.25rem; }
.cNews--img .cNews--arch__title a, .cNews--arch .cNews--arch__title a {
color: var(--c-green-600);
font-size: 1.5rem;
font-weight: 400;
line-height: 1.25; }
.cNews--img .cNews--arch__metadata, .cNews--arch .cNews--arch__metadata {
margin-top: .75rem; }
.cNews--img .cNews--arch__date, .cNews--arch .cNews--arch__date {
color: var(--c-green-600);
font-size: 0.8125rem;
font-weight: 400;
line-height: 1; }
.cNews--img .cNews--arch__date i, .cNews--arch .cNews--arch__date i {
display: none; }
.cNews--img .cNews--arch__tags, .cNews--arch .cNews--arch__tags {
position: absolute;
top: calc(var(--_img-height) + .5rem);
left: 0;
width: 100%;
display: flex;
flex-wrap: wrap; }
.cNews--img .cNews--arch__tags a, .cNews--arch .cNews--arch__tags a {
white-space: nowrap;
color: var(--c-green-600);
font-family: "AeonikFono", serif;
font-size: 0.75rem;
font-weight: 400;
line-height: 1.5; }
.cNews--img .cNews--arch__imgWrapper, .cNews--arch .cNews--arch__imgWrapper {
margin-bottom: 2.125rem; }
.cNews--img .cNews--arch__imgWrapper a, .cNews--arch .cNews--arch__imgWrapper a {
height: var(--_img-height); }
.cNews--img .cNews--arch__imgWrapper a img, .cNews--arch .cNews--arch__imgWrapper a img {
border-radius: 1rem;
height: var(--_img-height);
border-radius: 1rem !important; }
@media (min-width: 768px) {
.cNews--img {
display: grid;
gap: .5rem;
grid-template-columns: 1fr max-content; }
.cNews--img .cHeading {
grid-row: 1 / 2;
grid-column: 1 / 2;
place-self: end start; }
.cNews--img .grid {
grid-column: 1 / -1;
grid-row: 2 / 3; }
.cNews--img .cNews-archiv {
grid-column: 2 / 3;
grid-row: 1 / 2; } }
.cNews--img .cNews__imgWrapper {
margin-bottom: 0; }
.cNews--img .cNews__tags {
display: block;
margin-top: 0.25rem;
margin-bottom: 0.5rem; }
.cNews--img .cNews__tags a {
color: var(--c-green-600); }
.cNews--img .cNews__link::before {
content: unset !important; }
.cNews--img .cNews__metadata:not(.cNews__tags) {
padding-top: .85rem; }
.cNews--img .cNews__metadata:not(.cNews__tags) time {
color: var(--c-green-600); }
.cNews--arch {
margin-bottom: 0; }
.cNews--arch .more {
display: none; }
.cNews--arch .cNews--arch__imgWrapper {
margin-bottom: 0; }
.cNews--arch .cNews--arch__imgWrapper img {
height: 200px;
object-fit: cover; }
.cNews--arch .cNews--arch__content {
padding-top: 1.5rem; }
.cNews--arch .cNews__tags {
position: absolute;
left: 0;
top: 0 !important;
width: 100%; }
.cNews--arch .cNews__tags > i {
display: none; }
.cNews--img__content .cNews__imgWrapper {
border-radius: 1rem;
overflow: hidden; }
@media (max-width: 767px) {
.cNews--img__content .cNews__imgWrapper img {
height: var(--_img-height); } }
.cNews-archiv {
text-align: left; }
[data-a-init-amnewsarchive] .newsWrapper {
--_col-gap: 1rem; }
@media (min-width: 768px) {
[data-a-init-amnewsarchive] .newsWrapper {
display: flex;
flex-wrap: wrap;
gap: var(--_col-gap); } }
[data-a-init-amnewsarchive] .newsWrapper .cCube, [data-a-init-amnewsarchive] .newsWrapper .row--htmlVideo {
width: 100%; }
@media (min-width: 768px) {
[data-a-init-amnewsarchive] .newsWrapper .md-cols-2 {
width: calc((100% / 2) - var(--_col-gap)) !important; } }
@media (min-width: 900px) and (max-width: 1200px) {
[data-a-init-amnewsarchive] .newsWrapper .md-cols-2 {
width: calc((100% / 3) - (var(--_col-gap) * 1.25)) !important; } }
@media (min-width: 1200px) {
[data-a-init-amnewsarchive] .newsWrapper .lg-cols-3 {
width: calc((100% / 3) - (var(--_col-gap) * 1.25)) !important; } }
.cNews__date i, .royalSlider--rsNavWide .rsTmb__content .rsTmb__date i {
display: none; }
.widget__news .grid {
display: grid;
row-gap: 1rem; }
@media (min-width: 768px) {
.widget__news .grid {
grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 900px) {
.widget__news .grid {
grid-template-columns: repeat(3, 1fr); } }
.widget__news .grid > div {
width: 100%; }
.widget__news .grid > div img {
transition: .25s !important; }
.widget__news .grid > div:hover img {
transform: scale(1.05) !important; }
.widget__news:hover img {
transform: scale(1) !important; }
.widget__news .cNews__imgWrapper {
padding: 0 !important;
width: 100% !important;
float: none !important;
max-width: 100% !important; }
.widget__news .cNews__content {
display: flex;
flex-direction: column; }
@media (min-width: 1200px) {
.row--newsletter {
margin-top: 2rem; } }
.row--newsletter .cText {
margin-bottom: 0; }
.row--newsletter p {
margin-bottom: 0;
color: #FFF;
font-family: "AeonikFono", serif;
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1.5;
margin-bottom: 0.5rem; }
.row--newsletter h3, .row--newsletter h2 {
color: #FFF;
font-size: 1.625rem !important;
font-style: normal;
font-weight: 400;
line-height: 1.25;
margin-bottom: 1rem; }
@media (min-width: 1200px) {
.row--newsletter h3, .row--newsletter h2 {
font-size: 2.8125rem !important;
padding-right: 2rem;
margin-bottom: 4rem; } }
.row--newsletter .cForm {
margin-bottom: 0; }
.row--newsletter .cForm__inner {
padding: 0;
position: relative; }
.row--newsletter .cForm__inner .grid__item, .row--newsletter .cForm__inner .label--inline, .row--newsletter .cForm__inner .label--inline + .field {
width: 100%; }
.row--newsletter .cForm__inner .form-fields__inner {
position: static;
margin-bottom: 0; }
.row--newsletter .cForm__inner input[type="email"] {
padding-right: 80px;
margin-bottom: 0.75rem; }
@media screen and (min-width: 1024px) {
.row--newsletter .cForm__inner input[type="email"] {
border-radius: 10rem !important; } }
@media (min-width: 1200px) {
.row--newsletter .cForm__inner input[type="email"] {
padding-right: 16rem; } }
.row--newsletter .cForm__inner input[type="email"]::placeholder {
color: white; }
.row--newsletter .cForm__inner .btn.btn--submit, .row--newsletter .cForm__inner .btn--submit.cClientZone__logout, .row--newsletter .cForm__inner .cNews-archiv a.btn--submit, .cNews-archiv .row--newsletter .cForm__inner a.btn--submit, .row--newsletter .cForm__inner .cRecepts .archive a.btn--submit, .cRecepts .archive .row--newsletter .cForm__inner a.btn--submit, .row--newsletter .cForm__inner .recipesList .archive a.btn--submit, .recipesList .archive .row--newsletter .cForm__inner a.btn--submit, .row--newsletter .cForm__inner .cFtr .recipesList__item .archive a.btn--submit, .cFtr .recipesList__item .archive .row--newsletter .cForm__inner a.btn--submit {
position: absolute;
inset: 0 0 auto auto;
min-height: 50px;
font-size: 0 !important;
padding: 1rem !important;
width: 70px;
background-position: center !important;
background-size: 1rem auto;
border: none !important;
background-color: transparent !important;
margin-top: 0; }
@media (min-width: 1200px) {
.row--newsletter .cForm__inner .btn.btn--submit, .row--newsletter .cForm__inner .btn--submit.cClientZone__logout, .row--newsletter .cForm__inner .cNews-archiv a.btn--submit, .cNews-archiv .row--newsletter .cForm__inner a.btn--submit, .row--newsletter .cForm__inner .cRecepts .archive a.btn--submit, .cRecepts .archive .row--newsletter .cForm__inner a.btn--submit, .row--newsletter .cForm__inner .recipesList .archive a.btn--submit, .recipesList .archive .row--newsletter .cForm__inner a.btn--submit, .row--newsletter .cForm__inner .cFtr .recipesList__item .archive a.btn--submit, .cFtr .recipesList__item .archive .row--newsletter .cForm__inner a.btn--submit {
font-size: 1.125rem !important;
width: max-content;
padding-right: 4rem !important;
background-position: right 1rem center !important; } }
.row--newsletter .cForm__inner .btn.btn--submit:active, .row--newsletter .cForm__inner .btn--submit.cClientZone__logout:active, .row--newsletter .cForm__inner .cNews-archiv a.btn--submit:active, .cNews-archiv .row--newsletter .cForm__inner a.btn--submit:active, .row--newsletter .cForm__inner .cRecepts .archive a.btn--submit:active, .cRecepts .archive .row--newsletter .cForm__inner a.btn--submit:active, .row--newsletter .cForm__inner .recipesList .archive a.btn--submit:active, .recipesList .archive .row--newsletter .cForm__inner a.btn--submit:active, .row--newsletter .cForm__inner .cFtr .recipesList__item .archive a.btn--submit:active, .cFtr .recipesList__item .archive .row--newsletter .cForm__inner a.btn--submit:active, .row--newsletter .cForm__inner .btn.btn--submit:focus, .row--newsletter .cForm__inner .btn--submit.cClientZone__logout:focus, .row--newsletter .cForm__inner .cNews-archiv a.btn--submit:focus, .cNews-archiv .row--newsletter .cForm__inner a.btn--submit:focus, .row--newsletter .cForm__inner .cRecepts .archive a.btn--submit:focus, .cRecepts .archive .row--newsletter .cForm__inner a.btn--submit:focus, .row--newsletter .cForm__inner .recipesList .archive a.btn--submit:focus, .recipesList .archive .row--newsletter .cForm__inner a.btn--submit:focus, .row--newsletter .cForm__inner .cFtr .recipesList__item .archive a.btn--submit:focus, .cFtr .recipesList__item .archive .row--newsletter .cForm__inner a.btn--submit:focus {
outline: none;
background-color: transparent !important; }
.row--newsletter .cForm__inner .checkbox-design + label {
margin-top: 0; }
.cLang__title {
text-transform: uppercase;
font-weight: 400 !important; }
.cLang .mm-listview {
display: flex; }
.cLang--drop {
min-width: 2.5rem;
background-image: url('data:image/svg+xml,
');
background-repeat: no-repeat;
background-position: right center; }
.cLang--drop a {
font-size: 1rem;
font-style: normal;
font-weight: 400; }
.cLang--drop > .drop {
margin-top: 0.3rem;
padding: 1rem 2rem;
border: none; }
.cLang--both .cLang__icon {
margin-right: 6px ;
margin-right: 0.375rem ; }
.cLang--active .cLang__icon {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.cLang--active .cLang__title {
font-weight: bold; }
.cLang--cs .cLang__icon {
background-image: url("../img/flags/cz.svg"); }
.cLang--sk .cLang__icon {
background-image: url("../img/flags/sk.svg"); }
.cLang--en .cLang__icon {
background-image: url("../img/flags/en.svg"); }
.cLang--de .cLang__icon {
background-image: url("../img/flags/de.svg"); }
.cLang--ru .cLang__icon {
background-image: url("../img/flags/ru.svg"); }
.cLang--fr .cLang__icon {
background-image: url("../img/flags/fr.svg"); }
.cLang--pl .cLang__icon {
background-image: url("../img/flags/pl.svg"); }
.cLang {
height: max-content; }
.cLang__title {
display: block !important;
color: var(--c-green-600, #173530);
font-size: 1rem;
font-weight: 400;
letter-spacing: 0.03rem; }
.cLang__icon {
display: none; }
.cImage {
display: flex; }
.cImage.h-300 img {
min-height: 300px;
object-fit: cover;
object-position: -5rem 0; }
@media (min-width: 500px) {
.cImage.h-300 img {
object-position: center; } }
.cImage img {
width: 100%; }
.cImage.text--center .cImage__imgWrapper {
margin-inline: auto; }
.cImage.text--center .cImage__desc {
text-align: center; }
.cImage.text--right .cImage__imgWrapper {
margin-inline: auto 0; }
.cImage.text--right .cImage__desc {
text-align: right; }
.cImage__inner {
width: 100%; }
.cImage__inner.p75 .cImage__imgWrapper {
width: 75% !important; }
.cImage__inner.p50 .cImage__imgWrapper {
width: 50% !important; }
.cImage__inner.p25 .cImage__imgWrapper {
width: 25% !important; }
.cImage__imgWrapper {
width: 100%; }
.cImage--rCorner img {
border-radius: 1rem; }
.cImage__desc {
margin-inline: 0;
text-align: left; }
.cImage__desc em {
padding-top: 0.5rem;
font-family: "Aeonik", "Open Sans", sans-serif;
display: block;
font-style: normal; }
.cImage.svg--overlay-center .cImage__inner {
position: relative; }
.cImage.svg--overlay-center svg {
position: absolute;
inset: 0;
margin: auto;
max-width: 11rem; }
.cImage.svg--overlay-bottom {
margin-block: 2rem 4rem; }
@media (min-width: 768px) {
.cImage.svg--overlay-bottom {
margin-block: 0; } }
.cImage.svg--overlay-bottom .cImage__inner {
position: relative; }
.cImage.svg--overlay-bottom svg {
position: absolute;
inset: auto 0 0 auto;
width: 150px;
height: auto; }
@media (min-width: 1500px) {
.cImage.svg--overlay-bottom svg {
transform: translate(25%, 50%); } }
@media (min-width: 1200px) {
.cImage.svg--overlay-bottom svg {
min-width: 250px; } }
.argument {
padding: 0;
margin-bottom: 0;
position: relative; }
.argument::after, .argument::before {
content: unset; }
.argument .cImageBox__inner {
gap: 0.7rem; }
.argument .cImageBox__img {
min-width: unset;
min-height: unset;
height: 2rem;
width: 2rem; }
@media (min-width: 1200px) {
.argument .cImageBox__img {
height: 2.5rem;
height: 2.5rem; } }
.argument .cImageBox__img img {
height: 100%;
width: 100%;
object-fit: contain; }
.argument .cImageBox__textContent {
padding-left: 0;
width: 140px; }
.argument .cImageBox__textContent h3 {
color: var(--c-green-600, #173530);
font-size: 0.875rem;
font-weight: 400; }
@media (min-width: 1200px) {
.argument .cImageBox__textContent h3 {
font-size: 1rem; } }
.fields--svg {
margin-top: 0.75rem; }
.fields--svg .cImage__inner {
position: relative; }
.fields--svg .cImage__desc {
inset: auto auto 0 0;
position: absolute; }
.fields--svg svg {
max-width: 140px;
height: max-content;
position: absolute;
left: 0;
bottom: 0;
transform: translate(-45%, 12%); }
@media (min-width: 768px) {
.fields--svg svg {
transform: translate(-15%, -50%); } }
@media (min-width: 1200px) {
.fields--svg svg {
max-width: 180px;
transform: translate(-45%, -10%); } }
.img-large.cImage,
.img-large .cImage {
width: 100vw;
max-width: 100vw;
margin: 0 calc(-50vw + 50%);
padding-inline: 0 !important; }
.img-sm-large {
overflow: hidden; }
@media (max-width: 767px) {
.img-sm-large.cImage,
.img-sm-large .cImage {
width: 100vw;
max-width: 100vw;
margin: 0 calc(-50vw + 50%) 2.5rem;
padding-inline: 0 !important; } }
@media (min-width: 768px) and (max-width: 1199px) {
.img-md-large.cImage,
.img-md-large .cImage {
width: 100vw;
max-width: 100vw;
margin: 0 calc(-50vw + 50%) 2.5rem;
padding-inline: 0 !important; } }
@media (min-width: 1200px) {
.img-lg-large.cImage,
.img-lg-large .cImage {
width: 100vw;
max-width: 100vw;
margin: 0 calc(-50vw + 50%) 2.5rem;
padding-inline: 0 !important; } }
.cGallery__title {
font-size: 13px;
font-size: 0.8125rem;
text-align: center; }
.cGallery .rsDefault .rsNav {
margin-top: 24px ;
margin-top: 1.5rem ; }
.cGallery img,
.cGallery .royalSlider img {
display: block; }
@media screen and (min-width: 768px) {
.cGallery img,
.cGallery .royalSlider img {
min-height: 100%;
max-width: none;
min-width: 100%; } }
.cGallery__wrapper > a {
position: static; }
.cGallery--ratio1-1 .cGallery__wrapper {
position: relative;
display: inline-block;
width: 100%;
overflow: hidden; }
.cGallery--ratio1-1 .cGallery__wrapper img,
.cGallery--ratio1-1 .cGallery__wrapper [class$='__inner'],
.cGallery--ratio1-1 .cGallery__wrapper [class$='__image'] {
position: absolute;
width: 100%; }
.cGallery--ratio1-1 .cGallery__wrapper:after {
display: block;
content: '';
padding-top: 100%; }
.cGallery--ratio4-3 .cGallery__wrapper {
position: relative;
display: inline-block;
width: 100%;
overflow: hidden; }
.cGallery--ratio4-3 .cGallery__wrapper img,
.cGallery--ratio4-3 .cGallery__wrapper [class$='__inner'],
.cGallery--ratio4-3 .cGallery__wrapper [class$='__image'] {
position: absolute;
width: 100%; }
.cGallery--ratio4-3 .cGallery__wrapper:after {
display: block;
content: '';
padding-top: 75%; }
.cGallery--ratio16-9 .cGallery__wrapper {
position: relative;
display: inline-block;
width: 100%;
overflow: hidden; }
.cGallery--ratio16-9 .cGallery__wrapper img,
.cGallery--ratio16-9 .cGallery__wrapper [class$='__inner'],
.cGallery--ratio16-9 .cGallery__wrapper [class$='__image'] {
position: absolute;
width: 100%; }
.cGallery--ratio16-9 .cGallery__wrapper:after {
display: block;
content: '';
padding-top: 56.25%; }
.cGallery--noRatio .cGallery__wrapper > a {
position: relative; }
.cGallery--noRatio img {
min-width: 100%;
min-height: 0;
max-width: 100%;
margin-left: auto;
margin-right: auto; }
@media screen and (min-width: 768px) {
.cGallery--nearby {
border: 1px solid #ddd;
padding: 24px ;
padding: 1.5rem ; } }
.cGallery--nearby .royalSlider img {
max-width: none;
width: auto;
min-height: 0;
min-width: 0; }
.cGallery--nearby .rsDefault, .cGallery--nearby .rsDefault .rsThumbs, .cGallery--nearby .rsDefault .rsSlide, .cGallery--nearby .rsDefault .rsVideoFrameHolder, .cGallery--nearby .rsDefault .rsThumbs, .cGallery--nearby .rsDefault .rsOverflow {
background: transparent !important; }
.cGallery--nearby .rsGCaption {
font-size: 18px;
font-size: 1.125rem;
color: #173530;
background-color: transparent; }
@media screen and (max-width: 767px) {
.cGallery--nearby .rsSlide,
.cGallery--nearby .royalSlider {
overflow: visible !important; } }
.cGallery--nearby .royalSlider--rsArrowsOut .rsOverflow {
padding-left: 0;
padding-right: 0; }
.cGallery--slide .grid__item, .cGallery--slide .label--inline, .cGallery--slide .label--inline + .field {
position: relative; }
.cGallery--slide .cGallery__title {
width: 100%;
margin-left: -15px; }
.cGallery--slide img,
.cGallery--slide .royalSlider img {
width: 100%;
height: 100%; }
.cGallery--slide .rsDefault, .cGallery--slide .rsDefault .rsThumbs, .cGallery--slide .rsDefault .rsSlide, .cGallery--slide .rsDefault .rsVideoFrameHolder, .cGallery--slide .rsDefault .rsThumbs, .cGallery--slide .rsDefault .rsOverflow {
background: transparent !important; }
.cGallery--slide .rsDefault .rsTabs .rsTab {
min-width: 0; }
.cGallery--slide .rsDefault .rsThumb.rsNavSelected {
background-color: transparent; }
.cGallery--slide .rsDefault .rsThumb.rsNavSelected img {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.cGallery--slide .rsDefault .rsThumbs {
margin-top: 24px ;
margin-top: 1.5rem ; }
.cGallery--slide .rsDefault .rsThumb img {
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
width: auto;
height: auto;
max-width: 100%;
max-height: 100%; }
.cGallery--slide .rsDefault .rsThumb:hover img {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.cGallery--thumbs .rsWithThumbsVer .rsOverflow {
padding-right: 30px ;
padding-right: 1.875rem ; }
.cGallery--thumbs .rsWithThumbsHor .rsOverflow {
padding-right: 0; }
.cGallery--thumbs .rsContainer img {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
object-fit: cover; }
.cGallery--thumbs .rsClear .rsThumbsVer {
margin: 0;
width: 60px; }
@media screen and (min-width: 768px) {
.cGallery--thumbs .rsClear .rsThumbsVer {
width: 120px; } }
@media screen and (min-width: 1024px) {
.cGallery--thumbs .rsClear .rsThumbsVer {
width: 170px; } }
.cGallery--thumbs .rsClear .rsThumbsVer .rsThumbsArrow {
height: 30px; }
.cGallery--thumbs .rsClear .rsThumbsHor {
margin-top: 12px;
height: 40px; }
@media screen and (min-width: 768px) {
.cGallery--thumbs .rsClear .rsThumbsHor {
height: 90px; } }
.cGallery--thumbs .rsClear .rsThumbsHor .rsThumb {
width: 40px; }
@media screen and (min-width: 768px) {
.cGallery--thumbs .rsClear .rsThumbsHor .rsThumb {
width: 100px; } }
@media screen and (min-width: 1024px) {
.cGallery--thumbs .rsClear .rsThumbsHor .rsThumb {
width: 155px; } }
.cGallery--thumbs .rsClear .rsThumbsHor .rsThumbsArrow {
width: 30px;
height: 100%; }
.cGallery--thumbs .rsClear .rsThumbsHor .rsThumbsArrowRight {
left: auto; }
.cGallery--thumbs .rsClear .rsThumb {
height: 40px;
opacity: 0.5;
background: transparent;
transition: opacity .3s ease-in-out; }
@media screen and (min-width: 768px) {
.cGallery--thumbs .rsClear .rsThumb {
height: 60px; } }
@media screen and (min-width: 1024px) {
.cGallery--thumbs .rsClear .rsThumb {
height: 95px; } }
.cGallery--thumbs .rsClear .rsThumb:first-child {
margin-top: 0 !important; }
.cGallery--thumbs .rsClear .rsThumb:last-child {
margin-bottom: 0 !important; }
.cGallery--thumbs .rsClear .rsThumb:hover, .cGallery--thumbs .rsClear .rsThumb.rsNavSelected,
.cGallery--thumbs .rsClear .rsThumb.rsNavSelected img {
opacity: 1; }
.cGallery--thumbs .rsClear .cGallery__wrapper {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.cGallery--thumbs .rsClear .cGallery__wrapper a {
display: block;
height: 100%; }
.cGallery--thumbs .rsClear .cGallery__wrapper .cGallery__title {
position: absolute;
width: 100%;
text-align: center;
z-index: 2;
bottom: 30px;
font-size: 13px;
font-size: 0.8125rem;
color: #fff; }
.cGallery--thumbs .rsClear img {
object-fit: cover; }
.cGallery--thumbs .rsClear .rsThumbsArrow {
background: #eceff4; }
.cGallery--thumbs .rsClear .rsThumbsArrow:hover {
background: #fdb12d; }
.cGallery--thumbs .rsClear .rsThumbsArrow:hover .rsThumbsArrowIcn {
color: #fff; }
.cGallery--thumbs .cDesc {
margin-top: 24px ;
margin-top: 1.5rem ; }
.cGalleryContainer--scrollable {
width: 100vw !important;
max-width: 100vw !important;
margin: 0 calc(-50vw + 50%) 1rem !important; }
@media (min-width: 768px) {
.cGalleryContainer--scrollable {
margin: 0 calc(-50vw + 50%) 5rem !important; } }
.cGallery--scrollable {
--_overflow: 6rem;
display: flex;
flex-wrap: nowrap;
gap: 1rem;
min-width: calc(100vw + var(--_overflow)) !important;
max-height: 43rem; }
@media (min-width: 768px) {
.cGallery--scrollable {
--_overflow: 7rem; } }
@media (min-width: 768px) {
.cGallery--scrollable {
gap: 2rem; } }
.cGallery--scrollable::before, .cGallery--scrollable::after {
content: unset; }
.cGallery--scrollable .cGallery__img:first-of-type {
margin-left: calc(-1 * (var(--_overflow) * 1.5)); }
@media (min-width: 768px) {
.cGallery--scrollable .cGallery__img:first-of-type {
margin-left: calc(-1 * (var(--_overflow) * 3)); } }
.cGallery--scrollable .cGallery__img a {
display: block;
max-height: 100%;
border-radius: 1.15rem;
overflow: hidden;
min-width: 17rem;
isolation: isolate; }
.cGallery--scrollable .cGallery__img a::after {
content: unset !important; }
.cGallery--scrollable .cGallery__img a::before {
position: absolute;
inset: 0;
background-color: var(--c-green-600);
pointer-events: none;
z-index: 2;
content: "";
transition: .35s;
opacity: 0; }
.cGallery--scrollable .cGallery__img a img {
transition: .35s; }
.cGallery--scrollable .cGallery__img a:hover::before {
opacity: .45; }
.cGallery--scrollable .cGallery__img a:hover img {
transform: scale(1.05); }
.pageOverlay--search {
transform: translateY(0) !important;
display: block !important;
background-color: rgba(0, 0, 0, 0.5); }
@media (min-width: 768px) {
.pageOverlay--search {
top: var(--header-height); } }
.pageOverlay--search .pageOverlay__close {
position: relative !important;
inset: 0;
grid-column: 2 / 3;
grid-row: 1 / 2; }
.cftSearch--fullScreen__input {
display: flex; }
.cftSearch--fullScreen__input button {
position: relative !important;
inset: 0 !important;
transform: none !important;
order: 1; }
.cftSearch--fullScreen__input button *::before {
color: #173530 !important;
font-size: 1.5rem !important; }
.cftSearch--fullScreen__input input[type="search"] {
min-height: 50px;
height: auto !important;
border-radius: 0;
border: none;
order: 2;
color: var(--c-green-600);
font-size: 1.25rem; }
.cftSearch--fullScreen__input input[type="search"]::placeholder {
color: var(--c-green-600); }
.cftSearch--fullScreen__inner {
border-top: 1px solid #C5BFAF;
padding-block: 1rem;
background-color: #F2EFE8;
max-width: unset;
width: 100%;
display: grid;
grid-template-columns: 1fr auto;
gap: 2rem;
padding-inline: 2rem; }
.cftSearch--fullScreen__inner > form {
grid-row: 1 / 2;
grid-column: 1 / 2; }
.cftSearch--fullScreen__inner > div, .cftSearch--fullScreen__inner > p {
grid-column: 1 / -1;
grid-row: 2 / 3;
color: var(--c-green-600) !important;
font-size: 1rem !important; }
.cftSearch--fullScreen__autocomplete {
inset: 0 !important;
grid-row: 2 / 3;
grid-column: 1 / -1; }
.cftSearch--fullScreen__autocomplete > .nav, .mDrop .cftSearch--fullScreen__autocomplete > ul, .cftSearch--fullScreen__autocomplete > .cPag__nav {
display: grid;
gap: 2rem; }
@media (min-width: 768px) {
.cftSearch--fullScreen__autocomplete > .nav, .mDrop .cftSearch--fullScreen__autocomplete > ul, .cftSearch--fullScreen__autocomplete > .cPag__nav {
grid-template-columns: repeat(2, 1fr); } }
.cftSearch--fullScreen__autocomplete > .nav > li, .mDrop .cftSearch--fullScreen__autocomplete > ul > li, .cftSearch--fullScreen__autocomplete > .cPag__nav > li {
height: 100%;
width: 100%; }
.cftSearch--fullScreen__autocomplete > .nav > li a, .mDrop .cftSearch--fullScreen__autocomplete > ul > li a, .cftSearch--fullScreen__autocomplete > .cPag__nav > li a {
height: 100%;
width: 100%;
background-color: #e3dfd5;
border-radius: 1rem;
border: none; }
.cftSearch--fullScreen__autocomplete > .nav .cftSearch__autocomplete__allResults, .mDrop .cftSearch--fullScreen__autocomplete > ul .cftSearch__autocomplete__allResults, .cftSearch--fullScreen__autocomplete > .cPag__nav .cftSearch__autocomplete__allResults {
grid-column: 1 / -1 !important; }
@media (min-width: 768px) {
.cftSearch--fullScreen__autocomplete > .nav .cftSearch__autocomplete__allResults, .mDrop .cftSearch--fullScreen__autocomplete > ul .cftSearch__autocomplete__allResults, .cftSearch--fullScreen__autocomplete > .cPag__nav .cftSearch__autocomplete__allResults {
padding-bottom: 5rem !important; } }
.cftSearch--fullScreen__autocomplete > .nav .cftSearch__autocomplete__allResults a, .mDrop .cftSearch--fullScreen__autocomplete > ul .cftSearch__autocomplete__allResults a, .cftSearch--fullScreen__autocomplete > .cPag__nav .cftSearch__autocomplete__allResults a {
background-color: transparent !important;
color: #173530;
padding-block: 1rem !important;
border-top: #173530 solid 1px;
text-align: center !important;
border-radius: 0 !important; }
.cftSearch--fullScreen__autocomplete > .nav .cftSearch__autocomplete__inner, .mDrop .cftSearch--fullScreen__autocomplete > ul .cftSearch__autocomplete__inner, .cftSearch--fullScreen__autocomplete > .cPag__nav .cftSearch__autocomplete__inner {
display: grid;
padding: 2rem; }
@media (max-width: 767px) {
.cftSearch--fullScreen__autocomplete > .nav .cftSearch__autocomplete__inner, .mDrop .cftSearch--fullScreen__autocomplete > ul .cftSearch__autocomplete__inner, .cftSearch--fullScreen__autocomplete > .cPag__nav .cftSearch__autocomplete__inner {
place-items: center; } }
@media (min-width: 768px) {
.cftSearch--fullScreen__autocomplete > .nav .cftSearch__autocomplete__inner, .mDrop .cftSearch--fullScreen__autocomplete > ul .cftSearch__autocomplete__inner, .cftSearch--fullScreen__autocomplete > .cPag__nav .cftSearch__autocomplete__inner {
grid-template-columns: auto 1fr; } }
@media (min-width: 768px) {
.cftSearch--fullScreen__autocomplete > .nav .cftSearch__autocomplete__inner >, .mDrop .cftSearch--fullScreen__autocomplete > ul .cftSearch__autocomplete__inner >, .cftSearch--fullScreen__autocomplete > .cPag__nav .cftSearch__autocomplete__inner > {
grid-column: 2 / 3; } }
.cftSearch--fullScreen__autocomplete > .nav .cftSearch__autocomplete__inner .cftSearch__autocomplete__image--noImage, .mDrop .cftSearch--fullScreen__autocomplete > ul .cftSearch__autocomplete__inner .cftSearch__autocomplete__image--noImage, .cftSearch--fullScreen__autocomplete > .cPag__nav .cftSearch__autocomplete__inner .cftSearch__autocomplete__image--noImage {
display: none; }
@media (min-width: 768px) {
.cftSearch--fullScreen__autocomplete > .nav .cftSearch__autocomplete__inner .cftSearch__autocomplete__image, .mDrop .cftSearch--fullScreen__autocomplete > ul .cftSearch__autocomplete__inner .cftSearch__autocomplete__image, .cftSearch--fullScreen__autocomplete > .cPag__nav .cftSearch__autocomplete__inner .cftSearch__autocomplete__image {
grid-column: 1 / 2;
grid-row: 1 / 3; } }
.cftSearch--fullScreen__autocomplete > .nav .cftSearch__autocomplete__inner .cftSearch__autocomplete__title, .mDrop .cftSearch--fullScreen__autocomplete > ul .cftSearch__autocomplete__inner .cftSearch__autocomplete__title, .cftSearch--fullScreen__autocomplete > .cPag__nav .cftSearch__autocomplete__inner .cftSearch__autocomplete__title {
padding-left: 0 !important;
max-width: 100% !important;
text-align: center !important; }
@media (min-width: 768px) {
.cftSearch--fullScreen__autocomplete > .nav .cftSearch__autocomplete__inner .cftSearch__autocomplete__title, .mDrop .cftSearch--fullScreen__autocomplete > ul .cftSearch__autocomplete__inner .cftSearch__autocomplete__title, .cftSearch--fullScreen__autocomplete > .cPag__nav .cftSearch__autocomplete__inner .cftSearch__autocomplete__title {
padding-left: 1.5rem !important;
grid-column: 2 / 3;
grid-row: 1 / 2;
text-align: left !important; } }
.cftSearch--fullScreen__autocomplete > .nav .cftSearch__autocomplete__inner .cftSearch__autocomplete__desc, .mDrop .cftSearch--fullScreen__autocomplete > ul .cftSearch__autocomplete__inner .cftSearch__autocomplete__desc, .cftSearch--fullScreen__autocomplete > .cPag__nav .cftSearch__autocomplete__inner .cftSearch__autocomplete__desc {
padding-left: 0 !important;
max-width: 100% !important;
text-align: center !important; }
@media (min-width: 768px) {
.cftSearch--fullScreen__autocomplete > .nav .cftSearch__autocomplete__inner .cftSearch__autocomplete__desc, .mDrop .cftSearch--fullScreen__autocomplete > ul .cftSearch__autocomplete__inner .cftSearch__autocomplete__desc, .cftSearch--fullScreen__autocomplete > .cPag__nav .cftSearch__autocomplete__inner .cftSearch__autocomplete__desc {
padding-left: 1.5rem !important;
grid-column: 2 / 3;
grid-row: 2 / 3;
text-align: left !important; } }
.cftSearch--fullScreen__autocomplete .cftSearch__autocomplete__item * {
color: var(--c-green-600) !important; }
/* ==========================================================================================
Kosticka GRAFICKA ANOTACE - designova vrstva
========================================================================================== */
.cImageBox[data-a-init-infobox] {
margin-bottom: 2rem;
padding: 0; }
.cImageBox[data-a-init-infobox] .cHeading {
margin-bottom: 1rem; }
.cImageBox[data-a-init-infobox] .cImageBox__img {
display: grid;
width: 1.875rem;
height: 1.875rem;
min-width: 1.875rem;
place-self: start; }
.cImageBox[data-a-init-infobox] .cImageBox__inner {
gap: 1.45rem; }
.cImageBox[data-a-init-infobox] .cImageBox__textContent {
padding: 0; }
.cPerson {
margin-bottom: 0.25rem;
position: relative;
z-index: 4; }
.cPerson,
.cPerson a,
.cPerson span,
.cPerson p,
.cPerson h2 {
color: var(--c-green-600) !important; }
@media (min-width: 768px) {
.cPerson--light {
display: flex;
align-items: center; } }
.cPerson--light,
.cPerson--light a,
.cPerson--light span,
.cPerson--light p,
.cPerson--light h2 {
color: var(--c-green-300) !important; }
@media (min-width: 1200px) {
.cPerson--light .cPerson__photo img {
height: 540px;
width: 540px;
object-fit: contain; } }
@media (min-width: 1200px) {
.cPerson--light h2 {
line-height: 1;
max-width: 400px;
margin-bottom: 3rem !important;
font-size: 4.6875rem; } }
.cPerson h2 {
margin-bottom: 1.5rem; }
.cPerson__photo {
max-width: 100% !important;
margin-bottom: 1rem; }
.cPerson__photo img {
border-radius: 1rem;
width: 100%; }
.cPerson__contact, .cPerson__address, .cPerson__title {
margin-bottom: 0; }
.cPerson__contact,
.cPerson__contact *, .cPerson__address,
.cPerson__address *, .cPerson__title,
.cPerson__title * {
margin-bottom: 0;
margin-top: 0; }
.cPerson__name {
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 1.5;
margin-bottom: 0.65rem;
color: var(--c-green-600) !important; }
.cPerson__contact li {
line-height: 1; }
.cPerson__contact a {
min-height: unset !important;
margin-bottom: 0 !important; }
.cPerson a {
padding-left: 0 !important; }
.cPerson a::before {
display: none; }
.cPerex {
margin-bottom: 0.5rem; }
.cPerex__desc {
color: var(--c-green-600);
font-size: 1.25rem;
font-style: normal;
font-weight: 400; }
/* ==========================================================================================
Kosticka POPIS STRANKY - designova vrstva
========================================================================================== */
.cPathBox {
border: none !important; }
.cPathBox.simple {
min-height: unset;
margin-bottom: 1rem; }
.cPathBox.simple h2 {
background-image: url('data:image/svg+xml,
');
background-repeat: no-repeat;
background-position: right center;
background-size: 0.95rem;
display: flex; }
.cPathBox.simple h2 a {
width: 100%;
padding-right: 2rem;
color: #f2efe8; }
@media (min-width: 1200px) {
.cPathBox.simple h2 a {
font-size: 26px;
font-size: 1.625rem; } }
.cPathBox.simple .cPathBox__link {
min-height: 230px; }
.cPathBox.simple .cPathBox__link::before {
content: unset !important; }
.cPathBox.simple .btn, .cPathBox.simple .cClientZone__logout, .cPathBox.simple .cNews-archiv a, .cNews-archiv .cPathBox.simple a, .cPathBox.simple .cRecepts .archive a, .cRecepts .archive .cPathBox.simple a, .cPathBox.simple .recipesList .archive a, .recipesList .archive .cPathBox.simple a, .cPathBox.simple .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cPathBox.simple a {
display: none; }
.cPathBox.noButton .btn, .cPathBox.noButton .cClientZone__logout, .cPathBox.noButton .cNews-archiv a, .cNews-archiv .cPathBox.noButton a, .cPathBox.noButton .cRecepts .archive a, .cRecepts .archive .cPathBox.noButton a, .cPathBox.noButton .recipesList .archive a, .recipesList .archive .cPathBox.noButton a, .cPathBox.noButton .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cPathBox.noButton a {
display: none; }
.cPathBox--staticUnderPict:not(.cProduct) {
background-color: transparent;
text-align: left; }
.cPathBox--staticUnderPict:not(.cProduct) .cPathBox__link,
.cPathBox--staticUnderPict:not(.cProduct) .cPathBox__imgWrapper {
border-radius: 1rem;
overflow: hidden;
margin-bottom: 0.5rem; }
.cPathBox--staticUnderPict:not(.cProduct) .cPathBox__title {
margin-block: 0 0.5rem; }
.cPathBox--staticUnderPict:not(.cProduct) .cPathBox__desc {
padding: 0;
margin-bottom: 1rem; }
.cPathBox.cProduct .cPathBox__title span {
display: block;
padding-bottom: 0.3rem; }
.cPathBox.cProduct .cPathBox__desc {
position: absolute;
inset: 0;
margin-top: 0.5rem !important; }
.cPathBox.cProduct .cPathBox__desc ul {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 0.625rem; }
.cPathBox.cProduct .cPathBox__desc ul li {
width: max-content;
padding: 0.15rem 0.65rem;
border-radius: 2.5rem;
border: 1px solid #d1cbba; }
.cPathBox.cProduct .cPathBox__desc ul li::before {
content: unset; }
.row--pathboxes--scroll {
width: 100vw;
max-width: 100vw;
margin: 0 calc(-50vw + 50%); }
.row--pathboxes--scroll > .rowInner {
max-width: 100%; }
.row--pathboxes--scroll .gridInner {
display: flex;
padding-inline: 20px;
overflow: auto hidden;
gap: 1.35rem; }
.row--pathboxes--scroll .gridInner::-webkit-scrollbar {
width: 0.25rem;
height: 0.5rem; }
.row--pathboxes--scroll .gridInner::-webkit-scrollbar-track {
background: #fcf6ec;
border-radius: 1rem; }
.row--pathboxes--scroll .gridInner::-webkit-scrollbar-thumb {
background: #b0aca5;
border-radius: 1rem; }
.row--pathboxes--scroll .gridInner .cPathBox {
height: max-content !important;
width: 275px;
min-width: 275px; }
.cForm__inner {
background-color: transparent; }
.cForm .alert--danger {
background-color: transparent; }
:root {
--header-height: 95px; }
@media (min-width: 768px) {
html:not(.homepage) .pageHeader {
height: 0; } }
.homepage .cHeader__inner {
opacity: 0;
animation: fadeIn 1s 0.5s forwards; }
.cHeader {
border-bottom: 1px solid #c5bfaf;
--_gap: 1rem; }
@media (min-width: 768px) {
.cHeader {
min-height: var(--header-height);
--_gap: 0.8rem; } }
@media (min-width: 1024px) {
.cHeader {
--_gap: 2rem; } }
@media (min-width: 1400px) {
.cHeader {
--_gap: 4.25rem; } }
@media (min-width: 1700px) {
.cHeader {
--_gap: 5rem; } }
@media (min-width: 768px) and (max-width: 1200px) {
.cHeader .btn--cta, .cHeader .cMap__field .btn, .cMap__field .cHeader .btn, .cHeader .cMap__field .cClientZone__logout, .cMap__field .cHeader .cClientZone__logout, .cHeader .cMap__field .cNews-archiv a, .cMap__field .cNews-archiv .cHeader a, .cHeader .cNews-archiv .cMap__field a, .cNews-archiv .cMap__field .cHeader a, .cHeader .cMap__field .cRecepts .archive a, .cMap__field .cRecepts .archive .cHeader a, .cHeader .cRecepts .archive .cMap__field a, .cRecepts .archive .cMap__field .cHeader a, .cHeader .cMap__field .recipesList .archive a, .cMap__field .recipesList .archive .cHeader a, .cHeader .recipesList .archive .cMap__field a, .recipesList .archive .cMap__field .cHeader a, .cHeader .cMap__field .cFtr .recipesList__item .archive a, .cMap__field .cFtr .recipesList__item .archive .cHeader a, .cHeader .cFtr .recipesList__item .archive .cMap__field a, .cFtr .recipesList__item .archive .cMap__field .cHeader a, .cHeader .cFtr__search .search__btn, .cFtr__search .cHeader .search__btn, .cHeader .cNewsletter .btn, .cNewsletter .cHeader .btn, .cHeader .cNewsletter .cClientZone__logout, .cNewsletter .cHeader .cClientZone__logout, .cHeader .cNewsletter .cNews-archiv a, .cNewsletter .cNews-archiv .cHeader a, .cHeader .cNews-archiv .cNewsletter a, .cNews-archiv .cNewsletter .cHeader a, .cHeader .cNewsletter .cRecepts .archive a, .cNewsletter .cRecepts .archive .cHeader a, .cHeader .cRecepts .archive .cNewsletter a, .cRecepts .archive .cNewsletter .cHeader a, .cHeader .cNewsletter .recipesList .archive a, .cNewsletter .recipesList .archive .cHeader a, .cHeader .recipesList .archive .cNewsletter a, .recipesList .archive .cNewsletter .cHeader a, .cHeader .cNewsletter .cFtr .recipesList__item .archive a, .cNewsletter .cFtr .recipesList__item .archive .cHeader a, .cHeader .cFtr .recipesList__item .archive .cNewsletter a, .cFtr .recipesList__item .archive .cNewsletter .cHeader a, .cHeader .cForm .btn, .cForm .cHeader .btn, .cHeader .cForm .cClientZone__logout, .cForm .cHeader .cClientZone__logout, .cHeader .cForm .cNews-archiv a, .cForm .cNews-archiv .cHeader a, .cHeader .cNews-archiv .cForm a, .cNews-archiv .cForm .cHeader a, .cHeader .cForm .cRecepts .archive a, .cForm .cRecepts .archive .cHeader a, .cHeader .cRecepts .archive .cForm a, .cRecepts .archive .cForm .cHeader a, .cHeader .cForm .recipesList .archive a, .cForm .recipesList .archive .cHeader a, .cHeader .recipesList .archive .cForm a, .recipesList .archive .cForm .cHeader a, .cHeader .cForm .cFtr .recipesList__item .archive a, .cForm .cFtr .recipesList__item .archive .cHeader a, .cHeader .cFtr .recipesList__item .archive .cForm a, .cFtr .recipesList__item .archive .cForm .cHeader a, .cHeader .cConversButton .btn:not(.btn--inverse), .cConversButton .cHeader .btn:not(.btn--inverse), .cHeader .cConversButton .cClientZone__logout:not(.btn--inverse), .cConversButton .cHeader .cClientZone__logout:not(.btn--inverse), .cHeader .cConversButton .cNews-archiv a:not(.btn--inverse), .cConversButton .cNews-archiv .cHeader a:not(.btn--inverse), .cHeader .cNews-archiv .cConversButton a:not(.btn--inverse), .cNews-archiv .cConversButton .cHeader a:not(.btn--inverse), .cHeader .cConversButton .cRecepts .archive a:not(.btn--inverse), .cConversButton .cRecepts .archive .cHeader a:not(.btn--inverse), .cHeader .cRecepts .archive .cConversButton a:not(.btn--inverse), .cRecepts .archive .cConversButton .cHeader a:not(.btn--inverse), .cHeader .cConversButton .recipesList .archive a:not(.btn--inverse), .cConversButton .recipesList .archive .cHeader a:not(.btn--inverse), .cHeader .recipesList .archive .cConversButton a:not(.btn--inverse), .recipesList .archive .cConversButton .cHeader a:not(.btn--inverse), .cHeader .cConversButton .cFtr .recipesList__item .archive a:not(.btn--inverse), .cConversButton .cFtr .recipesList__item .archive .cHeader a:not(.btn--inverse), .cHeader .cFtr .recipesList__item .archive .cConversButton a:not(.btn--inverse), .cFtr .recipesList__item .archive .cConversButton .cHeader a:not(.btn--inverse) {
padding: 0.75rem 1.25rem !important;
background-image: none !important; } }
.cHeader__inner {
max-width: 1800px !important;
display: flex; }
@media (min-width: 768px) {
.cHeader__inner {
min-height: var(--header-height); } }
.cHeader__inner > div {
margin: 0 var(--_gap) 0 0 !important; }
.cHeader__inner .cHeader__lang {
margin-right: 1rem !important; }
.cHeader__inner .cHeader__cta .btn, .cHeader__inner .cHeader__cta .cClientZone__logout, .cHeader__inner .cHeader__cta .cNews-archiv a, .cNews-archiv .cHeader__inner .cHeader__cta a, .cHeader__inner .cHeader__cta .cRecepts .archive a, .cRecepts .archive .cHeader__inner .cHeader__cta a, .cHeader__inner .cHeader__cta .recipesList .archive a, .recipesList .archive .cHeader__inner .cHeader__cta a, .cHeader__inner .cHeader__cta .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cHeader__inner .cHeader__cta a {
color: var(--c-green-600) !important;
border-color: var(--c-green-600) !important; }
.cHeader__inner .cHeader__cta .btn:hover, .cHeader__inner .cHeader__cta .cClientZone__logout:hover, .cHeader__inner .cHeader__cta .cNews-archiv a:hover, .cNews-archiv .cHeader__inner .cHeader__cta a:hover, .cHeader__inner .cHeader__cta .cRecepts .archive a:hover, .cRecepts .archive .cHeader__inner .cHeader__cta a:hover, .cHeader__inner .cHeader__cta .recipesList .archive a:hover, .recipesList .archive .cHeader__inner .cHeader__cta a:hover, .cHeader__inner .cHeader__cta .cFtr .recipesList__item .archive a:hover, .cFtr .recipesList__item .archive .cHeader__inner .cHeader__cta a:hover {
color: #fff !important; }
.cHeader__inner .cHeader__search {
margin-right: 0 !important; }
.cHeader__inner .cHeader__search .icon-search::before {
font-size: 1.35rem; }
.cHeader__inner .cHeader__logo {
order: 1; }
.cHeader__inner .cHeader__mainNav {
order: 2; }
.cHeader__inner .cHeader__offcanvas {
order: 3; }
.cHeader__inner .cHeader__cta {
order: 4; }
.cHeader__inner .cHeader__lang {
order: 5; }
.cHeader__inner .cHeader__search {
order: 6; }
.cHeader__mainNav {
width: max-content;
margin-right: var(--_gap) !important; }
.cHeader__mainNav > .nav, .mDrop .cHeader__mainNav > ul, .cHeader__mainNav > .cPag__nav {
display: flex;
align-items: center;
justify-content: flex-end;
gap: var(--_gap);
align-self: stretch; }
.cHeader__mainNav > .nav::after, .mDrop .cHeader__mainNav > ul::after, .cHeader__mainNav > .cPag__nav::after {
content: unset; }
.cHeader__mainNav > .nav li:last-of-type a, .mDrop .cHeader__mainNav > ul li:last-of-type a, .cHeader__mainNav > .cPag__nav li:last-of-type a {
padding-right: 0; }
.cHeader__mainNav > .nav > .js__dropItem, .mDrop .cHeader__mainNav > ul > .js__dropItem, .cHeader__mainNav > .cPag__nav > .js__dropItem {
padding-bottom: 1.65rem;
margin-bottom: -1.65rem; }
.cHeader__mainNav > .nav > .js__dropItem > a, .mDrop .cHeader__mainNav > ul > .js__dropItem > a, .cHeader__mainNav > .cPag__nav > .js__dropItem > a {
background-image: url('data:image/svg+xml,
');
background-repeat: no-repeat;
background-position: center right;
padding-right: 1.25rem !important; }
.cHeader__mainNav > .nav > .js__dropItem > a::after, .mDrop .cHeader__mainNav > ul > .js__dropItem > a::after, .cHeader__mainNav > .cPag__nav > .js__dropItem > a::after {
content: unset; }
.cHeader__mainNav a {
position: relative;
padding: 0 !important;
overflow: hidden;
isolation: isolate;
border-bottom: none !important; }
@media (min-width: 768px) and (max-width: 1023px) {
.cHeader__mainNav a {
font-size: 12px;
font-size: 0.75rem; } }
.cHeader__mainNav a > span {
transition: 0.25s;
display: inline-block;
padding: 0.25rem 0.25rem 0 0.25rem;
text-align: left; }
.cHeader__mainNav a > span:last-of-type {
z-index: 5;
inset: 0;
margin: auto;
transform: translateY(100%);
width: 100%;
height: 100%;
position: absolute; }
.cHeader__mainNav a:hover > span {
transform: translateY(-100%) !important; }
.cHeader__mainNav a:hover > span:last-of-type {
transform: translateY(0%) !important; }
.homepage .cHeader {
/*
background-color: transparent;
@media (min-width: 768px) {
border-bottom: solid 1px #C5BFAF;
}
.nav__item__in {
color: #FFF;
}
*/ }
.cHeader--green {
background-color: #ebefef; }
.cHeader .navbar--top {
display: none; }
@media screen and (min-width: 768px) {
.cHeader--hamburger {
padding-top: 12px ;
padding-top: 0.75rem ;
padding-bottom: 12px ;
padding-bottom: 0.75rem ; } }
.cHeader--hamburger .cHeader__component {
padding-top: 0;
padding-bottom: 0; }
.cHeader--advance {
padding-top: 0;
padding-bottom: 0; }
.cHeader--advance.cHeader--box .navbar {
background-color: transparent; }
@media screen and (min-width: 768px) {
.cHeader--advance.cHeader--hamburger {
padding-top: 12px ;
padding-top: 0.75rem ;
padding-bottom: 12px ;
padding-bottom: 0.75rem ; } }
.cHeader--fixed {
position: fixed;
left: 0;
top: 0;
width: 100%; }
.mobileMenuOffcanvas {
border-left: 1px solid #ddd; }
@media screen and (min-width: 768px) {
.row--stickyTop {
margin-top: -300px;
min-height: 300px; } }
.mm-slideout--offCanvas,
.mm-page.mm-slideout.mm-slideout--offCanvas {
transform: translateX(300px) !important; }
.mm-slideout--offCanvas--active {
z-index: 2000; }
#mm-blocker {
background-color: rgba(253, 177, 45, 0);
visibility: hidden;
opacity: 0; }
#mm-blocker.mm-slideout {
transition: all 0.3s ease-in-out; }
#mm-blocker.mm-slideout--active {
background-color: rgba(253, 177, 45, 0.3); }
.mobileHeader {
padding-inline: 1.5rem;
height: 4rem;
display: grid;
place-items: center;
background: var(--c-beige-300, #f2efe8);
border-bottom: 1px solid #c5bfaf; }
.mobileHeader__inner {
display: grid;
grid-template-columns: max-content 1fr;
grid-template-rows: 1fr max-content; }
.mobileHeader__inner::before, .mobileHeader__inner::after {
content: unset !important; }
.mobileHeader .icon-search::before {
font-size: 1.25rem !important; }
.cHamburger {
padding: 1rem;
width: 1.7rem !important;
height: 0.5rem !important; }
.cHamburger--active .cHamburger__line:first-of-type, .cHeader__offcanvas input:checked + label .cHamburger__line:first-of-type {
transform: translateY(0) rotate(45deg); }
.cHamburger--active .cHamburger__line:last-of-type, .cHeader__offcanvas input:checked + label .cHamburger__line:last-of-type {
transform: translateY(0) rotate(-45deg); }
.cHamburger__line {
inset: 0 !important;
margin: auto;
height: 1px;
width: 100%;
transform-origin: center; }
.cHamburger__line:first-of-type {
transform: translateY(-0.25rem); }
.cHamburger__line:last-of-type {
transform: translateY(0.25rem); }
.cHamburger__line:nth-of-type(2) {
display: none; }
.cHamburger::after {
content: unset !important; }
.mobileHeader__logo {
padding: 0; }
.mm-panel .mobileHeader__component--mainNav, .mm-panel .mobileHeader__component--cta, .mm-panel .mobileHeader__component--sideNav {
grid-column: 1 / -1; }
.mm-panel .mobileHeader__component--mainNav {
padding-top: 3rem;
margin-bottom: 0;
padding-bottom: 2.125rem;
order: 1; }
.mm-panel .mobileHeader__component--mainNav .nav, .mm-panel .mobileHeader__component--mainNav .mDrop ul, .mDrop .mm-panel .mobileHeader__component--mainNav ul, .mm-panel .mobileHeader__component--mainNav .cPag__nav {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2.125rem; }
.mm-panel .mobileHeader__component--mainNav .nav::after, .mm-panel .mobileHeader__component--mainNav .mDrop ul::after, .mDrop .mm-panel .mobileHeader__component--mainNav ul::after, .mm-panel .mobileHeader__component--mainNav .cPag__nav::after {
content: unset !important; }
.mm-panel .mobileHeader__component--sideNav {
grid-column: 1 / -1;
order: 2;
padding-bottom: 3rem;
position: relative; }
.mm-panel .mobileHeader__component--sideNav::before {
position: absolute;
inset: auto 0 0 -10%;
width: 120%;
height: 1px;
background-color: #c5bfaf;
content: ""; }
.mm-panel .mobileHeader__component--sideNav .nav, .mm-panel .mobileHeader__component--sideNav .mDrop ul, .mDrop .mm-panel .mobileHeader__component--sideNav ul, .mm-panel .mobileHeader__component--sideNav .cPag__nav {
display: flex;
flex-direction: column;
gap: 2.125rem; }
.mm-panel .mobileHeader__component--lang, .mm-panel .mobileHeader__component--socials {
height: 6.25rem;
order: 3; }
.mm-panel .mobileHeader__component--lang {
display: flex;
justify-content: center;
align-items: center;
grid-row: 3 / 4;
grid-column: 1 / 2;
margin-bottom: 0;
transform: translateY(0.25rem) !important; }
.mm-panel .mobileHeader__component--socials {
grid-row: 3 / 4;
grid-column: 2 / 3;
height: max-content;
place-self: center;
margin-bottom: 0; }
.mm-panel .mobileHeader__component--socials ul {
gap: 1.25rem; }
.mm-panel .nav__item {
width: 100%; }
.mm-panel .nav__item__in {
font-size: 2.1875rem;
font-weight: 400;
letter-spacing: 0.5px;
border: none; }
.mm-panel .mm-next {
background-color: transparent !important;
border: none; }
.mm-panel .mm-next::before {
position: absolute;
inset: 0.5rem 0 auto 0;
margin: auto;
width: 0.83488rem;
height: 0.8345rem;
content: "";
background-image: url('data:image/svg+xml,
');
background-repeat: no-repeat;
background-size: contain;
background-position: center; }
.mm-panel .mm-next::after {
content: unset !important; }
.mm-panel .mDrop {
border: none; }
.mm-panel .mDrop__cont {
border: none; }
.mm-panel .mDrop .mm-listview {
gap: 2.125rem; }
.mm-panel .mDrop a {
font-size: 1.25rem;
font-weight: 300;
letter-spacing: 0.5px; }
.mm-panel .mobileHeader__component--cta {
display: none; }
.mDrop {
margin-top: 1.65rem; }
.mDrop .mm-next {
opacity: 0; }
.mDrop__cont {
padding-bottom: 0; }
.mDrop__cont ul {
display: grid !important;
grid-template-columns: 1fr;
gap: 2rem; }
@media (min-width: 450px) {
.mDrop__cont ul {
grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) {
.mDrop__cont ul {
margin-bottom: 2rem; } }
@media (min-width: 1200px) {
.mDrop__cont ul {
grid-template-columns: repeat(3, 1fr); } }
.mDrop__cont ul li {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr max-content; }
.mDrop__cont ul li:hover img {
width: 110%;
height: 110%; }
.mDrop__cont ul a {
border-radius: 1rem;
overflow: hidden; }
.mDrop__cont ul img {
transition: 0.25s;
display: block;
width: 105%;
height: 105%;
object-fit: cover;
border-radius: 1rem; }
.mDrop__cont ul p {
margin-top: 0.75rem;
margin-bottom: 0;
background-image: url('data:image/svg+xml,
');
background-repeat: no-repeat;
background-position: right top 0.25rem; }
.mDrop__cont .more {
margin-top: 1.5rem;
display: block;
width: 100vw;
max-width: 100vw;
margin: 0 calc(-50vw + 50%);
text-align: center;
padding: 1.25rem 1rem !important;
border-top: solid 1px #d3d3d3;
font-size: 1.25rem;
text-decoration: none;
background-image: url('data:image/svg+xml,
');
background-repeat: no-repeat;
background-position: calc(50% + 6rem) 50%; }
.mDrop__cont .more ~ p {
display: none; }
.cHeader__inner {
isolation: isolate; }
.cHeader__offcanvas {
z-index: -1; }
.cHeader__offcanvas:has(input:checked)::before {
opacity: 0.5;
pointer-events: all; }
@media (max-width: 1199px) {
.cHeader__offcanvas .cHamburger, .cHeader__offcanvas .cHamburger__line {
width: 1.35rem !important; } }
.cHeader__offcanvas > label {
margin-top: -0.75rem; }
.cHeader__offcanvas input[type="checkbox"] {
display: none; }
.cHeader__offcanvas input:checked ~ .cHeader__offcanvas__inner {
--_translate-y: calc(var(--header-height));
opacity: 1;
pointer-events: all; }
.cHeader__offcanvas input:checked ~ .cHeader__offcanvas__inner .nav__item {
opacity: 1;
transition-delay: 0.5s; }
.cHeader__offcanvas::before {
pointer-events: none;
position: fixed;
z-index: -1;
inset: var(--header-height) 0 0 0;
content: "";
background-color: #000;
opacity: 0;
transition: 0.5s; }
.cHeader__offcanvas__inner {
--_translate-x: -100%;
pointer-events: none;
position: fixed;
inset: 0;
height: calc(100% - var(--header-height));
background-color: #f2efe8;
opacity: 0.75;
transform: translateY(calc(var(--_translate-y, -100%)));
transition: 0.5s;
padding: 2rem 1.5rem;
border-top: 1px solid #c5bfaf;
overflow: auto; }
.cHeader__offcanvas__inner::-webkit-scrollbar {
width: 0.75rem; }
.cHeader__offcanvas__inner::-webkit-scrollbar-track {
background: #d9d4c8; }
.cHeader__offcanvas__inner::-webkit-scrollbar-thumb {
background: #bbb6aa; }
.cHeader__offcanvas__inner .nav__item {
transition: 0.25s;
opacity: 0; }
.cHeader__offcanvas__inner .nav__item__in {
transition: 0.25s;
text-decoration: none;
font-size: 2rem;
line-height: 1.5; }
@media (min-width: 1200px) {
.cHeader__offcanvas__inner .nav__item__in {
font-size: 3.25rem; } }
.cHeader__offcanvas__inner .nav__item__in:hover {
transform: translateX(2rem);
opacity: 1 !important; }
.cHeader__offcanvas__inner .nav, .cHeader__offcanvas__inner .mDrop ul, .mDrop .cHeader__offcanvas__inner ul, .cHeader__offcanvas__inner .cPag__nav {
display: flex;
flex-direction: column;
max-width: calc(1800px - 4rem);
margin-inline: auto; }
.cHeader__offcanvas__inner .nav__item:not(:last-of-type) {
padding-bottom: 0.5rem; }
.cHeader__offcanvas__inner .nav:has(a:hover) .nav__item__in, .cHeader__offcanvas__inner .mDrop ul:has(a:hover) .nav__item__in, .mDrop .cHeader__offcanvas__inner ul:has(a:hover) .nav__item__in, .cHeader__offcanvas__inner .cPag__nav:has(a:hover) .nav__item__in {
opacity: 0.45; }
.cText {
margin-bottom: 1.5rem; }
@media (min-width: 1200px) {
.cText__text {
font-size: 18px;
font-size: 1.125rem; } }
.cText.text--large p {
font-size: 1.5rem;
line-height: 1.25;
font-weight: 400; }
.cText.text--small {
font-family: "AeonikFono", serif;
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1.5;
letter-spacing: 0.015rem; }
.cText.text--xsmall {
font-family: "AeonikFono", serif;
font-style: normal;
font-weight: 400;
line-height: 1.5;
letter-spacing: 0.015rem; }
.cText.text--xsmall,
.cText.text--xsmall p {
font-size: 0.865rem !important; }
.cText .cText__text p:last-of-type {
margin-bottom: 0; }
@media (min-width: 768px) {
.cText.slim .cText__text {
max-width: 18rem; } }
.checkList li {
background-image: url('data:image/svg+xml,
');
background-repeat: no-repeat;
background-position: left top;
padding-left: 3.25rem !important;
padding-bottom: 1.65rem; }
.checkList li::before {
content: unset !important; }
.program-h2 h2 {
font-size: 2.8165rem !important; }
/* ==========================================================================================
Kosticka METADATA - designova vrstva
========================================================================================== */
.cMetaData {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
.cMetaData--block .cMetaData__item {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.cMetaData--block .cMetaData__item:last-child {
margin-bottom: 0; }
.cHtmlSlider {
--_min-height: 485px;
margin-bottom: 0; }
@media (min-width: 1200px) {
.cHtmlSlider {
--_min-height: 750px; } }
.cHtmlSlider,
.cHtmlSlider .royalSlider {
min-height: var(--_min-height); }
@media (min-width: 1200px) {
.cHtmlSlider,
.cHtmlSlider .royalSlider {
height: 100vh !important; } }
.cHtmlSlider .customSliderBox {
position: absolute;
inset: auto auto 0 0;
margin: 3rem 1.25rem;
pointer-events: none;
display: flex !important;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-inline: 1rem; }
.cHtmlSlider .customSliderBox > .btn, .cHtmlSlider .customSliderBox > .cClientZone__logout, .cHtmlSlider .cNews-archiv .customSliderBox > a, .cNews-archiv .cHtmlSlider .customSliderBox > a, .cHtmlSlider .cRecepts .archive .customSliderBox > a, .cRecepts .archive .cHtmlSlider .customSliderBox > a, .cHtmlSlider .recipesList .archive .customSliderBox > a, .recipesList .archive .cHtmlSlider .customSliderBox > a, .cHtmlSlider .cFtr .recipesList__item .archive .customSliderBox > a, .cFtr .recipesList__item .archive .cHtmlSlider .customSliderBox > a {
opacity: 0; }
@media (min-width: 1200px) {
.cHtmlSlider .customSliderBox {
max-width: unset;
width: 100%; } }
@media (min-width: 768px) {
.pl .cHtmlSlider .customSliderBox .rsABlock__title div {
margin-left: -9rem; } }
@media (min-width: 1200px) {
.pl .cHtmlSlider .customSliderBox .rsABlock__title div {
margin-left: -13rem; } }
.cHtmlSlider .rsABlock__title {
--_title-height: 120px;
visibility: hidden;
animation: sliceIn 1.5s 0.5s forwards;
text-align: left;
color: var(--c-beige-300, #f2efe8);
font-weight: 400;
line-height: 1;
/* 100% */
letter-spacing: 0.55px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
display: grid;
position: relative;
max-width: 1340px;
margin-inline: auto;
column-gap: 1rem;
line-height: 1.2;
pointer-events: none; }
@media (min-width: 768px) {
.cHtmlSlider .rsABlock__title {
grid-template-columns: max-content 1fr; } }
.cHtmlSlider .rsABlock__title .btn, .cHtmlSlider .rsABlock__title .cClientZone__logout, .cHtmlSlider .rsABlock__title .cNews-archiv a, .cNews-archiv .cHtmlSlider .rsABlock__title a, .cHtmlSlider .rsABlock__title .cRecepts .archive a, .cRecepts .archive .cHtmlSlider .rsABlock__title a, .cHtmlSlider .rsABlock__title .recipesList .archive a, .recipesList .archive .cHtmlSlider .rsABlock__title a, .cHtmlSlider .rsABlock__title .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cHtmlSlider .rsABlock__title a {
height: max-content;
position: relative;
inset: auto;
place-self: end start;
margin-bottom: 2rem;
pointer-events: auto; }
.cHtmlSlider .rsABlock__title > div {
overflow: hidden;
position: relative;
min-height: 60px;
clip-path: polygon(0 14%, 100% 14%, 100% 100%, 0% 100%); }
.cHtmlSlider .rsABlock__title strong {
font-weight: 400;
animation: slide__anim 11s cubic-bezier(0.23, 0.29, 0.06, 1.1) infinite;
position: absolute;
height: 100%;
grid-column: 2 / 3;
grid-row: 1 / 2;
display: flex;
flex-direction: column; }
@media (min-width: 1200px) {
.cHtmlSlider .rsABlock__title strong {
padding-inline: 1rem; } }
.cHtmlSlider .rsABlock__title strong span {
display: block;
height: 100%;
white-space: nowrap; }
@keyframes slide__anim {
0% {
transform: translateY(0%); }
25% {
transform: translateY(-100%); }
50% {
transform: translateY(-200%); }
75% {
transform: translateY(-300%); }
100% {
transform: translateY(-400%); } }
.cHtmlSlider .rsABlock__perex {
--_w: 190px;
display: none;
position: absolute;
inset: 0;
pointer-events: none;
max-width: 1340px;
margin-inline: auto !important;
padding-right: 5rem;
margin-top: calc(var(--header-height) + 4rem); }
@media (min-width: 1200px) {
.cHtmlSlider .rsABlock__perex {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end; } }
.cHtmlSlider .rsABlock__perex svg {
width: var(--_w); }
.cHtmlSlider .rsABlock__perex p {
width: var(--_w);
text-align: left;
color: #fff;
pointer-events: auto;
margin-bottom: 0.5rem;
visibility: hidden; }
.cHtmlSlider .rsABlock__perex a {
pointer-events: auto;
color: var(--White, #fff);
text-decoration: none;
width: 100%;
display: flex;
border-top: solid 1px #fff;
margin-top: 0.5rem;
padding-top: 0.5rem;
background-image: url('data:image/svg+xml,
');
background-repeat: no-repeat;
background-position: 8rem 0.5rem;
background-size: 0.9rem 0.9rem; }
html.pl .cHtmlSlider .rsABlock__perex a {
background-position: 100% 0.75rem; }
.cHtmlSlider .rsABlock__perex p:nth-child(1) {
animation: sliceIn 1.5s 0.5s forwards;
animation-delay: 0.5s; }
.cHtmlSlider .rsABlock__perex p:nth-child(2) {
animation: sliceIn 1.5s 0.5s forwards;
animation-delay: 1s; }
.cHtmlSlider .rsABlock__perex p:nth-child(3) {
animation: sliceIn 1.5s 0.5s forwards;
animation-delay: 1.5s; }
.cHtmlSlider .rsABlock__perex p:nth-child(4) {
animation: sliceIn 1.5s 0.5s forwards;
animation-delay: 2s; }
.cHtmlSlider .rsABlock__perex p:nth-child(5) {
animation: sliceIn 1.5s 0.5s forwards;
animation-delay: 2.5s; }
.cHr,
hr {
border: 0;
border-top: 1px solid #173530; }
/* ==========================================================================================
Kosticka VYSLEDKY VYHLEDAVANI - designova vrstva
========================================================================================== */
@media (max-width: 767px) {
.cFtr h1 {
font-size: 45px;
font-size: 2.8125rem; } }
.cFtr p.text--center:first-of-type {
margin-bottom: 2.45rem;
word-wrap: break-word; }
.cFtr .cFtr__mark {
background-color: transparent;
font-weight: 900; }
.cFtr--empty {
text-align: center;
margin-top: 5.5rem;
margin-bottom: 10rem; }
@media (min-width: 1200px) {
.cFtr--empty {
margin-bottom: 20rem; } }
.cFtr--empty h4 {
margin-bottom: 2.25rem;
text-align: center; }
.cFtr--empty ul {
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.cFtr--empty ul li {
position: relative;
padding-left: 1rem; }
.cFtr--empty ul li::before {
position: absolute;
left: 0;
top: 4px;
width: 5px;
height: 5px;
background-color: var(--c-green-600);
border-radius: 50%;
content: ""; }
.cFtr .cProductListImg__perex {
display: none; }
.cFtr .recipes {
display: grid;
grid-template-columns: 1fr;
gap: 1.75rem; }
@media (min-width: 768px) {
.cFtr .recipes {
grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) {
.cFtr .recipes {
grid-template-columns: repeat(3, 1fr); } }
.cFtr .recipesList__item {
grid-template-columns: 1fr !important;
position: relative;
margin-bottom: 1.75rem !important;
padding: 0 !important;
width: 100% !important; }
.cFtr .recipesList__item .cNews--grid__content {
grid-column: 1 / 2;
grid-row: 1 / 2; }
.cFtr .recipesList__item .recipesList__item__tags .cNews__tag {
color: #FFF !important; }
.cFtr__search {
display: none; }
.cFtr__wrapper > section {
margin-bottom: 4rem; }
@media (min-width: 1200px) {
.cFtr__wrapper > section {
margin-bottom: 5rem; } }
.cFtr__wrapper > section .btn-wrapper {
margin-top: 1rem;
grid-column: 1 / -1; }
@media (min-width: 1200px) {
.cFtr__wrapper > section .btn-wrapper {
margin-top: 3rem; } }
.cFtr .cNews--arch img {
width: 100%;
height: 100%; }
.cFtr .pages .cFtr__item {
margin-bottom: 2.25rem; }
.cFtr .pages .cFtr__item h2 {
margin-bottom: 0.5rem; }
.cFtr .pages .cFtr__item h2, .cFtr .pages .cFtr__item a {
text-decoration: none; }
.cFtr .pages .cFtr__item p {
font-size: 1.125rem; }
.cFtr .pages .cFtr__item__pagepath {
padding-top: 1.15rem; }
swiper-container {
transition: 1s linear; }
/* ==========================================================================================
Magnific popup - CUSTOM STYLY
========================================================================================== */
.icon {
width: 22px;
height: 22px; }
.icon.icon-productListImage, .icon.icon-productListBox, .icon.icon-productListTable {
fill: #ccc; }
.royalSlider {
border: none !important; }
.cProduct {
/* !!!! DOCASNE !!!!! */ }
.cProduct__photo {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
.cProduct__anotation {
margin-bottom: 24px ;
margin-bottom: 1.5rem ;
font-size: 13px;
font-size: 0.8125rem; }
.cProduct__anotation p {
margin-bottom: 0; }
.cProduct__labels {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
.cProduct__price {
display: table;
width: 100%;
margin-bottom: 12px ;
margin-bottom: 0.75rem ;
padding-bottom: 12px ;
padding-bottom: 0.75rem ;
border-bottom: 1px solid #ddd; }
.cProduct__price__item {
display: table-row;
background-image: none !important; }
.cProduct__price__title {
display: table-cell;
width: 50%; }
.cProduct__price__title--vat {
font-size: 26px;
font-size: 1.625rem;
font-weight: bold; }
.cProduct__price__value {
display: table-cell;
width: 50%;
text-align: right; }
.cProduct__price__value--vat {
font-size: 26px;
font-size: 1.625rem;
font-weight: bold; }
.cProduct__price__tax {
font-size: 13px;
font-size: 0.8125rem;
color: #777; }
.cProduct__availability {
display: table;
width: 100%;
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
.cProduct__availability__title {
display: table-cell;
width: 50%;
font-weight: bold; }
.cProduct__availability__value {
display: table-cell;
width: 50%;
text-align: right; }
.cProduct__availability__value--stock {
color: #89cb52; }
.cProduct__availability__value--nStock {
color: #e83f3e; }
.cProduct__availability__value--request {
color: #007DC4; }
.cProduct__reviews {
margin-bottom: 24px ;
margin-bottom: 1.5rem ;
display: table;
width: 100%; }
.cProduct__reviews__title {
display: table-cell;
width: 50%;
font-weight: bold; }
.cProduct__reviews__review {
display: table-cell;
width: 50%;
text-align: right; }
.cProduct__reviews__votes {
font-size: 13px;
font-size: 0.8125rem;
color: #777; }
.cProduct__reviews__rating {
display: inline-block;
vertical-align: text-bottom;
background-image: url(../img/stars.svg);
background-color: transparent;
background-position: 0 0;
background-size: 20px auto;
background-repeat: no-repeat;
background-repeat: repeat-x;
width: 100px;
height: 20px;
text-align: left; }
.cProduct__reviews__rating__result {
display: inline-block;
background: inherit;
background-position: 0 -20px;
height: 20px; }
.cProduct__reviews__rating__result.p10 {
width: 10px; }
.cProduct__reviews__rating__result.p20 {
width: 20px; }
.cProduct__reviews__rating__result.p20 {
width: 20px; }
.cProduct__reviews__rating__result.p30 {
width: 30px; }
.cProduct__reviews__rating__result.p40 {
width: 40px; }
.cProduct__reviews__rating__result.p50 {
width: 50px; }
.cProduct__reviews__rating__result.p60 {
width: 60px; }
.cProduct__reviews__rating__result.p70 {
width: 70px; }
.cProduct__reviews__rating__result.p80 {
width: 80px; }
.cProduct__reviews__rating__result.p90 {
width: 90px; }
.cProduct__reviews__rating__result.p100 {
width: 100px; }
.cProduct__reviews__votes {
margin-left: 6px ;
margin-left: 0.375rem ; }
.cProduct__buy {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
@media screen and (min-width: 768px) {
.cProduct__buy {
text-align: right; } }
.cProduct__buy .btn--buy {
color: #fff;
background-color: #89cb52;
border-color: #6fb436;
border-radius: 10rem;
text-decoration: none;
width: 100%; }
.cProduct__buy .btn--buy:hover, .cProduct__buy .btn--buy:focus, .cProduct__buy .btn--buy:active, .cProduct__buy .btn--buy.active {
color: #fff;
background-color: #74bc38;
border-color: #528528; }
.cProduct__buy .btn--buy:active, .cProduct__buy .btn--buy.active {
background-image: none; }
.cProduct__buy .btn--buy.disabled, .cProduct__buy .btn--buy.disabled:hover, .cProduct__buy .btn--buy.disabled:focus, .cProduct__buy .btn--buy.disabled:active, .cProduct__buy .btn--buy.disabled.active, .cProduct__buy .btn--buy[disabled], .cProduct__buy .btn--buy[disabled]:hover, .cProduct__buy .btn--buy[disabled]:focus, .cProduct__buy .btn--buy[disabled]:active, .cProduct__buy .btn--buy[disabled].active,
fieldset[disabled] .cProduct__buy .btn--buy,
fieldset[disabled] .cProduct__buy .btn--buy:hover,
fieldset[disabled] .cProduct__buy .btn--buy:focus,
fieldset[disabled] .cProduct__buy .btn--buy:active,
fieldset[disabled] .cProduct__buy .btn--buy.active {
background-color: #89cb52;
border-color: #6fb436; }
.cProduct__buy .btn--buy:visited {
color: #fff; }
@media screen and (min-width: 768px) {
.cProduct__buy .btn--buy {
width: 50%; } }
.cProduct__inclCategory {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
.cProduct__inclCategory__list {
font-size: 13px;
font-size: 0.8125rem; }
.cProduct .royalSlider {
width: 100%;
height: 350px; }
@media screen and (min-width: 768px) {
.cProduct .royalSlider {
height: 500px; } }
.cProduct .royalSlider .rsThumbsContainer {
border: 0 !important; }
.cProduct .royalSlider .rsThumb img {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50); }
.cProduct .royalSlider .rsThumb:hover img {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.cProduct .royalSlider .rsThumb.rsNavSelected {
background: none !important; }
.cProduct .royalSlider .rsThumb.rsNavSelected img {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.cProduct__info {
margin-bottom: 24px ;
margin-bottom: 1.5rem ; }
.cRelatedProducts {
border: none !important; }
.cRelatedProducts .royalSlider img {
width: auto;
margin-left: auto;
margin-right: auto; }
.cProduct__labels .label {
padding: 0.25rem 0.875rem;
gap: 0.625rem;
border-radius: 2.5rem;
border: 1px solid #D1CBBA;
background-color: transparent;
color: var(--green-dark, #173530);
text-align: center;
font-family: "AeonikFono", serif;
font-size: 0.8125rem;
font-style: normal;
font-weight: 400;
line-height: 1.5; }
/**
* Horni panel nad vypisem produktu
========================================================================================= */
@media (min-width: 1200px) {
.cProductList--widget > .grid {
display: grid;
grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1200px) {
.cProductList--widget > .grid > .grid__item, .cProductList--widget > .grid > .label--inline, .cProductList--widget > .grid > .label--inline + .field {
width: 100% !important;
margin-bottom: 0 !important; } }
.cProductListImg, .cPathBox.cProduct {
margin-bottom: 0.65rem; }
.cProductList__anotation {
font-size: 13px;
font-size: 0.8125rem; }
.cProductList__anotation__img {
float: left;
max-width: 33%;
padding-right: 12px ;
padding-right: 0.75rem ; }
.cProductList__anotation p {
margin-bottom: 0; }
.cProductList__desc {
font-size: 13px;
font-size: 0.8125rem; }
.cProductList__categories .grid {
margin-left: -10px ;
margin-left: -0.625rem ; }
.cProductList__categories__list {
margin-bottom: 0; }
.cProductList__categories__item:last-child {
margin-bottom: 0; }
.cProductList__categories__item--box {
position: relative;
padding-left: 10px ;
padding-left: 0.625rem ; }
@media screen and (max-width: 767px) {
.cProductList__categories__item--box {
margin-bottom: 0; }
.cProductList__categories__item--box:last-child .cProductList__categories__item__in {
border-bottom: 1px solid #ddd; } }
@media screen and (min-width: 768px) {
.cProductList__categories__item--box {
text-align: center; } }
.cProductList__categories__item__in {
text-decoration: none; }
.cProductList__categories__item__in--box {
padding: 12px ;
padding: 0.75rem ;
border: 1px solid #ddd;
transition: all 0.5s;
display: block; }
@media screen and (max-width: 767px) {
.cProductList__categories__item__in--box {
border-bottom: 0; } }
.cProductList__categories__item__in--box:hover {
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset; }
.cProductList__categories__item img {
max-width: 50%;
margin-left: auto;
margin-right: auto;
display: block; }
@media screen and (min-width: 768px) {
.cProductList__categories__item img {
max-height: 80px ;
max-height: 5rem ; } }
@media screen and (min-width: 1024px) {
.cProductList__categories__item img {
max-height: 90px ;
max-height: 5.625rem ; } }
.cProductList__categories__img {
position: relative; }
@media screen and (max-width: 767px) {
.cProductList__categories__img {
max-width: 15%;
display: inline-block;
vertical-align: middle; } }
@media screen and (min-width: 768px) {
.cProductList__categories__img {
min-height: 80px ;
min-height: 5rem ; } }
@media screen and (min-width: 1024px) {
.cProductList__categories__img {
min-height: 90px ;
min-height: 5.625rem ; } }
.cProductList__categories__title {
display: block;
margin-top: 12px ;
margin-top: 0.75rem ; }
@media screen and (max-width: 767px) {
.cProductList__categories__title {
display: inline-block;
max-width: 75%;
padding-left: 12px ;
padding-left: 0.75rem ; } }
.cProductList__categories__desc {
color: #777;
margin-top: 6px ;
margin-top: 0.375rem ;
margin-bottom: 0;
font-size: 13px;
font-size: 0.8125rem; }
.cProductList__panel {
position: relative;
padding-bottom: 12px ;
padding-bottom: 0.75rem ;
border-bottom: 1px solid #ddd; }
@media (min-width: 768px) {
.cProductList--image:not(.cProductList--related) .grid {
column-gap: 1.75rem; } }
@media (min-width: 768px) {
.cProductList--image:not(.cProductList--related) .grid > div {
width: calc(50% - 1rem); } }
.cProductList--image:not(.cProductList--related) .grid .cProductListImg, .cProductList--image:not(.cProductList--related) .grid .cPathBox.cProduct {
margin-bottom: 0 !important; }
.cProductList__sort {
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
@media screen and (min-width: 768px) {
.cProductList__sort {
display: inline-block;
vertical-align: middle;
width: 35%;
margin-bottom: 0; } }
.cProductList__sort .field {
width: 100%; }
.cProductList__count {
display: none;
margin-left: 24px ;
margin-left: 1.5rem ;
font-size: 13px;
font-size: 0.8125rem; }
@media screen and (min-width: 1024px) {
.cProductList__count {
display: inline-block;
vertical-align: middle;
margin-top: 0; } }
.cProductList__type {
border-radius: 10rem; }
@media screen and (min-width: 768px) {
.cProductList__type {
float: right; } }
.cProductList__type__tab {
float: left;
width: calc(100% / 3);
text-align: center;
line-height: 1;
padding: 8px 0 ;
padding: 0.5rem 0 ;
border-radius: 10rem; }
@media screen and (min-width: 768px) {
.cProductList__type__tab {
width: 38px;
height: 38px;
margin-right: 6px ;
margin-right: 0.375rem ; } }
.cProductList__type__tab:last-child {
margin-right: 0; }
.cProductList__type__tab--active {
background-color: #ccc; }
.cProductList__type__tab--active .icon.icon-productListImage, .cProductList__type__tab--active .icon.icon-productListBox, .cProductList__type__tab--active .icon.icon-productListTable {
fill: #fff; }
.cProductList__type__tab:hover:not(.cProductList__type__tab--active) {
background-color: #e9e9e9; }
.cProductList__type__tab:hover:not(.cProductList__type__tab--active) .icon.icon-productListImage, .cProductList__type__tab:hover:not(.cProductList__type__tab--active) .icon.icon-productListBox, .cProductList__type__tab:hover:not(.cProductList__type__tab--active) .icon.icon-productListTable {
fill: #a6a6a6; }
.cProductList__panel {
border: none;
background-color: transparent;
display: none; }
.cProductList--image {
border: none; }
.cProductList--image > .grid > .grid__item, .cProductList--image > .grid > .label--inline, .cProductList--image > .grid > .label--inline + .field {
padding: 0;
margin-bottom: 1.25rem; }
.cProductList--image::before, .cProductList--image::after {
content: none; }
.cProductList--image .grid {
border: none; }
.cProductList--image .grid > .grid__item, .cProductList--image .grid > .label--inline, .cProductList--image .grid > .label--inline + .field {
border: none; }
.productCatalogFilter {
padding: 0;
border: none;
background-color: transparent; }
.productCatalogFilter__col > .grid > .grid__item, .productCatalogFilter__col > .grid > .label--inline, .productCatalogFilter__col > .grid > .label--inline + .field {
margin-bottom: 0 !important;
padding-bottom: 0; }
.productCatalogFilter .resetFilter {
display: none; }
.productCatalogFilter__catTitle {
display: none; }
.productCatalogFilter__inner {
display: flex;
gap: 1.25rem;
width: 100vw;
max-width: 100vw;
margin: 0 calc(-50vw + 50%);
padding-inline: 1.25rem;
padding-block: 0.5rem;
overflow: auto hidden; }
@media (min-width: 1200px) {
.productCatalogFilter__inner {
padding-inline: 0; } }
.productCatalogFilter__item {
position: relative;
width: max-content; }
.productCatalogFilter__item.active > label {
color: var(--c-beige-300);
transition: 0.25s; }
.productCatalogFilter__item:hover > label {
color: var(--c-beige-300) !important; }
.productCatalogFilter__item:hover > span > label {
background-color: var(--green-dark, #173530) !important; }
.productCatalogFilter__item span {
position: absolute;
width: 100%;
height: 100%; }
.productCatalogFilter__item span input:checked + label {
background-color: var(--c-green-600) !important; }
.productCatalogFilter__item span label {
transition: 0.25s;
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
max-height: 100% !important;
inset: 0 !important;
border-radius: 2.5rem;
border: solid 1px var(--c-green-600);
background-color: transparent !important; }
.productCatalogFilter__item span label::after {
content: unset !important; }
.productCatalogFilter__item > label {
padding: 0;
margin: 0;
display: flex;
height: 2.1875rem;
padding: 0.5rem 1.25rem;
align-items: center;
gap: 0.625rem;
color: var(--green-dark, #173530);
text-align: center;
font-family: "AeonikFono", serif;
font-size: 0.8125rem;
font-weight: 400;
line-height: 1.5; }
@media (min-width: 1200px) {
.customProductList .cProductList--image {
margin-bottom: 7rem; } }
@media (min-width: 1200px) {
.customProductList .cProductList--image > .grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.75rem; } }
@media (min-width: 1200px) {
.customProductList .cProductList--image > .grid > .grid__item, .customProductList .cProductList--image > .grid > .label--inline, .customProductList .cProductList--image > .grid > .label--inline + .field {
width: 100%;
margin-bottom: 0; } }
@media (min-width: 1200px) {
.customProductList .cProductList--image > .grid > .grid__item:nth-of-type(5), .customProductList .cProductList--image > .grid > .label--inline:nth-of-type(5), .customProductList .cProductList--image > .grid > .label--inline + .field:nth-of-type(5) {
grid-column: span 2; }
.customProductList .cProductList--image > .grid > .grid__item:nth-of-type(5) .cProductListImg, .customProductList .cProductList--image > .grid > .label--inline:nth-of-type(5) .cProductListImg, .customProductList .cProductList--image > .grid > .label--inline + .field:nth-of-type(5) .cProductListImg, .customProductList .cProductList--image > .grid > .grid__item:nth-of-type(5) .cPathBox.cProduct, .customProductList .cProductList--image > .grid > .label--inline:nth-of-type(5) .cPathBox.cProduct, .customProductList .cProductList--image > .grid > .label--inline + .field:nth-of-type(5) .cPathBox.cProduct {
height: 100%;
display: grid;
grid-template-rows: 1fr auto auto; }
.customProductList .cProductList--image > .grid > .grid__item:nth-of-type(5) .cProductListImg a, .customProductList .cProductList--image > .grid > .label--inline:nth-of-type(5) .cProductListImg a, .customProductList .cProductList--image > .grid > .label--inline + .field:nth-of-type(5) .cProductListImg a, .customProductList .cProductList--image > .grid > .grid__item:nth-of-type(5) .cPathBox.cProduct a, .customProductList .cProductList--image > .grid > .label--inline:nth-of-type(5) .cPathBox.cProduct a, .customProductList .cProductList--image > .grid > .label--inline + .field:nth-of-type(5) .cPathBox.cProduct a {
margin-bottom: 0 !important; }
.customProductList .cProductList--image > .grid > .grid__item:nth-of-type(5):has( + .grid__item), .customProductList .cProductList--image > .grid > .label--inline:nth-of-type(5):has( + .grid__item), .customProductList .cProductList--image > .grid > .label--inline + .field:nth-of-type(5):has( + .grid__item) {
grid-row: span 2; }
.customProductList .cProductList--image > .grid > .grid__item:nth-of-type(5):has( + .grid__item) .cProductListImg__img, .customProductList .cProductList--image > .grid > .label--inline:nth-of-type(5):has( + .grid__item) .cProductListImg__img, .customProductList .cProductList--image > .grid > .label--inline + .field:nth-of-type(5):has( + .grid__item) .cProductListImg__img, .customProductList .cProductList--image > .grid > .grid__item:nth-of-type(5):has( + .grid__item) .cPathBox.cProduct .cPathBox__imgWrapper, .cPathBox.cProduct .customProductList .cProductList--image > .grid > .grid__item:nth-of-type(5):has( + .grid__item) .cPathBox__imgWrapper, .customProductList .cProductList--image > .grid > .label--inline:nth-of-type(5):has( + .grid__item) .cPathBox.cProduct .cPathBox__imgWrapper, .cPathBox.cProduct .customProductList .cProductList--image > .grid > .label--inline:nth-of-type(5):has( + .grid__item) .cPathBox__imgWrapper, .customProductList .cProductList--image > .grid > .label--inline + .field:nth-of-type(5):has( + .grid__item) .cPathBox.cProduct .cPathBox__imgWrapper, .cPathBox.cProduct .customProductList .cProductList--image > .grid > .label--inline + .field:nth-of-type(5):has( + .grid__item) .cPathBox__imgWrapper,
.customProductList .cProductList--image > .grid > .grid__item:nth-of-type(5):has( + .grid__item) .cProductListImg__img a,
.customProductList .cProductList--image > .grid > .label--inline:nth-of-type(5):has( + .grid__item) .cProductListImg__img a,
.customProductList .cProductList--image > .grid > .label--inline + .field:nth-of-type(5):has( + .grid__item) .cProductListImg__img a,
.customProductList .cProductList--image > .grid > .grid__item:nth-of-type(5):has( + .grid__item) .cPathBox.cProduct .cPathBox__imgWrapper a, .cPathBox.cProduct
.customProductList .cProductList--image > .grid > .grid__item:nth-of-type(5):has( + .grid__item) .cPathBox__imgWrapper a,
.customProductList .cProductList--image > .grid > .label--inline:nth-of-type(5):has( + .grid__item) .cPathBox.cProduct .cPathBox__imgWrapper a, .cPathBox.cProduct
.customProductList .cProductList--image > .grid > .label--inline:nth-of-type(5):has( + .grid__item) .cPathBox__imgWrapper a,
.customProductList .cProductList--image > .grid > .label--inline + .field:nth-of-type(5):has( + .grid__item) .cPathBox.cProduct .cPathBox__imgWrapper a, .cPathBox.cProduct
.customProductList .cProductList--image > .grid > .label--inline + .field:nth-of-type(5):has( + .grid__item) .cPathBox__imgWrapper a {
height: calc(100% - 7rem) !important; } }
@media (min-width: 1200px) {
.customProductList .cProductList--image > .grid .cProductListImg, .customProductList .cProductList--image > .grid .cPathBox.cProduct {
margin-bottom: 0; } }
.row--product-list__membership .cProductList > .grid {
gap: 1.75rem; }
.row--product-list__membership .cProductListImg__item {
display: block; }
.row--product-list__membership .cProductListImg__labels {
display: none; }
.row--product-list__membership .cProductListImg__availability {
display: none; }
.row--product-list__membership .cProductListImg__prices .cProduct__price {
margin: 0;
padding: .25rem .875rem;
border: solid 1px #D1CBBA;
border-radius: 1.875rem; }
.cProductListImg, .cPathBox.cProduct {
position: relative; }
.cProductListImg__title, .cPathBox.cProduct .cPathBox__title {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.2; }
@media screen and (min-width: 768px) {
.cProductListImg__title, .cPathBox.cProduct .cPathBox__title {
min-height: 50px ;
min-height: 3.125rem ; } }
.cProductListImg__imgBox {
margin-bottom: 12px ;
margin-bottom: 0.75rem ;
text-align: center; }
@media screen and (min-width: 768px) {
.cProductListImg__imgBox {
display: flex;
align-items: center;
align-content: center;
min-height: 200px ;
min-height: 12.5rem ; } }
@media screen and (min-width: 1024px) {
.cProductListImg__imgBox {
min-height: 250px ;
min-height: 15.625rem ; } }
.cProductListImg__imgBox > a {
display: inline-block;
width: 100%; }
.cProductListImg__imgBox img {
width: auto;
display: inline-block;
vertical-align: middle;
text-align: center; }
@media screen and (min-width: 768px) {
.cProductListImg__imgBox img {
max-height: 188px ;
max-height: 11.75rem ; } }
@media screen and (min-width: 1024px) {
.cProductListImg__imgBox img {
max-height: 238px ;
max-height: 14.875rem ; } }
.cProductListImg__imgBox ._blankImage {
max-width: 50%;
max-height: 200px; }
@media screen and (min-width: 768px) {
.cProductListImg__imgBox ._blankImage {
height: 170px; } }
.cProductListImg__img, .cPathBox.cProduct .cPathBox__imgWrapper {
position: relative; }
.cProductListImg__img img, .cPathBox.cProduct .cPathBox__imgWrapper img {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain;
object-position: center; }
.cProductListImg__item {
margin-bottom: 6px ;
margin-bottom: 0.375rem ;
min-height: 50px ;
min-height: 3.125rem ; }
.cProductListImg__item__in {
float: left; }
.cProductListImg__item__in + .cProductListImg__item__in {
float: right; }
.cProductListImg__price__tax {
color: #777;
font-size: 12px;
font-size: 0.75rem;
line-height: 1; }
.cProductListImg__price .cProduct__price--saving {
text-align: right; }
.cProductListImg__availability {
margin-bottom: 0; }
.cProductListImg__availability span {
line-height: 1; }
.cProductListImg__desc {
font-size: 13px;
font-size: 0.8125rem;
clear: both;
margin-bottom: 12px ;
margin-bottom: 0.75rem ; }
@media screen and (min-width: 768px) {
.cProductListImg__desc {
min-height: 125px ;
min-height: 7.8125rem ; } }
@media screen and (min-width: 1024px) {
.cProductListImg__desc {
min-height: 130px ;
min-height: 8.125rem ; } }
.cProductListImg__desc p {
margin-bottom: 0; }
.cProductListImg__labels {
min-height: 50px ;
min-height: 3.125rem ; }
.cProductListImg__labels .label {
font-size: 12px;
font-size: 0.75rem; }
.cProductListImg, .cPathBox.cProduct {
--_padding: 1.25rem;
background: var(--c-beige-400);
border-radius: 1rem;
padding: var(--_padding); }
.cProductListImg a, .cPathBox.cProduct a {
text-decoration: none; }
.cProductListImg__item {
display: none; }
.cProductListImg__category, .cPathBox.cProduct .cPathBox__title span {
margin-bottom: 0.25rem; }
.cProductListImg:hover .cProductListImg__img, .cPathBox.cProduct:hover .cProductListImg__img, .cProductListImg:hover .cPathBox.cProduct .cPathBox__imgWrapper, .cPathBox.cProduct .cProductListImg:hover .cPathBox__imgWrapper, .cPathBox.cProduct:hover .cPathBox__imgWrapper {
transform: scale(1.05); }
.cProductListImg__img, .cPathBox.cProduct .cPathBox__imgWrapper {
margin-top: 3rem;
transition: 0.25s; }
.cProductListImg__img a, .cPathBox.cProduct .cPathBox__imgWrapper a {
height: 210px;
position: relative; }
@media (min-width: 1200px) {
.cProductListImg__img a, .cPathBox.cProduct .cPathBox__imgWrapper a {
height: 300px;
display: grid !important;
margin-bottom: 2rem; } }
.cProductListImg__img a img, .cPathBox.cProduct .cPathBox__imgWrapper a img {
height: 100%;
width: 100%;
object-fit: contain; }
@media (min-width: 1200px) {
.cProductListImg__img a img, .cPathBox.cProduct .cPathBox__imgWrapper a img {
position: absolute;
max-height: 100%; } }
.cProductListImg__title, .cPathBox.cProduct .cPathBox__title {
text-align: left;
margin-bottom: 0; }
.cProductListImg__labels {
display: flex;
flex-wrap: wrap;
gap: 0.625rem;
margin-top: var(--_padding);
margin-left: var(--_padding);
left: 0;
top: 0; }
.cProductListImg__labels span {
margin: 0;
float: unset;
height: max-content;
color: var(--c-green-600);
text-align: center;
font-size: 0.75rem;
font-weight: 400;
line-height: 1.5;
letter-spacing: 0.015rem;
padding: 0.125rem 0.625rem;
background-color: transparent;
border-radius: 2.5rem;
border: 1px solid #d1cbba; }
.swiper-container {
width: 100vw;
max-width: 100vw;
margin: 1rem calc(-50vw + 50%) 3rem; }
@media (min-width: 1200px) {
.swiper-container {
margin-bottom: 5rem; } }
.product-swiper {
--_min-h: 390px;
--_max-w: 275px; }
@media (min-width: 1200px) {
.product-swiper {
--_min-h: 480px;
--_max-w: 410px; } }
.product-swiper .swiper-slide {
max-width: var(--_max-w);
min-height: var(--_min-h);
height: 100%; }
.product-swiper .swiper-wrapper {
transition-timing-function: linear !important; }
.product-swiper .cProductListImg, .product-swiper .cPathBox.cProduct {
min-height: var(--_min-h);
height: 100%; }
.product-swiper .cProductListBox__labels {
display: flex;
flex-wrap: wrap;
gap: 0.625rem;
padding: 0 1rem;
width: 100%; }
.product-swiper .cProductListBox__labels span {
background-color: transparent;
border-radius: 2rem;
border: 1px solid #d1cbba; }
.cRecepts, .recipesList, .cFtr .recipesList__item {
margin-bottom: 1rem; }
.cRecepts.md-col-3 .recipesList, .cRecepts.md-col-3 .cFtr .recipesList__item, .cFtr .cRecepts.md-col-3 .recipesList__item, .recipesList.md-col-3 .recipesList, .cFtr .md-col-3.recipesList__item .recipesList, .recipesList.md-col-3 .cFtr .recipesList__item, .cFtr .recipesList.md-col-3 .recipesList__item, .cFtr .md-col-3.recipesList__item .recipesList__item {
grid-template-columns: repeat(3, 1fr); }
.cRecepts .cNews__imgLink::after, .cRecepts .cNews--arch__imgWrapper::after, .recipesList .cNews__imgLink::after, .cFtr .recipesList__item .cNews__imgLink::after, .recipesList .cNews--arch__imgWrapper::after, .cFtr .recipesList__item .cNews--arch__imgWrapper::after {
z-index: 1;
position: absolute;
inset: 0;
background: #000;
content: "";
border-radius: 1rem;
opacity: .2; }
.cRecepts .cNews--arch, .recipesList .cNews--arch, .cFtr .recipesList__item .cNews--arch {
isolation: isolate; }
.cRecepts .cNews--arch .cNews--arch__imgWrapper, .recipesList .cNews--arch .cNews--arch__imgWrapper, .cFtr .recipesList__item .cNews--arch .cNews--arch__imgWrapper {
z-index: 1; }
.cRecepts .cNews--arch .cNews--arch__content, .recipesList .cNews--arch .cNews--arch__content, .cFtr .recipesList__item .cNews--arch .cNews--arch__content {
z-index: 2; }
.cRecepts .cNews__inner, .recipesList .cNews__inner, .cFtr .recipesList__item .cNews__inner {
border-radius: 1rem;
min-height: 425px;
position: relative;
isolation: isolate; }
.cRecepts .cNews__inner > a, .recipesList .cNews__inner > a, .cFtr .recipesList__item .cNews__inner > a {
z-index: 1; }
.cRecepts .cNews__inner > div, .recipesList .cNews__inner > div, .cFtr .recipesList__item .cNews__inner > div {
z-index: 2; }
.cRecepts .cNews__inner a::before, .recipesList .cNews__inner a::before, .cFtr .recipesList__item .cNews__inner a::before {
display: none !important; }
.cRecepts .cNews__inner img, .recipesList .cNews__inner img, .cFtr .recipesList__item .cNews__inner img {
transition: .25s; }
.cRecepts .cNews__inner:hover img, .recipesList .cNews__inner:hover img, .cFtr .recipesList__item .cNews__inner:hover img {
transform: scale(1.05); }
.cRecepts .cNews--grid__content, .cRecepts .cNews--arch__content, .recipesList .cNews--grid__content, .cFtr .recipesList__item .cNews--grid__content, .recipesList .cNews--arch__content, .cFtr .recipesList__item .cNews--arch__content {
width: 100%;
height: 100%;
padding: 1rem;
pointer-events: none; }
.cRecepts .cNews__title, .recipesList .cNews__title, .cFtr .recipesList__item .cNews__title {
max-width: 80%; }
.cRecepts .cNews__title, .cRecepts .cNews__title a, .recipesList .cNews__title, .cFtr .recipesList__item .cNews__title, .recipesList .cNews__title a, .cFtr .recipesList__item .cNews__title a {
font-size: 1.5rem;
font-weight: 400;
line-height: 1.25;
color: #FFF; }
.cRecepts .cNews--arch__content, .recipesList .cNews--arch__content, .cFtr .recipesList__item .cNews--arch__content {
position: static; }
.cRecepts .cNews--arch__content .cNews__metadata, .recipesList .cNews--arch__content .cNews__metadata, .cFtr .recipesList__item .cNews--arch__content .cNews__metadata {
position: absolute;
inset: auto 0 0 0 !important; }
.cRecepts .cNews--arch__content .cNews__metadata__item, .recipesList .cNews--arch__content .cNews__metadata__item, .cFtr .recipesList__item .cNews--arch__content .cNews__metadata__item {
margin-top: -2.5rem !important; }
.cRecepts .recipesList__item__tags, .cRecepts .cNews__tags, .recipesList .recipesList__item__tags, .cFtr .recipesList__item .recipesList__item__tags, .recipesList .cNews__tags, .cFtr .recipesList__item .cNews__tags {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
padding: .95rem !important;
margin: 0;
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap; }
.cRecepts .recipesList__item__tags > i, .cRecepts .cNews__tags > i, .recipesList .recipesList__item__tags > i, .cFtr .recipesList__item .recipesList__item__tags > i, .recipesList .cNews__tags > i, .cFtr .recipesList__item .cNews__tags > i {
display: none; }
.cRecepts .recipesList__item__tags li, .cRecepts .recipesList__item__tags a, .cRecepts .cNews__tags li, .cRecepts .cNews__tags a, .recipesList .recipesList__item__tags li, .cFtr .recipesList__item .recipesList__item__tags li, .recipesList .recipesList__item__tags a, .cFtr .recipesList__item .recipesList__item__tags a, .recipesList .cNews__tags li, .cFtr .recipesList__item .cNews__tags li, .recipesList .cNews__tags a, .cFtr .recipesList__item .cNews__tags a {
margin: 0; }
.cRecepts .recipesList__item__tags li::before, .cRecepts .recipesList__item__tags a::before, .cRecepts .cNews__tags li::before, .cRecepts .cNews__tags a::before, .recipesList .recipesList__item__tags li::before, .cFtr .recipesList__item .recipesList__item__tags li::before, .recipesList .recipesList__item__tags a::before, .cFtr .recipesList__item .recipesList__item__tags a::before, .recipesList .cNews__tags li::before, .cFtr .recipesList__item .cNews__tags li::before, .recipesList .cNews__tags a::before, .cFtr .recipesList__item .cNews__tags a::before {
content: '';
width: 1rem;
height: 1rem;
display: inline-block;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin-right: 0.6rem; }
.cRecepts .recipesList__item__tags li, .cRecepts .recipesList__item__tags li a, .cRecepts .recipesList__item__tags a, .cRecepts .recipesList__item__tags a a, .cRecepts .cNews__tags li, .cRecepts .cNews__tags li a, .cRecepts .cNews__tags a, .cRecepts .cNews__tags a a, .recipesList .recipesList__item__tags li, .cFtr .recipesList__item .recipesList__item__tags li, .recipesList .recipesList__item__tags li a, .cFtr .recipesList__item .recipesList__item__tags li a, .recipesList .recipesList__item__tags a, .cFtr .recipesList__item .recipesList__item__tags a, .recipesList .recipesList__item__tags a a, .cFtr .recipesList__item .recipesList__item__tags a a, .recipesList .cNews__tags li, .cFtr .recipesList__item .cNews__tags li, .recipesList .cNews__tags li a, .cFtr .recipesList__item .cNews__tags li a, .recipesList .cNews__tags a, .cFtr .recipesList__item .cNews__tags a, .recipesList .cNews__tags a a, .cFtr .recipesList__item .cNews__tags a a {
font-family: "AeonikFono", serif;
font-size: 0.75rem;
font-weight: 400;
line-height: 1.5;
color: #FFF; }
.cRecepts .recipesList__item__tags > li, .cRecepts .recipesList__item__tags > a, .cRecepts .cNews__tags > li, .cRecepts .cNews__tags > a, .recipesList .recipesList__item__tags > li, .cFtr .recipesList__item .recipesList__item__tags > li, .recipesList .recipesList__item__tags > a, .cFtr .recipesList__item .recipesList__item__tags > a, .recipesList .cNews__tags > li, .cFtr .recipesList__item .cNews__tags > li, .recipesList .cNews__tags > a, .cFtr .recipesList__item .cNews__tags > a {
display: none; }
.cRecepts .recipesList__item__tags [href*="obtiznost"].cNews__tags__item, .cRecepts .cNews__tags [href*="obtiznost"].cNews__tags__item, .recipesList .recipesList__item__tags [href*="obtiznost"].cNews__tags__item, .cFtr .recipesList__item .recipesList__item__tags [href*="obtiznost"].cNews__tags__item, .recipesList .cNews__tags [href*="obtiznost"].cNews__tags__item, .cFtr .recipesList__item .cNews__tags [href*="obtiznost"].cNews__tags__item {
display: flex !important;
background-image: url('data:image/svg+xml,
');
padding-left: 1.5rem;
background-repeat: no-repeat; }
.cRecepts .recipesList__item__tags [href*="min"].cNews__tags__item, .cRecepts .cNews__tags [href*="min"].cNews__tags__item, .recipesList .recipesList__item__tags [href*="min"].cNews__tags__item, .cFtr .recipesList__item .recipesList__item__tags [href*="min"].cNews__tags__item, .recipesList .cNews__tags [href*="min"].cNews__tags__item, .cFtr .recipesList__item .cNews__tags [href*="min"].cNews__tags__item {
display: flex !important;
background-image: url('data:image/svg+xml,
');
padding-left: 1.5rem;
background-repeat: no-repeat; }
.cRecepts .recipesList__item__tags [href*="porce"].cNews__tags__item, .cRecepts .cNews__tags [href*="porce"].cNews__tags__item, .recipesList .recipesList__item__tags [href*="porce"].cNews__tags__item, .cFtr .recipesList__item .recipesList__item__tags [href*="porce"].cNews__tags__item, .recipesList .cNews__tags [href*="porce"].cNews__tags__item, .cFtr .recipesList__item .cNews__tags [href*="porce"].cNews__tags__item {
display: flex !important;
background-image: url('data:image/svg+xml,
');
padding-left: 1.5rem;
background-repeat: no-repeat; }
.cRecepts .recipesList__item__tags .tag--difficulty, .cRecepts .recipesList__item__tags .tag--duration, .cRecepts .recipesList__item__tags .tag--serving, .cRecepts .cNews__tags .tag--difficulty, .cRecepts .cNews__tags .tag--duration, .cRecepts .cNews__tags .tag--serving, .recipesList .recipesList__item__tags .tag--difficulty, .cFtr .recipesList__item .recipesList__item__tags .tag--difficulty, .recipesList .recipesList__item__tags .tag--duration, .cFtr .recipesList__item .recipesList__item__tags .tag--duration, .recipesList .recipesList__item__tags .tag--serving, .cFtr .recipesList__item .recipesList__item__tags .tag--serving, .recipesList .cNews__tags .tag--difficulty, .cFtr .recipesList__item .cNews__tags .tag--difficulty, .recipesList .cNews__tags .tag--duration, .cFtr .recipesList__item .cNews__tags .tag--duration, .recipesList .cNews__tags .tag--serving, .cFtr .recipesList__item .cNews__tags .tag--serving {
display: flex; }
.cRecepts .recipesList__item__tags .tag--difficulty::before, .cRecepts .cNews__tags .tag--difficulty::before, .recipesList .recipesList__item__tags .tag--difficulty::before, .cFtr .recipesList__item .recipesList__item__tags .tag--difficulty::before, .recipesList .cNews__tags .tag--difficulty::before, .cFtr .recipesList__item .cNews__tags .tag--difficulty::before {
background-image: url('data:image/svg+xml,
'); }
.cRecepts .recipesList__item__tags .tag--duration::before, .cRecepts .cNews__tags .tag--duration::before, .recipesList .recipesList__item__tags .tag--duration::before, .cFtr .recipesList__item .recipesList__item__tags .tag--duration::before, .recipesList .cNews__tags .tag--duration::before, .cFtr .recipesList__item .cNews__tags .tag--duration::before {
background-image: url('data:image/svg+xml,
'); }
.cRecepts .recipesList__item__tags .tag--serving::before, .cRecepts .cNews__tags .tag--serving::before, .recipesList .recipesList__item__tags .tag--serving::before, .cFtr .recipesList__item .recipesList__item__tags .tag--serving::before, .recipesList .cNews__tags .tag--serving::before, .cFtr .recipesList__item .cNews__tags .tag--serving::before {
background-image: url('data:image/svg+xml,
'); }
.cRecepts .cNews__tags::before, .recipesList .cNews__tags::before, .cFtr .recipesList__item .cNews__tags::before {
content: unset; }
.cRecepts .cNews__tags a::before, .recipesList .cNews__tags a::before, .cFtr .recipesList__item .cNews__tags a::before {
content: unset; }
.cRecepts .archive, .recipesList .archive, .cFtr .recipesList__item .archive {
text-align: left; }
.page--RecipeList--body .cNews {
position: relative;
border-radius: 1rem;
min-height: 425px;
isolation: isolate; }
.page--RecipeList--body .cNews__inner {
display: grid !important; }
.page--RecipeList--body .cNews__imgLink {
position: relative !important; }
.page--RecipeList--body .cNews--arch__imgWrapper, .page--RecipeList--body .cNews__imgLink {
position: absolute;
width: 100%;
height: 100%;
border-radius: 1rem;
overflow: hidden; }
.page--RecipeList--body .cNews--arch__imgWrapper a, .page--RecipeList--body .cNews__imgLink a {
position: absolute;
width: 100%;
height: 100%;
inset: 0; }
.page--RecipeList--body .cNews img {
z-index: -1;
border-radius: 1rem;
position: absolute;
inset: 0;
height: 100%;
object-fit: cover; }
.page--RecipeList--body .more {
display: none; }
.row--recipes-more {
padding-block: 5rem 2rem;
width: 100vw;
max-width: 100vw; }
.row--recipes-more .cNews {
margin-bottom: 0; }
.recipesArchive img {
height: 100% !important; }
@media (min-width: 768px) {
.cNews--grid__item, .recipesArchive {
min-height: 400px !important; } }
@media (min-width: 1200px) {
.cNews--grid__item, .recipesArchive {
min-height: 520px !important; } }
@media (min-width: 768px) {
.recipesList:not(.cRecepts--scroll .recipesList), .cFtr .recipesList__item:not(.cRecepts--scroll .recipesList),
.newsWrapper:not(.customList) {
display: grid !important;
grid-template-columns: repeat(1, 1fr);
gap: 1.75rem; } }
@media (min-width: 1200px) {
.recipesList:not(.cRecepts--scroll .recipesList), .cFtr .recipesList__item:not(.cRecepts--scroll .recipesList),
.newsWrapper:not(.customList) {
grid-template-columns: repeat(3, 1fr); }
.recipesList:not(.cRecepts--scroll .recipesList):not(.cFtr .recipesList__item), .cFtr .recipesList__item:not(.cRecepts--scroll .recipesList):not(.cFtr .recipesList__item),
.newsWrapper:not(.customList):not(.cFtr .recipesList__item) {
padding-bottom: 5rem !important; } }
@media (min-width: 768px) {
.recipesList:not(.cRecepts--scroll .recipesList) > li, .cFtr .recipesList__item:not(.cRecepts--scroll .recipesList) > li, .recipesList:not(.cRecepts--scroll .recipesList) > article, .cFtr .recipesList__item:not(.cRecepts--scroll .recipesList) > article,
.newsWrapper:not(.customList) > li,
.newsWrapper:not(.customList) > article {
width: 100% !important;
margin-bottom: 0 !important; } }
@media (min-width: 1200px) {
.recipesList:not(.cRecepts--scroll .recipesList) > li:nth-of-type(10n + 5), .cFtr .recipesList__item:not(.cRecepts--scroll .recipesList) > li:nth-of-type(10n + 5), .recipesList:not(.cRecepts--scroll .recipesList) > article:nth-of-type(10n + 5), .cFtr .recipesList__item:not(.cRecepts--scroll .recipesList) > article:nth-of-type(10n + 5),
.newsWrapper:not(.customList) > li:nth-of-type(10n + 5),
.newsWrapper:not(.customList) > article:nth-of-type(10n + 5) {
grid-column: 2 / -1; } }
@media (min-width: 1200px) {
.recipesList:not(.cRecepts--scroll .recipesList) > li:nth-of-type(10n + 9), .cFtr .recipesList__item:not(.cRecepts--scroll .recipesList) > li:nth-of-type(10n + 9), .recipesList:not(.cRecepts--scroll .recipesList) > article:nth-of-type(10n + 9), .cFtr .recipesList__item:not(.cRecepts--scroll .recipesList) > article:nth-of-type(10n + 9),
.newsWrapper:not(.customList) > li:nth-of-type(10n + 9),
.newsWrapper:not(.customList) > article:nth-of-type(10n + 9) {
grid-column: 1 / 3; } }
@media (min-width: 768px) {
.cRecepts {
display: grid;
grid-template-columns: 1fr max-content; } }
.cRecepts--scroll {
--_offset: 260px; }
@media (min-width: 768px) {
.cRecepts--scroll .recipesList, .cRecepts--scroll .cFtr .recipesList__item, .cFtr .cRecepts--scroll .recipesList__item {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 2rem; } }
@media (min-width: 768px) {
.cRecepts--scroll .recipesList > li, .cRecepts--scroll .cFtr .recipesList__item > li, .cFtr .cRecepts--scroll .recipesList__item > li {
width: 100%; } }
@media (min-width: 1200px) {
.cRecepts--scroll {
margin-bottom: var(--_offset) !important; } }
@media (min-width: 1200px) {
.cRecepts--scroll > ul > li:nth-of-type(2n) {
transform: translateY(var(--_offset)); } }
@media (min-width: 768px) {
.cRecepts .cHeading {
grid-row: 1 / 2;
grid-column: 1 / 2;
place-self: end start; } }
@media (min-width: 768px) {
.cRecepts ul {
grid-column: 1 / -1;
grid-row: 2 / 3; } }
@media (min-width: 768px) {
.cRecepts .archive {
grid-row: 1 / 2;
grid-column: 2 / 3; } }
@media (min-width: 1200px) {
.cRecept--imgUp.cCube.cNews, .cRecept--imgUp.cNews.row--htmlVideo {
width: calc((100% / 4) - 1.5rem) !important; } }
@media (min-width: 1200px) {
.cRecept--imgUp.cCube.cNews:nth-of-type(1n + 5), .cRecept--imgUp.cNews.row--htmlVideo:nth-of-type(1n + 5) {
display: none !important; } }
.cRecept--imgUpList .newsWrapper {
display: flex !important;
flex-wrap: wrap; }
.row--recipesScroll {
background-position: top right;
background-attachment: fixed;
position: relative;
isolation: isolate; }
@media (max-width: 1199px) {
.row--recipesScroll {
background-image: none; } }
@media (min-width: 1200px) {
.row--recipesScroll {
margin-bottom: 4rem;
padding-top: 9rem; } }
.row--recipesScroll::before, .row--recipesScroll::after {
position: absolute;
inset: 0 0 auto 0;
height: 12rem;
background: linear-gradient(0deg, rgba(2, 0, 36, 0) 0%, #f2efe8 100%);
content: ''; }
.row--recipesScroll::after {
z-index: -1;
inset: auto 0 0 0 !important;
background: linear-gradient(180deg, rgba(2, 0, 36, 0) 0%, #f2efe8 100%); }
@media (min-width: 768px) {
.row--recipesScroll > .rowInner > .grid {
display: grid;
grid-template-columns: 1fr 2fr; } }
@media (min-width: 1200px) {
.row--recipesScroll > .rowInner > .grid {
margin: 0;
grid-template-columns: 1fr 840px;
gap: 2rem; } }
@media (min-width: 768px) {
.row--recipesScroll > .rowInner > .grid > .grid__item, .row--recipesScroll > .rowInner > .grid > .label--inline, .row--recipesScroll > .rowInner > .grid > .label--inline + .field {
width: 100%; } }
@media (min-width: 1200px) {
.row--recipesScroll > .rowInner > .grid > .grid__item, .row--recipesScroll > .rowInner > .grid > .label--inline, .row--recipesScroll > .rowInner > .grid > .label--inline + .field {
padding: 0; } }
.row--recipesScroll > .rowInner > .grid > .grid__item:first-of-type > .gridInner, .row--recipesScroll > .rowInner > .grid > .label--inline:first-of-type > .gridInner, .row--recipesScroll > .rowInner > .grid > .label--inline + .field:first-of-type > .gridInner {
position: sticky;
top: 4rem; }
.cNews--arch {
isolation: isolate; }
.cNews--arch .cNews--arch__imgWrapper {
z-index: 1; }
.cNews--arch .cNews--arch__content {
z-index: 2; }
.row--footer__wrapper {
padding-top: 2rem;
padding-inline: 1.75rem; }
@media (min-width: 1024px) {
.row--footer__wrapper {
background-image: url(../img/footerDesc.jpg) !important;
background-size: 110% 110% !important;
transition: 1s; } }
@media (min-width: 1024px) {
.row--footer__wrapper.js-hidden {
background-size: 100% 100% !important; } }
.row--footer__wrapper hr {
border-color: rgba(255, 255, 255, 0.5); }
.row--footer__wrapper .cHeading {
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: 1.5;
margin-bottom: 0.6rem; }
.row--footer__wrapper .cText {
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.7; }
.row--footer__wrapper .cText * {
color: #FFF; }
.row--footer__wrapper .cText ul {
list-style: none; }
.row--footer__wrapper .cText ul li {
padding-left: 0;
margin-bottom: 0.6rem;
font-size: 0.875rem;
font-weight: 300; }
.row--footer__wrapper .cText ul li::before {
display: none; }
.row--footer__wrapper .cText ul li a {
text-decoration: none; }
.row--footer__wrapper .cText ul li a:hover {
text-decoration: underline; }
.cSocialsWidget {
--_width: 3.45rem;
--_toggle-height: 3.45rem;
--_icon-size: 1.25rem;
z-index: 10;
width: var(--_width);
position: fixed;
inset: auto 0 0 auto;
isolation: isolate; }
@media screen and (min-width: 1200px) {
.cSocialsWidget {
--_width: 3.75rem;
--_icon-size: 1.625rem; } }
.homepage .cSocialsWidget {
visibility: hidden;
animation: load 1s 1.8s forwards; }
@keyframes load {
0%, 100% {
visibility: visible; }
0% {
transform: translateX(100%);
opacity: 0; }
100% {
transform: translateX(0);
opacity: 1; } }
@media (min-width: 1200px) {
.cSocialsWidget {
inset: 50% 0 auto auto;
transform: translateY(-50%);
margin: auto; } }
.cSocialsWidget.is-open [data-action="close"] {
opacity: 1; }
.cSocialsWidget.is-open [data-action="open"] {
opacity: 0; }
@media (min-width: 1200px) {
.cSocialsWidget.is-open {
opacity: 1 !important; } }
.cSocialsWidget.is-open ul {
transform: translateY(0); }
.cSocialsWidget button {
background-color: var(--c-green-600);
outline: none !important;
border: none;
width: var(--_width);
height: var(--_toggle-height);
position: absolute;
inset: auto 0 0 0;
z-index: 2;
display: grid;
grid-template-areas: 'stack';
place-items: center; }
@media (min-width: 1200px) {
.cSocialsWidget button {
display: none; } }
.cSocialsWidget button [data-action="close"] {
opacity: 0; }
.cSocialsWidget button svg {
grid-area: stack;
transition: .25s; }
.cSocialsWidget > ul {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: .25rem;
padding-bottom: var(--_toggle-height);
padding-top: 0.5rem;
transform: translateY(100%);
background-color: var(--c-green-600);
transition: .5s; }
@media (min-width: 1200px) {
.cSocialsWidget > ul {
padding-block: .75rem;
transform: translateY(0); } }
.cSocialsWidget > ul li {
margin: 0;
display: grid;
place-items: center;
width: 100%; }
.cSocialsWidget > ul li a {
width: 100%;
display: grid;
place-items: center;
padding-block: .5rem; }
@media screen and (min-width: 1200px) {
.cSocialsWidget > ul li a .icon-instagram,
.cSocialsWidget > ul li a .icon-instagram-v2,
.cSocialsWidget > ul li a .cPerson .icon-instagram, .cPerson
.cSocialsWidget > ul li a .icon-instagram {
min-height: 27px;
min-width: 27px; } }
.cSocialsWidget > ul li a span::before {
line-height: 1;
color: #FFF;
font-size: var(--_icon-size); }
.page--ProductDetail {
margin-top: calc(var(--page-top-padding) * -1); }
@media (min-width: 1024px) {
.page--ProductDetail {
width: 100vw;
max-width: 100vw;
margin: -2rem calc(-50vw + 50%) 0; } }
.page--ProductDetail .col--content {
visibility: hidden; }
@media (min-width: 1200px) {
.page--ProductDetail .col--content {
max-width: calc(1340px / 2); } }
@media (min-width: 1024px) {
.page--ProductDetail .col--content {
padding-top: 2rem; } }
.page--ProductDetail .col--content .js-button-position {
display: none; }
.page--ProductDetail .cHeading {
visibility: hidden;
animation: sliceIn 1.5s .5s forwards; }
.page--ProductDetail .cProduct__labels {
visibility: hidden;
animation: sliceIn 1.5s 1s forwards; }
.page--ProductDetail .cCube, .page--ProductDetail .row--htmlVideo, .page--ProductDetail .cDesc {
visibility: hidden;
animation: sliceIn 1.5s 1.25s forwards; }
.page--ProductDetail .accordion__item .cCube, .page--ProductDetail .accordion__item .row--htmlVideo {
animation: sliceIn 1.5s forwards !important; }
@media (min-width: 1200px) {
.page--ProductDetail .col--productImage {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end; } }
@media (min-width: 1200px) {
.page--ProductDetail .col--productImage .cTopPhoto, .page--ProductDetail .col--productImage .cCube, .page--ProductDetail .col--productImage .row--htmlVideo {
width: 100%;
max-width: calc(1340px / 2);
margin-inline: auto 0; } }
.page--ProductDetail .col--productImage .sticky {
width: 100%;
position: sticky;
top: 20%; }
.page--ProductDetail .cTopPhoto {
display: grid;
place-items: center;
padding-bottom: 2.5rem; }
.page--ProductDetail .cTopPhoto img {
max-height: 300px; }
@media (min-width: 1200px) {
.page--ProductDetail .cTopPhoto img {
max-height: 400px; } }
@media (min-width: 1600px) {
.page--ProductDetail .cTopPhoto img {
max-height: 550px; } }
.page--ProductDetail .cPerex__desc {
margin-bottom: 1.2rem; }
.page--ProductDetail .cText__text {
font-size: 1.125rem;
color: var(--c-green-600); }
.page--ProductDetail .cSellingButton {
display: none; }
.page--ProductDetail h1 {
font-size: 45px;
font-size: 2.8125rem;
max-width: unset; }
@media (min-width: 1200px) {
.page--ProductDetail h1 {
font-size: 4.6875rem;
margin-bottom: 3.75rem; } }
.col--productImage {
background-color: var(--c-beige-400);
padding-top: 4rem; }
@media (max-width: 1023px) {
.col--productImage {
width: 100vw;
max-width: 100vw;
margin: 0 calc(-50vw + 50%) 2rem;
padding-inline: 1.5rem; } }
.col--productImage .cSellingButton {
display: block;
padding-bottom: 3rem; }
.col--productImage .cSellingButton__prices {
display: none; }
.col--productImage .cSellingButton__qty {
justify-content: center; }
.col--productImage .cSellingButton__qty__top {
display: none; }
.col--productImage .cSellingButton .btn i, .col--productImage .cSellingButton .cClientZone__logout i, .col--productImage .cSellingButton .cNews-archiv a i, .cNews-archiv .col--productImage .cSellingButton a i, .col--productImage .cSellingButton .cRecepts .archive a i, .cRecepts .archive .col--productImage .cSellingButton a i, .col--productImage .cSellingButton .recipesList .archive a i, .recipesList .archive .col--productImage .cSellingButton a i, .col--productImage .cSellingButton .cFtr .recipesList__item .archive a i, .cFtr .recipesList__item .archive .col--productImage .cSellingButton a i {
display: none; }
.page--RecipeList, .page--NewsList {
padding-inline: 0 !important; }
.page--RecipeList--header, .page--NewsList--header {
margin-top: calc(var(--page-top-padding) * -1); }
@media (min-width: 768px) {
.page--RecipeList--header .row--RecipeList--image, .page--NewsList--header .row--RecipeList--image, .page--NewsList--header .page--NewsList--image {
width: 100vw;
max-width: 100vw;
margin: 0 calc(-50vw + 50%); } }
@media (min-width: 768px) {
.page--RecipeList--header .row--RecipeList--image > .rowInner > .grid, .page--NewsList--header .row--RecipeList--image > .rowInner > .grid, .page--NewsList--header .page--RecipeList--header .page--NewsList--image > .rowInner > .grid, .page--NewsList--header .page--NewsList--image > .rowInner > .grid {
display: flex;
column-gap: 2rem;
margin: 0;
padding: 0; } }
@media (min-width: 768px) {
.page--RecipeList--header .row--RecipeList--image > .rowInner > .grid > .grid__item:first-of-type, .page--NewsList--header .row--RecipeList--image > .rowInner > .grid > .grid__item:first-of-type, .page--NewsList--header .page--RecipeList--header .page--NewsList--image > .rowInner > .grid > .grid__item:first-of-type, .page--NewsList--header .page--NewsList--image > .rowInner > .grid > .grid__item:first-of-type, .page--RecipeList--header .row--RecipeList--image > .rowInner > .grid > .label--inline:first-of-type, .page--NewsList--header .row--RecipeList--image > .rowInner > .grid > .label--inline:first-of-type, .page--NewsList--header .page--RecipeList--header .page--NewsList--image > .rowInner > .grid > .label--inline:first-of-type, .page--NewsList--header .page--NewsList--image > .rowInner > .grid > .label--inline:first-of-type, .page--RecipeList--header .row--RecipeList--image > .rowInner > .grid > .label--inline + .field:first-of-type, .page--NewsList--header .row--RecipeList--image > .rowInner > .grid > .label--inline + .field:first-of-type, .page--NewsList--header .page--RecipeList--header .page--NewsList--image > .rowInner > .grid > .label--inline + .field:first-of-type, .page--NewsList--header .page--NewsList--image > .rowInner > .grid > .label--inline + .field:first-of-type {
padding: 0 !important; } }
@media (min-width: 768px) {
.page--RecipeList--header .row--RecipeList--image > .rowInner > .grid > .grid__item:first-of-type .gridInner, .page--NewsList--header .row--RecipeList--image > .rowInner > .grid > .grid__item:first-of-type .gridInner, .page--NewsList--header .page--RecipeList--header .page--NewsList--image > .rowInner > .grid > .grid__item:first-of-type .gridInner, .page--NewsList--header .page--NewsList--image > .rowInner > .grid > .grid__item:first-of-type .gridInner, .page--RecipeList--header .row--RecipeList--image > .rowInner > .grid > .label--inline:first-of-type .gridInner, .page--NewsList--header .row--RecipeList--image > .rowInner > .grid > .label--inline:first-of-type .gridInner, .page--NewsList--header .page--RecipeList--header .page--NewsList--image > .rowInner > .grid > .label--inline:first-of-type .gridInner, .page--NewsList--header .page--NewsList--image > .rowInner > .grid > .label--inline:first-of-type .gridInner, .page--RecipeList--header .row--RecipeList--image > .rowInner > .grid > .label--inline + .field:first-of-type .gridInner, .page--NewsList--header .row--RecipeList--image > .rowInner > .grid > .label--inline + .field:first-of-type .gridInner, .page--NewsList--header .page--RecipeList--header .page--NewsList--image > .rowInner > .grid > .label--inline + .field:first-of-type .gridInner, .page--NewsList--header .page--NewsList--image > .rowInner > .grid > .label--inline + .field:first-of-type .gridInner {
display: grid;
height: 100%; } }
@media (min-width: 768px) {
.page--RecipeList--header .row--RecipeList--image > .rowInner > .grid > .grid__item:first-of-type .cImage__imgWrapper, .page--NewsList--header .row--RecipeList--image > .rowInner > .grid > .grid__item:first-of-type .cImage__imgWrapper, .page--NewsList--header .page--RecipeList--header .page--NewsList--image > .rowInner > .grid > .grid__item:first-of-type .cImage__imgWrapper, .page--NewsList--header .page--NewsList--image > .rowInner > .grid > .grid__item:first-of-type .cImage__imgWrapper, .page--RecipeList--header .row--RecipeList--image > .rowInner > .grid > .label--inline:first-of-type .cImage__imgWrapper, .page--NewsList--header .row--RecipeList--image > .rowInner > .grid > .label--inline:first-of-type .cImage__imgWrapper, .page--NewsList--header .page--RecipeList--header .page--NewsList--image > .rowInner > .grid > .label--inline:first-of-type .cImage__imgWrapper, .page--NewsList--header .page--NewsList--image > .rowInner > .grid > .label--inline:first-of-type .cImage__imgWrapper, .page--RecipeList--header .row--RecipeList--image > .rowInner > .grid > .label--inline + .field:first-of-type .cImage__imgWrapper, .page--NewsList--header .row--RecipeList--image > .rowInner > .grid > .label--inline + .field:first-of-type .cImage__imgWrapper, .page--NewsList--header .page--RecipeList--header .page--NewsList--image > .rowInner > .grid > .label--inline + .field:first-of-type .cImage__imgWrapper, .page--NewsList--header .page--NewsList--image > .rowInner > .grid > .label--inline + .field:first-of-type .cImage__imgWrapper, .page--RecipeList--header .row--RecipeList--image > .rowInner > .grid > .grid__item:first-of-type img, .page--NewsList--header .row--RecipeList--image > .rowInner > .grid > .grid__item:first-of-type img, .page--NewsList--header .page--RecipeList--header .page--NewsList--image > .rowInner > .grid > .grid__item:first-of-type img, .page--NewsList--header .page--NewsList--image > .rowInner > .grid > .grid__item:first-of-type img, .page--RecipeList--header .row--RecipeList--image > .rowInner > .grid > .label--inline:first-of-type img, .page--NewsList--header .row--RecipeList--image > .rowInner > .grid > .label--inline:first-of-type img, .page--NewsList--header .page--RecipeList--header .page--NewsList--image > .rowInner > .grid > .label--inline:first-of-type img, .page--NewsList--header .page--NewsList--image > .rowInner > .grid > .label--inline:first-of-type img, .page--RecipeList--header .row--RecipeList--image > .rowInner > .grid > .label--inline + .field:first-of-type img, .page--NewsList--header .row--RecipeList--image > .rowInner > .grid > .label--inline + .field:first-of-type img, .page--NewsList--header .page--RecipeList--header .page--NewsList--image > .rowInner > .grid > .label--inline + .field:first-of-type img, .page--NewsList--header .page--NewsList--image > .rowInner > .grid > .label--inline + .field:first-of-type img {
height: 100%;
object-fit: cover; } }
@media (min-width: 768px) {
.page--RecipeList--header .row--RecipeList--image > .rowInner > .grid > .grid__item:last-of-type, .page--NewsList--header .row--RecipeList--image > .rowInner > .grid > .grid__item:last-of-type, .page--NewsList--header .page--RecipeList--header .page--NewsList--image > .rowInner > .grid > .grid__item:last-of-type, .page--NewsList--header .page--NewsList--image > .rowInner > .grid > .grid__item:last-of-type, .page--RecipeList--header .row--RecipeList--image > .rowInner > .grid > .label--inline:last-of-type, .page--NewsList--header .row--RecipeList--image > .rowInner > .grid > .label--inline:last-of-type, .page--NewsList--header .page--RecipeList--header .page--NewsList--image > .rowInner > .grid > .label--inline:last-of-type, .page--NewsList--header .page--NewsList--image > .rowInner > .grid > .label--inline:last-of-type, .page--RecipeList--header .row--RecipeList--image > .rowInner > .grid > .label--inline + .field:last-of-type, .page--NewsList--header .row--RecipeList--image > .rowInner > .grid > .label--inline + .field:last-of-type, .page--NewsList--header .page--RecipeList--header .page--NewsList--image > .rowInner > .grid > .label--inline + .field:last-of-type, .page--NewsList--header .page--NewsList--image > .rowInner > .grid > .label--inline + .field:last-of-type {
padding: 2rem 4rem 0 0;
max-width: 670px;
margin: auto; } }
@media (min-width: 2500px) {
.page--RecipeList--header .row--RecipeList--image > .rowInner > .grid > .grid__item:last-of-type, .page--NewsList--header .row--RecipeList--image > .rowInner > .grid > .grid__item:last-of-type, .page--NewsList--header .page--RecipeList--header .page--NewsList--image > .rowInner > .grid > .grid__item:last-of-type, .page--NewsList--header .page--NewsList--image > .rowInner > .grid > .grid__item:last-of-type, .page--RecipeList--header .row--RecipeList--image > .rowInner > .grid > .label--inline:last-of-type, .page--NewsList--header .row--RecipeList--image > .rowInner > .grid > .label--inline:last-of-type, .page--NewsList--header .page--RecipeList--header .page--NewsList--image > .rowInner > .grid > .label--inline:last-of-type, .page--NewsList--header .page--NewsList--image > .rowInner > .grid > .label--inline:last-of-type, .page--RecipeList--header .row--RecipeList--image > .rowInner > .grid > .label--inline + .field:last-of-type, .page--NewsList--header .row--RecipeList--image > .rowInner > .grid > .label--inline + .field:last-of-type, .page--NewsList--header .page--RecipeList--header .page--NewsList--image > .rowInner > .grid > .label--inline + .field:last-of-type, .page--NewsList--header .page--NewsList--image > .rowInner > .grid > .label--inline + .field:last-of-type {
margin-inline: 5rem auto; } }
.page--RecipeList--header .cImage, .page--NewsList--header .cImage {
margin-bottom: 1.25rem !important; }
@media (max-width: 767px) {
.page--RecipeList--header .cImage, .page--NewsList--header .cImage {
width: 100vw;
max-width: 100vw;
margin: 0 calc(-50vw + 50%); } }
@media (min-width: 768px) {
.page--RecipeList--header .cImage, .page--NewsList--header .cImage {
margin-bottom: 0 !important; } }
.page--RecipeList--header .cText, .page--NewsList--header .cText {
margin-bottom: 0; }
.page--RecipeList--header .cText sub, .page--NewsList--header .cText sub {
bottom: 0;
color: var(--green-dark, #173530);
text-align: center;
font-family: "AeonikFono", serif;
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1.5;
display: block;
width: 100%; }
.page--RecipeList--header .cText h2, .page--NewsList--header .cText h2 {
text-align: center; }
.page--RecipeList--header .cText p, .page--NewsList--header .cText p {
text-align: center; }
.page--RecipeList--header .cText ul, .page--NewsList--header .cText ul {
width: 100%;
padding: .95rem;
display: flex;
flex-direction: row;
justify-content: space-between;
padding-block: 1rem 0;
max-width: 450px;
margin-inline: auto; }
@media (min-width: 1200px) {
.page--RecipeList--header .cText ul, .page--NewsList--header .cText ul {
padding-block: 2.75rem 3rem; } }
.page--RecipeList--header .cText ul li, .page--NewsList--header .cText ul li {
margin: 0;
font-family: "AeonikFono", serif;
font-size: 0.75rem;
font-weight: 400 !important;
line-height: 1.5;
position: relative; }
.page--RecipeList--header .cText ul li::before, .page--NewsList--header .cText ul li::before {
display: none; }
.page--RecipeList--header .cText ul strong, .page--NewsList--header .cText ul strong, .page--RecipeList--header .cText ul em, .page--NewsList--header .cText ul em, .page--RecipeList--header .cText ul s, .page--NewsList--header .cText ul s {
position: relative;
font-weight: 400 !important;
text-decoration: none !important;
font-style: normal;
padding-left: 1.5rem; }
.page--RecipeList--header .cText ul strong::before, .page--NewsList--header .cText ul strong::before, .page--RecipeList--header .cText ul em::before, .page--NewsList--header .cText ul em::before, .page--RecipeList--header .cText ul s::before, .page--NewsList--header .cText ul s::before {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
content: '';
width: 1rem;
height: 1rem;
background-size: contain;
background-position: center;
background-repeat: repeat;
margin-right: 0.6rem; }
.page--RecipeList--header .cText ul strong::before, .page--NewsList--header .cText ul strong::before {
background-image: url('data:image/svg+xml,
'); }
.page--RecipeList--header .cText ul em::before, .page--NewsList--header .cText ul em::before {
background-image: url('data:image/svg+xml,
'); }
.page--RecipeList--header .cText ul s::before, .page--NewsList--header .cText ul s::before {
background-image: url('data:image/svg+xml,
'); }
@media (min-width: 1200px) {
.page--RecipeList--body {
padding-top: 2.65rem !important; } }
.page--RecipeList--body .text--secondary {
font-size: 0.8125rem; }
.page--RecipeList--body > .rowInner > .grid {
margin-left: -1.5rem; }
.page--RecipeList--body > .rowInner > .grid > .grid__item, .page--RecipeList--body > .rowInner > .grid > .label--inline, .page--RecipeList--body > .rowInner > .grid > .label--inline + .field {
padding-left: 1.5rem; }
.recipesList, .cFtr .recipesList__item {
margin: 0 !important; }
@media (min-width: 768px) {
.recipesList .cNews__inner, .cFtr .recipesList__item .cNews__inner {
height: 100% !important;
min-height: 350px; } }
.recipesList > li, .cFtr .recipesList__item > li {
padding-left: 0; }
.page--NewsList--header {
padding-bottom: 2rem !important; }
@media (min-width: 768px) {
.page--NewsList--header {
padding-bottom: 0 !important; } }
.page--NewsList--body {
padding-top: 4rem !important; }
.page--NewsList--body h2 {
font-size: 1.625rem; }
.page--NewsList--body h3 {
font-size: 1.625rem; }
@media (min-width: 1200px) {
.page--NewsList--body h3 {
font-size: 2.8125rem; } }
.page--NewsList--body .tagsFilter .nav, .page--NewsList--body .tagsFilter .mDrop ul, .mDrop .page--NewsList--body .tagsFilter ul, .page--NewsList--body .tagsFilter .cPag__nav {
border-bottom: solid 1px #ADC4C8;
padding-bottom: 0;
flex-wrap: nowrap; }
.page--NewsList--body .tagsFilter li {
margin: 0 !important; }
.page--NewsList--body .tagsFilter li a {
text-decoration: none !important;
padding-bottom: 1.2rem;
color: var(--c-green-600);
text-align: center;
font-family: "Aeonik", "Open Sans", sans-serif;
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 1.3;
letter-spacing: 0.025rem;
border-radius: 0;
border: none !important;
padding-inline: 0 !important;
opacity: .75; }
.page--NewsList--body .tagsFilter li a .cMenuTags__number {
width: 2.125rem;
height: 2.125rem;
justify-content: center;
align-items: center;
color: var(--c-green-600);
text-align: center;
font-size: 0.875rem;
font-weight: 400;
border-radius: 50%;
border: 1px solid var(--c-green-600); }
.page--NewsList--body .tagsFilter li a .cMenuTags__number::before, .page--NewsList--body .tagsFilter li a .cMenuTags__number::after {
content: unset; }
.page--NewsList--body .tagsFilter .nav__item--active a {
opacity: 1;
color: var(--c-green-600) !important;
background-color: transparent !important;
border-bottom: solid 2px #173530 !important; }
@media (min-width: 768px) {
.page--DetailModule {
width: 100vw;
max-width: 100vw;
margin-inline: calc(-50vw + 50%); } }
.page--DetailModule--header {
padding-top: 2rem; }
.page--DetailModule--header .cNews__date, .page--DetailModule--header .royalSlider--rsNavWide .rsTmb__content .rsTmb__date, .royalSlider--rsNavWide .rsTmb__content .page--DetailModule--header .rsTmb__date {
text-align: center;
padding-inline: 1rem;
color: var(--c-green-600);
text-align: center;
font-size: 0.8125rem;
font-weight: 400;
line-height: 1;
margin-top: 4rem;
margin-bottom: 0.5rem !important;
display: none; }
@media (min-width: 768px) {
.page--DetailModule--header .cNews__date, .page--DetailModule--header .royalSlider--rsNavWide .rsTmb__content .rsTmb__date, .royalSlider--rsNavWide .rsTmb__content .page--DetailModule--header .rsTmb__date {
display: block; } }
.page--DetailModule--header .row--has-image-bg {
padding-top: 2rem;
padding-bottom: 3rem;
background-size: contain !important;
background-position: right bottom !important; }
@media (min-width: 768px) {
.page--DetailModule--header .row--has-image-bg {
padding-bottom: 0.5rem; } }
.page--DetailModule--header .cNews__metadata .tag {
padding: 0;
margin: 0;
background-color: transparent;
font-size: 0; }
.page--DetailModule--header .cNews__metadata.tags--icons .cNews__tags {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 1rem;
max-width: 300px;
margin-inline: auto; }
@media (min-width: 1200px) {
.page--DetailModule--header .cNews__metadata.tags--icons .cNews__tags {
padding-left: 1.35rem;
max-width: 400px;
margin-top: 2rem; } }
.page--DetailModule--header .cNews__metadata.tags--icons .cNews__tags i {
display: none; }
.page--DetailModule--header .cNews__metadata.tags--icons .tag {
grid-column: 1 / 2;
grid-row: 1 / 2;
width: 100%;
display: none; }
.page--DetailModule--header .cNews__metadata.tags--icons .tag--serving, .page--DetailModule--header .cNews__metadata.tags--icons .tag--difficulty, .page--DetailModule--header .cNews__metadata.tags--icons .tag--duration {
display: block; }
.page--DetailModule--header .cNews__metadata.tags--icons .tag--serving a, .page--DetailModule--header .cNews__metadata.tags--icons .tag--difficulty a, .page--DetailModule--header .cNews__metadata.tags--icons .tag--duration a {
display: flex !important;
justify-content: center;
align-items: center;
position: relative; }
.page--DetailModule--header .cNews__metadata.tags--icons .tag--difficulty {
order: -2; }
.page--DetailModule--header .cNews__metadata.tags--icons .tag--difficulty a {
background-image: url('data:image/svg+xml,
'); }
.page--DetailModule--header .cNews__metadata.tags--icons .tag--duration {
order: -1; }
.page--DetailModule--header .cNews__metadata.tags--icons .tag--duration a {
background-image: url('data:image/svg+xml,
'); }
.page--DetailModule--header .cNews__metadata.tags--icons .tag--serving a {
background-image: url('data:image/svg+xml,
'); }
.page--DetailModule--header .cNews__metadata.tags--icons .tag a {
display: none;
color: var(--c-green-600);
font-family: "AeonikFono", serif;
font-size: 0.75rem;
padding-left: 2rem;
background-repeat: no-repeat;
background-position: left center;
font-weight: 400;
width: max-content; }
.page--DetailModule--header .cNews__metadata:not(.tags--icons) {
margin-bottom: 1.25rem; }
.page--DetailModule--header .cNews__metadata:not(.tags--icons) .cNews__tags {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center; }
.page--DetailModule--header .cNews__metadata:not(.tags--icons) i {
display: none; }
.page--DetailModule--header .cNews__metadata:not(.tags--icons) [href*="obtiznost"] {
display: none !important; }
.page--DetailModule--header .cNews__metadata:not(.tags--icons) [href*="min"] {
display: none !important; }
.page--DetailModule--header .cNews__metadata:not(.tags--icons) [href*="porce"] {
display: none !important; }
.page--DetailModule--header .cNews__metadata:not(.tags--icons) [href*="ks"] {
display: none !important; }
.page--DetailModule--header .cNews__metadata:not(.tags--icons) a {
white-space: nowrap;
color: var(--c-green-600);
text-align: center;
font-family: "AeonikFono", serif;
font-size: 0.8125rem;
font-style: normal;
font-weight: 400;
border-radius: 2.5rem;
border: 1px solid #d1cbba;
padding: 0.25rem 0.875rem; }
.page--DetailModule--header p {
margin-bottom: 0; }
.page--DetailModule--header .text--small {
margin-bottom: 1rem; }
.page--DetailModule--header h1 {
text-align: center;
max-width: unset; }
.page--DetailModule--header .cPerex {
max-width: 630px;
margin-inline: auto; }
.page--DetailModule--header .cPerex__desc {
text-align: center;
font-size: 1rem; }
.page--DetailModule--header .cImage {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.page--DetailModule--header .cImage img {
height: 300px;
object-fit: cover; }
@media (min-width: 1200px) {
.page--DetailModule--header .cImage img {
height: 600px; } }
@media (max-width: 767px) {
.page--DetailModule--header .cImage {
width: 100vw;
max-width: 100vw;
margin: 0 calc(-50vw + 50%); } }
@media (min-width: 1024px) {
.page--DetailModule--body .col--side > * {
max-width: 380px;
margin-inline: auto 1rem; } }
@media (min-width: 768px) {
.page--DetailModule--body hr {
margin-inline: 1rem; } }
@media (min-width: 1200px) {
.page--DetailModule--body hr {
margin-bottom: 0.5rem; } }
@media (min-width: 768px) {
.page--DetailModule--body .cCube, .page--DetailModule--body .row--htmlVideo,
.page--DetailModule--body .cHr,
.page--DetailModule--body .cImage {
padding-inline: 1rem; } }
.page--DetailModule--body h3 {
font-size: 1.125rem;
color: var(--c-green-600);
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
letter-spacing: 0.01125rem;
text-align: left; }
@media (min-width: 1200px) {
.page--DetailModule--body h3 {
font-size: 1.375rem; } }
.page--DetailModule--body ul {
color: var(--c-green-600);
font-family: "AeonikFono", serif;
font-size: 0.8125rem;
font-style: normal;
font-weight: 400;
letter-spacing: 0.01625rem;
margin-bottom: 0.5rem; }
@media (min-width: 1200px) {
.page--DetailModule--body ul {
font-size: 0.875rem;
margin-bottom: 3rem; } }
.page--DetailModule--body .neededProduct {
flex-direction: column; }
.page--DetailModule--body .neededProduct .cImage__inner {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: center;
gap: 1rem; }
.page--DetailModule--body .neededProduct .cImage__imgWrapper {
max-width: 60px; }
.page--DetailModule--body .neededProduct .cImage__desc {
text-align: left;
color: var(--green-dark, #173530);
font-family: "AeonikFono", serif;
font-size: 0.8125rem;
font-style: normal;
font-weight: 400;
line-height: 1.5;
letter-spacing: 0.25px; }
@media (min-width: 1200px) {
.page--DetailModule--body .neededProduct .cImage__desc {
font-size: 0.875rem; } }
.page--DetailModule--body .neededProduct .cImage__desc strong {
text-decoration: underline; }
.page--DetailModule--body .col--beige, .page--DetailModule--body .col--green {
margin-bottom: 1.75rem; }
.page--NewsDetail {
margin-inline: auto; }
@media (min-width: 768px) {
.page--NewsDetail {
padding-top: 2rem; } }
.page--NewsDetail .cText {
max-width: 630px;
margin-inline: auto; }
.page--NewsDetail .cImage {
max-width: 1070px;
margin-inline: auto; }
@media (min-width: 768px) {
.page--NewsDetail .cImage {
margin-block: 3rem; } }
.row--receptBody {
--_col-gap: 3rem; }
@media (min-width: 1024px) {
.row--receptBody > .rowInner > .grid {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.row--receptBody > .rowInner > .grid .gridInner {
height: 100%;
display: flex;
flex-direction: column; } }
@media (min-width: 1024px) {
.row--receptBody > .rowInner > .grid {
margin-left: calc(var(--_col-gap) * -1); }
.row--receptBody > .rowInner > .grid > .grid__item, .row--receptBody > .rowInner > .grid > .label--inline, .row--receptBody > .rowInner > .grid > .label--inline + .field {
padding-left: var(--_col-gap); } }
@media (min-width: 1200px) {
.row--receptBody .cSocialSites {
margin-top: 4rem; } }
@media (min-width: 1024px) {
.row--receptBody .cImage[class*="large"] {
max-width: 1750px;
width: calc(100% + var(--_col-gap));
margin-inline: calc(-1 * var(--_col-gap)) 0 !important;
padding-inline: 0 !important; } }
@media (min-width: 1200px) {
.row--receptBody .cImage[class*="large"]:not(.mb0) {
margin-bottom: 4rem; } }
@media (min-width: 1200px) {
.row--receptBody .col--content {
margin-top: 1.5rem; } }
.row--receptBody .col--content .cCube, .row--receptBody .col--content .row--htmlVideo {
max-width: 650px; }
@media (min-width: 1200px) {
.row--receptBody .col--content .cCube, .row--receptBody .col--content .row--htmlVideo {
margin-inline: 3rem auto; } }
@media (min-width: 1600px) {
.row--receptBody .col--content .cCube, .row--receptBody .col--content .row--htmlVideo {
margin-left: 8rem; } }
.row--contact-header {
margin-bottom: 2rem;
margin-top: -3rem;
padding-block: 1rem 7.5rem;
background-position: -4rem 0; }
@media (min-width: 1024px) {
.row--contact-header {
background-position: bottom center;
min-height: 700px; } }
@media (min-width: 1024px) {
.page--SearchResults h1 {
font-size: 4.6875rem; } }
.cCareerSubpages {
background-color: #dbe2e3;
padding: 1.35rem 1.25rem;
border-radius: 1.25rem; }
@media (min-width: 768px) {
.cCareerSubpages {
padding: 3rem 2.5rem;
display: grid;
grid-template-columns: 1fr auto;
gap: 2rem; } }
@media (min-width: 1024px) {
.cCareerSubpages {
grid-template-columns: 1fr 1fr auto; } }
.cCareerSubpages__wrapper {
display: flex;
flex-direction: column;
gap: 1.35rem;
margin-bottom: 2rem; }
@media (min-width: 768px) {
.cCareerSubpages__wrapper {
gap: 1.5rem;
margin-bottom: 7rem; } }
.cCareerSubpages__title {
font-size: 1.5rem;
font-weight: 400;
text-decoration: none;
color: var(--c-green-600);
line-height: 1.875rem;
max-width: 22.5rem; }
@media (min-width: 1200px) {
.cCareerSubpages__title {
font-size: 1.625rem;
line-height: 2rem; } }
.cCareerSubpages__annotation {
display: none;
max-width: 22.5rem;
font-size: 1.125rem;
color: var(--c-green-600);
line-height: 1.625rem; }
@media (min-width: 1024px) {
.cCareerSubpages__annotation {
display: block; } }
.cCareerSubpages .btn, .cCareerSubpages .cClientZone__logout, .cCareerSubpages .cNews-archiv a, .cNews-archiv .cCareerSubpages a, .cCareerSubpages .cRecepts .archive a, .cRecepts .archive .cCareerSubpages a, .cCareerSubpages .recipesList .archive a, .recipesList .archive .cCareerSubpages a, .cCareerSubpages .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cCareerSubpages a {
display: block;
margin-top: 1rem; }
@media (min-width: 768px) {
.cCareerSubpages .btn, .cCareerSubpages .cClientZone__logout, .cCareerSubpages .cNews-archiv a, .cNews-archiv .cCareerSubpages a, .cCareerSubpages .cRecepts .archive a, .cRecepts .archive .cCareerSubpages a, .cCareerSubpages .recipesList .archive a, .recipesList .archive .cCareerSubpages a, .cCareerSubpages .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive .cCareerSubpages a {
margin-top: 0;
height: max-content; } }
.career--darkRow {
padding-block: 2.5rem;
background-position: right top; }
@media (max-width: 767px) {
.career--darkRow {
background-image: none !important; } }
@media (min-width: 1200px) {
.career--darkRow {
padding-block: 10rem; } }
.career--darkRow .career--darkRow--row h2 {
margin-bottom: 1.5rem; }
@media (min-width: 1200px) {
.career--darkRow .career--darkRow--row h2 {
margin-bottom: 4rem; } }
.career--darkRow .career--darkRow--row h3 {
color: var(--c-green-200); }
.career--darkRow .career--darkRow--row p {
margin-bottom: 3rem; }
.career--darkRow .career--darkRow--row:first-of-type {
margin-bottom: 2.5rem; }
.career--darkRow .career--darkRow--row:first-of-type > .rowInner > .grid {
margin-left: calc(10rem * -1); }
.career--darkRow .career--darkRow--row:first-of-type > .rowInner > .grid > .grid__item, .career--darkRow .career--darkRow--row:first-of-type > .rowInner > .grid > .label--inline, .career--darkRow .career--darkRow--row:first-of-type > .rowInner > .grid > .label--inline + .field {
padding-left: 10rem; }
@media (min-width: 768px) {
.career--darkRow .career--darkRow--row:first-of-type {
margin-bottom: 6rem; } }
@media (min-width: 768px) {
.career--darkRow .career--darkRow--row:first-of-type .cText {
max-width: 32rem; } }
.career--darkRow .career--darkRow--row:last-of-type > .rowInner > .grid {
margin-left: calc(12rem * -1); }
.career--darkRow .career--darkRow--row:last-of-type > .rowInner > .grid > .grid__item, .career--darkRow .career--darkRow--row:last-of-type > .rowInner > .grid > .label--inline, .career--darkRow .career--darkRow--row:last-of-type > .rowInner > .grid > .label--inline + .field {
padding-left: 12rem; }
@media (min-width: 768px) {
.career--darkRow .career--darkRow--row:last-of-type .cText {
max-width: 26rem; } }
.page--CarreerModule--body > .rowInner {
padding-top: 0 !important; }
.page--CarreerModule--body .row--contentHeader {
display: none; }
.page--CarreerModule--body .row--contentBody {
padding-top: 0 !important; }
.page--CarreerModule--body .sticky {
width: 100%; }
.page--CarreerModule--body .sticky hr {
margin-bottom: 1.25rem; }
.page--CarreerModule--body .col--content, .page--CarreerModule--body .col--side {
padding-top: 3rem;
margin-top: 0; }
.page--CarreerModule--body .col--content {
padding-inline: 1rem; }
@media (max-width: 767px) {
.page--CarreerModule--body .col--content {
margin-bottom: 4rem; } }
.page--CarreerModule--body .col--content .cCube, .page--CarreerModule--body .col--content .row--htmlVideo {
max-width: 46.25rem !important; }
@media (min-width: 768px) {
.page--CarreerModule--body .col--content .cCube, .page--CarreerModule--body .col--content .row--htmlVideo {
margin-bottom: 5rem; } }
.page--CarreerDetailModule .row--has-image-bg {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-inline: 1rem; }
.handwritte-prodejny {
background-image: url(../img/handwritten/sortiment.svg);
background-color: transparent;
background-repeat: no-repeat;
background-size: 150px auto;
background-position: 120px 3rem;
padding-bottom: 3.35rem; }
@media (min-width: 350px) {
.handwritte-prodejny {
background-position: 170px 2.5rem; } }
@media (min-width: 1200px) {
.handwritte-prodejny {
background-position: 240px 95%;
background-size: 220px auto;
margin-bottom: 5rem !important; } }
.cc-banner__title {
font-size: 20px;
font-size: 1.25rem; }
.cc-banner__switch {
border-radius: 2rem !important; }
.js-scroll {
overflow: hidden; }
.js-scroll.cText .cText__text,
.js-scroll.cText .btn,
.js-scroll.cText .cClientZone__logout,
.js-scroll.cText .cNews-archiv a, .cNews-archiv
.js-scroll.cText a,
.js-scroll.cText .cRecepts .archive a, .cRecepts .archive
.js-scroll.cText a,
.js-scroll.cText .recipesList .archive a, .recipesList .archive
.js-scroll.cText a,
.js-scroll.cText .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive
.js-scroll.cText a,
.js-scroll.cText svg, .js-scroll.cConversButton .cText__text,
.js-scroll.cConversButton .btn,
.js-scroll.cConversButton .cClientZone__logout,
.js-scroll.cConversButton .cNews-archiv a, .cNews-archiv
.js-scroll.cConversButton a,
.js-scroll.cConversButton .cRecepts .archive a, .cRecepts .archive
.js-scroll.cConversButton a,
.js-scroll.cConversButton .recipesList .archive a, .recipesList .archive
.js-scroll.cConversButton a,
.js-scroll.cConversButton .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive
.js-scroll.cConversButton a,
.js-scroll.cConversButton svg, .js-scroll.ownSourceCode .cText__text,
.js-scroll.ownSourceCode .btn,
.js-scroll.ownSourceCode .cClientZone__logout,
.js-scroll.ownSourceCode .cNews-archiv a, .cNews-archiv
.js-scroll.ownSourceCode a,
.js-scroll.ownSourceCode .cRecepts .archive a, .cRecepts .archive
.js-scroll.ownSourceCode a,
.js-scroll.ownSourceCode .recipesList .archive a, .recipesList .archive
.js-scroll.ownSourceCode a,
.js-scroll.ownSourceCode .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive
.js-scroll.ownSourceCode a,
.js-scroll.ownSourceCode svg {
transition: 0.75s; }
.js-scroll.cText.js-hidden .cText__text,
.js-scroll.cText.js-hidden .btn,
.js-scroll.cText.js-hidden .cClientZone__logout,
.js-scroll.cText.js-hidden .cNews-archiv a, .cNews-archiv
.js-scroll.cText.js-hidden a,
.js-scroll.cText.js-hidden .cRecepts .archive a, .cRecepts .archive
.js-scroll.cText.js-hidden a,
.js-scroll.cText.js-hidden .recipesList .archive a, .recipesList .archive
.js-scroll.cText.js-hidden a,
.js-scroll.cText.js-hidden .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive
.js-scroll.cText.js-hidden a,
.js-scroll.cText.js-hidden svg, .js-scroll.cConversButton.js-hidden .cText__text,
.js-scroll.cConversButton.js-hidden .btn,
.js-scroll.cConversButton.js-hidden .cClientZone__logout,
.js-scroll.cConversButton.js-hidden .cNews-archiv a, .cNews-archiv
.js-scroll.cConversButton.js-hidden a,
.js-scroll.cConversButton.js-hidden .cRecepts .archive a, .cRecepts .archive
.js-scroll.cConversButton.js-hidden a,
.js-scroll.cConversButton.js-hidden .recipesList .archive a, .recipesList .archive
.js-scroll.cConversButton.js-hidden a,
.js-scroll.cConversButton.js-hidden .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive
.js-scroll.cConversButton.js-hidden a,
.js-scroll.cConversButton.js-hidden svg, .js-scroll.ownSourceCode.js-hidden .cText__text,
.js-scroll.ownSourceCode.js-hidden .btn,
.js-scroll.ownSourceCode.js-hidden .cClientZone__logout,
.js-scroll.ownSourceCode.js-hidden .cNews-archiv a, .cNews-archiv
.js-scroll.ownSourceCode.js-hidden a,
.js-scroll.ownSourceCode.js-hidden .cRecepts .archive a, .cRecepts .archive
.js-scroll.ownSourceCode.js-hidden a,
.js-scroll.ownSourceCode.js-hidden .recipesList .archive a, .recipesList .archive
.js-scroll.ownSourceCode.js-hidden a,
.js-scroll.ownSourceCode.js-hidden .cFtr .recipesList__item .archive a, .cFtr .recipesList__item .archive
.js-scroll.ownSourceCode.js-hidden a,
.js-scroll.ownSourceCode.js-hidden svg {
opacity: 0;
transform: translateY(100%); }
@media (min-width: 1200px) {
.homepage--product--rows .row {
position: sticky;
top: 5rem;
background-color: #f2efe8;
min-height: 800px;
padding-block: 2rem; } }
@media (min-width: 768px) {
.homepage--product--title {
display: none; } }
.homepage--scroll {
display: grid;
grid-template-columns: 4fr 3fr;
column-gap: 8rem;
position: relative;
isolation: isolate;
z-index: 0;
margin-top: 7rem !important;
width: 100vw;
max-width: 100vw;
margin: 0 calc(-50vw + 50%);
padding-inline: 2rem;
background-image: url(../img/bg--products--hp.png);
background-color: transparent;
background-repeat: no-repeat;
background-size: auto;
background-position: 0 0;
background-attachment: fixed; }
@media (min-height: 700px) {
.homepage--scroll {
margin-top: -10rem; } }
.homepage--scroll::before, .homepage--scroll::after {
z-index: -1;
position: absolute;
inset: 0 0 auto 0;
height: 12rem;
background: linear-gradient(0deg, rgba(2, 0, 36, 0) 0%, #f2efe8 100%);
content: ""; }
.homepage--scroll::after {
inset: auto 0 0 0 !important;
background: linear-gradient(180deg, rgba(2, 0, 36, 0) 0%, #f2efe8 100%); }
.homepage--scroll .scroll--title {
max-width: 650px;
width: 100%;
position: absolute;
top: 0;
right: 0;
padding-left: 0.35rem;
padding-bottom: 1rem; }
.homepage--scroll .scroll--title a {
margin-left: 0.25rem; }
.homepage--scroll .scroll--images {
position: sticky;
top: 8rem;
height: 850px;
display: grid;
place-items: center end; }
.homepage--scroll .scroll--images--inner {
border-radius: 1rem;
overflow: hidden;
max-height: 450px;
display: grid;
grid-column: 1 / -1 !important;
width: 100%;
max-width: 650px;
padding-left: 0.5rem; }
.homepage--scroll .scroll--images--inner > * {
grid-area: stack; }
.homepage--scroll .cConversButton {
padding-bottom: 1rem;
transform: translateY(-1rem); }
.homepage--scroll .scroll--text {
margin-left: 2rem; }
.homepage--scroll .scroll--text--item {
height: 850px;
display: flex;
justify-content: center;
align-items: flex-start;
max-width: 410px;
flex-direction: column;
transition: 1.25s; }
.homepage--scroll .scroll--text--item .cConversButton {
margin-left: 0; }
.homepage--scroll .scroll--text--item:not(.active) {
opacity: 0;
transform: translateY(2rem); }
.homepage--scroll .scroll--image,
.homepage--scroll .scroll--text--item {
height: 850px;
grid-column: 1 / -1 !important; }
.homepage--scroll .scroll--images--inner {
margin-top: 3rem !important; }
.homepage--scroll img {
width: 100%;
height: 100%;
object-fit: cover;
height: 350px;
border-radius: 1rem; }
@media (min-width: 1500px) {
.homepage--scroll img {
height: 400px; } }
[data-scroll="0"] .homepage--scroll [data-img="0"] ~ [data-img] {
transform: translateY(-100%) !important; }
[data-scroll="1"] .homepage--scroll [data-img="1"] ~ [data-img] {
transform: translateY(-100%) !important; }
[data-scroll="2"] .homepage--scroll [data-img="2"] ~ [data-img] {
transform: translateY(-100%) !important; }
[data-scroll="3"] .homepage--scroll [data-img="3"] ~ [data-img] {
transform: translateY(-100%) !important; }
[data-scroll="4"] .homepage--scroll [data-img="4"] ~ [data-img] {
transform: translateY(-100%) !important; }
[data-scroll="5"] .homepage--scroll [data-img="5"] ~ [data-img] {
transform: translateY(-100%) !important; }
[data-scroll] .homepage--scroll .scroll--image {
transition: 1s; }