/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

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

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden],
template {
    display: none
}

a {
    background: transparent
}

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

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

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

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

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td,
th {
    padding: 0
}


/*!
 * jQuery UI CSS Framework 1.11.2
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

.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:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.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
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.formError {
    z-index: 990
}

.formError .formErrorContent {
    z-index: 991
}

.formError .formErrorArrow {
    z-index: 996
}

.ui-dialog .formError {
    z-index: 5000
}

.ui-dialog .formError .formErrorContent {
    z-index: 5001
}

.ui-dialog .formError .formErrorArrow {
    z-index: 5006
}

.inputContainer {
    position: relative;
    float: left
}

.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    cursor: pointer;
    text-align: left
}

.formError.inline {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block
}

.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none
}

.formError .formErrorContent {
    width: 130%;
    background: #f38230;
    position: relative;
    color: #fff;
    min-width: 120px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 11px;
    padding: 11px 10px 11px 10px
}

.formError.inline .formErrorContent {
    border: none
}

.greenPopup .formErrorContent {
    background: #33be40
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #FFF
}

.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position: relative
}

body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
    margin: -2px 13px 0 0
}

.formError .formErrorArrowBottom {
    margin: 0 0 0 12px;
    top: 2px
}

.formError .formErrorArrow div {
    height: 1px;
    background: #f38230;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block
}

.greenPopup .formErrorArrow div {
    background: #33be40
}

.blackPopup .formErrorArrow div {
    background: #393939;
    color: #FFF
}

.formError .formErrorArrow .line10 {
    width: 15px;
    border: none
}

.formError .formErrorArrow .line9 {
    width: 13px;
    border: none
}

.formError .formErrorArrow .line8 {
    width: 11px
}

.formError .formErrorArrow .line7 {
    width: 9px
}

.formError .formErrorArrow .line6 {
    width: 7px
}

.formError .formErrorArrow .line5 {
    width: 5px
}

.formError .formErrorArrow .line4 {
    width: 3px
}

.formError .formErrorArrow .line3 {
    width: 1px
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd
}


/*! jQuery UI - v1.11.4 - 2016-06-06
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* 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:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.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
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.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: bold
}

.ui-widget-header a {
    color: #333
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #454545;
    text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: #2b2b2b;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    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-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: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.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,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png")
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png")
}

.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-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: -64px -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: -64px -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: 0 -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-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: 0 0 0 0;
    padding: 5px;
    background: #666;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px
}


/*!
 * fullPage 2.9.2
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */

html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent
}

#superContainer {
    height: 100%;
    position: relative;
    -ms-touch-action: none;
    touch-action: none
}

.fp-section {
    position: relative;
    box-sizing: border-box
}

.fp-slide {
    float: left
}

.fp-slide,
.fp-slidesContainer {
    height: 100%;
    display: block
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-out
}

.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.fp-slidesContainer {
    float: left;
    position: relative
}

.fp-controlArrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    transform: translate3d(0, 0, 0)
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent
}

.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff
}

.fp-scrollable {
    overflow: hidden;
    position: relative
}

.fp-scroller {
    overflow: hidden
}

.iScrollIndicator {
    border: 0 !important;
    background: rgba(255, 255, 255, 0.3) !important
}

.fp-notransition {
    transition: none !important
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0)
}

#fp-nav.right {
    right: 17px
}

#fp-nav.left {
    left: 17px
}

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.fp-slidesNav.bottom {
    bottom: 17px
}

.fp-slidesNav.top {
    top: 17px
}

#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0
}

#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative
}

.fp-slidesNav ul li {
    display: inline-block
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    transition: all 0.1s ease-in-out
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active+.fp-tooltip {
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1
}

#fp-nav ul li .fp-tooltip.right {
    right: 20px
}

#fp-nav ul li .fp-tooltip.left {
    left: 20px
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
    height: auto !important
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important
}


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.hinge {
    animation-duration: 2s
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    animation-duration: .75s
}

@keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {

    from,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1)
    }

    30% {
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, 0.95, 1)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {

    from,
    to {
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    animation-name: shake
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    from {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    to {
        transform: none
    }
}

.wobble {
    animation-name: wobble
}

@keyframes jello {

    from,
    11.1%,
    to {
        transform: none
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        transform: skewX(0.39062deg) skewY(0.39062deg)
    }

    88.8% {
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }
}

.jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes bounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@keyframes bounceInDown {

    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {

    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {

    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {

    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.bounceOut {
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInY
}

@keyframes flipOutX {
    from {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    from {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@keyframes lightSpeedIn {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1
    }

    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    animation-name: hinge
}

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutDown {
    animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(0.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutUp {
    animation-name: zoomOutUp
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

/* @font-face {
    font-family: 'ico';
    src: url("../../fonts/icomoolinex.eot");
    src: url("../../fonts/icomoolinex.eot?#iefix") format("embedded-opentype"), url("../../fonts/icomoolinex.woff") format("woff"), url("../../fonts/icomoolinex.ttf") format("truetype"), url("../../fonts/icomoolinex.svg#ico") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'icokrups';
    src: url("../../fonts/icokrups.eot?4t475z");
    src: url("../../fonts/icokrups.eot?4t475z#iefix") format("embedded-opentype"), url("../../fonts/icokrups.ttf?4t475z") format("truetype"), url("../../fonts/icokrups.woff?4t475z") format("woff"), url("../../fonts/icokrups.svg?4t475z#icokrups") format("svg");
    font-weight: normal;
    font-style: normal
} */


[class^="icon-"],
[class*=" icon-"],
[class^="ico-"],
[class*=" ico-"] {
    font-family: ico;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    background: none;
    width: auto;
    height: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^="icon-"] span,
[class*=" icon-"] span,
[class^="ico-"] span,
[class*=" ico-"] span {
    display: none
}

.ico-marker:before {
    content: "\e603"
}

.ico-faq:before {
    content: "\e604"
}

.ico-manual:before {
    content: "\e605"
}

.ico-sav:before {
    content: "\e606"
}

.ico-vine:before {
    content: "\e60f"
}

.ico-instagram:before {
    content: "\e60e"
}

.ico-youtube:before {
    content: "\e60a"
}

.ico-facebook:before {
    content: "\e60b"
}

.ico-twitter:before {
    content: "\e60c"
}

.ico-pinterest:before {
    content: "\e60d"
}

.ico-googleplus:before {
    content: "\e61e"
}

.ico-minus:before {
    content: "\e610"
}

.ico-plus:before {
    content: "\e611"
}

.ico-link-fleche:before {
    content: "\e613"
}

.icon-send:before,
.ico-share-mail:before {
    content: "\e622"
}

.icon-print:before,
.ico-share-print:before {
    content: "\e623"
}

.icon-share-facebbok:before,
.ico-share-share:before {
    content: "\e624"
}

.icon-trash:before {
    content: "\e614"
}

.icon-trash2:before {
    content: "\e617"
}

.icon-edit:before {
    content: "\e616"
}

.icon-info-sign:before {
    content: "\e618"
}

.icon-logout:before {
    content: "\e61a"
}

.icon-connected:before {
    content: "\e61c"
}

.icon-play2:before {
    content: "\e901"
}

.ico-check:before {
    content: "\e700"
}

.ico-close:before {
    content: "\e701"
}

.ico-arrow-right:before {
    content: "\e600"
}

.ico-arrow-left:before {
    content: "\e601"
}

.arrow-bottom-font:before {
    content: "\e902"
}

.arrow-up-font:before {
    content: "\e900"
}

.rtl * {
    font-family: sans-serif, ico !important;
    letter-spacing: 0px !important
}

body {
    font-family:  "Open Sans", "Arial", sans-serif;
    color: #2a2622;
    letter-spacing: 0.5px;
    line-height: 21px;
    background: #eaeeef
}

body.page-homepage {
    overflow: hidden
}

@media screen and (max-width: 768px) {
    body {
        overflow: initial
    }
}

body * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    word-wrap: break-word
}

body p,
body .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper body div {
    line-height: 21px
}

body .krups-content p,
body .krups-content .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper body .krups-content div {
    margin-bottom: 30px
}

body .krups-content p:last-child,
body .krups-content .krups-block-univers .krups-block-wrapper div:last-child,
.krups-block-univers .krups-block-wrapper body .krups-content div:last-child {
    margin-bottom: 0
}

.sticker {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    height: 116px;
    width: 116px
}

.rtl .sticker {
    left: auto;
    right: 0
}

.sticker p,
.sticker .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .sticker div {
    display: none
}

h1 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 50px;
    font-size: 5rem;
    line-height: 50px;
    letter-spacing: 1.5px
}

@media screen and (max-width: 768px) {
    h1 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 20px
    }
}

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

h1.internal {
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px
}

h2 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 50px;
    font-size: 5rem;
    letter-spacing: 1.5px
}

@media screen and (max-width: 768px) {
    h2 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 25px
    }
}

h2.internal {
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px
}

h3 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 23px;
    letter-spacing: 1.5px
}

strong {
    font-size: 13px;
    font-size: 1.3rem
}

select::-ms-expand {
    display: none;
    border: none
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.krups-italic,
.krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-block-content-wrap .krups-italic,
.krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-block-content-wrap span {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 20px;
    font-size: 2rem
}

.krups-row {
    clear: both;
    width: 100%
}

.krups-row .krups-lg-3,
.krups-row .krups-lg-4,
.krups-row .krups-lg-6,
.krups-row .krups-lg-8,
.krups-row .krups-lg-9,
.krups-row .krups-lg-10,
.krups-row .krups-sm-6,
.krups-row .krups-sm-12 {
    float: left;
    padding: 0 10px
}

.rtl .krups-row .krups-lg-3,
.rtl .krups-row .krups-lg-4,
.rtl .krups-row .krups-lg-6,
.rtl .krups-row .krups-lg-8,
.rtl .krups-row .krups-lg-9,
.rtl .krups-row .krups-lg-10,
.rtl .krups-row .krups-sm-6,
.rtl .krups-row .krups-sm-12 {
    float: right
}

.krups-row .krups-lg-3 {
    width: 25%
}

.krups-row .krups-lg-4 {
    width: 33.3333333%
}

.krups-row .krups-lg-6 {
    width: 50%
}

.krups-row .krups-lg-8 {
    width: 66.6666667%
}

.krups-row .krups-lg-9 {
    width: 75%
}

.krups-row .krups-lg-10 {
    width: 83.3333333%
}

@media screen and (max-width: 768px) {
    .krups-row .krups-sm-6 {
        width: 50%
    }

    .krups-row .krups-sm-12 {
        width: 100%
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .krups-row .krups-md-12 {
        width: 100%
    }
}

.krups-row-vh {
    height: 100vh;
    overflow: hidden
}

.krups-row-vh img {
    display: block;
    width: 100%
}

@media screen and (max-width: 768px) {
    .krups-row-vh img {
        display: block;
        width: auto;
        height: 100%;
        max-width: initial
    }
}

.krups-block-title {
    text-transform: uppercase;
    color: #f38230
}

.krups-block-title:after {
    content: '';
    display: block;
    height: 5px;
    width: 50px;
    background: #f38230;
    margin: 5% 0
}

@media screen and (max-width: 768px) {
    .krups-block-title:after {
        margin: 5% auto;
        width: 50px
    }
}

.krups-block-title.center {
    text-align: center
}

.krups-block-title.center:after {
    margin: 5% auto
}

.krups-block-title.krups-mrg-auto {
    margin: 0 auto
}

.krups-block-title.krups-lg-8:after {
    margin: 9% 0
}

.krups-block-subtitle,
.krups-block-univers .krups-block-wrapper span {
    display: block;
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 7% 0;
    font-style: italic
}

.rtl .krups-block-subtitle,
.rtl .krups-block-univers .krups-block-wrapper span,
.krups-block-univers .krups-block-wrapper .rtl span {
    margin: 0 0 7% 0
}

@media screen and (max-width: 768px) {

    .krups-block-subtitle,
    .krups-block-univers .krups-block-wrapper span {
        margin-left: 0
    }

    .rtl .krups-block-subtitle,
    .rtl .krups-block-univers .krups-block-wrapper span,
    .krups-block-univers .krups-block-wrapper .rtl span {
        margin-right: 0
    }
}

.krups-btn,
.panel-services-contact .more a {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 13px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    border: 1.5px solid #fff;
    text-align: center;
    font-weight: 700;
    border-radius: 20px;
    margin-top: 25px;
    transition: all 0.3s
}

.krups-btn:hover,
.panel-services-contact .more a:hover {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff
}

.krups-btn:before,
.panel-services-contact .more a:before {
    border-radius: 20px
}

.krups-btn.krups-btn-dark,
.panel-services-contact .more a.krups-btn-dark {
    background-color: rgba(0, 0, 0, 0.2)
}

.krups-btn.krups-btn-dark:hover,
.panel-services-contact .more a.krups-btn-dark:hover {
    background-color: rgba(0, 0, 0, 0.35);
    color: #fff
}

.krups-btn.krups-btn-orange,
.panel-services-contact .more a.krups-btn-orange {
    border-color: #f38230;
    background-color: #f38230;
    color: #fff
}

.krups-btn.krups-btn-gray,
.panel-services-contact .more a.krups-btn-gray {
    border-color: #bebdbd;
    background-color: #bebdbd
}

.krups-btn-2,
.krups-products-sort select,
.boutique-accessoire.section-search .span12 .display-filters .controls .select-style select {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    padding: 15px 30px 15px 10px;
    outline: none;
    min-height: 50px;
    position: relative;
    z-index: 5;
    border-radius: 30px;
    border: none;
    background-color: #bebdbd
}

.rtl .krups-btn-2,
.rtl .krups-products-sort select,
.krups-products-sort .rtl select,
.rtl .boutique-accessoire.section-search .span12 .display-filters .controls .select-style select,
.boutique-accessoire.section-search .span12 .display-filters .controls .select-style .rtl select {
    padding: 15px 10px 15px 30px
}

.krups-price {
    display: block;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 30px;
    font-size: 3rem;
    margin-top: 25px
}

@keyframes floating-arrow2 {
    0% {
        transform: translate(-50%, -4px)
    }

    65% {
        transform: translate(-50%, 0)
    }

    100% {
        transform: translate(-50%, -4px)
    }
}

@keyframes mouse-scroll {
    30% {
        opacity: .3
    }

    50% {
        opacity: .5
    }

    75% {
        opacity: .75
    }

    100% {
        opacity: 1
    }
}

div.smooth-scroll {
    position: absolute;
    z-index: 1;
    bottom: 2%;
    width: 100%;
    text-align: center;
    animation-duration: .5s;
    animation-delay: .5s
}

div.smooth-scroll .smooth-scroll-title {
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    color: #fff;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    div.smooth-scroll .smooth-scroll-title {
        display: none
    }
}

body .category-page-nav .smooth-scroll-title {
    position: absolute;
    z-index: 1;
    bottom: 1.6%;
    width: 100%;
    text-align: center;
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    color: #fff;
    display: none
}

@media screen and (max-width: 768px) {
    body .category-page-nav .smooth-scroll-title {
        display: none
    }
}

body .category-page-nav.univers-nav ul li,
body .category-page-nav.hub-nav ul li {
    display: none
}

body.fp-viewing-krups-animate-1 .category-page-nav .smooth-scroll-title {
    display: block;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

@media screen and (max-width: 768px) {
    body.fp-viewing-krups-animate-1 .category-page-nav .smooth-scroll-title {
        display: none
    }
}

body.fp-viewing-krups-animate-1 .category-page-nav ul li {
    bottom: 4%
}

@media screen and (max-width: 768px) {
    body.fp-viewing-krups-animate-1 .category-page-nav ul li {
        bottom: 2%
    }
}

body.fp-viewing-krups-animate-1 .category-page-nav.univers-nav ul li:first-child,
body.fp-viewing-krups-animate-1 .category-page-nav.hub-nav ul li:first-child {
    display: block
}

body.fp-viewing-krups-animate-2 .category-page-nav.has-timeshop.hub-nav ul li:nth-child(2) {
    display: block
}

body.fp-viewing-krups-animate-4 .category-page-nav.has-timeshop.univers-nav {
    display: none
}

.scroll-icon {
    background-color: rgba(0, 0, 0, 0.2);
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 100%;
    height: 56px;
    width: 56px;
    margin-bottom: 15px
}

.scroll-icon>span {
    display: block;
    height: 25px;
    width: 18px;
    border: 3px solid #fff;
    border-radius: 1em;
    cursor: pointer;
    margin: 9px auto
}

.scroll-icon>span i.krups-ico {
    display: block;
    position: absolute;
    left: 50%;
    background: #fff;
    top: 18px;
    width: 2px;
    height: 4px;
    margin-left: -1px;
    border-radius: 8px;
    animation: mouse-wheel 0.9s linear infinite;
    -webkit-animation: mouse-wheel 0.9s linear infinite;
    -moz-animation: mouse-wheel 0.9s linear infinite
}

.rtl .scroll-icon>span i.krups-ico {
    right: 50%;
    margin-right: -1px;
    left: auto
}

.scroll-icon>span:before {
    content: "";
    background: url(../img/arrows/arrow-scroller.png) no-repeat 0 0;
    background-size: 12px 6px;
    width: 12px;
    height: 12px;
    display: block;
    margin: 28px 0 0 6px;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-name: floating-arrow2
}

.rtl .scroll-icon>span:before {
    margin: 28px -6px 0 0
}

.ismobile .scroll-icon {
    background-color: transparent;
    border: 0;
    height: 20px;
    width: 40px
}

.ismobile .scroll-icon>span {
    border: 0;
    margin: 0 auto
}

.ismobile .scroll-icon>span i.krups-ico {
    display: none
}

.ismobile .scroll-icon>span:before {
    background-size: 16px auto;
    margin: 16px 9px 0;
    width: 16px;
    height: 16px
}

section.krups-push-wrapper {
    position: relative;
    overflow: hidden
}

section.krups-push-wrapper aside.krups-push {
    overflow: hidden
}

section.krups-push-wrapper aside.krups-push img {
    display: block;
    width: 100%
}

.krups-bxslider-wrap ul li {
    padding: 50px
}

.krups-animate .krups-lg-6 {
    padding: 0
}

.case-cocher-style1 [type="checkbox"]:not(:checked),
.case-cocher-style1 [type="checkbox"]:checked {
    position: absolute;
    top: 0px;
    left: 27%;
    width: 29px;
    height: 29px;
    opacity: 0;
    z-index: 1
}

.rtl .case-cocher-style1 [type="checkbox"]:not(:checked),
.rtl .case-cocher-style1 [type="checkbox"]:checked {
    right: 27%;
    left: auto
}

.case-cocher-style1 [type="checkbox"]:not(:checked)+label,
.case-cocher-style1 [type="checkbox"]:checked+label {
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    line-height: 30px
}

.rtl .case-cocher-style1 [type="checkbox"]:not(:checked)+label,
.rtl .case-cocher-style1 [type="checkbox"]:checked+label {
    padding-right: 40px
}

.case-cocher-style1 [type="checkbox"]:not(:checked)+label:before,
.case-cocher-style1 [type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 29px;
    height: 29px;
    border-radius: 100%;
    background: #eaeeef
}

.rtl .case-cocher-style1 [type="checkbox"]:not(:checked)+label:before,
.rtl .case-cocher-style1 [type="checkbox"]:checked+label:before {
    right: 0;
    left: auto
}

.case-cocher-style1 [type="checkbox"]:not(:checked)+label:after,
.case-cocher-style1 [type="checkbox"]:checked+label:after {
    content: '';
    width: 29px;
    height: 29px;
    border-radius: 100%;
    background: url("../img/tic.png") no-repeat #00ead7 center center;
    background-size: 17px 13px;
    position: absolute;
    left: 0;
    top: 2px;
    transition: all 0.3s
}

.rtl .case-cocher-style1 [type="checkbox"]:not(:checked)+label:after,
.rtl .case-cocher-style1 [type="checkbox"]:checked+label:after {
    right: 0;
    left: auto
}

.case-cocher-style1 [type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

.case-cocher-style1 [type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

.case-cocher-style1.left-txt [type="checkbox"]:not(:checked)+label,
.case-cocher-style1.left-txt [type="checkbox"]:checked+label {
    padding-left: 0;
    padding-right: 23px
}

.rtl .case-cocher-style1.left-txt [type="checkbox"]:not(:checked)+label,
.rtl .case-cocher-style1.left-txt [type="checkbox"]:checked+label {
    padding-right: 0;
    padding-left: 23px
}

.case-cocher-style1.left-txt [type="checkbox"]:not(:checked)+label:before,
.case-cocher-style1.left-txt [type="checkbox"]:checked+label:before {
    left: auto;
    right: 0
}

.rtl .case-cocher-style1.left-txt [type="checkbox"]:not(:checked)+label:before,
.rtl .case-cocher-style1.left-txt [type="checkbox"]:checked+label:before {
    right: auto;
    left: 0
}

.case-cocher-style1.left-txt [type="checkbox"]:not(:checked)+label:after,
.case-cocher-style1.left-txt [type="checkbox"]:checked+label:after {
    right: 4px;
    left: auto
}

.rtl .case-cocher-style1.left-txt [type="checkbox"]:not(:checked)+label:after,
.rtl .case-cocher-style1.left-txt [type="checkbox"]:checked+label:after {
    left: 4px;
    right: auto
}

.checkstylecompare.gocompare,
.checkstylefacet.gocompare {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    width: 100%;
    min-height: 29px;
    text-align: center;
    line-height: 29px;
    padding-left: 10%
}

.rtl .checkstylecompare.gocompare,
.rtl .checkstylefacet.gocompare {
    padding-right: 10%
}

.checkstylecompare input[type="checkbox"],
.checkstylefacet input[type="checkbox"] {
    position: absolute;
    top: 0px;
    left: 27%;
    width: 29px;
    height: 29px;
    opacity: 0
}

.rtl .checkstylecompare input[type="checkbox"],
.rtl .checkstylefacet input[type="checkbox"] {
    right: 27%;
    left: auto
}

@media screen and (max-width: 768px) {

    .checkstylecompare input[type="checkbox"],
    .checkstylefacet input[type="checkbox"] {
        left: 22%
    }

    .rtl .checkstylecompare input[type="checkbox"],
    .rtl .checkstylefacet input[type="checkbox"] {
        right: 22%;
        left: auto
    }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {

    .checkstylecompare input[type="checkbox"],
    .checkstylefacet input[type="checkbox"] {
        left: 20%
    }

    .rtl .checkstylecompare input[type="checkbox"],
    .rtl .checkstylefacet input[type="checkbox"] {
        right: 20%;
        left: auto
    }
}

.checkstylecompare:before,
.checkstylefacet:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 27%;
    width: 29px;
    height: 29px;
    border-radius: 100%;
    background: #eaeeef
}

.rtl .checkstylecompare:before,
.rtl .checkstylefacet:before {
    right: 27%;
    left: auto
}

@media screen and (max-width: 768px) {

    .checkstylecompare:before,
    .checkstylefacet:before {
        left: 22%
    }

    .rtl .checkstylecompare:before,
    .rtl .checkstylefacet:before {
        right: 24%;
        left: auto
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .checkstylecompare:before,
    .checkstylefacet:before {
        left: 14%
    }

    .rtl .checkstylecompare:before,
    .rtl .checkstylefacet:before {
        right: 14%;
        left: auto
    }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {

    .checkstylecompare:before,
    .checkstylefacet:before {
        left: 20%
    }

    .rtl .checkstylecompare:before,
    .rtl .checkstylefacet:before {
        right: 20%;
        left: auto
    }
}

.checkstylecompare.checkOn:before,
.checkstylefacet.checkOn:before {
    content: '';
    background: url("../img/tic.png") no-repeat #00ead7 center center;
    background-size: 17px 13px;
    transition: all 0.3s
}

.checkstylecompare .no,
.checkstylefacet .no {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #bebdbd
}

@media screen and (max-width: 768px) {

    .checkstylecompare .no,
    .checkstylefacet .no {
        bottom: 10px
    }
}

.checkstylecompare.v2.active .no,
.checkstylecompare .yes,
.checkstylefacet.v2.active .no,
.checkstylefacet .yes {
    display: none;
    text-align: center;
    text-transform: uppercase;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #00ead7
}

@media screen and (max-width: 768px) {

    .checkstylecompare.v2.active .no,
    .checkstylecompare .yes,
    .checkstylefacet.v2.active .no,
    .checkstylefacet .yes {
        bottom: 10px
    }
}

.checkstylecompare.v2.active .yes,
.checkstylefacet.v2.active .yes {
    display: inline-block;
    text-decoration: underline
}

.gocompare:before {
    background: url("../img/tic.png") no-repeat #eaeeef center center;
    background-size: 17px 13px
}

@media screen and (max-width: 768px) {
    .iScrollVerticalScrollbar {
        display: none
    }
}

.no-padding {
    padding: 0 !important
}

#pointAcheminementDetail .ui-btn-secondary {
    min-height: 39px !important;
    height: 40px !important;
    padding: 4px 30px !important;
    font-size: 12px
}

@media screen and (max-width: 768px) {
    #pointAcheminementDetail .ui-btn-secondary {
        width: 290px !important;
        height: 40px
    }
}

#pointAcheminementDetail .abandon-command-btn {
    text-align: right;
    padding-right: 20px;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    #pointAcheminementDetail .abandon-command-btn {
        text-align: center;
        padding-right: inherit
    }
}

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1
}

.rtl .bx-wrapper {
    direction: ltr
}

.bx-wrapper img {
    max-width: 100%
}

.bx-wrapper .bx-viewport {
    transform: translatez(0)
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../img/vendor/bxslider/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.bx-wrapper .bx-pager.bx-default-pager a {
    text-indent: -9999px;
    display: block;
    width: 13px;
    height: 13px;
    margin: 0 5px;
    outline: 0;
    border-radius: 100%;
    border: 1px solid #b5b6b9
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #b5b6b9
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(../img/vendor/bxslider/controls.png) no-repeat 0 -32px
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(../img/vendor/bxslider/controls.png) no-repeat -43px -32px
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../img/vendor/bxslider/controls.png) -86px -11px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../img/vendor/bxslider/controls.png) -86px -44px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

.logo {
    width: 50%;
    float: left;
    text-align: right;
    transition: all 0.5s
}

.rtl .logo {
    float: right;
    text-align: left
}

.logo img {
    max-width: 100%;
    width: 120px;
    height: auto;
    transition: all 0.5s
}

.logo h1,
.logo span {
    margin: 0;
    padding: 0
}

.logo h1 {
    line-height: inherit
}

.logo a {
    background: #3b3936;
    outline: none;
    display: inline-block;
    width: 262px;
    height: 65px;
    line-height: 58px;
    text-align: center;
    transition: all 0.5s
}

.open-search .logo a,
.open-nav .logo a {
    box-shadow: none
}

@media screen and (max-width: 768px) {
    .logo a {
        box-shadow: none
    }
}

.logo a:focus {
    outline: none
}

@media screen and (max-width: 768px) {
    .logo {
        width: 40%
    }

    .logo a {
        width: 100%;
        height: 53px;
        line-height: 52px
    }

    .logo a img {
        width: 90px
    }
}

.logo.logo-only {
    width: 100%;
    text-align: center;
    padding-top: 30px
}

@media screen and (max-width: 768px) {
    .logo.logo-only {
        padding-top: 0
    }
}

.toggle-nav {
    cursor: pointer;
    display: block;
    height: 100%;
    padding: 20px 0;
    position: relative;
    transition: all 0.3s
}

@media screen and (max-width: 768px) {
    .toggle-nav {
        margin: 13px auto 0;
        padding: 0;
        width: 22px
    }
}

.toggle-nav .burger-icon,
.toggle-nav .burger-icon:before,
.toggle-nav .burger-icon:after {
    background-color: #fff;
    height: 2px;
    transition: all 0.3s ease-in-out 0s;
    width: 26px;
    border-radius: 20px
}

@media screen and (max-width: 768px) {

    .toggle-nav .burger-icon,
    .toggle-nav .burger-icon:before,
    .toggle-nav .burger-icon:after {
        height: 2px;
        width: 22px;
        margin: 0
    }
}

.toggle-nav .burger-icon {
    display: inline-block;
    position: relative
}

.toggle-nav .burger-icon:before,
.toggle-nav .burger-icon:after {
    content: "";
    position: absolute;
    left: 0
}

.toggle-nav .burger-icon:before {
    top: -9px
}

@media screen and (max-width: 768px) {
    .toggle-nav .burger-icon:before {
        top: -7px
    }
}

.toggle-nav .burger-icon:after {
    top: 9px
}

@media screen and (max-width: 768px) {
    .toggle-nav .burger-icon:after {
        top: 7px
    }
}

.toggle-nav.active .burger-icon {
    background-color: transparent
}

.toggle-nav.active .burger-icon:before,
.toggle-nav.active .burger-icon:after {
    top: 0
}

.toggle-nav.active .burger-icon:before {
    transform: rotate(-135deg)
}

.toggle-nav.active .burger-icon:after {
    transform: rotate(135deg)
}

@keyframes slide-right {
    from {
        opacity: 0;
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

body.open-nav {
    overflow: hidden;
    height: auto !important
}

.main-nav {
    position: fixed;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 25;
    overflow-y: auto;
    display: none
}

.rtl .main-nav {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.main-nav:not(.show-nav) {
    transition: all 0.8s;
    transform: translateX(-100%)
}

.rtl .main-nav {
    transform: translateX(100%)
}

@media screen and (max-width: 768px) {
    .main-nav {
        margin-top: 0;
        padding-top: 53px;
        overflow: hidden
    }

    .mini-header .main-nav {
        margin-top: 0
    }
}

.main-nav .wrap-nav {
    width: 100%;
    height: 100%;
    display: table
}

.main-nav .wrap-nav.mobile {
    display: none
}

@media screen and (max-width: 768px) {
    .main-nav .wrap-nav {
        display: none
    }

    .main-nav .wrap-nav.mobile {
        display: block;
        overflow-y: auto;
        background: #232120
    }
}

.main-nav.show-nav {
    animation: slide-right .5s ease-out;
    width: 100%
}

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

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

.main-nav ul>li a.have-picture .bloc-img-nav {
    display: inline-block
}

.main-nav ul>li a.have-picture .bloc-img-nav img {
    width: 35px
}

.main-nav ul>li a.have-picture span:first-child {
    display: inline-block;
    margin: 0 12px 0 0
}

.rtl .main-nav ul>li a.have-picture span:first-child {
    margin: 0 0 0 12px
}

.main-nav .list-nav {
    margin-bottom: 30px
}

@media screen and (max-width: 768px) {
    .main-nav .list-nav {
        margin: 25px 0;
        display: inline-block;
        width: 100%
    }
}

.main-nav .list-nav>li {
    margin-bottom: 5px
}

.main-nav .list-nav>li:first-child {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 19px;
    font-size: 1.9rem;
    color: #f38230;
    text-transform: uppercase;
    margin-bottom: 11px
}

.main-nav .list-nav>li a {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: light;
    font-size: 12px;
    font-size: 1.2rem;
    color: #948e88;
    text-transform: uppercase;
    transition: all 0.3s;
    display: inline-block
}

.main-nav .list-nav>li a:hover {
    text-decoration: none;
    color: #fff
}

.main-nav .list-nav>li .sort {
    display: inline-block;
    margin: 8px 0;
    position: relative
}

.main-nav .list-nav>li .sort select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #948e88;
    border-radius: 4px;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    background: transparent;
    height: 48px;
    width: 260px;
    padding: 0 40px 0 15px;
    color: #948e88;
    position: relative;
    z-index: 5
}

.main-nav .list-nav>li .sort:after {
    content: "\e902";
    font-family: icokrups;
    font-size: 8px;
    font-size: .8rem;
    width: 35px;
    height: 46px;
    border-radius: 5px;
    position: absolute;
    top: 1px;
    right: 1px;
    text-align: center;
    line-height: 46px;
    color: #948e88
}

@media screen and (max-width: 768px) {
    .main-nav .list-nav>li .sort {
        display: block;
        margin: 8px 30px 20px
    }

    .main-nav .list-nav>li .sort select {
        width: 100%;
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    }
}

.main-nav .list-nav.list-prod>li {
    margin: 0 0 17px
}

.main-nav .list-nav.list-prod>li>a {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
    display: inline-block
}

.main-nav .list-nav ul {
    margin-top: 7px
}

.main-nav .list-nav ul li {
    margin-bottom: 5px
}

@media screen and (max-width: 768px) {
    .main-nav .list-nav.language-currencySelector li:last-of-type .sort {
        margin-bottom: 0
    }
}

.main-nav .niv1 {
    position: relative;
    background: #232120;
    width: 63%;
    height: 100%;
    padding: 110px 8% 0;
    display: table-cell;
    vertical-align: top
}

.main-nav .niv1 .left {
    float: left;
    width: 50%
}

.rtl .main-nav .niv1 .left {
    float: right
}

.main-nav .niv1 .right {
    float: right;
    width: 50%
}

.rtl .main-nav .niv1 .right {
    float: left
}

@media screen and (max-width: 768px) {
    .main-nav .niv1 {
        display: block;
        height: auto
    }
}

.main-nav .niv2 {
    position: relative;
    background: #171413;
    width: 37%;
    height: 100%;
    padding: 110px 3% 30px;
    display: table-cell;
    vertical-align: top
}

@media screen and (max-width: 768px) {
    .main-nav .niv2 {
        display: block
    }
}

.main-nav .wrap-nav.mobile>.niv1 {
    width: 100%;
    padding: 40px 0 20px
}

@media screen and (max-width: 768px) {
    .main-nav .wrap-nav.mobile>.niv1 {
        padding: 40px 0 0
    }
}

.main-nav .wrap-nav.mobile>.niv1>ul>li {
    margin-bottom: 10px
}

@media screen and (max-width: 768px) {
    .main-nav .wrap-nav.mobile>.niv1>ul>li:last-child {
        margin: 0
    }
}

.main-nav .wrap-nav.mobile>.niv1>ul>li>a {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    color: #f38230;
    text-transform: uppercase;
    display: block;
    padding: 20px 30px
}

.main-nav .wrap-nav.mobile>.niv1>ul>li>a:after {
    content: "";
    background: url(../img/arrows/arrow-nav.png) no-repeat 0 0;
    background-size: 11px auto;
    width: 11px;
    height: 11px;
    float: right;
    margin: 8px 0 0
}

.rtl .main-nav .wrap-nav.mobile>.niv1>ul>li>a:after {
    float: left;
    margin: 8px 0 0
}

.main-nav .wrap-nav.mobile>.niv1>ul>li>a.open:after {
    background: url(../img/arrows/arrow-nav-open.png) no-repeat 0 0;
    background-size: 11px auto
}

.rtl .main-nav .wrap-nav.mobile>.niv1>ul>li>a.open:after {
    transform: scale(-1, -1)
}

.main-nav .wrap-nav.mobile>.niv1>ul>li.direct-link>a:after {
    display: none
}

.main-nav .wrap-nav.mobile>.niv1>ul>li.direct-link .niv2 {
    display: none !important
}

.main-nav .wrap-nav.mobile .niv2 {
    width: 100%;
    display: none;
    padding: 0
}

.main-nav .wrap-nav.mobile .niv2>ul>li>a {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    text-transform: uppercase;
    display: block;
    padding: 15px 30px
}

.main-nav .wrap-nav.mobile .niv2>ul>li.has-children>a:after {
    content: "";
    background: url(../img/arrows/arrow-nav-right.png) no-repeat 0 0;
    background-size: 7px auto;
    width: 7px;
    height: 12px;
    float: right;
    margin: 4px 2px 0 0;
    z-index: 1
}

.rtl .main-nav .wrap-nav.mobile .niv2>ul>li.has-children>a:after {
    transform: scale(-1, -1);
    float: left;
    margin: 4px 0 0 2px
}

.main-nav .wrap-nav.mobile .niv3 {
    background: #232120;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 53px;
    transform: translateX(-3463px);
    transition: all 0.8s
}

.rtl .main-nav .wrap-nav.mobile .niv3 {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    transform: translateX(3463px)
}

.main-nav .wrap-nav.mobile .niv3 .head {
    background: #171413;
    padding: 20px 0 20px 30px
}

.rtl .main-nav .wrap-nav.mobile .niv3 .head {
    padding: 20px 30px 20px 0
}

.main-nav .wrap-nav.mobile .niv3 .head a {
    background: url(../img/arrows/arrow-back.png) no-repeat 0 center;
    background-size: 35px auto;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    text-transform: uppercase;
    display: block;
    padding: 8px 3px 8px 50px
}

.rtl .main-nav .wrap-nav.mobile .niv3 .head a {
    background: url(../img/arrows/arrow-back.png) no-repeat 100% center;
    background-size: 35px auto
}

.rtl .main-nav .wrap-nav.mobile .niv3 .head a {
    padding: 8px 50px 8px 3px
}

.main-nav .wrap-nav.mobile .niv3>ul>li:last-child {
    margin-bottom: 96px
}

.main-nav .wrap-nav.mobile .niv3>ul>li>a {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: light;
    font-size: 14px;
    font-size: 1.4rem;
    color: #948e88;
    text-transform: uppercase;
    display: block;
    padding: 15px 30px
}

.main-nav .wrap-nav.mobile .niv3.open-niv3 {
    transform: translateX(0);
    transition: all 0.8s;
    width: 100%;
    z-index: 2
}

.subnav {
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    z-index: 10;
    width: 100%;
    top: 0px
}

.subnav .inner {
    text-align: center;
    padding: 15px 0 0
}

.subnav .inner .item {
    display: inline-block;
    margin: 0 25px
}

.subnav .inner .item a h3 {
    font-size: 13px;
    font-size: 1.3rem;
    color: #50535d;
    font-weight: normal;
    line-height: 14px;
    margin: -4px 0 0 0
}

.subnav .inner .item a h3 span {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding-bottom: 7px
}

.subnav .inner .item a h3 span:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #f38230;
    height: 4px;
    transition-property: left, right;
    transition-duration: 0.3s;
    transition-timing-function: ease-out
}

.rtl .subnav .inner .item a h3 span:before {
    right: 50%;
    transition-property: right, left
}

.subnav .inner .item a:hover {
    text-decoration: none
}

.subnav .inner .item a:hover h3 span:before {
    left: 0;
    right: 0
}

.rtl .subnav .inner .item a:hover h3 span:before {
    right: 0
}

.subnav .inner .item.actual a h3 span:before {
    left: 0;
    right: 0
}

.rtl .subnav .inner .item.actual a h3 span:before {
    right: 0
}

@media screen and (max-width: 768px) {
    .subnav {
        position: relative
    }

    .subnav .inner {
        padding: 5px 0 20px
    }

    .subnav .inner .item {
        display: block;
        margin: 0;
        border-bottom: 1px solid #d7d6db
    }

    .subnav .inner .item a img {
        display: none
    }

    .subnav .inner .item a h3 {
        margin: 0;
        text-transform: uppercase;
        padding: 19px 0
    }

    .subnav.subCategory {
        display: none
    }
}

.home-mobile-menu {
    display: none;
    position: relative;
    z-index: 3;
    transform: none !important;
    padding: 0;
    margin: 30px 0
}

@media screen and (max-width: 768px) {
    .home-mobile-menu {
        display: block
    }
}

.home-mobile-menu>ul>li {
    border: 0
}

.home-mobile-menu>ul>li .accordion-heading .accordion-toggle {
    font-size: 14px;
    font-size: 1.4rem;
    background: #fff;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 13px 30px;
    position: relative
}

.home-mobile-menu>ul>li .accordion-heading .accordion-toggle:hover,
.home-mobile-menu>ul>li .accordion-heading .accordion-toggle:focus {
    text-decoration: none
}

.home-mobile-menu>ul>li .accordion-heading .accordion-toggle:before {
    content: "\e611";
    position: absolute;
    width: 10px;
    height: 18px;
    right: 16px;
    top: 50%;
    margin: -6px 0 0 0;
    font-family: ico;
    font-size: 11px;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

.rtl .home-mobile-menu>ul>li .accordion-heading .accordion-toggle:before {
    left: 16px
}

.home-mobile-menu>ul>li .accordion-heading .accordion-toggle.active:before {
    content: "\e610"
}

.home-mobile-menu>ul>li .accordion-inner {
    padding: 0
}

.home-mobile-menu .our-products {
    border-bottom: 1px solid #ebebed;
    padding: 0 10% 0 18%
}

.rtl .home-mobile-menu .our-products {
    padding: 0 18% 0 10%
}

.home-mobile-menu .our-products>a {
    font-size: 14px;
    font-size: 1.4rem;
    color: #4b4b4b;
    text-transform: uppercase;
    padding: 10px 0;
    display: block
}

.home-mobile-menu .our-products>a:hover,
.home-mobile-menu .our-products>a:focus {
    text-decoration: none
}

.home-mobile-menu .our-products>a img {
    margin-right: 8px;
    width: 20px
}

.rtl .home-mobile-menu .our-products>a img {
    margin-left: 8px
}

.home-mobile-menu .our-products>a span {
    display: inline;
    vertical-align: middle
}

.home-mobile-menu .niv2 {
    display: none
}

.home-mobile-menu .niv2.open {
    display: block
}

.home-mobile-menu .niv2>ul {
    padding-bottom: 8px
}

.home-mobile-menu .niv2>ul>li {
    padding: 0px 0 10px 32px
}

.rtl .home-mobile-menu .niv2>ul>li {
    padding: 0px 32px 10px 0
}

.home-mobile-menu .niv2>ul>li a {
    color: #4b4b4b;
    font-size: 14px;
    font-size: 1.4rem
}

.home-mobile-menu .niv2>ul>li a:hover,
.home-mobile-menu .niv2>ul>li a:focus {
    text-decoration: none
}

.lame-wrapper {
    margin-bottom: -70px
}

.page-productDetails .lame-wrapper .container {
    padding: 0 90px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .page-productDetails .lame-wrapper .container {
        padding: 0 20px
    }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .page-productDetails .lame-wrapper .container {
        padding: 0 50px
    }
}

.lame-wrapper .nav_lame {
    list-style-type: none;
    text-align: center;
    margin-bottom: 60px;
    padding: 0;
    font-size: 0px;
    font-size: 0rem;
    border-bottom: 5px solid #eaeeef
}

.lame-wrapper .nav_lame.fixed {
    background: #fff;
    position: fixed !important;
    top: 0px !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 85px 0 0;
    z-index: 40
}

.lame-wrapper .nav_lame li {
    display: inline-block;
    padding: 0 18px
}

.lame-wrapper .nav_lame li a {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    color: #bebdbd;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    line-height: 24px;
    min-height: 37px;
    position: relative;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 1px
}

.lame-wrapper .nav_lame li a.active {
    color: #2a2622
}

.lame-wrapper .nav_lame li a:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    right: 50%;
    bottom: -5px;
    background: #00ead7;
    height: 5px;
    transition-property: left, right;
    transition-duration: 0.3s;
    transition-timing-function: ease-out
}

.lame-wrapper .nav_lame li a:hover,
.lame-wrapper .nav_lame li a.active {
    text-decoration: none
}

.lame-wrapper .nav_lame li a:hover:before,
.lame-wrapper .nav_lame li a.active:before {
    left: 20%;
    right: 20%
}

@media screen and (max-width: 768px) {
    .lame-wrapper {
        display: none
    }
}

.head-entry .search {
    transition: all 0.5s;
    z-index: 10
}

.head-entry .search form {
    margin: 0 auto;
    transition: all .5s ease
}

.head-entry .search form.open {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%
}

.rtl .head-entry .search form.open {
    top: 0;
    left: 0;
    right: 0
}

.head-entry .search form.open .search-input-wrapper {
    width: 175.6%;
    opacity: 1;
    transition: all 0.3s;
    visibility: visible;
    margin: 0
}

@media screen and (min-width: 768px) {

    .sm-menu .head-entry .search form.open .search-input-wrapper,
    .mini-header .head-entry .search form.open .search-input-wrapper {
        width: 176%;
        right: 65px;
        margin: 0
    }
}

.rtl .head-entry .search form.open .search-input-wrapper {
    left: 65px;
    right: auto
}

@media screen and (max-width: 768px) {
    .head-entry .search form.open .search-input-wrapper {
        width: 100%;
        position: fixed;
        left: 0;
        right: 0
    }

    .rtl .head-entry .search form.open .search-input-wrapper {
        right: 0;
        left: 0
    }
}

.head-entry .search form input[type=TEXT] {
    background-color: #fff;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    color: #2a2622;
    height: 65px;
    width: 100%;
    border: 1px solid #cecdcd;
    padding: 4px 70px 4px 25px;
    margin: 0;
    position: relative;
    left: 0;
    right: 0;
    float: left;
    box-shadow: 0 0 transparent;
    border-radius: 0;
    transition: all 0.5s
}

.rtl .head-entry .search form input[type=TEXT] {
    padding: 4px 25px 4px 70px;
    margin: 0;
    float: right
}

.head-entry .search form input[type=TEXT]::-webkit-input-placeholder {
    color: #9599a4;
    font-size: 14.5px;
    font-size: 1.45rem
}

.head-entry .search form input[type=TEXT]:-moz-placeholder {
    color: #9599a4;
    font-size: 14.5px;
    font-size: 1.45rem
}

.head-entry .search form input[type=TEXT]::-moz-placeholder {
    color: #9599a4;
    font-size: 14.5px;
    font-size: 1.45rem
}

.head-entry .search form input[type=TEXT]:-ms-input-placeholder {
    color: #9599a4;
    font-size: 14.5px;
    font-size: 1.45rem
}

.head-entry .search form input[type=TEXT]:focus {
    box-shadow: 0 0 transparent
}

.head-entry .search form input[type=TEXT]::-webkit-autofill,
.head-entry .search form input[type=TEXT]:-webkit-autofill {
    background-color: transparent !important
}

@media screen and (max-width: 768px) {
    .head-entry .search form input[type=TEXT] {
        height: 53px;
        padding: 0 58px 0 10px
    }

    .rtl .head-entry .search form input[type=TEXT] {
        padding: 0 10px 0 58px
    }
}

.head-entry .search form .search-input-wrapper {
    transition: all 0.3s;
    width: 0;
    display: block;
    opacity: 0;
    visibility: hidden;
    min-width: 79px;
    margin: 0 79px
}

.head-entry .search form .submit-search {
    background: none;
    color: #fff;
    margin: 0;
    padding: 0;
    transition: all 0.3s;
    outline: none;
    position: absolute;
    height: 23px;
    width: 23px;
    display: block;
    position: absolute;
    right: 22px;
    top: 22px;
    border: 0
}

.rtl .head-entry .search form .submit-search {
    left: 22px;
    top: 22px;
    right: auto
}

@media screen and (max-width: 768px) {
    .head-entry .search form .submit-search {
        right: 70px;
        top: 15px
    }

    .rtl .head-entry .search form .submit-search {
        left: 70px;
        top: 15px;
        right: auto
    }
}

.head-entry .search form .submit-search .ico-search {
    width: 23px;
    height: 23px;
    border-radius: 40px;
    border: 2.5px solid #1e1c1b;
    display: block;
    position: relative;
    transition: all 0.5s ease
}

@media screen and (max-width: 768px) {
    .head-entry .search form .submit-search .ico-search {
        width: 19px;
        height: 19px;
        border: 2px solid #1e1c1b
    }
}

.head-entry .search form .submit-search .ico-search:after,
.head-entry .search form .submit-search .ico-search:before {
    content: '';
    width: 3px;
    height: 8px;
    position: absolute;
    right: -2px;
    top: 16px;
    display: block;
    background-color: #1e1c1b;
    transform: rotate(-45deg);
    transition: all 0.5s ease;
    border-radius: 100%
}

.rtl .head-entry .search form .submit-search .ico-search:after,
.rtl .head-entry .search form .submit-search .ico-search:before {
    left: -2px
}

@media screen and (max-width: 768px) {

    .head-entry .search form .submit-search .ico-search:after,
    .head-entry .search form .submit-search .ico-search:before {
        width: 2px;
        height: 8px;
        right: -1px;
        top: 12px
    }

    .rtl .head-entry .search form .submit-search .ico-search:after,
    .rtl .head-entry .search form .submit-search .ico-search:before {
        left: -1px;
        top: 12px
    }
}

@media screen and (max-width: 768px) {
    .head-entry .search form {
        margin: 0 auto
    }
}

input:-webkit-autofill,
input::-webkit-autofill:focus,
:focus,
input::focus:-webkit-autofill,
input:-webkit-autofill:focus,
input:focus:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 1000px #fafafa !important
}

.search {
    transition: all 0.5s ease
}

.search.open {
    width: 420px
}

.search.open:before {
    height: 60px;
    margin: 20px 0 20px 30px;
    position: absolute
}

.rtl .search.open:before {
    margin: 20px 30px 20px 0
}

.search-box {
    width: 240px;
    height: 60px;
    box-shadow: none;
    border: none;
    background: transparent;
    color: #fff;
    padding: 20px 30px 20px 45px;
    font-size: 40px
}

.rtl .search-box {
    padding: 20px 45px 20px 30px
}

.search-box:focus {
    outline: none
}

.trigger-search {
    display: block;
    cursor: pointer;
    background: none;
    border: 0;
    padding: 22px 0;
    z-index: 1010;
    width: 100%;
    transition: all 0.3s
}

.open .trigger-search {
    background: #1e1c1b;
    position: absolute;
    right: 0;
    width: 65px;
    height: 65px
}

.rtl .open .trigger-search {
    left: 0;
    right: auto
}

@media screen and (max-width: 768px) {
    .trigger-search {
        margin: 0 auto;
        padding: 17px 0
    }

    .open .trigger-search {
        width: 53px;
        height: 53px
    }
}

.search-icon {
    width: 23px;
    height: 23px;
    border-radius: 40px;
    border: 2.5px solid #fff;
    display: block;
    position: relative;
    transition: none;
    margin: 0 auto
}

.search-icon:before,
.search-icon:after {
    content: '';
    width: 3px;
    height: 8px;
    position: absolute;
    right: -2px;
    top: 16px;
    display: block;
    background-color: #fff;
    transform: rotate(-45deg);
    transition: none;
    border-radius: 100%
}

.rtl .search-icon:before,
.rtl .search-icon:after {
    left: -2px
}

.open .search-icon {
    margin: 2px auto 0;
    width: 27px;
    height: 30px;
    border-radius: 60px;
    border: 0
}

.open .search-icon:before {
    transform: rotate(45deg);
    right: 0;
    top: 10px;
    height: 2px;
    width: 28px;
    border-radius: 20px
}

.rtl .open .search-icon:before {
    left: 0
}

.open .search-icon:after {
    transform: rotate(-223deg);
    right: 0;
    top: 10px;
    height: 2px;
    width: 28px;
    border-radius: 20px
}

.rtl .open .search-icon:after {
    left: 0
}

@media screen and (max-width: 768px) {
    .search-icon {
        width: 19px;
        height: 19px;
        border: 2px solid #fff
    }

    .search-icon:before,
    .search-icon:after {
        width: 2px;
        height: 8px;
        right: -1px;
        top: 12px
    }

    .rtl .search-icon:before,
    .rtl .search-icon:after {
        left: -1px
    }

    .open .search-icon {
        width: 20px;
        margin: 0 auto
    }

    .open .search-icon:before,
    .open .search-icon:after {
        height: 2px;
        width: 20px
    }
}

ul#NoResult {
    background: #fff;
    position: absolute;
    padding: 30px 0 20px;
    transition: all 0.5s;
    left: -262px;
    top: 65px;
    width: 200.9%;
    display: none
}

@media screen and (max-width: 768px) {
    ul#NoResult {
        left: 0 !important;
        top: 53px !important;
        width: 100% !important
    }
}

ul#NoResult li {
    background: none;
    border-bottom: 1px solid #e6e6e6;
    float: none;
    font-size: 11.5px;
    font-size: 1.15rem;
    padding: 5px 0;
    margin: 0 25px;
    display: block;
    text-align: left;
    line-height: 20px
}

ul#NoResult li:last-child {
    border-bottom: 0
}

ul#NoResult li a {
    font-size: 14px;
    font-size: 1.4rem;
    color: #282828
}

ul#NoResult li a:hover {
    color: #ff720d
}

ul#NoResult span {
    font-size: 12px;
    font-size: 1.2rem;
    color: #282828;
    position: absolute;
    right: 25px;
    top: 6px
}

.overlay {
    position: fixed;
    z-index: 42;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    transition: all 0.3s;
    transform: translate3d(0, 0, 0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden
}

.overlay.open {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5;
    visibility: visible;
    cursor: pointer
}

.sub-nav {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 20
}

.sm-menu .sub-nav,
.mini-header .sub-nav {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s
}

.sub-nav .container {
    white-space: nowrap;
    overflow: visible;
    position: relative;
    padding: 0
}

.sub-nav .container ul {
    margin: 0;
    list-style: none;
    text-align: center
}

@media screen and (min-width: 768px) {
    .sub-nav .container ul .hover-activated:hover {
        background-color: black
    }

    .sub-nav .container ul .hover-activated:hover a {
        color: #ffffff
    }
}

.sub-nav .container ul li {
    display: inline-block;
    position: relative;
    padding: 0 18px
}

.page-ProductComparatorPage .sub-nav .container ul li .nav-follower,
.page-notFound .sub-nav .container ul li .nav-follower,
.page-login .sub-nav .container ul li .nav-follower,
.page-ExplodedViewDetailPage .sub-nav .container ul li .nav-follower,
.page-AccessoryFinishedProductDetailPage .sub-nav .container ul li .nav-follower,
.page-AccessoryListPage .sub-nav .container ul li .nav-follower,
.page-AccessoriesHomePage .sub-nav .container ul li .nav-follower,
.page-ifu-categories-list .sub-nav .container ul li .nav-follower,
.page-faq-categories-list .sub-nav .container ul li .nav-follower,
.page-CSSFAQProductPage .sub-nav .container ul li .nav-follower,
.page-CSSIFUProductPage .sub-nav .container ul li .nav-follower,
.page-AccessoryDetailPage .sub-nav .container ul li .nav-follower,
.template-pages-AccountPageTemplate .sub-nav .container ul li .nav-follower,
.page-newsletter .sub-nav .container ul li .nav-follower,
.page-StoreFinderOnLinePage .sub-nav .container ul li .nav-follower,
.page-productDetails .sub-nav .container ul li .nav-follower,
.page-StoreFinderOnLinePage .sub-nav .container ul li .nav-follower,
.page-terms-of-use .sub-nav .container ul li .nav-follower,
.page-SalesConditionsPage .sub-nav .container ul li .nav-follower,
.page-account-deleted .sub-nav .container ul li .nav-follower,
.page-CSSWarrantyPage .sub-nav .container ul li .nav-follower,
.page-CSSRepairers .sub-nav .container ul li .nav-follower,
.page-storefinderPage .sub-nav .container ul li .nav-follower,
.page-CartPage .sub-nav .container ul li .nav-follower,
.page-updatePassword .sub-nav .container ul li .nav-follower,
.page-MultiStepCheckoutSummaryPage .sub-nav .container ul li .nav-follower,
.template-pages-css-CSSContactUsSimplePage .sub-nav .container ul li .nav-follower,
.template-pages-css-CSSContactUsPage .sub-nav .container ul li .nav-follower,
.page-CountrySelectorPage .sub-nav .container ul li .nav-follower,
.page-OrderConfirmationPage .sub-nav .container ul li .nav-follower,
.page-UnsuccessfulPaymentPage .sub-nav .container ul li .nav-follower,
.page-PrivacyPage .sub-nav .container ul li .nav-follower,
.page-HelpPage .sub-nav .container ul li .nav-follower,
.page-powerReviewsPage .sub-nav .container ul li .nav-follower,
.page-MyAccountAlternateRegisteredProductsForm .sub-nav .container ul li .nav-follower,
.page-MyAccountAlternateRegisteredProductsPage .sub-nav .container ul li .nav-follower,
.page-checkout-login .sub-nav .container ul li .nav-follower,
.page-SpecialOffersV2Page .sub-nav .container ul li .nav-follower,
.page-reparabilityPagebis .sub-nav .container ul li .nav-follower,
.page-RecipeHomePage .sub-nav .container ul li .nav-follower,
.page-MobileApplicationListPage .sub-nav .container ul li .nav-follower,
.page-recipe-details .sub-nav .container ul li .nav-follower {
    background-color: #2a2622
}

.page-ProductComparatorPage .sub-nav .container ul li a,
.page-notFound .sub-nav .container ul li a,
.page-login .sub-nav .container ul li a,
.page-ExplodedViewDetailPage .sub-nav .container ul li a,
.page-AccessoryFinishedProductDetailPage .sub-nav .container ul li a,
.page-AccessoryListPage .sub-nav .container ul li a,
.page-AccessoriesHomePage .sub-nav .container ul li a,
.page-ifu-categories-list .sub-nav .container ul li a,
.page-faq-categories-list .sub-nav .container ul li a,
.page-CSSFAQProductPage .sub-nav .container ul li a,
.page-CSSIFUProductPage .sub-nav .container ul li a,
.page-AccessoryDetailPage .sub-nav .container ul li a,
.template-pages-AccountPageTemplate .sub-nav .container ul li a,
.page-newsletter .sub-nav .container ul li a,
.page-StoreFinderOnLinePage .sub-nav .container ul li a,
.page-productDetails .sub-nav .container ul li a,
.page-StoreFinderOnLinePage .sub-nav .container ul li a,
.page-terms-of-use .sub-nav .container ul li a,
.page-SalesConditionsPage .sub-nav .container ul li a,
.page-account-deleted .sub-nav .container ul li a,
.page-CSSWarrantyPage .sub-nav .container ul li a,
.page-CSSRepairers .sub-nav .container ul li a,
.page-storefinderPage .sub-nav .container ul li a,
.page-CartPage .sub-nav .container ul li a,
.page-updatePassword .sub-nav .container ul li a,
.page-MultiStepCheckoutSummaryPage .sub-nav .container ul li a,
.template-pages-css-CSSContactUsSimplePage .sub-nav .container ul li a,
.template-pages-css-CSSContactUsPage .sub-nav .container ul li a,
.page-CountrySelectorPage .sub-nav .container ul li a,
.page-OrderConfirmationPage .sub-nav .container ul li a,
.page-UnsuccessfulPaymentPage .sub-nav .container ul li a,
.page-PrivacyPage .sub-nav .container ul li a,
.page-HelpPage .sub-nav .container ul li a,
.page-powerReviewsPage .sub-nav .container ul li a,
.page-MyAccountAlternateRegisteredProductsForm .sub-nav .container ul li a,
.page-MyAccountAlternateRegisteredProductsPage .sub-nav .container ul li a,
.page-checkout-login .sub-nav .container ul li a,
.page-SpecialOffersV2Page .sub-nav .container ul li a,
.page-reparabilityPagebis .sub-nav .container ul li a,
.page-RecipeHomePage .sub-nav .container ul li a,
.page-MobileApplicationListPage .sub-nav .container ul li a,
.page-recipe-details .sub-nav .container ul li a {
    color: #2a2622;
    text-shadow: none
}

.sub-nav .container ul li a {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
    text-transform: uppercase;
    display: block;
    padding: 9px 0 7px;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: perspective(1px) translateZ(0);
    position: relative;
    overflow: hidden;
    letter-spacing: 1.5px;
    text-shadow: 0px 0px 1px #000
}

.sub-nav .container ul li a:hover,
.sub-nav .container ul li a.active {
    text-decoration: none
}

.sub-nav .container ul li a:focus {
    text-decoration: none
}

@media screen and (max-width: 768px) {
    .sub-nav .container ul li a {
        transform: none
    }

    .sub-nav .container ul li a:hover:before {
        transform: none
    }

    .sub-nav .container ul li a:before {
        display: none
    }
}

.sub-nav .container ul li.active a {
    text-decoration: none
}

.sub-nav .container ul li.active a:before {
    transform: translateY(0)
}

.sub-nav .container ul li ul.drop-down-subcat {
    display: none;
    position: absolute;
    top: 35px;
    left: 0px;
    text-align: left;
    background-color: black;
    min-width: 100%;
    z-index: 1
}

.sub-nav .container ul li ul.drop-down-subcat li {
    display: block;
    padding: 0;
    padding: 0 18px
}

.sub-nav .container ul li ul.drop-down-subcat li a {
    color: #b7b7b7 !important;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: light;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 4px 0
}

.sub-nav .container ul li ul.drop-down-subcat li a:hover {
    color: #fff !important
}

.sub-nav .container ul li ul.drop-down-subcat li:hover .nav-follower,
.sub-nav .container ul li ul.drop-down-subcat li.active .nav-follower {
    width: 80px
}

.sub-nav .container ul li:hover .nav-follower {
    width: 80px
}

.sub-nav .container ul li.active .nav-follower {
    width: 80px
}

@media screen and (min-width: 768px) {
    .sub-nav .container ul li:hover ul.drop-down-subcat {
        display: block
    }
}

.sub-nav .container .nav-follower {
    top: 35px;
    height: 4px;
    width: 0px;
    padding: 0;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: -1;
    transition: all 0.3s
}

.sub-nav .container.hasNotActive .nav-follower {
    opacity: 0
}

.sub-nav .container.hasNotActive.hover-active .nav-follower {
    opacity: 1
}

@media only screen and (max-width: 980px) {
    .sub-nav {
        display: none
    }
}

@media only screen and (min-width: 980px) and (max-width: 1150px) {
    .sub-nav .container ul li {
        margin: 0 10px
    }

    .sub-nav .container ul li a {
        font-size: 12px;
        font-size: 1.2rem
    }
}

@media screen and (max-width: 768px) {
    .sub-nav {
        background: #fff;
        position: relative;
        top: 0;
        padding: 30px;
        display: none
    }

    .page-homepage .wrap-footer .sub-nav {
        display: block;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        visibility: visible;
        padding-top: 75px
    }

    .sub-nav .container h2,
    .sub-nav .container p.seconde-title,
    .sub-nav .container .krups-block-univers .krups-block-wrapper div.seconde-title,
    .krups-block-univers .krups-block-wrapper .sub-nav .container div.seconde-title {
        display: block;
        color: #2a2622;
        letter-spacing: 1.5px
    }

    .sub-nav .container ul li {
        display: block;
        padding-bottom: 8px
    }

    .sub-nav .container ul li a {
        color: #2a2622;
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
        font-size: 14px;
        font-size: 1.4rem;
        text-transform: none;
        padding-bottom: 20px
    }

    .sub-nav .container ul li a:after {
        content: "";
        width: 25px;
        margin: 0 auto;
        border-bottom: 2px solid #bebdbd;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }
}

.template-pages-LoginPageTemplate .sub-nav,
.template-pages-AccountPageTemplate .sub-nav,
.template-pages-CheckoutLoginPageTemplate .sub-nav,
.template-pages-NewsLetterPageTemplate .sub-nav {
    display: none
}


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.hinge {
    animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    animation-duration: .75s
}

@keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translateZ(0)
    }

    40%,
    43% {
        transform: translate3d(0, -30px, 0)
    }

    40%,
    43%,
    70% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06)
    }

    70% {
        transform: translate3d(0, -15px, 0)
    }

    90% {
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform: scaleX(1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, 0.95, 1)
    }

    to {
        transform: scaleX(1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    animation-name: shake
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,
    20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

.wobble {
    animation-name: wobble
}

@keyframes jello {

    0%,
    11.1%,
    to {
        transform: none
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        transform: skewX(0.39062deg) skewY(0.39062deg)
    }

    88.8% {
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }
}

.jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.bounceOut {
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(-1turn)
    }

    0%,
    40% {
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(-190deg)
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(-170deg)
    }

    50%,
    80% {
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
    }

    to {
        transform: perspective(400px);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    0%,
    40% {
        animation-timing-function: ease-in
    }

    40% {
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    0%,
    40% {
        animation-timing-function: ease-in
    }

    40% {
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInY
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg)
    }

    60%,
    80% {
        opacity: 1
    }

    80% {
        transform: skewX(-5deg)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate(-200deg);
        opacity: 0
    }

    0%,
    to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes hinge {
    0% {
        transform-origin: top left
    }

    0%,
    20%,
    60% {
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left
    }

    40%,
    80% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    animation-name: hinge
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50%,
    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutDown {
    animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(0.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutUp {
    animation-name: zoomOutUp
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

.master-ban-head {
    padding-top: 225px
}

.master-ban-head .desktop-banner,
.master-ban-head .mobile-banner {
    position: relative
}

.master-ban-head .desktop-banner:before,
.master-ban-head .mobile-banner:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.master-ban-head .header-banner {
    position: relative
}

.master-ban-head .header-banner .visual:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.master-ban-head .header-banner .caption {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.master-ban-head .header-banner .caption h1,
.master-ban-head .header-banner .caption .title {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 30px;
    font-size: 3rem;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 0 0 25px;
    margin: 0
}

.master-ban-head .header-banner .caption h1:after,
.master-ban-head .header-banner .caption .title:after {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.master-ban-head .header-banner .caption h1.no-divider,
.master-ban-head .header-banner .caption .title.no-divider {
    font-size: 3.8rem
}

@media screen and (max-width: 768px) {

    .master-ban-head .header-banner .caption h1.no-divider,
    .master-ban-head .header-banner .caption .title.no-divider {
        font-size: 3.2rem;
        padding: 0 1rem;
        line-height: 4rem;
        letter-spacing: 1px
    }
}

.master-ban-head .header-banner .caption h1.no-divider:after,
.master-ban-head .header-banner .caption .title.no-divider:after {
    content: none
}

.master-ban-head .header-banner .caption .description {
    margin-top: 20px;
    font-size: 18px;
    text-transform: initial
}

@media screen and (max-width: 768px) {
    .master-ban-head .header-banner .caption .description {
        margin-top: 10px;
        font-size: 14px
    }
}

.master-ban-head .header-banner .caption .subtitle {
    font-size: 2.2rem
}

@media screen and (max-width: 768px) {
    .master-ban-head .header-banner .caption .subtitle {
        font-size: 1.9rem;
        line-height: 2.5rem;
        padding: 0 1rem;
        letter-spacing: 1px
    }
}

.master-ban-head .header-banner .caption .subtitle2 {
    font-size: 2rem
}

@media screen and (max-width: 768px) {
    .master-ban-head .header-banner .caption .subtitle2 {
        font-size: 1.9rem;
        line-height: 2.5rem;
        padding: 0 1rem;
        letter-spacing: 1px
    }
}

@media screen and (max-width: 768px) {
    .master-ban-head {
        padding-top: 53px
    }

    .master-ban-head .header-banner .caption h1,
    .master-ban-head .header-banner .caption .title {
        font-size: 20px;
        font-size: 2rem;
        padding: 0 0 15px
    }
}

.master-ban-head .desc {
    padding: 65px 190px
}

.master-ban-head .desc a {
    color: #948e88
}

@media screen and (max-width: 768px) {
    .master-ban-head .desc {
        padding: 10% 9%;
        text-align: center
    }
}

.caption.with-out-content {
    background-color: transparent !important;
    margin-top: -77px
}

.caption.with-out-content .cat {
    margin-left: 17px !important
}

.main-banner {
    min-height: 499px;
    position: relative;
    overflow: hidden
}

.main-banner>a>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
    width: 100%
}

.main-banner>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
    width: 1650px
}

.page-ActifryFriteusesCategoryPage .main-banner>img {
    max-width: inherit
}

.main-banner .container .visuel {
    float: right;
    margin-top: 1%;
    width: 50%;
    text-align: right
}

.main-banner .container .caption {
    float: left;
    background-color: rgba(255, 255, 255, 0.9);
    width: 47.5%;
    margin-top: 14%;
    padding: 12px 20px 20px 57px
}

.main-banner .container .caption p,
.main-banner .container .caption .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .main-banner .container .caption div,
.main-banner .container .caption .desc {
    color: #4f5559;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    word-wrap: break-word;
    margin-bottom: 5px
}

.main-banner .container .caption .title {
    font-size: 43px;
    font-size: 4.3rem;
    color: #e2001a;
    font-style: italic;
    line-height: 45px;
    margin-bottom: 14px;
    position: relative
}

.main-banner .container .caption .title:before {
    background: url(../img/guillement.png) no-repeat 0 0;
    content: "";
    font-style: normal;
    line-height: 0;
    width: 67px;
    height: 51px;
    position: absolute;
    left: -72px;
    top: -22px
}

.main-banner .container .caption .desc {
    padding: 0 5px 0 50px;
    position: relative;
    color: #4f5559;
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 0 20px;
    line-height: 24px
}

.main-banner .container .caption .desc:before {
    content: "";
    border-bottom: 1px solid;
    height: 14px;
    width: 30px;
    position: absolute;
    left: 0
}

.main-banner .container .caption .btn-fleche>a {
    float: right
}

@media screen and (max-width: 1024px) {
    .main-banner .container {
        padding: 0 20px
    }
}

@media screen and (max-width: 768px) {
    .main-banner {
        padding-top: 237px;
        min-height: inherit
    }

    .main-banner .container {
        width: auto;
        margin: 0 10px;
        padding: 0
    }

    .main-banner .container .visuel {
        float: none;
        width: 220px;
        position: absolute;
        top: 10px;
        left: 0;
        right: 0;
        height: 215px;
        overflow: hidden;
        text-align: center;
        margin: 0 auto
    }

    .main-banner .container .visuel img {
        height: 100%
    }

    .main-banner .container .caption {
        float: none;
        width: auto;
        max-width: 528px;
        margin: -38px auto 0;
        padding: 6px 10px 10px
    }

    .main-banner .container .caption .title {
        font-size: 24px;
        font-size: 2.4rem;
        margin-bottom: 0
    }

    .main-banner .container .caption .title:before {
        background-size: 30px auto;
        left: 0;
        top: -18px;
        height: 30px;
        width: 30px
    }

    .main-banner .container .caption .desc {
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 18px;
        padding: 0 15px 0 25px;
        line-height: 22px
    }

    .main-banner .container .caption .desc:before {
        width: 20px
    }

    .main-banner .container .caption .btn-fleche>a {
        float: none;
        margin: 0 auto;
        display: block
    }
}

.mini-banners {
    overflow: hidden;
    display: table;
    width: 100%;
    table-layout: fixed
}

.mini-banners .banners-left {
    width: 50%;
    text-align: left;
    position: relative;
    z-index: 1;
    background: #232120;
    display: table-cell;
    vertical-align: middle;
    min-height: 300px
}

.mini-banners .banners-left .banner {
    width: 100%;
    margin-bottom: 0px;
    overflow: hidden
}

.mini-banners .banners-left .banner .caption {
    float: left;
    width: 50%;
    padding: 20px 40px 0 0
}

.mini-banners .banners-left .banner .caption .seconde-title {
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    text-align: left;
    line-height: 24px;
    padding: 0 0 20px;
    margin: 0 0 14px
}

.mini-banners .banners-left .banner .caption .seconde-title:after {
    right: auto
}

@media screen and (max-width: 768px) {
    .mini-banners .banners-left .banner .caption .seconde-title {
        text-align: center;
        margin: 0 0 25px
    }

    .mini-banners .banners-left .banner .caption .seconde-title:after {
        right: 0
    }
}

.mini-banners .banners-left .banner .caption .desc {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    margin-bottom: 25px;
    line-height: 20px
}

.mini-banners .banners-left .banner .visuel {
    float: left;
    width: 50%;
    text-align: center;
    padding: 0 20px
}

.mini-banners .banners-left .banner .visuel img {
    max-height: 300px
}

@media screen and (max-width: 768px) {
    .mini-banners .banners-left .banner .visuel img {
        max-height: 170px
    }
}

.mini-banners .banners-right {
    width: 50%;
    text-align: right;
    display: table-cell;
    vertical-align: top
}

.mini-banners .banners-right a {
    display: block;
    transition: all 0.4s;
    text-decoration: none
}

.mini-banners .banners-right .banner-2 {
    position: relative;
    max-height: 250px
}

.mini-banners .banners-right .banner-2 a:not(.btn-orange),
.mini-banners .banners-right .banner-2 div.mini-banner2 {
    height: auto;
    width: 100%;
    transition: all 0.5s
}

.mini-banners .banners-right .banner-2 a:not(.btn-orange) .visuel img,
.mini-banners .banners-right .banner-2 div.mini-banner2 .visuel img {
    max-height: 250px
}

.mini-banners .banners-right .banner-2 a:not(.btn-orange) .caption,
.mini-banners .banners-right .banner-2 div.mini-banner2 .caption {
    background-color: rgba(255, 255, 255, 0.7);
    width: 50%;
    height: 100%;
    min-height: 206px;
    padding: 0 14px 0 14px;
    text-align: left;
    transition: all 0.4s;
    position: absolute;
    left: 0;
    top: 0
}

.mini-banners .banners-right .banner-2 a:not(.btn-orange) .caption h2,
.mini-banners .banners-right .banner-2 div.mini-banner2 .caption h2 {
    font-size: 20px;
    font-size: 2rem;
    text-align: left;
    line-height: 24px;
    padding: 0 0 20px;
    margin: 0 0 14px
}

.mini-banners .banners-right .banner-2 a:not(.btn-orange) .caption h2:after,
.mini-banners .banners-right .banner-2 div.mini-banner2 .caption h2:after {
    right: auto
}

.mini-banners .banners-right .banner-2 a:not(.btn-orange) .caption p,
.mini-banners .banners-right .banner-2 a:not(.btn-orange) .caption .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .mini-banners .banners-right .banner-2 a:not(.btn-orange) .caption div,
.mini-banners .banners-right .banner-2 div.mini-banner2 .caption p,
.mini-banners .banners-right .banner-2 div.mini-banner2 .caption .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .mini-banners .banners-right .banner-2 div.mini-banner2 .caption div {
    font-size: 14px;
    font-size: 1.4rem;
    color: #232120
}

.mini-banners .banners-right .banner-2 a:not(.btn-orange) .caption>div,
.mini-banners .banners-right .banner-2 div.mini-banner2 .caption>div {
    position: relative;
    top: 50%;
    height: 93%;
    transform: translateY(-50%)
}

.mini-banners .banners-right .banner-2 .mini-banner2 .btn-mini-banner2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center
}

.mini-banners .banners-right .banner-2 .mini-banner2 .btn-mini-banner2 a {
    padding: 17px 25px;
    display: inline-block
}

@media screen and (max-width: 768px) {
    .mini-banners .banners-right .banner-2 {
        display: table-caption;
        max-height: inherit
    }

    .mini-banners .banners-right .banner-2 a .visuel,
    .mini-banners .banners-right .banner-2 div.mini-banner2 .visuel {
        text-align: right
    }

    .mini-banners .banners-right .banner-2 a .visuel img,
    .mini-banners .banners-right .banner-2 div.mini-banner2 .visuel img {
        max-width: 130%;
        float: right
    }

    .mini-banners .banners-right .banner-2 a .caption,
    .mini-banners .banners-right .banner-2 div.mini-banner2 .caption {
        padding: 0px 14px 0px 14px;
        min-height: inherit
    }

    .mini-banners .banners-right .banner-2 a .caption h2,
    .mini-banners .banners-right .banner-2 div.mini-banner2 .caption h2 {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17px;
        padding: 0 0 15px;
        margin: 0 0 10px
    }
}

.mini-banners .banners-right .banner-3 {
    min-height: 197px;
    width: 50%;
    height: 100%;
    background: #f38230;
    padding: 5px;
    display: table-cell;
    vertical-align: top;
    position: relative;
    z-index: 10
}

.mini-banners .banners-right .banner-3 .content-banner-3 {
    min-height: 195px;
    height: inherit
}

.mini-banners .banners-right .banner-3 .content-banner-3>a {
    height: inherit;
    display: table;
    width: 100%
}

.mini-banners .banners-right .banner-3:after {
    content: "";
    border: 1px dashed #fff;
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 4px;
    z-index: -1
}

.mini-banners .banners-right .banner-3 .content-banner-3 .header-banner {
    text-align: center;
    padding: 50px 30px 45px;
    position: inherit;
    display: table-cell;
    vertical-align: middle;
    transition: all 0.6s
}

.mini-banners .banners-right .banner-3 .content-banner-3 .header-banner img {
    margin: 0 0 15px;
    max-height: 32px;
    width: auto;
    transition: all 0.3s
}

.mini-banners .banners-right .banner-3 .content-banner-3 .header-banner .caption {
    position: inherit;
    top: 0;
    margin: 0;
    text-transform: none
}

.mini-banners .banners-right .banner-3 .content-banner-3 .header-banner h3 {
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    transition: all 0.3s
}

.mini-banners .banners-right .banner-3 .content-banner-3 .header-banner h3+p,
.mini-banners .banners-right .banner-3 .content-banner-3 .header-banner .krups-block-univers .krups-block-wrapper h3+div,
.krups-block-univers .krups-block-wrapper .mini-banners .banners-right .banner-3 .content-banner-3 .header-banner h3+div {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 11px;
    font-size: 1.1rem;
    color: #fff;
    transition: all 0.3s;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%
}

.mini-banners .banners-right .banner-3 .content-banner-3 .header-banner:hover img {
    max-height: 40px
}

@media screen and (max-width: 768px) {
    .mini-banners .banners-right .banner-3 {
        min-height: inherit;
        height: 100%
    }

    .mini-banners .banners-right .banner-3 .content-banner-3 {
        height: 100%
    }

    .mini-banners .banners-right .banner-3 .content-banner-3 .header-banner {
        padding: auto 10px
    }

    .mini-banners .banners-right .banner-3 .content-banner-3 .header-banner .caption h3 {
        line-height: 18px
    }
}

.mini-banners .banners-right .banner-4 {
    min-height: 206px;
    width: 50%;
    background: #fff;
    position: relative;
    padding: 15px;
    display: table-cell;
    vertical-align: top
}

.mini-banners .banners-right .banner-4.merge {
    width: 100%;
    display: block;
    overflow: hidden
}

.mini-banners .banners-right .banner-4.merge .visuel {
    text-align: center
}

.mini-banners .banners-right .banner-4 .head-title {
    width: 47%;
    float: right
}

.mini-banners .banners-right .banner-4 .head-title .ref {
    display: none
}

.mini-banners .banners-right .banner-4 .head-title .title a {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
    color: #2a2622;
    text-align: left;
    text-transform: uppercase;
    position: relative;
    padding: 0 0 20px;
    margin: 0 0 14px;
    line-height: 24px;
    display: none
}

.mini-banners .banners-right .banner-4 .head-title .title a:after {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    bottom: 0;
    left: 0
}

.mini-banners .banners-right .banner-4 .visuel {
    width: 53%;
    float: left;
    padding: 0 25px 10px 0
}

.mini-banners .banners-right .banner-4 .visuel img {
    height: auto;
    width: auto;
    max-height: 95%;
    transition: all 0.3s
}

.mini-banners .banners-right .banner-4 .caption {
    text-align: left
}

.mini-banners .banners-right .banner-4 .caption .name,
.mini-banners .banners-right .banner-4 .caption .stock,
.mini-banners .banners-right .banner-4 .caption .unavailable,
.mini-banners .banners-right .banner-4 .caption .nostock,
.mini-banners .banners-right .banner-4 .caption .description {
    display: none
}

.mini-banners .banners-right .banner-4 .caption .price {
    font-size: 21px;
    font-size: 2.1rem;
    color: #f38230;
    width: 47%;
    float: right;
    text-align: left;
    clear: right;
    margin-bottom: 10px
}

.mini-banners .banners-right .banner-4 .caption .price a>span {
    color: #f38230
}

.mini-banners .banners-right .banner-4 .caption .price .oldprice {
    color: #948e88;
    display: block
}

.mini-banners .banners-right .banner-4 .caption .price a:hover {
    color: #97928e
}

.mini-banners .banners-right .banner-4 .caption .add_to_cart_form {
    text-align: center;
    clear: both
}

.mini-banners .banners-right .banner-4 a:hover .visual img {
    max-height: 100%
}

@media screen and (max-width: 768px) {
    .mini-banners .banners-right .banner-4 {
        float: none;
        display: table-cell;
        min-height: inherit;
        height: 100%;
        vertical-align: top
    }

    .mini-banners .banners-right .banner-4 .head-title {
        width: 100%;
        float: none
    }

    .mini-banners .banners-right .banner-4 .head-title .title a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 17px;
        padding: 0 0 15px;
        margin: 0 0 10px;
        text-align: right
    }

    .mini-banners .banners-right .banner-4 .head-title .title a:after {
        left: auto;
        right: 0
    }

    .mini-banners .banners-right .banner-4 .visuel {
        width: 70%;
        margin: 0 0 0 -30px;
        padding-right: 0
    }

    .mini-banners .banners-right .banner-4 .visuel img {
        max-width: 60%
    }

    .mini-banners .banners-right .banner-4 .caption .price {
        text-align: right;
        width: auto;
        margin: 3px 0 0;
        font-size: 18px;
        font-size: 1.8rem
    }

    .mini-banners .banners-right .banner-4 .caption .add_to_cart_form {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .mini-banners {
        text-align: center;
        border-bottom: 8px solid #eaeeef
    }

    .mini-banners .banners-left {
        display: block;
        width: auto;
        text-align: center
    }

    .mini-banners .banners-left .banner {
        margin-right: 10px;
        padding: 40px 30px;
        position: relative;
        transform: none;
        top: 0
    }

    .mini-banners .banners-left .banner .visuel {
        float: none;
        width: 100%;
        margin-bottom: 15px
    }

    .mini-banners .banners-left .banner .caption {
        float: none;
        width: 100%;
        padding: 0
    }

    .mini-banners .banners-right {
        display: block;
        width: 100%;
        text-align: center;
        display: table
    }

    .mini-banners .banners-right .banner .container .caption {
        padding-top: 0px
    }
}

.communaute {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed, scroll;
    text-align: center;
    margin-bottom: 70px
}

.communaute .container {
    padding: 0px 0 60px
}

@media screen and (max-width: 768px) {
    .communaute {
        margin-bottom: 40px;
        background-position: 27% 0;
        background-attachment: inherit
    }

    .communaute .container {
        padding-bottom: 20px
    }
}

.communaute ul {
    list-style: none;
    text-align: left;
    overflow: hidden;
    margin: 0 0 20px;
    padding-bottom: 25px
}

.communaute ul li {
    background-color: rgba(255, 255, 255, 0.8);
    width: 30.733%;
    float: left;
    margin: 0 1.3%;
    padding: 13px 18px;
    position: relative
}

@media screen and (max-width: 768px) {
    .communaute ul li {
        float: none;
        display: inline-block;
        width: 300px;
        margin: 0 0 30px;
        padding-bottom: 20px
    }
}

.communaute ul li:before {
    background: url(../img/guillement.png) no-repeat 0 0;
    background-size: 55px auto;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 55px;
    height: 34px
}

.communaute ul li:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 14px 14px 0;
    border-color: transparent rgba(255, 255, 255, 0.8) transparent transparent;
    position: absolute;
    right: 23%;
    bottom: -14px
}

@media screen and (max-width: 1024px) {
    .communaute ul li:after {
        right: 30%
    }
}

@media screen and (max-width: 768px) {
    .communaute ul li:after {
        right: 23%
    }
}

.communaute ul li.blogueurs:before {
    display: none
}

.communaute ul li.blogueurs .infos-pub {
    margin: 0 0 10px
}

.communaute ul li.blogueurs .infos-pub:after {
    content: "";
    display: block;
    border-bottom: 1px solid #50535d;
    width: 30px;
    margin-top: 10px
}

.communaute ul li.blogueurs .title {
    font-size: 16px;
    font-size: 1.6rem;
    color: #4f5559;
    text-transform: uppercase;
    line-height: 24px
}

.communaute ul li.blogueurs .title:before {
    display: none
}

.communaute ul li .title-blogueurs {
    background: url(../img/icon/icon-blogueure.png) no-repeat 0 6px;
    font-size: 30px;
    font-size: 3rem;
    color: #f38230;
    line-height: 30px;
    font-style: italic;
    font-weight: normal;
    margin: 0 0 4px;
    padding: 0 0 0 34px;
    min-height: 35px
}

.communaute ul li .title {
    position: relative;
    margin: 0;
    min-height: 36px
}

.communaute ul li .title:before {
    background: url(../img/icon/icon-intego.png) no-repeat 0 0;
    content: "";
    position: absolute;
    left: 0;
    width: 38px;
    height: 36px
}

.communaute ul li .title span {
    background: #2a92ac;
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 8px 0 12px;
    margin: 7px 0 0 31px
}

.communaute ul li p,
.communaute ul li .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .communaute ul li div {
    font-size: 16px;
    font-size: 1.6rem;
    color: #4f5559;
    margin-bottom: 0;
    line-height: 22px;
    margin-bottom: 3px
}

.communaute ul li .infos-pub {
    font-size: 13px;
    font-size: 1.3rem;
    color: #505456;
    margin: 0
}

.communaute ul li .infos-pub .publie {
    color: #9599a4
}

.communaute ul li .infos-pub .date {
    font-size: 11px;
    font-size: 1.1rem;
    color: #9599a4
}

.communaute ul li .infos-pub a {
    color: #f38230
}

.communaute ul li .more>a {
    font-size: 16px;
    font-size: 1.6rem;
    color: #f38230;
    display: inline-block
}

.communaute ul li .more>a:hover {
    text-decoration: none;
    color: #c10218
}

.communaute .bx-wrapper .bx-pager {
    bottom: inherit
}

.communaute .bx-wrapper .bx-pager.bx-default-pager a {
    border-color: #fff
}

.communaute .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff;
    border-color: #fff
}

.owl-controls .owl-nav .owl-prev {
    background: url(../img/arrows/carousel-arrow-left.png) no-repeat 0 0;
    background-size: 13px auto;
    left: 20px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .owl-controls .owl-nav .owl-prev {
        left: 10px
    }
}

.owl-controls .owl-nav .owl-next {
    background: url(../img/arrows/carousel-arrow-right.png) no-repeat 0 0;
    background-size: 13px auto;
    right: 20px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .owl-controls .owl-nav .owl-next {
        right: 10px
    }
}

.owl-controls .owl-nav>div {
    width: 13px;
    height: 29px;
    position: absolute;
    font-size: 0px;
    font-size: 0rem;
    top: 35%;
    cursor: pointer
}

.owl-controls .owl-nav>div.disabled {
    opacity: 0;
    cursor: default;
    visibility: hidden
}

.owl-controls .owl-dots {
    text-align: center
}

.owl-controls .owl-dots .owl-dot {
    background: #fff;
    width: 16px;
    height: 16px;
    border: 2px solid #b5b6b9;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    margin: 5px
}

.owl-controls .owl-dots .owl-dot.active {
    background: #b5b6b9;
    cursor: default
}

@media screen and (max-width: 768px) {
    .owl-controls .owl-nav {
        display: none
    }
}

.recipe-news {
    margin-bottom: 70px;
    text-align: center
}

.seb-engage {
    background: url(../img/bg/bg-seb-engage.png) repeat 0 0;
    text-align: center;
    padding-bottom: 80px
}

@media screen and (max-width: 1024px) {
    .seb-engage {
        padding: 0 10px 40px
    }
}

@media screen and (max-width: 768px) {
    .seb-engage {
        padding: 0 10px 20px
    }
}

.seb-engage .bloc-title .title {
    color: #fff
}

.seb-engage .bloc-title .desc {
    color: #fff
}

@media screen and (max-width: 768px) {
    .seb-engage .bloc-title {
        margin: 40px auto
    }
}

.seb-engage .media,
.seb-engage .container .border {
    margin-bottom: 35px;
    position: relative
}

@media screen and (max-width: 768px) {

    .seb-engage .media,
    .seb-engage .container .border {
        position: relative;
        margin: 0 0 25px
    }

    .seb-engage .media iframe,
    .seb-engage .container .border iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0
    }
}

.principal-banner {
    min-height: 500px
}

.principal-banner>img {
    margin: 0 auto;
    z-index: -1;
    width: 100%
}

.principal-banner .container .caption {
    padding: 12px 20px 0px 57px
}

.principal-banner .container .caption p,
.principal-banner .container .caption .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .principal-banner .container .caption div {
    color: #4f5559;
    margin: 0 0 20px;
    line-height: 24px
}

.principal-banner .container .caption .title {
    font-size: 45px;
    font-size: 4.5rem;
    color: #e2001a;
    font-style: italic;
    line-height: 55px;
    margin-bottom: 40px;
    position: relative;
    margin: 0 auto;
    bottom: 241px;
    width: 27%
}

.principal-banner .container .caption .title:before {
    content: "";
    display: block;
    width: 37%;
    box-shadow: 0px 0px 107px 14px #fff;
    -moz-box-shadow: 0px 0px 107px 14px #fff;
    -webkit-box-shadow: 0px 0px 107px 14px #fff;
    -o-box-shadow: 0px 0px 107px 14px #fff;
    position: absolute;
    top: 68px
}

.principal-banner .container .caption .desc {
    margin: 0 auto;
    background-color: white;
    padding: 37px 227px 32px 253px;
    position: relative;
    min-height: 168px;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 30px;
    margin-top: -200px;
    width: 90%
}

.principal-banner .container .caption .btn-fleche>a {
    float: right
}

@media screen and (max-width: 1024px) {
    .principal-banner .container {
        padding: 0 20px
    }
}

@media screen and (max-width: 768px) {
    .principal-banner>img {
        width: 200%;
        max-width: 200%;
        position: relative;
        left: -50%
    }

    .principal-banner .container {
        width: auto;
        padding: 0
    }

    .principal-banner .container .visuel {
        margin: 8px auto 0;
        float: none;
        width: 220px
    }

    .principal-banner .container .caption {
        float: none;
        width: auto;
        max-width: 528px;
        margin: 0px auto 0;
        padding: 20px 10px 0px
    }

    .principal-banner .container .caption .title {
        font-size: 46px;
        font-size: 4.6rem;
        position: absolute;
        bottom: 288px;
        left: 26px;
        top: auto;
        width: 84%;
        padding: 8px 16px 14px 16px;
        background-color: rgba(255, 255, 255, 0.8)
    }

    .principal-banner .container .caption .title:before {
        background-size: 45px auto;
        left: 0;
        top: -36px
    }

    .principal-banner .container .caption .desc {
        padding: 0px;
        margin-top: 0px;
        height: 271px;
        font-size: 2.7rem;
        line-height: 33px;
        overflow: hidden;
        margin: auto 0;
        width: 100%
    }

    .principal-banner .container .caption .btn-fleche>a {
        float: none;
        margin: 0 auto;
        display: block
    }

    .principal-banner.subCategory .caption {
        position: static;
        top: 159px;
        font-size: 3.6rem
    }
}

.master-slider-category {
    overflow: hidden
}

.master-slider-category .subCategory .category-bg {
    position: absolute;
    width: 100%;
    text-align: center;
    height: 540px;
    overflow: hidden
}

.master-slider-category .subCategory .category-bg img {
    min-height: 540px;
    width: auto
}

@media screen and (max-width: 768px) {
    .master-slider-category .subCategory .category-bg img {
        min-height: inherit
    }
}

@media screen and (max-width: 768px) {
    .master-slider-category .subCategory .category-bg {
        height: 364px
    }
}

.master-slider-category .list-product .mini-banner-simple .conatiner {
    padding: 0px
}

.master-slider-category .list-product .mini-banner-simple .caption {
    padding: 21px !important
}

.master-slider-category .list-product .mini-banner-simple .desc a {
    display: inline-block !important;
    color: #50535d;
    text-decoration: underline !important
}

.master-slider-category .list-product .mini-banner-simple .desc a:hover {
    text-decoration: none !important
}

.master-slider-category .filters>.toggle:before {
    content: none !important
}

@media screen and (max-width: 768px) {
    .top-recette .item {
        padding: 0;
        width: 100%
    }

    .top-recette .item .visuel {
        position: inherit;
        max-height: 158px
    }

    .top-recette .item .visuel img {
        width: 100%
    }

    .top-recette .item .caption {
        border: 0;
        padding: 0;
        margin-bottom: 10px
    }

    .top-recette .item .caption .title {
        height: inherit;
        line-height: 36px
    }
}

.sample-section {
    text-align: center;
    line-height: 54px;
    margin-bottom: 40px
}

.simple-banners {
    margin-bottom: 73px
}

.simple-banners .item {
    width: 49%;
    float: left;
    min-height: 250px;
    padding: 0;
    position: relative;
    margin-bottom: 25px;
    background-color: rgba(255, 255, 255, 0.85);
    overflow: hidden
}

.simple-banners .item:nth-child(odd) {
    margin-right: 1%
}

.simple-banners .item:nth-child(even) {
    margin-left: 1%
}

.simple-banners .item .caption {
    width: 50%;
    height: 100%;
    min-width: 274px;
    padding: 15px 20px;
    background-color: rgba(255, 255, 255, 0.85);
    position: absolute;
    top: 0;
    left: 0
}

.simple-banners .item .caption .title {
    font-size: 30px;
    font-size: 3rem;
    color: #fff;
    line-height: 30px;
    margin-bottom: 8px;
    text-align: left
}

@media screen and (max-width: 768px) {
    .simple-banners .item .caption .title {
        font-size: 24px;
        font-size: 2.4rem
    }
}

.simple-banners .item .caption .desc {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px;
    line-height: 23px
}

.simple-banners .item .caption .more a {
    font-size: 16px;
    font-size: 1.6rem
}

.simple-banners .item .caption .more a:hover {
    text-decoration: none;
    color: #c10218
}

.simple-banners .item .cat {
    background: #2a92ac;
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 10px;
    z-index: 11
}

.simple-banners .item.item-large-ban {
    background: url(../img/bg/ombre-center-item.png) no-repeat center bottom;
    width: 934px;
    margin: 0 auto 25px;
    position: relative;
    float: none;
    display: block
}

.simple-banners .item.item-large-ban:after {
    display: none
}

.simple-banners .item.item-large-ban .caption {
    border: 1px solid #fff;
    border-right: 0;
    width: 50%;
    vertical-align: middle;
    padding: 10px 20px;
    background-color: #fff;
    z-index: 3;
    position: relative;
    min-height: inherit;
    display: block
}

.simple-banners .item.item-large-ban .caption .cat {
    position: relative;
    background: none;
    left: 0;
    padding: 0;
    text-align: left;
    margin-left: 0
}

.simple-banners .item.item-large-ban .caption .title {
    color: #fff;
    font-size: 30px;
    font-size: 3rem;
    font-style: italic;
    line-height: 30px
}

@media screen and (max-width: 768px) {
    .simple-banners .item.item-large-ban .caption .title {
        line-height: 27px;
        font-size: 26px;
        font-size: 2.6rem
    }
}

.simple-banners .item.item-large-ban .caption .desc {
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #f38230
}

.simple-banners .item.item-large-ban .visuel {
    float: right;
    width: 50%;
    overflow: hidden;
    z-index: 3;
    position: relative
}

.simple-banners .item.item-large-ban .visuel img {
    margin: 0;
    min-height: inherit;
    max-height: 100%;
    width: auto;
    height: auto;
    max-width: inherit;
    max-height: inherit
}

@media screen and (max-width: 768px) {
    .simple-banners .item.item-large-ban .visuel img {
        width: inherit;
        max-width: inherit;
        max-height: inherit;
        min-height: inherit
    }
}

.simple-banners .item .visuel {
    transition: all 0.6s
}

.simple-banners .item:hover .visuel {
    transform: scale(1.025)
}

.simple-banners .item .container-seb-banner>img {
    transition: all 0.5s
}

.simple-banners .item .container-seb-banner>img:hover {
    transform: scale(1.04)
}

.simple-banners .item .container-seb-banner .caption {
    width: auto;
    background-color: transparent;
    padding: 0px;
    transform: translate(-50%, -50%);
    text-align: center;
    height: auto;
    top: 50%;
    left: 50%
}

@media screen and (max-width: 768px) {
    .simple-banners .item .container-seb-banner .caption {
        position: absolute;
        border: 0;
        min-width: inherit;
        width: 70%
    }
}

@media screen and (max-width: 768px) {
    .simple-banners {
        margin: 0 10px
    }

    .simple-banners .item {
        float: none;
        width: 100%;
        min-height: inherit;
        margin: 0 0 25px
    }

    .simple-banners .item:nth-child(odd) {
        margin-right: 0
    }

    .simple-banners .item:nth-child(even) {
        margin-left: 0
    }

    .simple-banners .item:first-child {
        overflow: visible
    }

    .simple-banners .item:first-child:after {
        content: "";
        position: absolute;
        z-index: -1;
        box-shadow: 0 0 30px #a9a9a9;
        bottom: 0px;
        width: 80%;
        height: 10%;
        border-radius: 100%;
        left: 10%;
        right: 10%
    }

    .simple-banners .item a img {
        width: 100%
    }

    .simple-banners .item .visuel {
        border: 1px solid #dbdde1;
        border-bottom: 0
    }

    .simple-banners .item .visuel img {
        width: 100%
    }

    .simple-banners .item .caption {
        border: 1px solid #dbdde1;
        border-top: 0;
        position: relative;
        width: 100%;
        padding: 15px 10px 10px;
        display: block;
        text-align: center
    }

    .simple-banners .item .caption .more a {
        background: #f38230;
        font-size: 14px;
        font-size: 1.4rem;
        color: #fff;
        padding: 0 60px 0 17px;
        width: 280px;
        margin: 0 auto;
        position: relative;
        text-transform: uppercase;
        display: block;
        border-radius: 5px
    }

    .simple-banners .item .caption .more a span {
        display: table-cell;
        vertical-align: middle;
        height: 50px;
        padding: 5px 0
    }

    .simple-banners .item .caption .more a:before {
        background: url(../img/shadow-btn.png) no-repeat 0 center;
        content: "";
        width: 15px;
        height: 100%;
        position: absolute;
        right: 30px;
        top: 0;
        bottom: 0;
        z-index: 10
    }

    .simple-banners .item .caption .more a:after {
        background: url(../img/arrows/arrow-right.png) no-repeat center center #c10218;
        transition: all 0.4s;
        border-radius: 0 4px 4px 0;
        content: "";
        width: 45px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0
    }

    .simple-banners .item .caption .more a:hover {
        text-decoration: none
    }

    .simple-banners .item .caption .desc {
        text-align: left;
        margin: 0 15px 10px 55px;
        position: relative
    }

    .simple-banners .item .caption .desc:before {
        content: "";
        position: absolute;
        left: -38px;
        top: 5px;
        width: 30px;
        height: 11px;
        border-bottom: 1px solid #f38230
    }

    .simple-banners .item.item-large-ban {
        width: 100%;
        background: none;
        padding: 0
    }

    .simple-banners .item.item-large-ban .visuel {
        float: none;
        width: 100%;
        border: 0;
        text-align: center;
        display: block
    }

    .simple-banners .item.item-large-ban .caption {
        background: none;
        width: auto;
        border-right: 1px solid #e2001a;
        padding: 25px 10px 10px;
        margin: -15px 10px 0
    }

    .simple-banners .item.item-large-ban .caption .btn-fleche {
        text-align: center
    }

    .simple-banners .item.item-large-ban .caption .btn-fleche a {
        max-width: 100%
    }
}

.mini-banners .cat {
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 11
}

.mini-banners .mini .cat {
    position: relative;
    height: 6px
}

.mini-banners .with-out-content .cat {
    top: -182px
}

.bloc-banner-item .container .banner-top {
    position: relative;
    min-height: 155px
}

@media screen and (max-width: 768px) {
    .bloc-banner-item .container .banner-top {
        overflow: hidden
    }
}

@media screen and (max-width: 768px) {
    .bloc-banner-item .container .banner-top .visuel {
        overflow: hidden
    }
}

.bloc-banner-item .container .banner-top .visuel img {
    height: 155px
}

.bloc-banner-item .container .banner-top .caption {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 20px 0 45px
}

.bloc-banner-item .container .banner-top .caption h2 {
    font-size: 43px;
    font-size: 4.3rem;
    color: #f38230;
    margin: 0;
    line-height: 70px
}

.bloc-banner-item .container .banner-top .caption .desc {
    color: #f38230;
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 0 7px
}

.bloc-banner-item .container .banner-top .caption .trigger {
    background: #f38230;
    border-radius: 100%;
    width: 68px;
    height: 68px;
    display: inline-block;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-40%);
    font-size: 0px;
    font-size: 0rem;
    z-index: 10;
    outline: none
}

.bloc-banner-item .container .banner-top .caption .trigger:before {
    content: "+";
    position: absolute;
    top: 33%;
    left: 0;
    right: 0;
    font-size: 34px;
    font-size: 3.4rem;
    color: #fff
}

.bloc-banner-item .container .banner-top .caption .trigger.open:before {
    content: "-";
    top: 30%;
    font-size: 42px;
    font-size: 4.2rem
}

.bloc-banner-item .container .banner-top .caption .trigger:hover {
    background: #c10218
}

@media screen and (max-width: 768px) {
    .bloc-banner-item .container .banner-top .visuel img {
        height: 165px;
        max-width: inherit;
        position: relative;
        left: -170%
    }

    .bloc-banner-item .container .banner-top .caption {
        background-color: rgba(255, 255, 255, 0.8);
        padding: 3px;
        top: 20px;
        bottom: auto;
        left: 7%;
        right: 7%
    }

    .bloc-banner-item .container .banner-top .caption h2 {
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 35px;
        margin-bottom: 5px
    }

    .bloc-banner-item .container .banner-top .caption h3 {
        padding: 16px 15px
    }

    .bloc-banner-item .container .banner-top .caption .desc {
        font-size: 18px;
        font-size: 1.8rem;
        margin-bottom: 2px
    }

    .bloc-banner-item .container .banner-top .caption .trigger {
        width: 52px;
        height: 52px;
        bottom: -62px
    }

    .bloc-banner-item .container .banner-top .caption .trigger:before {
        top: 23%
    }

    .bloc-banner-item .container .banner-top .caption .trigger.open:before {
        top: 25%
    }
}

.bloc-banner-item .container .banner-content {
    background: url(../img/bg/ombre-center-item.png) no-repeat center top #f5f6f6;
    padding: 30px 82px
}

.bloc-banner-item .container .banner-content .banner-items {
    overflow: hidden
}

.bloc-banner-item .container .banner-content .banner-items .item {
    border: 1px solid #d8d9dd;
    width: 162px;
    float: left;
    margin: 20px 15px;
    position: relative
}

.bloc-banner-item .container .banner-content .banner-items .item:before {
    background: url(../img/bg/ombre-small.png) no-repeat center bottom;
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    height: 7px
}

.bloc-banner-item .container .banner-content .banner-items .item .visuel {
    height: 80px;
    position: relative;
    overflow: hidden
}

.bloc-banner-item .container .banner-content .banner-items .item .visuel img {
    position: absolute;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    transition: all 0.6s
}

.bloc-banner-item .container .banner-content .banner-items .item .caption {
    background: #fff;
    min-height: 71px;
    border-top: 2px solid #f38230;
    padding: 12px 15px
}

.bloc-banner-item .container .banner-content .banner-items .item .caption h3,
.bloc-banner-item .container .banner-content .banner-items .item .caption .title {
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    color: #bebdbd;
    margin: 0;
    padding: 0;
    line-height: 15px;
    text-align: center;
    height: 45px;
    overflow: hidden
}

.bloc-banner-item .container .banner-content .banner-items .item a:hover {
    text-decoration: none
}

.bloc-banner-item .container .banner-content .banner-items .item a:hover .visuel img {
    min-height: 110%;
    min-width: 110%
}

.bloc-banner-item .container .banner-content .banner-items .item a:hover .caption h3 {
    color: #9599a4;
    transition: all 0.3s
}

@media screen and (max-width: 768px) {
    .bloc-banner-item .container .banner-content {
        padding: 0
    }

    .bloc-banner-item .container .banner-content .banner-items .item {
        margin: 0;
        float: none;
        width: 100%;
        border: 0;
        border-bottom: 1px solid #d9d8dd
    }

    .bloc-banner-item .container .banner-content .banner-items .item .visuel {
        display: none
    }

    .bloc-banner-item .container .banner-content .banner-items .item .caption {
        border: 0;
        min-height: inherit;
        padding: 20px 15px
    }

    .bloc-banner-item .container .banner-content .banner-items .item .caption h3 {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px
    }

    .bloc-banner-item .container .banner-content .banner-items .item .caption h3,
    .bloc-banner-item .container .banner-content .banner-items .item .caption .title {
        height: auto
    }
}

.page-RecipeHomePage .bloc-banner-item.inspiration-zone {
    margin-bottom: 40px
}

.page-RecipeHomePage .bloc-banner-item.inspiration-zone .banner-top .visuel:before {
    content: "";
    display: block;
    width: 50%;
    box-shadow: 30px 60px 100px 60px #fff;
    -moz-box-shadow: 30px 60px 100px 60px #fff;
    -webkit-box-shadow: 30px 60px 100px 60px #fff;
    -o-box-shadow: 30px 60px 100px 60px #fff;
    position: absolute;
    top: 0px;
    z-index: 0;
    height: 0px;
    left: 21%;
    right: 50%
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .communaute {
        background-size: 100% 100%;
        background-attachment: inherit
    }
}

.page-AccessoryListPage .master-ban-head .header-banner .visual {
    text-align: center
}

.social-share {
    margin: 0 0 54px;
    padding: 0
}

.social-share ul {
    margin: 0;
    padding: 0
}

.social-share li {
    margin: 0 1px;
    padding: 0;
    display: inline-block;
    list-style-type: none;
    border: 1px solid #fff;
    border-radius: 100%;
    overflow: hidden
}

.social-share li a {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    width: 20px;
    height: 20px;
    font-size: 11px;
    font-size: 1.1rem;
    text-align: center;
    transition: all 0.3s;
    text-decoration: none
}

.wrap-breadcrumb {
    position: absolute;
    width: 100%;
    top: 155px;
    left: 0;
    padding: 0;
    margin: 0;
    text-align: center;
    z-index: 20
}

@media screen and (max-width: 768px) {
    .wrap-breadcrumb {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .wrap-breadcrumb {
        display: none
    }
}

.wrap-breadcrumb .container {
    overflow: hidden;
    position: relative
}

.wrap-breadcrumb .container ul.breadcrumb {
    padding: 0;
    background: transparent;
    z-index: 20;
    position: relative
}

.wrap-breadcrumb li,
.wrap-breadcrumb h1 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0;
    color: #bebdbd;
    text-shadow: none;
    line-height: 1
}

.wrap-breadcrumb li:after,
.wrap-breadcrumb h1:after {
    content: "";
    background: url("../img/arrows/arrow-breadcrumb.png") no-repeat 0 0;
    background-size: 5px auto;
    display: inline-block;
    width: 5px;
    height: 7px;
    margin: 0 6px
}

.rtl .wrap-breadcrumb li:after,
.rtl .wrap-breadcrumb h1:after {
    transform: scale(-1, -1);
    display: inline-block;
    width: 5px;
    height: 7px;
    margin: 0 6px
}

.wrap-breadcrumb li.active:after,
.wrap-breadcrumb li.active .h1-optimised:after,
.wrap-breadcrumb h1.active:after,
.wrap-breadcrumb h1.active .h1-optimised:after {
    display: none
}

.wrap-breadcrumb li.active a,
.wrap-breadcrumb h1.active a {
    color: #bebdbd;
    cursor: text
}

.wrap-breadcrumb span {
    text-decoration: none;
    text-transform: capitalize
}

.wrap-breadcrumb a {
    color: #bebdbd;
    text-decoration: none;
    letter-spacing: 0.5px
}

.wrap-breadcrumb a:hover {
    color: #948e88
}

@media only screen and (max-width: 980px) {
    .page-recipe-list .wrap-breadcrumb {
        top: 105px
    }
}

.page-recipe-list .wrap-breadcrumb {
    top: 145px
}

@media only screen and (max-width: 980px) {
    .page-recipe-list .wrap-breadcrumb {
        top: 105px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .page-recipe-list .wrap-breadcrumb {
        display: none
    }
}

.comments-share {
    width: 100%;
    padding: 25px 0 10px
}

.comments-share .share-title,
.comments-share h3 {
    display: none;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 0 10px 0
}

.comments-share a {
    display: inline-block;
    vertical-align: top;
    background: none;
    color: #50535d;
    padding: 0 !important;
    font-size: 12px;
    width: auto;
    height: auto;
    margin: 0;
    transition: all 0.3s
}

.comments-share a i {
    font-size: 0
}

.comments-share a i::before {
    font-size: 20px
}

.comments-share a:hover {
    color: #f38230;
    text-decoration: none
}

.comments-share .share-social {
    display: inline-block;
    float: left;
    vertical-align: top
}

.comments-share .share-social a:hover {
    color: #f38230;
    text-decoration: none
}

.comments-share .share-content-print,
.comments-share .share-zone {
    display: inline-block;
    vertical-align: top
}

.comments-share .share-content-print span,
.comments-share .share-zone span {
    line-height: 26px;
    font-weight: bold;
    font-size: 13px;
    padding-right: 2px;
    display: inline-block
}

.comments-share .share-content-print span.hidden,
.comments-share .share-zone span.hidden {
    display: none
}

.comments-share .share-content-print a,
.comments-share .share-zone a {
    margin-right: 20px;
    padding: 0 !important
}

.comments-share .share-content-print a i::before,
.comments-share .share-zone a i::before {
    font-size: 40px;
    line-height: 25px;
    vertical-align: top
}

.comments-share .share-content-print a:focus,
.comments-share .share-zone a:focus {
    text-decoration: none
}

.comments-share.comparateur-share {
    max-width: 650px
}

@media screen and (min-width: 768px) and (max-width: 900px) {

    .comments-share .share-content-print span,
    .comments-share .share-zone span {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .comments-share {
        width: 100%;
        text-align: center;
        padding-right: 0
    }

    .comments-share .share-title {
        display: block;
        font-size: 20px;
        font-size: 2rem;
        padding: 0 15px 22px;
        margin: 0 0 22px;
        line-height: 24px;
        position: relative;
        color: #2a2622;
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    }

    .comments-share .share-title:after {
        content: "";
        width: 50px;
        margin: 0 auto;
        border-bottom: 5px solid #f38230;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .comments-share .share-social {
        width: 100%;
        float: none;
        margin: 0 0 5px;
        padding: 0
    }

    .comments-share .share-social a {
        margin-right: 42px
    }

    .comments-share .share-social a i::before {
        font-size: 34px;
        font-size: 3.4rem
    }

    .comments-share .share-social a:last-child {
        margin-right: 0
    }

    .comments-share .share-content-print,
    .comments-share .share-zone {
        width: 100%;
        float: none;
        display: block;
        margin-bottom: 10px;
        padding: 0;
        text-align: center
    }

    .comments-share .share-content-print a,
    .comments-share .share-zone a {
        margin: 0
    }

    .comments-share .share-content-print a.print,
    .comments-share .share-zone a.print {
        display: none
    }

    .comments-share .share-content-print span,
    .comments-share .share-zone span {
        font-size: 16px;
        font-size: 1.6rem
    }
}

#cart_header {
    position: relative
}

#cart_header ul {
    right: 0
}

#cart_header #minicart_data {
    background: #00ead7;
    color: #100b0a;
    min-width: 15px;
    height: 15px;
    border-radius: 100%;
    text-align: center;
    line-height: 15px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 9px;
    font-size: .9rem;
    display: inline-block;
    padding: 1px 2px;
    position: absolute;
    top: 16px;
    left: 37px
}

#cart_header #minicart_data[hidden] {
    display: none
}

@media screen and (max-width: 768px) {
    #cart_header #minicart_data {
        min-width: 13px;
        height: 13px;
        font-size: 8px;
        font-size: .8rem;
        top: -2px;
        left: 8px;
        padding: 1px 0 0 0;
        margin: 0 0 0 -15px;
        position: relative;
        line-height: 12px
    }
}

#cart_popup {
    position: absolute;
    right: 0
}

#rollover_cart_popup {
    background: #100b0a;
    right: 0;
    left: auto;
    width: 522px;
    padding: 0;
    transition: all 0.5s
}

#rollover_cart_popup .close-button {
    position: absolute;
    right: 10px;
    font-size: 30px
}

.rtl #rollover_cart_popup {
    right: auto;
    left: 0
}

#rollover_cart_popup a:hover {
    background: transparent
}

#rollover_cart_popup .empty-popup-cart {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 45px 30px 12px;
    color: #f38230
}

#rollover_cart_popup:before {
    right: 39px
}

#rollover_cart_popup:after {
    right: 40px
}

@media screen and (max-width: 768px) {
    #rollover_cart_popup {
        top: 53px;
        right: 0;
        left: 0;
        width: 100%
    }

    #rollover_cart_popup .empty-popup-cart {
        padding: 45px 20px 12px
    }

    #rollover_cart_popup:before {
        right: 34px
    }

    #rollover_cart_popup:after {
        right: 35px
    }
}

#rollover_cart_popup .scroll .nice-scrollable .ps__thumb-y {
    background-color: #f38230;
    display: block;
    width: 7px;
    position: absolute;
    opacity: 1;
    border-radius: 7px;
    z-index: 99;
    right: 4px
}

#rollover_cart_popup.cart_popup .slimScrollDiv {
    border: 0 none
}

#rollover_cart_popup.cart_popup .slimScrollDiv .slimScrollBar {
    position: relative;
    display: block !important;
    background-color: #f38230 !important
}

.rtl #rollover_cart_popup.cart_popup .slimScrollDiv .slimScrollBar {
    left: 0 !important;
    right: auto !important
}

#rollover_cart_popup.cart_popup .slimScrollDiv .slimScrollRail {
    position: relative;
    opacity: 1 !important;
    background: none !important;
    display: block !important
}

.rtl #rollover_cart_popup.cart_popup .slimScrollDiv .slimScrollRail {
    left: 0 !important;
    right: auto !important
}

#rollover_cart_popup.cart_popup .slimScrollDiv .slimScrollRail:before {
    content: "";
    border-left: 1px solid #dedede;
    position: absolute;
    top: 0;
    height: 100%;
    bottom: 0;
    width: 1px;
    left: -5px
}

#rollover_cart_popup.cart_popup .slimScrollDiv+ul {
    position: relative;
    left: 0;
    bottom: 10px;
    background-color: rgba(16, 11, 10, 0.85);
    z-index: 10;
    padding: 0 30px !important;
    width: 100%
}

#rollover_cart_popup.cart_popup .slimScrollDiv+ul+.row-fluid {
    clear: both;
    overflow: hidden;
    text-align: right;
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(16, 11, 10, 0.85)
}

.rtl #rollover_cart_popup.cart_popup .slimScrollDiv+ul+.row-fluid {
    text-align: left
}

#rollover_cart_popup .inner {
    padding: 0
}

.rtl #rollover_cart_popup .inner .row-fluid {
    text-align: left
}

#rollover_cart_popup .inner .row-fluid .span6 {
    width: auto;
    margin: 0 0 0 7px;
    display: inline-block;
    float: none;
    background: transparent
}

@media screen and (max-width: 768px) {
    #rollover_cart_popup .inner .row-fluid {
        padding: 15px 20px
    }

    #rollover_cart_popup .inner .row-fluid .span6 {
        float: left;
        margin: 0;
        clear: inherit
    }

    #rollover_cart_popup .inner .row-fluid .span6.right {
        clear: inherit;
        margin: 0;
        float: right
    }
}

#rollover_cart_popup .inner .row-fluid.btn-cart .span6 {
    padding: 0
}

@media screen and (max-width: 768px) {
    #rollover_cart_popup .inner .row-fluid.btn-cart .span6 {
        float: none
    }
}

#rollover_cart_popup .inner .btn {
    background: #948e88;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-size: 1.3rem;
    width: auto
}

#rollover_cart_popup .inner .emptyCart {
    background: #948e88;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-size: 1.3rem;
    width: auto;
    margin: 0 0 10px 7px
}

#rollover_cart_popup .inner .emptyCart:hover {
    background: #a19a94
}

@media screen and (max-width: 768px) {
    #rollover_cart_popup .inner .emptyCart {
        font-size: 12px;
        font-size: 1.2rem;
        padding: 15px
    }
}

#rollover_cart_popup .inner .btn-action {
    background: #f38230;
    margin: 0 0 10px 7px
}

#rollover_cart_popup .inner .btn-action:hover {
    background: #ff720d
}

@media screen and (max-width: 768px) {
    #rollover_cart_popup .inner .btn-action {
        font-size: 12px;
        font-size: 1.2rem;
        padding: 15px
    }
}

#rollover_cart_popup .inner ul {
    margin: 0;
    padding: 0;
    overflow: hidden
}

#rollover_cart_popup .inner p,
#rollover_cart_popup .inner .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #rollover_cart_popup .inner div {
    clear: both
}

#rollover_cart_popup .inner li p,
#rollover_cart_popup .inner li .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #rollover_cart_popup .inner li div {
    clear: none
}

#rollover_cart_popup .inner li {
    text-align: left;
    list-style: none;
    clear: both;
    margin: 0;
    padding: 12px 0;
    float: left;
    width: 100%
}

@media screen and (max-width: 350px) {
    #rollover_cart_popup .inner li {
        padding: 10px 15px 10px 16px
    }
}

.rtl #rollover_cart_popup .inner li {
    padding: 12px 16px 12px 26px;
    float: right;
    text-align: right
}

#rollover_cart_popup .inner li:empty {
    display: none
}

#rollover_cart_popup .inner li .pull-right {
    margin: 0 0 0px 10px
}

#rollover_cart_popup .inner li .pull-right .DocLegal {
    height: 85px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem
}

@media screen and (max-width: 900px) {
    #rollover_cart_popup .inner li .pull-right .DocLegal {
        height: 63px
    }
}

#rollover_cart_popup .inner li .picture {
    float: left;
    position: relative;
    width: 95px;
    margin: 0 17px 0 0;
    background: #fff;
    padding: 10px
}

@media screen and (max-width: 350px) {
    #rollover_cart_popup .inner li .picture {
        width: 50px;
        height: auto;
        margin: 0 10px 0 0
    }
}

@media screen and (max-width: 400px) {
    #rollover_cart_popup .inner li .picture {
        width: 70px;
        height: auto;
        margin: 0 10px 0 0
    }
}

.rtl #rollover_cart_popup .inner li .picture {
    float: right;
    margin: 0 0 0 17px
}

#rollover_cart_popup .inner li .picture a {
    padding: 0
}

#rollover_cart_popup .inner li .picture .sticker .picture {
    padding: 0;
    background: transparent;
    width: auto;
    height: auto;
    margin: 0
}

#rollover_cart_popup .inner li .picture .sticker .picture img {
    width: auto
}

#rollover_cart_popup .inner li .picture img {
    width: 100%;
    height: auto
}

#rollover_cart_popup .inner li .product {
    overflow: hidden
}

#rollover_cart_popup .inner h4 {
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0px;
    padding: 15px 30px 5px;
    width: 100%;
    z-index: 100;
    background-color: #100b0a
}

@media screen and (max-width: 768px) {
    #rollover_cart_popup .inner h4 {
        padding: 15px 20px 5px
    }
}

#rollover_cart_popup .infos-cart {
    padding: 0 30px 10px
}

#rollover_cart_popup ul.total-wrap {
    padding: 0 30px
}

#rollover_cart_popup .btn-cart {
    padding: 25px 30px;
    text-align: right
}

#rollover_cart_popup .inner h5,
#rollover_cart_popup .inner #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #rollover_cart_popup .inner .messages-area>.h5,
#rollover_cart_popup .inner #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #rollover_cart_popup .inner .elements-suggestion-area>h5,
#rollover_cart_popup .inner #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #rollover_cart_popup .inner .elements-suggestion-area>.h5 {
    padding: 5px 0 4px 0;
    margin: 0;
    color: #f38230;
    font-weight: 100;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18px
}

@media screen and (max-width: 350px) {

    #rollover_cart_popup .inner h5,
    #rollover_cart_popup .inner #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #rollover_cart_popup .inner .messages-area>.h5,
    #rollover_cart_popup .inner #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #rollover_cart_popup .inner .elements-suggestion-area>h5,
    #rollover_cart_popup .inner #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #rollover_cart_popup .inner .elements-suggestion-area>.h5 {
        padding: 0;
        margin: 0 0 2px;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.1em
    }
}

#rollover_cart_popup .inner h5 a,
#rollover_cart_popup .inner #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5 a,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #rollover_cart_popup .inner .messages-area>.h5 a,
#rollover_cart_popup .inner #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5 a,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #rollover_cart_popup .inner .elements-suggestion-area>h5 a,
#rollover_cart_popup .inner #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5 a,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #rollover_cart_popup .inner .elements-suggestion-area>.h5 a {
    color: #f38230;
    text-decoration: none;
    padding: 0
}

#rollover_cart_popup .inner li .old-price {
    text-decoration: line-through;
    text-align: right;
    margin: 0 0 3px 0;
    font-size: 14.5px;
    font-size: 1.45rem;
    color: #a19a94
}

#rollover_cart_popup .inner li .price {
    font-size: 20px;
    font-size: 2rem;
    color: #f38230;
    margin: 9px 0px 3px 0;
    text-align: right;
    color: #f38230
}

.rtl #rollover_cart_popup .inner li .price {
    text-align: left
}

#rollover_cart_popup .inner li .total {
    font-size: 21px;
    font-size: 2.1rem;
    color: #f38230;
    width: auto;
    margin: 0 0 0 8px;
    text-align: right
}

.rtl #rollover_cart_popup .inner li .total {
    text-align: left;
    margin: 0 8px 0 0
}

#rollover_cart_popup .inner li .product p,
#rollover_cart_popup .inner li .product .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #rollover_cart_popup .inner li .product div {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0;
    color: #fff
}

#rollover_cart_popup .inner li .product p strong,
#rollover_cart_popup .inner li .product .krups-block-univers .krups-block-wrapper div strong,
.krups-block-univers .krups-block-wrapper #rollover_cart_popup .inner li .product div strong {
    font-weight: normal
}

@media screen and (max-width: 350px) {

    #rollover_cart_popup .inner li .product p,
    #rollover_cart_popup .inner li .product .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper #rollover_cart_popup .inner li .product div {
        line-height: 1.1em
    }
}

#rollover_cart_popup .inner .total-cart {
    background: none;
    padding: 10px 0 0 0;
    border-top: 1px solid #dedede
}

#rollover_cart_popup .inner .total-cart .product {
    width: auto;
    text-align: right
}

.rtl #rollover_cart_popup .inner .total-cart .product {
    text-align: left
}

#rollover_cart_popup .inner .total-cart .product h3 {
    font-size: 15px;
    font-size: 1.5rem;
    color: #fff;
    font-weight: 100;
    margin: 0 0 0 0;
    line-height: 1.3em;
    text-transform: uppercase
}

#rollover_cart_popup .inner li .picture .sticker .picture {
    border-radius: 0 !important;
    border: 0 none !important
}

#rollover_cart_popup .inner li .picture .sticker .picture img {
    width: 60px !important;
    height: auto !important
}

#rollover_cart_popup .inner li .picture .sticker .picture img[src=""] {
    display: none
}

.page-cart .bloc-comm,
.page-CartPage .bloc-comm {
    background-color: #fff;
    padding: 20px 180px;
    max-width: 100%;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {

    .page-cart .bloc-comm,
    .page-CartPage .bloc-comm {
        text-align: center;
        padding: 20px
    }
}

.page-cart .bloc-comm h2,
.page-CartPage .bloc-comm h2 {
    font-size: 20px;
    font-size: 2rem;
    margin: 0;
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-weight: normal;
    margin-bottom: 10px
}

.page-cart .bloc-comm p,
.page-cart .bloc-comm .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-cart .bloc-comm div,
.page-CartPage .bloc-comm p,
.page-CartPage .bloc-comm .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-CartPage .bloc-comm div {
    font-size: 14px;
    font-size: 1.4rem
}

@media screen and (max-width: 768px) {

    .page-cart .bloc-comm p,
    .page-cart .bloc-comm .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .page-cart .bloc-comm div,
    .page-CartPage .bloc-comm p,
    .page-CartPage .bloc-comm .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .page-CartPage .bloc-comm div {
        text-align: center
    }
}

.page-cart .bloc-comm .span11,
.page-CartPage .bloc-comm .span11 {
    width: 100%;
    padding-bottom: 0
}

@media screen and (max-width: 768px) {

    .page-cart .bloc-comm .span11,
    .page-CartPage .bloc-comm .span11 {
        padding: 0 15px
    }
}

.page-cart .bloc-comm .btn-action,
.page-CartPage .bloc-comm .btn-action {
    width: auto;
    background: #948e88;
    font-size: 16px;
    font-size: 1.6rem;
    border-radius: 25px;
    color: #fff;
    display: inline-block
}

.page-cart .bloc-comm .btn-action:hover,
.page-CartPage .bloc-comm .btn-action:hover {
    background-color: #a19a94
}

.page-cart .external-site,
.page-CartPage .external-site {
    background: transparent;
    padding-top: 0
}

.page-cart .external-site .container,
.page-CartPage .external-site .container {
    padding: 0
}

.page-cart .external-site .external-site-cont,
.page-CartPage .external-site .external-site-cont {
    border: none
}

.page-cart .cart-list-table thead th,
.page-CartPage .cart-list-table thead th {
    text-transform: uppercase;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px 10px
}

.page-cart .table-striped tbody>tr:nth-child(odd)>td,
.page-cart .table-striped tbody>tr:nth-child(odd)>th,
.page-CartPage .table-striped tbody>tr:nth-child(odd)>td,
.page-CartPage .table-striped tbody>tr:nth-child(odd)>th {
    background: #fff
}

.page-cart .krups-btn,
.page-cart .panel-services-contact .more a,
.panel-services-contact .more .page-cart a,
.page-CartPage .krups-btn,
.page-CartPage .panel-services-contact .more a,
.panel-services-contact .more .page-CartPage a {
    padding: 17px 25px;
    border-radius: 50px;
    font-size: 14px;
    font-size: 1.4rem
}

.page-cart .krups-btn.ConfDelbtn,
.page-cart .panel-services-contact .more a.ConfDelbtn,
.panel-services-contact .more .page-cart a.ConfDelbtn,
.page-CartPage .krups-btn.ConfDelbtn,
.page-CartPage .panel-services-contact .more a.ConfDelbtn,
.panel-services-contact .more .page-CartPage a.ConfDelbtn {
    cursor: pointer;
    background-color: #f38230 !important;
    border: none
}

.page-cart .krups-btn.ConfDelbtn:hover,
.page-cart .panel-services-contact .more a.ConfDelbtn:hover,
.panel-services-contact .more .page-cart a.ConfDelbtn:hover,
.page-CartPage .krups-btn.ConfDelbtn:hover,
.page-CartPage .panel-services-contact .more a.ConfDelbtn:hover,
.panel-services-contact .more .page-CartPage a.ConfDelbtn:hover {
    background-color: #ff720d !important
}

.page-cart .krups-btn.krups-btn-gray,
.page-cart .panel-services-contact .more a.krups-btn-gray,
.panel-services-contact .more .page-cart a.krups-btn-gray,
.page-CartPage .krups-btn.krups-btn-gray,
.page-CartPage .panel-services-contact .more a.krups-btn-gray,
.panel-services-contact .more .page-CartPage a.krups-btn-gray {
    background-color: #948e88;
    border: none
}

.page-cart .krups-btn.krups-btn-gray:hover,
.page-cart .panel-services-contact .more a.krups-btn-gray:hover,
.panel-services-contact .more .page-cart a.krups-btn-gray:hover,
.page-CartPage .krups-btn.krups-btn-gray:hover,
.page-CartPage .panel-services-contact .more a.krups-btn-gray:hover,
.panel-services-contact .more .page-CartPage a.krups-btn-gray:hover {
    background-color: #a19a94
}

.page-UnsuccessfulPaymentPage .cart-cart-action {
    padding: 0 0 60px
}

.invalid-delivery {
    display: inline !important;
    float: right !important;
    font-style: italic !important;
    visibility: visible !important
}

.strike-through {
    text-decoration: line-through !important
}

.font12 {
    font-size: 10px !important
}

.banner-product {
    text-align: center;
    background: #fff;
    float: none;
    position: relative;
    margin: 0;
    width: auto !important;
    border: 1px solid #d9dbe0;
    border-right: 0;
    display: inline-block
}

.banner-product:nth-child(odd) {
    border-right: 0
}

.banner-product:last-child {
    border-right: 1px solid #d9dbe0
}

.banner-product .border {
    height: 220px;
    padding: 20px 0 5px;
    display: table-cell;
    width: inherit;
    vertical-align: middle
}

.banner-product .border .play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    margin: -27px 0 0 -27px
}

.banner-product .border img {
    display: inline;
    max-height: 100%;
    width: auto
}

.banner-product a {
    min-width: 240px;
    min-height: 338px;
    background: #fff;
    display: block;
    transition: all 0.3s
}

.banner-product a:hover {
    text-decoration: none
}

.main-nav .navigation .accordion-inner .banner-product a:hover {
    background: rgba(0, 0, 0, 0.2)
}

.banner-product a:focus {
    text-decoration: none
}

.banner-product .caption {
    width: 100%;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 0 20px;
    color: #9599a4;
    margin: 0 auto
}

.banner-product .caption p,
.banner-product .caption .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .banner-product .caption div {
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
    margin: 0;
    min-height: 0;
    line-height: 1.2em
}

.banner-product .caption p.title:first-letter,
.banner-product .caption .krups-block-univers .krups-block-wrapper div.title:first-letter,
.krups-block-univers .krups-block-wrapper .banner-product .caption div.title:first-letter {
    text-transform: uppercase
}

.banner-product .caption p.title,
.banner-product .caption .krups-block-univers .krups-block-wrapper div.title,
.krups-block-univers .krups-block-wrapper .banner-product .caption div.title {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 0 5px 0;
    color: #50535d;
    line-height: 1.2em;
    text-transform: lowercase
}

.banner-product .caption p.claim,
.banner-product .caption .krups-block-univers .krups-block-wrapper div.claim,
.krups-block-univers .krups-block-wrapper .banner-product .caption div.claim {
    font-size: 13px;
    font-size: 1.3rem;
    color: #9599a4
}

@media screen and (max-width: 768px) {

    .banner-product .caption p,
    .banner-product .caption .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .banner-product .caption div {
        font-size: 16px;
        font-size: 1.6rem
    }
}

.banner-product .caption .price {
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 17px
}

.accessoires .banner-product .caption .price {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 42px;
    font-size: 24px;
    font-size: 2.4rem
}

.accessoires .banner-product .caption .price s {
    font-size: 13px;
    font-size: 1.3rem;
    color: #181413
}

.thumbnail,
.item,
.border {
    box-shadow: 0 0 transparent
}

.thumbnail .play,
.item .play,
.border .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    background: transparent
}

.thumbnail a:hover .play,
.item a:hover .play,
.border a:hover .play {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: .9
}

.banner-country-selector .border {
    width: 1024px;
    height: 350px;
    margin: 0 auto
}

.push-banners .banner-push .border img {
    margin: 0 auto;
    display: block
}

.recipes-banners,
.push-banners {
    margin: 60px 0
}

.page-productDetails .recipes-banners .container,
.page-productDetails .push-banners .container {
    padding: 0 80px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .page-productDetails .recipes-banners .container,
    .page-productDetails .push-banners .container {
        padding: 0 10px
    }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {

    .page-productDetails .recipes-banners .container,
    .page-productDetails .push-banners .container {
        padding: 0 40px
    }
}

@media screen and (max-width: 768px) {

    .page-productDetails .recipes-banners .container,
    .page-productDetails .push-banners .container {
        padding: 0
    }
}

.recipes-banners .banner-push,
.push-banners .banner-push {
    position: relative;
    overflow: hidden;
    width: 50%;
    float: left;
    padding: 0 12px
}

.recipes-banners .banner-push .visuel img,
.push-banners .banner-push .visuel img {
    max-width: 100%
}

.recipes-banners .banner-push .caption,
.push-banners .banner-push .caption {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 24px 0 0
}

.recipes-banners .banner-push .caption .title,
.push-banners .banner-push .caption .title {
    display: block;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 25px;
    font-size: 2.5rem;
    text-transform: uppercase;
    color: #2a2622;
    text-align: center;
    position: relative;
    padding: 0 0 16px 0;
    margin: 0 0 16px
}

.recipes-banners .banner-push .caption .title:after,
.push-banners .banner-push .caption .title:after {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .recipes-banners .banner-push .caption .title,
    .push-banners .banner-push .caption .title {
        font-size: 20px;
        font-size: 2rem;
        padding: 0 0 10px 0;
        margin: 0 0 10px
    }
}

.recipes-banners .banner-push .caption .btn-orange,
.push-banners .banner-push .caption .btn-orange {
    margin: 0
}

@media screen and (max-width: 768px) {

    .recipes-banners,
    .push-banners {
        background: #eaeeef;
        margin: 0;
        margin-top: -1px
    }

    .recipes-banners .container,
    .push-banners .container {
        padding: 10px 0 0
    }

    .recipes-banners .banner-push,
    .push-banners .banner-push {
        padding: 0 10px 10px 10px;
        float: none;
        width: 100%
    }

    .recipes-banners .banner-push .visuel,
    .push-banners .banner-push .visuel {
        overflow: hidden
    }

    .recipes-banners .banner-push .visuel img,
    .push-banners .banner-push .visuel img {
        min-height: 120px;
        max-width: 120%
    }

    .recipes-banners .banner-push .caption,
    .push-banners .banner-push .caption {
        top: 45%;
        padding: 0
    }

    .recipes-banners .banner-push .caption .title,
    .push-banners .banner-push .caption .title {
        font-size: 20px;
        font-size: 2rem
    }
}

.simple-banner a {
    display: block
}

.icheckbox,
.iradio {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: #fff;
    border: none;
    cursor: pointer;
    transition: all 0.3s
}

.iradio,
.icheckbox {
    background: #fff
}

.iradio.hover,
.icheckbox.hover {
    background: #eee
}

.iradio.checked,
.icheckbox.checked {
    background: #aaa
}

.iradio.checked+label,
.icheckbox.checked+label {
    color: red
}

.iradio.disabled,
.icheckbox.disabled {
    background: #333;
    cursor: default
}

.icheckbox.checked.disabled {
    background: #333
}

.iradio.checked.disabled {
    background-position: -180px 0
}

.ui-autocomplete {
    background: #fff;
    margin: -2px 0 0 0
}

.ui-autocomplete .ui-menu-item {
    padding: 0;
    margin: -1px -1px -1px -1px;
    border: 1px solid #dadada;
    transition: all 0.4s
}

.ui-autocomplete a {
    color: #2a2622;
    text-decoration: none;
    display: block;
    transition: all 0.3s;
    padding: 22px 25px
}

.ui-autocomplete a span {
    font-weight: bold
}

.ui-autocomplete a:hover {
    color: #f38230
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background-color: rgba(218, 218, 218, 0.3)
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px -1px -1px -1px
}

.loader {
    visibility: hidden;
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition: all 0.5s
}

.loader:after {
    content: "";
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -64px;
    margin-top: -64px;
    border-radius: 100%;
    height: 110px;
    width: 110px;
    animation: 1s linear 0s normal none infinite running uil-ring-anim;
    box-shadow: 0 4px 0 0 #f38230
}

@media screen and (max-width: 768px) {
    .loader:after {
        height: 70px;
        width: 70px;
        margin-left: -35px
    }
}

html.no-cssanimations .loader {
    background-color: rgba(0, 0, 0, 0.6)
}

html.no-cssanimations .loader:after {
    border: none;
    border-radius: 0;
    background: url("../img/bg/loader.gif") no-repeat center center
}

.krups-animate {
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s
}

.fullpage-on .krups-animate {
    visibility: visible;
    opacity: 1
}

.page-homepage .loader,
.page-BestSellerPage .loader,
.template-pages-category-categoryPage .loader,
.page-aboutUsPage .loader,
.page-RecipeHomePage .loader,
.page-ourHistoryPage .loader {
    visibility: visible;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    z-index: 10
}

.page-homepage.fullpage-on .loader,
.page-BestSellerPage.fullpage-on .loader,
.template-pages-category-categoryPage.fullpage-on .loader,
.page-aboutUsPage.fullpage-on .loader,
.page-RecipeHomePage.fullpage-on .loader,
.page-ourHistoryPage.fullpage-on .loader {
    visibility: hidden;
    transition: all 0.5s
}

@keyframes uil-ring-anim {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.show-more {
    width: 100%;
    text-align: center;
    clear: both;
    padding: 20px;
    margin: 0 0 10px;
    z-index: 0;
    overflow: hidden;
    position: relative
}

.show-more a {
    color: #f38230;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: uppercase
}

.show-more a span {
    font-size: 7px;
    font-size: .7rem;
    display: inline-block;
    position: relative;
    top: -4px;
    margin: 0 0 0 10px
}

.show-more.disabled a {
    color: #171413;
    cursor: default
}

.show-more:after {
    top: -44px;
    content: '';
    height: 45px;
    left: 4%;
    position: absolute;
    right: 4%;
    border-radius: 30%;
    box-shadow: compact(0 -2px 25px rgba(0, 0, 0, 0.2), false, false, false, false, false, false, false, false, false)
}

@media screen and (max-width: 768px) {
    .show-more {
        background: #edeef0;
        background: linear-gradient(to bottom, #edeef0 0%, #fff 22%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edeef0', endColorstr='#ffffff', GradientType=0)
    }

    .show-more:before,
    .show-more:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        width: 200px;
        height: 50px;
        z-index: -1
    }

    .show-more:before {
        left: 0;
        background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 47%, rgba(255, 255, 255, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1)
    }

    .show-more:after {
        right: 0;
        top: 0;
        left: auto;
        border-radius: 0;
        box-shadow: compact(0 0 0 transparent, false, false, false, false, false, false, false, false, false);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 53%, #fff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1)
    }
}

.sidebar-filters {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    margin-bottom: 15px;
    background: #fff
}

@media screen and (max-width: 768px) {
    .sidebar-filters.filters-search {
        margin-bottom: 0px
    }
}

.sidebar-filters a {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    color: #000
}

.sidebar-filters::after {
    content: "";
    display: block;
    clear: both
}

.sidebar-filters>.item {
    background: transparent;
    padding: 0
}

.sidebar-filters>.item .border {
    width: auto;
    height: auto;
    float: none;
    margin: 0
}

.sidebar-filters>.item .border img {
    width: 100%
}

.rtl .sidebar-filters {
    text-align: right
}

.sidebar-filters .popup-rating-plates a {
    text-decoration: underline
}

.sidebar-filters .popup-rating-plates a:hover {
    text-decoration: none
}

.sidebar-filters .scroll-filters>.push-side {
    margin-top: 30px
}

.sidebar-filters .scroll-filters>.push-side>.item {
    background: transparent;
    padding: 0
}

.sidebar-filters .scroll-filters>.push-side>.item .border {
    width: auto;
    height: auto;
    float: none;
    margin: 0
}

.sidebar-filters .scroll-filters>.push-side>.item .border img {
    width: 100%
}

.sidebar-filters .item.toggle {
    position: relative;
    z-index: 50;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .sidebar-filters .item.toggle {
        border-bottom: 1px solid #EDEEF0
    }
}

.sidebar-filters .item.toggle:after {
    position: absolute;
    right: 10px;
    top: 25px;
    font-size: 10px;
    font-size: 1rem;
    color: #2a2622;
    font-family: icokrups;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\e902"
}

.rtl .sidebar-filters .item.toggle:after {
    right: auto;
    left: 22px
}

@media screen and (max-width: 768px) {
    .sidebar-filters .item.toggle:after {
        right: 23px
    }
}

.sidebar-filters .item.toggle.head:after {
    color: #fff
}

.sidebar-filters .open .toggle:after {
    content: "\e900";
    color: #f38230
}

.sidebar-filters li {
    list-style-type: none
}

.sidebar-filters .accordion {
    margin: 0
}

@media screen and (max-width: 768px) {
    .sidebar-filters .accordion#accordionFiltersCat {
        display: block !important
    }
}

.sidebar-filters .accordion-group {
    border: 0;
    border-radius: 0;
    margin: 0
}

.sidebar-filters .accordion-group.sort {
    display: none
}

.sidebar-filters .accordion-group .accordion-heading.toggle2 {
    position: relative;
    z-index: 50;
    margin: 0 0 10px;
    cursor: pointer
}

.sidebar-filters .accordion-group .accordion-heading.toggle2:after {
    position: absolute;
    right: 10px;
    top: 14px;
    font-size: 13px;
    font-size: 1.3rem;
    color: #f38230;
    font-family: ico;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\e902"
}

.rtl .sidebar-filters .accordion-group .accordion-heading.toggle2:after {
    right: auto;
    left: 22px
}

.sidebar-filters .accordion-group.open .toggle2:after {
    content: "\e620"
}

.sidebar-filters .accordion-group .accordion-heading .accordion-toggle {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    border: none;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s;
    background: #fff;
    padding: 22px 32px 22px 22px;
    clear: both
}

.sidebar-filters .accordion-group .accordion-heading .accordion-toggle.collapsed {
    color: #2a2622
}

.sidebar-filters .accordion-group .accordion-heading .accordion-toggle.collapsed[href^="#"]:before {
    content: "\e902"
}

.sidebar-filters .accordion-group .accordion-heading .accordion-toggle h3 {
    background: transparent;
    padding: 0;
    border: 0;
    color: #eaeeef
}

.sidebar-filters .accordion-group .accordion-heading .accordion-toggle.active {
    background-color: #bebdbd;
    color: #fff
}

.sidebar-filters .accordion-group .accordion-heading .accordion-toggle img {
    display: none
}

.sidebar-filters .accordion-group .accordion-heading.link a:before {
    display: none
}

@media screen and (max-width: 768px) {
    .sidebar-filters .accordion-group ul.facet_block {
        padding-left: 0px
    }
}

.sidebar-filters .accordion-group ul.facet_block li {
    border-top: 1px solid #171413
}

.sidebar-filters .accordion-group ul.facet_block li:first-child {
    border: 0
}

.sidebar-filters .accordion-group ul.facet_block li.validate-facet {
    display: none
}

.sidebar-filters .accordion-group .accordion-group .accordion-heading .accordion-toggle {
    background: #fff;
    color: #f38230
}

.sidebar-filters .accordion-group .accordion-group .accordion-heading+.accordion-body.collapse.in .accordion-inner {
    border-top: 1px solid #D1D7DB
}

.sidebar-filters .accordion-group .accordion-group .accordion-group .accordion-heading {
    border-top: 1px solid #171413
}

.sidebar-filters .accordion-group .accordion-group .accordion-group .accordion-heading .accordion-toggle {
    background: #fff;
    color: #f38230;
    border-top: 0;
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem
}

.sidebar-filters .accordion-group .accordion-group .accordion-group .accordion-heading .accordion-toggle:before {
    color: #f38230
}

.sidebar-filters .accordion-group .accordion-group .accordion-group form {
    background: #fff
}

.sidebar-filters .accordion-inner-without,
.sidebar-filters .accordion-inner {
    background: rgba(0, 0, 0, 0.2);
    padding: 0;
    border-color: transparent
}

.sidebar-filters .accordion-inner-without form,
.sidebar-filters .accordion-inner form {
    padding: 22px 32px 22px 22px;
    border-bottom: 1px solid #eaeeef
}

.sidebar-filters .accordion-inner-without a.all,
.sidebar-filters .accordion-inner a.all {
    display: block;
    background: rgba(0, 0, 0, 0.2);
    padding: 9px 15px;
    text-decoration: none;
    color: #000;
    margin: 0 0 1px
}

.sidebar-filters .accordion-inner-without a.all:hover,
.sidebar-filters .accordion-inner a.all:hover {
    color: #000
}

.sidebar-filters .accordion-inner-without a.all.active,
.sidebar-filters .accordion-inner a.all.active {
    color: #000
}

.sidebar-filters .accordion-inner-without .facetValues ul.facet_block li a,
.sidebar-filters .accordion-inner .facetValues ul.facet_block li a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-size: 1.4rem;
    background: #fff;
    color: #f38230;
    padding: 11px 15px 8px;
    position: relative
}

.sidebar-filters .accordion-inner-without .facetValues ul.facet_block li a:hover,
.sidebar-filters .accordion-inner .facetValues ul.facet_block li a:hover {
    background: #fff;
    color: #eaeeef
}

.sidebar-filters .accordion-inner-without .facetValues ul.facet_block li.active a,
.sidebar-filters .accordion-inner .facetValues ul.facet_block li.active a {
    background: #edeef0
}

.sidebar-filters .accordion-inner-without .facetValues ul.facet_block li.active a:hover,
.sidebar-filters .accordion-inner .facetValues ul.facet_block li.active a:hover {
    color: #000
}

.sidebar-filters .facet_block-label {
    position: relative;
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem
}

.sidebar-filters .facet_block-label input[type="radio"],
.sidebar-filters .facet_block-label input[type="checkbox"] {
    margin: 0
}

.sidebar-filters form {
    margin: 0 0 1px;
    padding: 9px 10px
}

.sidebar-filters .accordion-inner {
    background: transparent
}

.sidebar-filters .accordion-inner .facetValues {
    margin: 0 0 5px
}

.sidebar-filters .accordion-toggle {
    position: relative;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.sidebar-filters .accordion-toggle[href^="#"]:before {
    display: block;
    position: absolute;
    font-size: 10px;
    font-size: 1rem;
    right: 10px;
    top: 50%;
    margin: -6px 0 0 0;
    content: "\e902";
    font-family: icokrups;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #2a2622;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.rtl .sidebar-filters .accordion-toggle[href^="#"]:before {
    right: auto;
    left: 14px
}

@media screen and (max-width: 768px) {
    .sidebar-filters .accordion-toggle[href^="#"]:before {
        top: 20px;
        margin: 0;
        right: 22px
    }
}

.sidebar-filters .accordion-toggle.active:before {
    color: #fff;
    content: "\e900"
}

.sidebar-filters .search {
    position: relative
}

.sidebar-filters .search form {
    padding: 0;
    background: #fff;
    width: 100%
}

.sidebar-filters .search input[type=TEXT] {
    border-radius: 0;
    font-size: 13px;
    font-size: 1.3rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    height: auto;
    padding: 12px 39px 10px 15px;
    margin: 0;
    box-shadow: none;
    width: 100%;
    color: #f38230
}

.rtl .sidebar-filters .search input[type=TEXT] {
    padding: 12px 15px 10px 35px
}

.sidebar-filters .search button[type=SUBMIT] {
    width: 22px;
    min-width: 22px;
    background: none;
    color: #fff;
    border: 0;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 10px;
    top: 5px;
    bottom: 0;
    z-index: 10
}

.rtl .sidebar-filters .search button[type=SUBMIT] {
    right: auto;
    left: 10px
}

.sidebar-filters .search .input-append {
    width: 100%;
    margin: 0;
    position: relative
}

.sidebar-filters .search p,
.sidebar-filters .search .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .sidebar-filters .search div {
    padding: 10px;
    margin: 0;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.2em
}

.sidebar-filters .mobile-accordion-header {
    display: none
}

#accessoryProduct-search .name {
    display: block;
    padding: 8px 0;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    background: transparent;
    border-top: 2px solid #fff
}

#accessoryProduct-search .search input[type=TEXT] {
    margin: 1px 0;
    padding: 9px 39px 8px 15px
}

#accessoryProduct-search .search button {
    min-width: 0
}

#accessoryProduct-search .search p,
#accessoryProduct-search .search .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #accessoryProduct-search .search div {
    display: none
}

#accessoryProduct-search form {
    margin: 0
}

#accordionFiltersFaq>.accordion-group>.accordion-heading a {
    padding: 0
}

#accordionFiltersFaq>.accordion-group>.accordion-heading h3 {
    display: block;
    padding: 8px 0;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    background: #fff;
    border-top: 2px solid #fff
}

#accordionFiltersFaq>.accordion-group>.accordion-heading .toggle4 {
    position: relative;
    z-index: 50;
    margin: 0 0 10px;
    cursor: pointer
}

#accordionFiltersFaq>.accordion-group>.accordion-heading .toggle4:after {
    position: absolute;
    right: 10px;
    top: 14px;
    font-size: 13px;
    font-size: 1.3rem;
    color: #f38230;
    font-family: ico;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\e902"
}

.rtl #accordionFiltersFaq>.accordion-group>.accordion-heading .toggle4:after {
    right: auto;
    left: 22px
}

#accordionFiltersFaq>.accordion-group>.accordion-heading.open .toggle4:after {
    content: "\e620"
}

.filter-list .name {
    display: block;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: uppercase;
    padding: 20px;
    text-transform: uppercase;
    background-color: #232120;
    color: #fff
}

.display-filters {
    background: #ececec;
    overflow: hidden;
    padding: 10px 12px
}

.display-filters form {
    margin: 0
}

.display-filters form .control-group {
    margin: 0
}

.rtl .display-filters form .control-group .controls {
    margin-left: 0;
    float: left;
    margin-right: 10px
}

.rtl .display-filters form .control-group .control-label {
    text-align: left;
    float: right
}

.display-filters p,
.display-filters .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .display-filters div {
    margin: 0;
    float: left;
    padding: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #000;
    font-weight: bold
}

.rtl .display-filters p,
.rtl .display-filters .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .rtl .display-filters div {
    float: right
}

.rtl .display-filters .pull-right {
    float: left;
    text-align: left
}

.display-filters .control-label {
    line-height: 29px
}

.display-filters select {
    border-radius: 50px;
    min-height: 40px;
    padding: 10px
}

@media screen and (max-width: 768px) {
    .display-filters select {
        width: auto
    }
}

.zone-showmore {
    width: 100%;
    text-align: center;
    clear: both;
    padding: 13px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    line-height: 1.1em
}

@media screen and (max-width: 768px) {
    .zone-showmore {
        padding: 0px;
        height: 31px
    }

    .page-AccessoryListPage .zone-showmore {
        padding: 13px 0 0;
        height: inherit
    }
}

.zone-showmore .span-12 {
    min-height: 0
}

.zone-showmore.disabled a {
    color: #171413;
    cursor: default
}

.zone-showmore:after {
    top: -45px;
    content: '';
    height: 45px;
    left: 4%;
    position: absolute;
    right: 4%;
    border-radius: 30%;
    box-shadow: compact(0 -2px 25px rgba(0, 0, 0, 0.2), false, false, false, false, false, false, false, false, false)
}

.filtre-store {
    margin: 0 0 25px
}

.filtre-store p,
.filtre-store .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .filtre-store div {
    margin: 0;
    padding: 10px;
    line-height: 1.1em
}

.filters-profil {
    margin: 0 0 24px
}

@media screen and (max-width: 768px) {
    .filters-profil {
        margin: 0
    }
}

.filters-profil .name {
    font-size: 20px;
    font-size: 2rem;
    border-top: 0;
    color: #fff;
    padding: 18px 14px
}

@media screen and (max-width: 768px) {
    .filters-profil .name {
        padding: 15px 0 8px
    }
}

.filters-profil .item.activ a {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.filters-profil .item a {
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.2em;
    display: block;
    padding: 20px 14px 20px 14px;
    text-decoration: none;
    border-top: 1px solid #eaeeef;
    border-bottom: 1px solid #eaeeef;
    transition: all 0.3s;
    color: #2a2622
}

@media screen and (max-width: 768px) {
    .filters-profil .item a {
        font-size: 15px;
        font-size: 1.5rem;
        padding: 13px 10px
    }
}

.filters-profil .item a:hover {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.filters-profil .item:first-child a:hover {
    color: inherit
}

@media screen and (max-width: 768px) {
    .filters-profil .filters .item.toggle:after {
        top: 20px;
        font-size: 8px;
        font-size: .8rem
    }

    .filters-profil .filters .name {
        border-bottom: 1px solid #dadada;
        background: transparent;
        color: #232120;
        padding: 15px 10px;
        font-size: 15px;
        font-size: 1.5rem
    }
}

.page-search .sidebar-filters .accordion-inner form {
    border-bottom: 0
}

.page-search .sidebar-filters .accordion-group .accordion-heading+.accordion-body.collapse.in .accordion-inner {
    border: none
}

#globalMessages {
    clear: both;
    overflow: hidden
}

#globalMessages .information_message {
    padding: 15px 10px 15px
}

#globalMessages .positive {
    background: #00ead7;
    color: #fff
}

#globalMessages .negative {
    background: #e2001a;
    color: #fff
}

#globalMessages p,
#globalMessages .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #globalMessages div {
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem
}

#globalMessages p:first-letter,
#globalMessages .krups-block-univers .krups-block-wrapper div:first-letter,
.krups-block-univers .krups-block-wrapper #globalMessages div:first-letter {
    text-transform: uppercase
}

.page-checkout-login #globalMessages {
    margin: 0 auto;
    padding: 0 90px;
    max-width: 1600px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .page-checkout-login #globalMessages {
        padding: 0
    }
}

.facets-list {
    margin: 0 0 40px
}

.facets-list ul {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    font-size: 0px;
    font-size: 0rem
}

.facets-list li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 100px
}

.facets-list img {
    border-radius: 100%;
    margin: 0 0 13px
}

.facets-list span {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2em;
    font-weight: 700
}

/* 
.modal {
    width: 900px;
    margin-left: -450px;
    border: 0;
    padding: 0;
    overflow: visible;
    z-index: 9000;
    border-radius: 0;
    top: 18%
}

.modal .close {
    z-index: 10;
    position: absolute;
    top: 8px;
    right: 24px;
    top: 8px;
    right: 24px;
    color: #fff;
    font-size: 0;
    font-weight: normal;
    width: 26px;
    height: 29px;
    display: block;
    overflow: hidden;
    margin: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    transition: all 0.3s;
    line-height: 1;
    outline: none;
    transform: scale(1);
    animation: transform .5s ease-out
}

.rtl .modal .close {
    top: 8px;
    left: 24px;
    right: auto
}

.modal .close::after {
    font-family: icokrups;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 14px;
    font-size: 1.4rem;
    content: "\e701";
    text-indent: 0;
    display: block;
    color: #fff;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.3s
}

.modal .close:focus {
    outline: none
}

.modal .close img {
    display: none
}

.modal .close:hover {
    transform: scale(1.1);
    animation: transform .5s ease-in
}

@media screen and (max-width: 767px) {
    .modal .close--orange {
        right: 7px
    }
}

.modal .close--orange::after {
    color: #f38230
}

.modal .modal-body {
    max-height: 540px;
    overflow-y: auto
}

.modal .modal-body .product-viewer {
    height: auto
}

.modal .modal-body .product-viewer #CarouselDetailProductBig .carousel-inner {
    height: auto
}

.modal .modal-body .carousel {
    margin: 0
}

.modal .content-modal-title,
.modal .modal-header {
    background-color: #f38230;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    padding: 12px 45px 10px 15px;
    min-height: 45px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-weight: normal;
    font-size: 18px;
    font-size: 1.8rem
}

.rtl .modal .content-modal-title,
.rtl .modal .modal-header {
    padding: 12px 15px 10px 45px;
    text-align: right
}

.modal .content-modal-title .modal-password-title,
.modal .content-modal-title h3,
.modal .modal-header .modal-password-title,
.modal .modal-header h3 {
    font-size: 18px;
    font-size: 1.8rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-weight: normal
}

.modal .content-modal-title .modal-password-title,
.modal .modal-header .modal-password-title {
    margin: 0;
    line-height: 30px;
    letter-spacing: 1.5px
}

.modal.buy-in-store-popin .modal-body {
    max-height: none !important;
    height: auto
}

.modal .content-modal-body,
.modal .modal-body {
    padding: 30px 98px 15px
}

.modal .content-modal-body h3,
.modal .modal-body h3 {
    color: #50535d;
    text-transform: uppercase;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 20px;
    font-style: normal
}

.modal .content-modal-body .prod-actions,
.modal .modal-body .prod-actions {
    padding-top: 15px
}

@media screen and (max-width: 900px) {

    .modal .content-modal-body .prod-actions,
    .modal .modal-body .prod-actions {
        padding-top: 0px
    }
}

.modal .content-modal-body .prod-actions .btn,
.modal .modal-body .prod-actions .btn {
    width: auto;
    display: inline-block;
    color: #fff;
    margin: 0 0 10px 0;
    padding: 17px 25px;
    border-radius: 50px;
    transition: all 0.4s
}

.page-MultiStepCheckoutSummaryPage .modal p,
.page-MultiStepCheckoutSummaryPage .modal .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-MultiStepCheckoutSummaryPage .modal div,
.page-MultiStepCheckoutSummaryPage .modal span {
    margin: 0 0 5px;
    font-size: 14px !important;
    font-size: 1.4rem !important;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold; !important;
    background: transparent !important;
    color: #232120 !important
}

.page-MultiStepCheckoutSummaryPage .modal ul li {
    font-size: 14px !important;
    font-size: 1.4rem !important;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.modal-header {
    border: 0;
    padding: 0
}

.modal-body {
    padding: 0;
    font-size: 14.5px;
    font-size: 1.45rem;
    line-height: 1.4;
    font-family: "Open Sans", "Arial", sans-serif;
font-weight: light;
}

.modal-backdrop {
    background: #000;
    transition: all 0.15s
}

.modal-backdrop,
.modal-backdrop.fade.in {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7;
    transition: all 0.15s
}

.modal-footer {
    text-align: center;
    padding: 10px 98px 20px;
    background: transparent;
    border: 0
}

.modal-footer p,
.modal-footer .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .modal-footer div {
    margin: 0
}

.modal-simple .modal-body {
    padding: 0;
    overflow-y: auto
}

.modal-head .close {
    color: #bebdbd
}

.modal-header .close:after {
    color: #fff
} 

#ModalPassword,
.ConfModal,
.ConfDelModal {
    width: 742px;
    margin-left: -370px;
    padding: 0
}

@media screen and (max-width: 1024px) {

    #ModalPassword,
    .ConfModal,
    .ConfDelModal {
        margin-left: auto;
        margin-right: auto;
        width: 90%
    }

    .rtl #ModalPassword,
    .rtl .ConfModal,
    .rtl .ConfDelModal {
        margin-right: auto;
        margin-left: auto
    }
}

.ConfModal,
.ConfDelModal {
    width: 560px;
    margin-left: -280px
}

@media screen and (max-width: 1024px) {

    .ConfModal,
    .ConfDelModal {
        margin-left: auto;
        margin-right: auto;
        width: 90%
    }
}

.ConfModal .modal-body,
.ConfDelModal .modal-body {
    padding: 30px 50px 35px
}

.ConfModal .modal-body>p,
.ConfModal .krups-block-univers .krups-block-wrapper .modal-body>div,
.krups-block-univers .krups-block-wrapper .ConfModal .modal-body>div,
.ConfDelModal .modal-body>p,
.ConfDelModal .krups-block-univers .krups-block-wrapper .modal-body>div,
.krups-block-univers .krups-block-wrapper .ConfDelModal .modal-body>div {
    margin-bottom: 25px
}

.ConfModal .modal-body .btn,
.ConfDelModal .modal-body .btn {
    background: #f38230;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    display: inline-block;
    padding: 15px 25px;
    transition: all 0.5s;
    cursor: pointer
}

.ConfModal .modal-body .btn:hover,
.ConfModal .modal-body .btn:focus,
.ConfDelModal .modal-body .btn:hover,
.ConfDelModal .modal-body .btn:focus {
    color: #fff;
    text-decoration: none;
    background: #ff720d
}

#ModalMessage #relayPointsContainer,
#ModalCommerce #relayPointsContainer {
    padding: 30px 16px 16px
}

#ModalMessage .modal-body,
#ModalCommerce .modal-body {
    padding: 40px 80px 30px 40px
}

.rtl #ModalMessage .modal-body,
.rtl #ModalCommerce .modal-body {
    padding: 40px 40px 30px 80px
}

#ModalMessage .span4,
#ModalCommerce .span4 {
    width: 36.914893617021278%
}

@media screen and (max-width: 768px) {

    #ModalMessage .span4,
    #ModalCommerce .span4 {
        width: 100%;
        text-align: center
    }
}

#ModalMessage #pointRelaisDetails .span4,
#ModalMessage #pointRelaisDetailsGRP .span4,
#ModalCommerce #pointRelaisDetails .span4,
#ModalCommerce #pointRelaisDetailsGRP .span4 {
    width: 31.914893617021278%
}

@media screen and (max-width: 768px) {

    #ModalMessage #pointRelaisDetails .span4,
    #ModalMessage #pointRelaisDetailsGRP .span4,
    #ModalCommerce #pointRelaisDetails .span4,
    #ModalCommerce #pointRelaisDetailsGRP .span4 {
        width: 100%;
        text-align: center
    }
}

#ModalMessage h1,
#ModalCommerce h1 {
    font-weight: 100;
    margin: 0;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
    color: #2a2622
}

#ModalMessage h2,
#ModalCommerce h2 {
    font-weight: normal;
    margin: 0;
    color: #232120;
    font-size: 19px;
    font-size: 1.9rem;
    text-transform: uppercase;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

#ModalMessage h3,
#ModalCommerce h3 {
    color: #232120;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 40px
}

#ModalMessage p,
#ModalMessage .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #ModalMessage div,
#ModalCommerce p,
#ModalCommerce .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #ModalCommerce div {
    font-size: 14.5px;
    font-size: 1.45rem;
    margin: 0 0 5px
}

#ModalMessage ul li,
#ModalCommerce ul li {
    font-size: 14.5px;
    font-size: 1.45rem
}

#ModalMessage .product,
#ModalCommerce .product {
    width: 260px;
    margin: 0 0 40px
}

#ModalMessage .span8,
#ModalCommerce .span8 {
    width: 60.95744680851064%;
    padding-left: 35px
}

.rtl #ModalMessage .span8,
.rtl #ModalCommerce .span8 {
    padding-right: 35px;
    padding-left: 0
}

@media screen and (max-width: 768px) {

    #ModalMessage .span8,
    #ModalCommerce .span8 {
        width: 100%;
        margin: 0
    }
}

#ModalMessage .span8 p,
#ModalMessage .span8 .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #ModalMessage .span8 div,
#ModalCommerce .span8 p,
#ModalCommerce .span8 .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #ModalCommerce .span8 div {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 0 20px
}

@media screen and (max-width: 768px) {

    #ModalMessage .span8 p,
    #ModalMessage .span8 .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper #ModalMessage .span8 div,
    #ModalCommerce .span8 p,
    #ModalCommerce .span8 .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper #ModalCommerce .span8 div {
        font-size: 12px;
        font-size: 1.2rem;
        margin: 0 0 10px
    }
}

#ModalMessage .span8 .revendeur-title,
#ModalCommerce .span8 .revendeur-title {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    color: #232120;
    font-size: 20px;
    font-size: 2rem;
    line-height: 26px
}

#ModalMessage .span8 .seller,
#ModalCommerce .span8 .seller {
    min-width: 128px;
    width: 33.33%;
    text-align: center;
    height: 100px;
    border: 0;
    padding: 5px
}

#ModalMessage .span8 .seller>a,
#ModalCommerce .span8 .seller>a {
    display: table;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    border: 1px solid #f5f7f7
}

#ModalMessage .span8 .seller>a .border,
#ModalCommerce .span8 .seller>a .border {
    display: table-cell;
    vertical-align: middle
}

#ModalMessage .span8 .seller>a .border img,
#ModalCommerce .span8 .seller>a .border img {
    max-width: 70%
}

#ModalMessage .span8 .bx-controls .bx-pager a,
#ModalCommerce .span8 .bx-controls .bx-pager a {
    background-color: #cecdcd;
    border-color: #cecdcd;
    transition: all 0.4s;
    width: 15px;
    height: 15px;
    margin: 0 7x
}

#ModalMessage .span8 .bx-controls .bx-pager a:hover,
#ModalMessage .span8 .bx-controls .bx-pager a.active,
#ModalCommerce .span8 .bx-controls .bx-pager a:hover,
#ModalCommerce .span8 .bx-controls .bx-pager a.active {
    background-color: #fff;
    border-color: #cecdcd
}

#ModalMessage .span8 .accessorie-link p,
#ModalMessage .span8 .accessorie-link .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #ModalMessage .span8 .accessorie-link div,
#ModalMessage .span8 .distributor-not-found-msg p,
#ModalMessage .span8 .distributor-not-found-msg .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #ModalMessage .span8 .distributor-not-found-msg div,
#ModalCommerce .span8 .accessorie-link p,
#ModalCommerce .span8 .accessorie-link .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #ModalCommerce .span8 .accessorie-link div,
#ModalCommerce .span8 .distributor-not-found-msg p,
#ModalCommerce .span8 .distributor-not-found-msg .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #ModalCommerce .span8 .distributor-not-found-msg div {
    color: #232120;
    text-transform: uppercase;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 26px
}

#ModalMessage .span8 .accessorie-link .bc-disclaimer a,
#ModalMessage .span8 .distributor-not-found-msg .bc-disclaimer a,
#ModalCommerce .span8 .accessorie-link .bc-disclaimer a,
#ModalCommerce .span8 .distributor-not-found-msg .bc-disclaimer a {
    width: auto
}

#ModalMessage .span8 .buy-onLine-reditrect-msg a,
#ModalCommerce .span8 .buy-onLine-reditrect-msg a {
    color: #9599a4;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 5px 0 0 25px;
    display: inline-block
}

@media screen and (max-width: 768px) {

    #ModalMessage .span8 .buy-onLine-reditrect-msg a,
    #ModalCommerce .span8 .buy-onLine-reditrect-msg a {
        margin: 10px auto 0;
        display: table
    }
}

#ModalMessage .span8 form,
#ModalCommerce .span8 form {
    padding: 0 40px 0 0
}

.rtl #ModalMessage .span8 form,
.rtl #ModalCommerce .span8 form {
    padding: 0 0 0 40px
}

#ModalMessage #pointRelaisDetails .span8,
#ModalMessage #pointRelaisDetailsGRP .span8,
#ModalCommerce #pointRelaisDetails .span8,
#ModalCommerce #pointRelaisDetailsGRP .span8 {
    width: 65.95744680851064%;
    margin-left: 2.127659574468085%
}

@media screen and (max-width: 767px) {

    #ModalMessage #pointRelaisDetails .span8,
    #ModalMessage #pointRelaisDetailsGRP .span8,
    #ModalCommerce #pointRelaisDetails .span8,
    #ModalCommerce #pointRelaisDetailsGRP .span8 {
        margin-left: 0 !important
    }
}

#ModalMessage #pointRelaisDetails .span8.pointAcheminementDetail.selectedPoint,
#ModalMessage #pointRelaisDetailsGRP .span8.pointAcheminementDetail.selectedPoint,
#ModalCommerce #pointRelaisDetails .span8.pointAcheminementDetail.selectedPoint,
#ModalCommerce #pointRelaisDetailsGRP .span8.pointAcheminementDetail.selectedPoint {
    float: left;
    width: 100%;
    margin-left: 0
}

.rtl #ModalMessage #pointRelaisDetails .span8.pointAcheminementDetail.selectedPoint,
.rtl #ModalMessage #pointRelaisDetailsGRP .span8.pointAcheminementDetail.selectedPoint,
.rtl #ModalCommerce #pointRelaisDetails .span8.pointAcheminementDetail.selectedPoint,
.rtl #ModalCommerce #pointRelaisDetailsGRP .span8.pointAcheminementDetail.selectedPoint {
    float: right;
    margin-right: 0
}

#ModalMessage #pointRelaisDetails .span8.pointAcheminementDetail.selectedPoint .infos-point-openingtime .btn,
#ModalMessage #pointRelaisDetailsGRP .span8.pointAcheminementDetail.selectedPoint .infos-point-openingtime .btn,
#ModalCommerce #pointRelaisDetails .span8.pointAcheminementDetail.selectedPoint .infos-point-openingtime .btn,
#ModalCommerce #pointRelaisDetailsGRP .span8.pointAcheminementDetail.selectedPoint .infos-point-openingtime .btn {
    min-width: 212px
}

#ModalMessage #pointRelaisDetails .span8.pointAcheminementDetail.selectedPoint .infos-point-openingtime .close-service-popup--grey,
#ModalMessage #pointRelaisDetailsGRP .span8.pointAcheminementDetail.selectedPoint .infos-point-openingtime .close-service-popup--grey,
#ModalCommerce #pointRelaisDetails .span8.pointAcheminementDetail.selectedPoint .infos-point-openingtime .close-service-popup--grey,
#ModalCommerce #pointRelaisDetailsGRP .span8.pointAcheminementDetail.selectedPoint .infos-point-openingtime .close-service-popup--grey {
    background: #948e88;
    color: #fff;
    display: inline-block;
    font-size: 1.3rem
}

#ModalMessage #pointRelaisDetails .span8.pointAcheminementDetail.selectedPoint .infos-point-openingtime .close-service-popup--grey:hover,
#ModalMessage #pointRelaisDetailsGRP .span8.pointAcheminementDetail.selectedPoint .infos-point-openingtime .close-service-popup--grey:hover,
#ModalCommerce #pointRelaisDetails .span8.pointAcheminementDetail.selectedPoint .infos-point-openingtime .close-service-popup--grey:hover,
#ModalCommerce #pointRelaisDetailsGRP .span8.pointAcheminementDetail.selectedPoint .infos-point-openingtime .close-service-popup--grey:hover {
    background: #a19a94
}

#ModalMessage #pointRelaisDetails .span8.pointAcheminementDetail.selectedPoint form,
#ModalMessage #pointRelaisDetailsGRP .span8.pointAcheminementDetail.selectedPoint form,
#ModalCommerce #pointRelaisDetails .span8.pointAcheminementDetail.selectedPoint form,
#ModalCommerce #pointRelaisDetailsGRP .span8.pointAcheminementDetail.selectedPoint form {
    padding: 0 40px 0 0
}

#ModalMessage #pointRelaisDetails .span8.pointAcheminementDetail.selectedPoint form#addToCartForm,
#ModalMessage #pointRelaisDetailsGRP .span8.pointAcheminementDetail.selectedPoint form#addToCartForm,
#ModalCommerce #pointRelaisDetails .span8.pointAcheminementDetail.selectedPoint form#addToCartForm,
#ModalCommerce #pointRelaisDetailsGRP .span8.pointAcheminementDetail.selectedPoint form#addToCartForm {
    padding: 0
}

#ModalMessage #pointRelaisDetails .span8.pointAcheminementDetail.selectedPoint form#addToCartForm .btn,
#ModalMessage #pointRelaisDetailsGRP .span8.pointAcheminementDetail.selectedPoint form#addToCartForm .btn,
#ModalCommerce #pointRelaisDetails .span8.pointAcheminementDetail.selectedPoint form#addToCartForm .btn,
#ModalCommerce #pointRelaisDetailsGRP .span8.pointAcheminementDetail.selectedPoint form#addToCartForm .btn {
    margin: 0 10px 10px;
    float: right
}

.rtl #ModalMessage #pointRelaisDetails .span8.pointAcheminementDetail.selectedPoint form#addToCartForm .btn,
.rtl #ModalMessage #pointRelaisDetailsGRP .span8.pointAcheminementDetail.selectedPoint form#addToCartForm .btn,
.rtl #ModalCommerce #pointRelaisDetails .span8.pointAcheminementDetail.selectedPoint form#addToCartForm .btn,
.rtl #ModalCommerce #pointRelaisDetailsGRP .span8.pointAcheminementDetail.selectedPoint form#addToCartForm .btn {
    float: left
}

@media screen and (max-width: 768px) {

    #ModalMessage #pointRelaisDetails .span8.pointAcheminementDetail.selectedPoint form#addToCartForm .btn,
    #ModalMessage #pointRelaisDetailsGRP .span8.pointAcheminementDetail.selectedPoint form#addToCartForm .btn,
    #ModalCommerce #pointRelaisDetails .span8.pointAcheminementDetail.selectedPoint form#addToCartForm .btn,
    #ModalCommerce #pointRelaisDetailsGRP .span8.pointAcheminementDetail.selectedPoint form#addToCartForm .btn {
        margin: 10px 10px 0 !important;
        width: 90%;
        float: none
    }
}

@media screen and (max-width: 768px) {

    #ModalMessage #pointRelaisDetails .span8,
    #ModalMessage #pointRelaisDetailsGRP .span8,
    #ModalCommerce #pointRelaisDetails .span8,
    #ModalCommerce #pointRelaisDetailsGRP .span8 {
        width: 100%;
        text-align: center
    }
}

#ModalMedia .modal-body {
    padding-bottom: 12px
}

#ModalMedia .product-viewer .item iframe {
    width: 100%;
    max-height: 100%
}

@media screen and (max-width: 768px) {
    #ModalMedia .product-viewer .item iframe {
        max-height: 200px
    }
}

#ModalPassword,
.modal-message {
    font-family: "Open Sans", "Arial", sans-serif;
font-weight: light;
}

#ModalPassword .close,
.modal-message .close {
    color: #a39a93;
    font-weight: normal;
    transform: none;
    top: 10px
}

#ModalPassword .close::after,
.modal-message .close::after {
    color: #fff
}

#ModalPassword .close:hover,
.modal-message .close:hover {
    transform: none
}

#ModalPassword .close:hover::after,
.modal-message .close:hover::after {
    color: #fff
}

#ModalPassword .modal-body,
.modal-message .modal-body {
    padding: 25px 67px 40px;
    min-height: 22px
}

@media screen and (max-width: 768px) {

    #ModalPassword .modal-body,
    .modal-message .modal-body {
        padding: 18px 25px 0
    }
}

#ModalPassword .modal-body h1,
.modal-message .modal-body h1 {
    font-weight: 100;
    margin: 0;
    font-size: 28px;
    font-size: 2.8rem;
    color: #2a2622
}

#ModalPassword .modal-body .password-title,
#ModalPassword .modal-body h2,
.modal-message .modal-body .password-title,
.modal-message .modal-body h2 {
    font-weight: normal;
    margin: 0;
    color: #232120;
    font-size: 19px;
    font-size: 1.9rem;
    text-transform: uppercase;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

#ModalPassword .modal-body .password-title,
.modal-message .modal-body .password-title {
    letter-spacing: 1.5px;
    line-height: 40px
}

#ModalPassword .modal-body h3,
.modal-message .modal-body h3 {
    color: #232120;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 40px
}

#ModalPassword .modal-body p,
#ModalPassword .modal-body .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #ModalPassword .modal-body div,
.modal-message .modal-body p,
.modal-message .modal-body .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .modal-message .modal-body div {
    font-size: 14.5px;
    font-size: 1.45rem;
    margin: 0 0 5px
}

#ModalPassword .modal-body ul li,
.modal-message .modal-body ul li {
    font-size: 14.5px;
    font-size: 1.45rem
}

#ModalPassword p,
#ModalPassword .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #ModalPassword div {
    margin: 0 0 10px
}

#ModalPassword #inputEmail {
    margin-top: 15px;
    box-shadow: none;
    height: 50px;
    width: 100%;
    padding: 0 14px
}

@media screen and (max-width: 768px) {
    #ModalPassword #inputEmail {
        height: 45px
    }
}

#ModalPassword input {
    border-radius: 0;
    height: 32px;
    width: 240px;
    margin: 0 0 0;
    float: left
}

.rtl #ModalPassword input {
    float: right
}

#ModalPassword .skip {
    clear: both;
    float: left;
    overflow: hidden;
    color: #e2001a;
    margin: 0 0 20px 0;
    font-size: 10px;
    font-size: 1rem
}

.rtl #ModalPassword .skip {
    float: right
}

#ModalPassword p.text-right,
#ModalPassword .krups-block-univers .krups-block-wrapper div.text-right,
.krups-block-univers .krups-block-wrapper #ModalPassword div.text-right {
    overflow: hidden;
    float: left;
    clear: both;
    width: 100%
}

.rtl #ModalPassword p.text-right,
.rtl #ModalPassword .krups-block-univers .krups-block-wrapper div.text-right,
.krups-block-univers .krups-block-wrapper .rtl #ModalPassword div.text-right {
    float: right
}

#ModalPassword p.text-right .btn,
#ModalPassword .krups-block-univers .krups-block-wrapper div.text-right .btn,
.krups-block-univers .krups-block-wrapper #ModalPassword div.text-right .btn {
    background: #f38230;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    display: inline-block;
    transition: all 0.5s;
    cursor: pointer;
    margin: 10px
}

@media screen and (max-width: 768px) {

    #ModalPassword p.text-right .btn,
    #ModalPassword .krups-block-univers .krups-block-wrapper div.text-right .btn,
    .krups-block-univers .krups-block-wrapper #ModalPassword div.text-right .btn {
        width: 60%
    }
}

#ModalPassword p.text-right .btn:hover,
#ModalPassword .krups-block-univers .krups-block-wrapper div.text-right .btn:hover,
.krups-block-univers .krups-block-wrapper #ModalPassword div.text-right .btn:hover,
#ModalPassword p.text-right .btn:focus,
#ModalPassword .krups-block-univers .krups-block-wrapper div.text-right .btn:focus,
.krups-block-univers .krups-block-wrapper #ModalPassword div.text-right .btn:focus {
    color: #fff;
    text-decoration: none;
    background: #ff720d
}

#ModalPassword p.text-right .btn.btn-action,
#ModalPassword .krups-block-univers .krups-block-wrapper div.text-right .btn.btn-action,
.krups-block-univers .krups-block-wrapper #ModalPassword div.text-right .btn.btn-action {
    background: #958e88;
    color: #fff
}

#ModalPassword p.text-right .btn.btn-action:hover,
#ModalPassword .krups-block-univers .krups-block-wrapper div.text-right .btn.btn-action:hover,
.krups-block-univers .krups-block-wrapper #ModalPassword div.text-right .btn.btn-action:hover {
    background: #a39a93
}

@media screen and (max-width: 768px) {

    #ModalPassword p.text-right,
    #ModalPassword .krups-block-univers .krups-block-wrapper div.text-right,
    .krups-block-univers .krups-block-wrapper #ModalPassword div.text-right {
        margin: 0 0 10px;
        width: 100%;
        float: none;
        text-align: center
    }
}

#ModalCurrency h4.modal-buy,
#ModalBusinnessConnector h4.modal-buy,
#ModalCommerce h4.modal-buy,
#ModalProductBuy h4.modal-buy,
#ModalMessage h4.modal-buy {
    margin: 0 0 10px;
    font-weight: 100;
    color: #f38230;
    font-size: 24px;
    font-size: 2.4rem
}

#ModalCurrency .product,
#ModalCurrency .product-viewer,
#ModalBusinnessConnector .product,
#ModalBusinnessConnector .product-viewer,
#ModalCommerce .product,
#ModalCommerce .product-viewer,
#ModalProductBuy .product,
#ModalProductBuy .product-viewer,
#ModalMessage .product,
#ModalMessage .product-viewer {
    width: 100%;
    float: left;
    text-align: center
}

.rtl #ModalCurrency .product,
.rtl #ModalCurrency .product-viewer,
.rtl #ModalBusinnessConnector .product,
.rtl #ModalBusinnessConnector .product-viewer,
.rtl #ModalCommerce .product,
.rtl #ModalCommerce .product-viewer,
.rtl #ModalProductBuy .product,
.rtl #ModalProductBuy .product-viewer,
.rtl #ModalMessage .product,
.rtl #ModalMessage .product-viewer {
    float: right
}

@media screen and (max-width: 768px) {

    #ModalCurrency .product,
    #ModalCurrency .product-viewer,
    #ModalBusinnessConnector .product,
    #ModalBusinnessConnector .product-viewer,
    #ModalCommerce .product,
    #ModalCommerce .product-viewer,
    #ModalProductBuy .product,
    #ModalProductBuy .product-viewer,
    #ModalMessage .product,
    #ModalMessage .product-viewer {
        max-height: 110px;
        overflow: hidden;
        padding: 0 0 0px;
        height: auto;
        margin: 0
    }

    #ModalCurrency .product .item,
    #ModalCurrency .product-viewer .item,
    #ModalBusinnessConnector .product .item,
    #ModalBusinnessConnector .product-viewer .item,
    #ModalCommerce .product .item,
    #ModalCommerce .product-viewer .item,
    #ModalProductBuy .product .item,
    #ModalProductBuy .product-viewer .item,
    #ModalMessage .product .item,
    #ModalMessage .product-viewer .item {
        padding: 10px;
        margin: 0
    }

    #ModalCurrency .product img,
    #ModalCurrency .product-viewer img,
    #ModalBusinnessConnector .product img,
    #ModalBusinnessConnector .product-viewer img,
    #ModalCommerce .product img,
    #ModalCommerce .product-viewer img,
    #ModalProductBuy .product img,
    #ModalProductBuy .product-viewer img,
    #ModalMessage .product img,
    #ModalMessage .product-viewer img {
        max-height: 90px;
        margin: 0 auto
    }
}

@media screen and (max-width: 768px) {

    #ModalCurrency .product .carousel,
    #ModalCurrency .product-viewer .carousel,
    #ModalBusinnessConnector .product .carousel,
    #ModalBusinnessConnector .product-viewer .carousel,
    #ModalCommerce .product .carousel,
    #ModalCommerce .product-viewer .carousel,
    #ModalProductBuy .product .carousel,
    #ModalProductBuy .product-viewer .carousel,
    #ModalMessage .product .carousel,
    #ModalMessage .product-viewer .carousel {
        margin-bottom: 0
    }
}

#ModalCurrency .product-detail,
#ModalBusinnessConnector .product-detail,
#ModalCommerce .product-detail,
#ModalProductBuy .product-detail,
#ModalMessage .product-detail {
    width: 100%;
    padding: 0 0 10px;
    margin: 0;
    border: 0
}

@media screen and (max-width: 768px) {

    .rtl #ModalCurrency .product-detail,
    .rtl #ModalBusinnessConnector .product-detail,
    .rtl #ModalCommerce .product-detail,
    .rtl #ModalProductBuy .product-detail,
    .rtl #ModalMessage .product-detail {
        text-align: right
    }
}

#ModalCurrency .product-detail h2,
#ModalBusinnessConnector .product-detail h2,
#ModalCommerce .product-detail h2,
#ModalProductBuy .product-detail h2,
#ModalMessage .product-detail h2 {
    font-weight: 100;
    color: #f38230;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.2em;
    margin: 0 0 10px;
    text-align: left
}

.rtl #ModalCurrency .product-detail h2,
.rtl #ModalBusinnessConnector .product-detail h2,
.rtl #ModalCommerce .product-detail h2,
.rtl #ModalProductBuy .product-detail h2,
.rtl #ModalMessage .product-detail h2 {
    text-align: right
}

@media screen and (max-width: 768px) {

    #ModalCurrency .product-detail h2,
    #ModalBusinnessConnector .product-detail h2,
    #ModalCommerce .product-detail h2,
    #ModalProductBuy .product-detail h2,
    #ModalMessage .product-detail h2 {
        font-size: 18px;
        font-size: 1.8rem
    }

    .rtl #ModalCurrency .product-detail h2,
    .rtl #ModalBusinnessConnector .product-detail h2,
    .rtl #ModalCommerce .product-detail h2,
    .rtl #ModalProductBuy .product-detail h2,
    .rtl #ModalMessage .product-detail h2 {
        text-align: right
    }
}

#ModalCurrency .product-detail .value,
#ModalBusinnessConnector .product-detail .value,
#ModalCommerce .product-detail .value,
#ModalProductBuy .product-detail .value,
#ModalMessage .product-detail .value {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.2em;
    text-align: center
}

#ModalCurrency .product-detail .value .oldprice,
#ModalBusinnessConnector .product-detail .value .oldprice,
#ModalCommerce .product-detail .value .oldprice,
#ModalProductBuy .product-detail .value .oldprice,
#ModalMessage .product-detail .value .oldprice {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.2em;
    text-align: center;
    color: #f38230
}

#ModalCurrency .product-detail .bc-disclaimer a,
#ModalBusinnessConnector .product-detail .bc-disclaimer a,
#ModalCommerce .product-detail .bc-disclaimer a,
#ModalProductBuy .product-detail .bc-disclaimer a,
#ModalMessage .product-detail .bc-disclaimer a {
    width: auto
}

#ModalCurrency .prod-actions .span12,
#ModalBusinnessConnector .prod-actions .span12,
#ModalCommerce .prod-actions .span12,
#ModalProductBuy .prod-actions .span12,
#ModalMessage .prod-actions .span12 {
    text-align: right;
    padding-top: 15px
}

.rtl #ModalCurrency .prod-actions .span12,
.rtl #ModalBusinnessConnector .prod-actions .span12,
.rtl #ModalCommerce .prod-actions .span12,
.rtl #ModalProductBuy .prod-actions .span12,
.rtl #ModalMessage .prod-actions .span12 {
    text-align: left
}

@media screen and (max-width: 768px) {

    #ModalCurrency .prod-actions .span12,
    #ModalBusinnessConnector .prod-actions .span12,
    #ModalCommerce .prod-actions .span12,
    #ModalProductBuy .prod-actions .span12,
    #ModalMessage .prod-actions .span12 {
        text-align: center
    }

    .rtl #ModalCurrency .prod-actions .span12,
    .rtl #ModalBusinnessConnector .prod-actions .span12,
    .rtl #ModalCommerce .prod-actions .span12,
    .rtl #ModalProductBuy .prod-actions .span12,
    .rtl #ModalMessage .prod-actions .span12 {
        text-align: center
    }
}

#ModalCurrency .prod-actions .btn,
#ModalBusinnessConnector .prod-actions .btn,
#ModalCommerce .prod-actions .btn,
#ModalProductBuy .prod-actions .btn,
#ModalMessage .prod-actions .btn {
    background: #948e88;
    color: #fff;
    width: auto;
    margin: 0 0 10px 12px;
    padding: 17px 25px;
    border-radius: 50px;
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1.5px
}

.rtl #ModalCurrency .prod-actions .btn,
.rtl #ModalBusinnessConnector .prod-actions .btn,
.rtl #ModalCommerce .prod-actions .btn,
.rtl #ModalProductBuy .prod-actions .btn,
.rtl #ModalMessage .prod-actions .btn {
    margin: 0 16px 0 0
}

#ModalCurrency .prod-actions .btn:hover,
#ModalBusinnessConnector .prod-actions .btn:hover,
#ModalCommerce .prod-actions .btn:hover,
#ModalProductBuy .prod-actions .btn:hover,
#ModalMessage .prod-actions .btn:hover {
    background: #a19a94;
    color: #fff
}

#ModalCurrency .prod-actions .btn.btn-action,
#ModalBusinnessConnector .prod-actions .btn.btn-action,
#ModalCommerce .prod-actions .btn.btn-action,
#ModalProductBuy .prod-actions .btn.btn-action,
#ModalMessage .prod-actions .btn.btn-action {
    background: #f38230;
    color: #fff
}

#ModalCurrency .prod-actions .btn.btn-action:hover,
#ModalBusinnessConnector .prod-actions .btn.btn-action:hover,
#ModalCommerce .prod-actions .btn.btn-action:hover,
#ModalProductBuy .prod-actions .btn.btn-action:hover,
#ModalMessage .prod-actions .btn.btn-action:hover {
    background: #ff720d;
    color: #fff
}

@media screen and (max-width: 768px) {

    #ModalCurrency .prod-actions .btn,
    #ModalBusinnessConnector .prod-actions .btn,
    #ModalCommerce .prod-actions .btn,
    #ModalProductBuy .prod-actions .btn,
    #ModalMessage .prod-actions .btn {
        margin: 0 0 5px
    }

    .rtl #ModalCurrency .prod-actions .btn,
    .rtl #ModalBusinnessConnector .prod-actions .btn,
    .rtl #ModalCommerce .prod-actions .btn,
    .rtl #ModalProductBuy .prod-actions .btn,
    .rtl #ModalMessage .prod-actions .btn {
        margin: 0 0 5px
    }
}

#ModalCurrency .span7,
#ModalBusinnessConnector .span7,
#ModalCommerce .span7,
#ModalProductBuy .span7,
#ModalMessage .span7 {
    width: 400px
}

@media screen and (max-width: 768px) {

    #ModalCurrency .span7,
    #ModalBusinnessConnector .span7,
    #ModalCommerce .span7,
    #ModalProductBuy .span7,
    #ModalMessage .span7 {
        width: 100%
    }
}

#ModalCurrency .span5,
#ModalBusinnessConnector .span5,
#ModalCommerce .span5,
#ModalProductBuy .span5,
#ModalMessage .span5 {
    width: 135px;
    margin-left: 5px
}

.rtl #ModalCurrency .span5,
.rtl #ModalBusinnessConnector .span5,
.rtl #ModalCommerce .span5,
.rtl #ModalProductBuy .span5,
.rtl #ModalMessage .span5 {
    margin-right: 5px
}

@media screen and (max-width: 768px) {

    #ModalCurrency .span5,
    #ModalBusinnessConnector .span5,
    #ModalCommerce .span5,
    #ModalProductBuy .span5,
    #ModalMessage .span5 {
        width: 100%;
        margin: 0
    }
}

#ModalCurrency .span5 .product-detail,
#ModalBusinnessConnector .span5 .product-detail,
#ModalCommerce .span5 .product-detail,
#ModalProductBuy .span5 .product-detail,
#ModalMessage .span5 .product-detail {
    width: 100%;
    text-align: right
}

.rtl #ModalCurrency .span5 .product-detail,
.rtl #ModalBusinnessConnector .span5 .product-detail,
.rtl #ModalCommerce .span5 .product-detail,
.rtl #ModalProductBuy .span5 .product-detail,
.rtl #ModalMessage .span5 .product-detail {
    text-align: left
}

@media screen and (max-width: 768px) {

    #ModalCurrency .prod-actions,
    #ModalBusinnessConnector .prod-actions,
    #ModalCommerce .prod-actions,
    #ModalProductBuy .prod-actions,
    #ModalMessage .prod-actions {
        clear: both;
        text-align: center
    }
}

#ModalCurrency #CarouselDetailProductBig .carousel-inner img,
#ModalBusinnessConnector #CarouselDetailProductBig .carousel-inner img,
#ModalCommerce #CarouselDetailProductBig .carousel-inner img,
#ModalProductBuy #CarouselDetailProductBig .carousel-inner img,
#ModalMessage #CarouselDetailProductBig .carousel-inner img {
    height: auto;
    max-height: 345px;
    transform: none;
    top: 0
}

#ModalCurrency .modal-body {
    padding: 30px 40px 40px
}

@media screen and (max-width: 900px) {
    #ModalCurrency .modal-body {
        padding: 10px 35px 10px
    }
}

#ModalCurrency .modal-body .product-detail p.ref,
#ModalCurrency .modal-body .product-detail .krups-block-univers .krups-block-wrapper div.ref,
.krups-block-univers .krups-block-wrapper #ModalCurrency .modal-body .product-detail div.ref {
    float: none;
    margin-top: 7px
}

#ModalCurrency #CarouselDetailProductBig .carousel-inner img {
    height: auto;
    max-height: 345px;
    transform: none;
    top: 0
}

@media screen and (max-width: 900px) {
    #ModalCurrency #CarouselDetailProductBig .carousel-inner img {
        max-height: 100px;
        margin: 0 auto
    }
}

#ModalProductBuy .modal-body {
    padding: 30px 40px 40px
}

@media screen and (max-width: 900px) {
    #ModalProductBuy .modal-body {
        padding: 10px 35px 10px
    }
}

#ModalProductBuy .modal-body .product-detail p.ref,
#ModalProductBuy .modal-body .product-detail .krups-block-univers .krups-block-wrapper div.ref,
.krups-block-univers .krups-block-wrapper #ModalProductBuy .modal-body .product-detail div.ref {
    float: none;
    margin-top: 7px
}

#ModalProductBuy #CarouselDetailProductBig .carousel-inner img {
    height: auto;
    max-height: 345px;
    transform: none;
    top: 0
}

@media screen and (max-width: 900px) {
    #ModalProductBuy #CarouselDetailProductBig .carousel-inner img {
        max-height: 100px;
        margin: 0 auto
    }
}

#ModalMessage .span7 {
    width: 55%
}

#ModalMessage #StoreStockLocator .span7 {
    margin: 0px
}

#ModalMessage .span8 form {
    padding: 0
}

#ModalMessage .search-style1 {
    margin: 0px
}

#ModalBusinnessConnector .modal-body,
#ModalMessage .modal-body {
    max-height: 500px
}

#ModalBusinnessConnector .product-detail form,
#ModalBusinnessConnector .product-detail h3,
#ModalBusinnessConnector .product-detail h1,
#ModalMessage .product-detail form,
#ModalMessage .product-detail h3,
#ModalMessage .product-detail h1 {
    margin: 0 0 15px
}

#ModalBusinnessConnector .row-fluid+h3,
#ModalMessage .row-fluid+h3 {
    margin-top: 15px
}

#ModalMessage.FormStockAlert {
    width: 562px;
    margin-left: -281px;
    min-height: 200px;
    overflow: hidden;
    transition: all 0.3s
}

.rtl #ModalMessage.FormStockAlert {
    margin-right: -281px
}

#ModalMessage.FormStockAlert .close:after {
    color: #FFF;
    font-size: 16px
}

#ModalMessage.FormStockAlert .modal-header {
    background-color: #f38230;
    color: #FFF;
    padding: 12px 45px 10px 15px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-weight: normal;
    font-size: 18px;
    font-size: 1.8rem
}

.rtl #ModalMessage.FormStockAlert .modal-header {
    padding: 12px 15px 10px 45px
}

#ModalMessage.FormStockAlert .modal-body {
    padding: 33px 40px 20px 40px
}

@media screen and (max-width: 1024px) {
    #ModalMessage.FormStockAlert {
        width: auto;
        margin: 0
    }
}
*/
#FormStockAlert {
    margin: 0
}

#FormStockAlert #globalMessages .information_message {
    background: none;
    color: #f38230;
    margin: 3px 0 0 0;
    padding: 0
}

#FormStockAlert #globalMessages .information_message p,
#FormStockAlert #globalMessages .information_message .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #FormStockAlert #globalMessages .information_message div {
    margin: 0;
    color: #f38230;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left
}

.rtl #FormStockAlert #globalMessages .information_message p,
.rtl #FormStockAlert #globalMessages .information_message .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .rtl #FormStockAlert #globalMessages .information_message div {
    text-align: right
}

#FormStockAlert label {
    font-size: 14.5px;
    font-size: 1.45rem;
    margin: 0 5px 5px 0
}

.rtl #FormStockAlert label {
    margin: 0 0 5px 5px
}

#FormStockAlert h3 {
    display: none
}

#FormStockAlert input[type=TEXT] {
    border-radius: 0;
    width: 100%;
    height: 50px;
    font-size: 16px;
    font-size: 1.6rem;
    border: 1px solid #dbdbdd;
    box-shadow: none;
    padding: 5px 30px 6px 10px
}

.rtl #FormStockAlert input[type=TEXT] {
    padding: 5px 10px 6px 30px
}

#FormStockAlert p,
#FormStockAlert .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #FormStockAlert div {
    color: #000;
    font-weight: 100;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 0 6px
}

#FormStockAlert .form-actions {
    padding: 0;
    margin: 0;
    background: transparent;
    text-align: right;
    border: 0;
    position: relative
}

.rtl #FormStockAlert .form-actions {
    text-align: left
}

#FormStockAlert .form-actions .btn-action {
    background: url(../img/arrows/arrow-right-gris2.png) no-repeat center center;
    font-size: 0px;
    font-size: 0rem;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 48px
}

.rtl #FormStockAlert .form-actions .btn-action {
    left: 0;
    right: auto
}

#ModalDeleteAccount .btn {
    width: auto;
    background: #bab9b9;
    color: #ffffff;
    box-shadow: 0 0 transparent;
    margin-left: 16px
}

.rtl #ModalDeleteAccount .btn {
    margin-right: 16px
}

#ModalDeleteAccount .btn:hover {
    background: #939393;
    color: #fff
}

#ModalDeleteAccount .btn.btn-action {
    background: #f38230;
    color: #fff
}

#ModalDeleteAccount .btn.btn-action:hover {
    background: #ff720d
}

.CountrySelBC {
    position: absolute;
    right: -30px;
    text-align: center;
    top: -30px
}

.rtl .CountrySelBC {
    left: -30px
}

@media screen and (max-width: 768px) {
    .CountrySelBC {
        right: 0;
        right: 0;
        left: 0;
        top: -19px;
        text-align: center
    }

    .rtl .CountrySelBC {
        left: 0;
        right: auto
    }

    .CountrySelBC small {
        display: inline
    }
}

.CountrySelBC small {
    float: left;
    padding-right: 10px
}

.rtl .CountrySelBC small {
    float: right;
    padding-left: 10px
}

@media screen and (max-width: 768px) {
    .CountrySelBC small {
        float: none
    }
}

.CountrySeletorBC {
    float: left
}

.rtl .CountrySeletorBC {
    float: right
}

@media screen and (max-width: 768px) {
    .CountrySeletorBC {
        display: inline;
        float: none
    }

    .CountrySeletorBC * {
        display: inline
    }
}

.modal-businessconnector {
    position: relative
}

.modal-businessconnector .input-append {
    margin: 0
}

.modal-businessconnector .close {
    position: absolute;
    right: -20px;
    top: -25px
}

.rtl .modal-businessconnector .close {
    left: -20px;
    right: auto
}

#language-selector,
.country-selector-bc,
#devise-selector {
    display: none;
    position: absolute;
    right: 10px;
    top: 25px;
    z-index: 100;
    width: 60px;
    background: #fff
}

.rtl #language-selector,
.rtl .country-selector-bc,
.rtl #devise-selector {
    left: 10px;
    right: auto
}

.country-selector- {
    display: none;
    position: absolute;
    right: -30px;
    top: 25px;
    z-index: 100;
    width: 160px
}

.rtl .country-selector- {
    left: -30px;
    right: auto
}

.country-selector-bc {
    width: auto;
    right: 0
}

.rtl .country-selector-bc {
    left: 0;
    right: auto
}

.country-selector-bc .flags,
.country-selector .flags {
    padding: 0 5px 3px
}

.country-selector .flags td {
    padding: 2px 3px 0
}

.country-selector-bc td {
    padding: 0 4px
}

#StoreConnectorAjax {
    min-height: 0
}

#modal-businessconnector .CountrySelBC {
    right: 60px
}

.rtl #modal-businessconnector .CountrySelBC {
    left: 60px;
    right: auto
}

.buy-onLine-reditrect-msg {
    margin-top: 5px
}

.buy-onLine-reditrect-msg a,
.distributor-not-found-msg a {
    font-size: 12px;
    color: #948e88
}

.buy-onLine-reditrect-msg a:hover,
.distributor-not-found-msg a:hover {
    text-decoration: underline
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute !important
}

@keyframes anim {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@media screen and (max-width: 768px) {
    .modal {
        max-height: 85%;
        overflow-y: scroll
    }

    .modal .content-modal-body,
    .modal .modal-body {
        padding: 40px 20px 20px
    }

    .modal .content-modal-body h3,
    .modal .modal-body h3 {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 768px) and (max-width: 900px) {

    .modal .content-modal-body h3,
    .modal .modal-body h3 {
        margin-bottom: 0px
    }
}

@media screen and (max-width: 768px) {

    .modal .content-modal-body .infos-exploded-view .span6,
    .modal .modal-body .infos-exploded-view .span6 {
        margin-bottom: 30px
    }

    .modal .content-modal-body .infos-exploded-view .span6 img,
    .modal .modal-body .infos-exploded-view .span6 img {
        float: none;
        margin: 0;
        width: 100%;
        max-width: 405px
    }

    .modal .content-modal-body .infos-exploded-view .span6 .btn,
    .modal .modal-body .infos-exploded-view .span6 .btn {
        margin: 0;
        float: right
    }

    .rtl .modal .content-modal-body .infos-exploded-view .span6 .btn,
    .rtl .modal .modal-body .infos-exploded-view .span6 .btn {
        float: left
    }

    .modal .content-modal-body .infos-exploded-view .span6:last-child,
    .modal .modal-body .infos-exploded-view .span6:last-child {
        margin-bottom: 0
    }

    #ModalMessage .modal-body,
    #ModalCommerce .modal-body {
        padding: 40px 20px 20px
    }

    #ModalMessage .span8,
    #ModalCommerce .span8 {
        padding: 0
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .offer-popin {
        left: 50% !important;
        right: auto !important
    }

    .rtl .offer-popin {
        right: 50% !important;
        left: auto !important
    }
}

.offer-popin {
    padding: 0px;
    margin-left: -280px;
    width: auto
}

.rtl .offer-popin {
    margin-right: -280px
}

.offer-popin .modal-body {
    padding: 0;
    max-height: none
}

[id*="ModalMedia"].transparent-modal {
    background: transparent;
    box-shadow: none;
    padding: 0 75px
}

@media screen and (max-width: 768px) {
    [id*="ModalMedia"].transparent-modal {
        padding: 0
    }
}

[id*="ModalMedia"].transparent-modal ul {
    background: transparent;
    box-shadow: none
}

[id*="ModalMedia"].transparent-modal ul li {
    background: transparent;
    box-shadow: none
}

[id*="ModalMedia"].transparent-modal .item.active {
    background: transparent;
    box-shadow: none
}

.transparent-modal .modal-header button.close {
    display: none
}

.transparent-modal .center-modal-iframe {
    position: relative
}

.transparent-modal .transparent-modal-close {
    position: absolute;
    top: -30px;
    right: -30px;
    border: 1px solid #ED2D24;
    height: 25px;
    width: 25px;
    border-radius: 50%
}

.rtl .transparent-modal .transparent-modal-close {
    left: -30px;
    right: auto
}

.transparent-modal .transparent-modal-close button.close {
    position: absolute;
    top: -5px;
    right: -1px;
    text-shadow: none;
    color: #EB2E25
}

.rtl .transparent-modal .transparent-modal-close button.close {
    left: -1px;
    right: auto
}

.transparent-modal .transparent-modal-close button.close:after {
    font-size: 12px
}

.transparent-modal * {
    overflow: visible !important
}

#ModalMessage.buy-in-store-popin .modal-header {
    display: none
}

#ModalMessage.buy-in-store-popin .modal-body {
    padding: 70px 80px
}

#ModalMessage.buy-in-store-popin .modal-body .span4 .product-viewer {
    float: none
}

#ModalMessage.buy-in-store-popin .modal-body .span4 .product-viewer img {
    max-height: -240px
}

#ModalMessage.buy-in-store-popin .modal-body .span8 h3 {
    font-size: 25px;
    font-size: 2.5rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-weight: normal;
    text-transform: uppercase;
    color: #2a2622;
    position: relative;
    padding: 0 0 25px 0;
    margin: 0 0 30px;
    line-height: 32px;
    float: left;
    max-width: 290px
}

.rtl #ModalMessage.buy-in-store-popin .modal-body .span8 h3 {
    float: right
}

#ModalMessage.buy-in-store-popin .modal-body .span8 h3:after {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    bottom: 0;
    left: 0
}

.rtl #ModalMessage.buy-in-store-popin .modal-body .span8 h3:after {
    left: auto;
    right: 0
}

#ModalMessage.buy-in-store-popin .modal-body .span8 .ref {
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #948e88;
    text-transform: uppercase;
    float: right;
    width: auto;
    border: 0;
    margin: 9px 0 0 0;
    padding: 0
}

.rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .ref {
    float: left
}

#ModalMessage.buy-in-store-popin .modal-body .span8 .buy-in-store-title {
    font-size: 20px;
    font-size: 2rem;
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    color: #2a2622;
    float: left;
    margin: 13px 0 0
}

.rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .buy-in-store-title {
    float: right
}

#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 {
    float: right;
    width: 59%
}

.rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 {
    float: left
}

#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe {
    margin: 0 0 23px
}

#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .default-btn,
#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .page-ProductComparatorPage .product-comparison .table-compare a.btn,
.page-ProductComparatorPage .product-comparison .table-compare #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn,
#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .page-ProductComparatorPage .product-comparison .scrollableTable a.btn,
.page-ProductComparatorPage .product-comparison .scrollableTable #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn,
#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .comparison .table-compare a.btn,
.comparison .table-compare #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn,
#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .comparison .scrollableTable a.btn,
.comparison .scrollableTable #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn {
    font-size: 13px;
    font-size: 1.3rem;
    margin: 0;
    background: #fff;
    border: 1px solid #948e88;
    color: #948e88;
    border-radius: 40px;
    line-height: 18px;
    padding: 15px 10px 15px 46px;
    text-align: left;
    transition: all 0.3s
}

.rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .default-btn,
.rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .page-ProductComparatorPage .product-comparison .table-compare a.btn,
.page-ProductComparatorPage .product-comparison .table-compare .rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn,
.rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .page-ProductComparatorPage .product-comparison .scrollableTable a.btn,
.page-ProductComparatorPage .product-comparison .scrollableTable .rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn,
.rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .comparison .table-compare a.btn,
.comparison .table-compare .rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn,
.rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .comparison .scrollableTable a.btn,
.comparison .scrollableTable .rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn {
    padding: 15px 46px 15px 10px;
    text-align: right
}

#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .default-btn:before,
#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .page-ProductComparatorPage .product-comparison .table-compare a.btn:before,
.page-ProductComparatorPage .product-comparison .table-compare #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn:before,
#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .page-ProductComparatorPage .product-comparison .scrollableTable a.btn:before,
.page-ProductComparatorPage .product-comparison .scrollableTable #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn:before,
#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .comparison .table-compare a.btn:before,
.comparison .table-compare #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn:before,
#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .comparison .scrollableTable a.btn:before,
.comparison .scrollableTable #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn:before {
    display: none
}

#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .default-btn:after,
#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .page-ProductComparatorPage .product-comparison .table-compare a.btn:after,
.page-ProductComparatorPage .product-comparison .table-compare #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn:after,
#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .page-ProductComparatorPage .product-comparison .scrollableTable a.btn:after,
.page-ProductComparatorPage .product-comparison .scrollableTable #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn:after,
#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .comparison .table-compare a.btn:after,
.comparison .table-compare #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn:after,
#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .comparison .scrollableTable a.btn:after,
.comparison .scrollableTable #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn:after {
    background: url(../img/icon/pin-gris.png) no-repeat 0 0;
    background-size: 17px 20px;
    width: 17px;
    right: auto;
    left: 20px
}

.rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .default-btn:after,
.rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .page-ProductComparatorPage .product-comparison .table-compare a.btn:after,
.page-ProductComparatorPage .product-comparison .table-compare .rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn:after,
.rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .page-ProductComparatorPage .product-comparison .scrollableTable a.btn:after,
.page-ProductComparatorPage .product-comparison .scrollableTable .rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn:after,
.rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .comparison .table-compare a.btn:after,
.comparison .table-compare .rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn:after,
.rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .comparison .scrollableTable a.btn:after,
.comparison .scrollableTable .rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn:after {
    left: auto;
    right: 20px
}

#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .default-btn:hover,
#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .page-ProductComparatorPage .product-comparison .table-compare a.btn:hover,
.page-ProductComparatorPage .product-comparison .table-compare #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn:hover,
#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .page-ProductComparatorPage .product-comparison .scrollableTable a.btn:hover,
.page-ProductComparatorPage .product-comparison .scrollableTable #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn:hover,
#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .comparison .table-compare a.btn:hover,
.comparison .table-compare #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn:hover,
#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .comparison .scrollableTable a.btn:hover,
.comparison .scrollableTable #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn:hover {
    background: #948e88;
    color: #fff
}

#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .default-btn:hover:after,
#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .page-ProductComparatorPage .product-comparison .table-compare a.btn:hover:after,
.page-ProductComparatorPage .product-comparison .table-compare #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn:hover:after,
#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .page-ProductComparatorPage .product-comparison .scrollableTable a.btn:hover:after,
.page-ProductComparatorPage .product-comparison .scrollableTable #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn:hover:after,
#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .comparison .table-compare a.btn:hover:after,
.comparison .table-compare #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn:hover:after,
#ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe .comparison .scrollableTable a.btn:hover:after,
.comparison .scrollableTable #ModalMessage.buy-in-store-popin .modal-body .span8 .span7 .locateMe a.btn:hover:after {
    background: url(../img/icon/pin.png) no-repeat 0 0;
    background-size: none
}

#ModalMessage.buy-in-store-popin .modal-body .span8 .span7.exploded-view-cont {
    width: 100%
}

#ModalMessage.buy-in-store-popin .modal-body .span8 .span7.exploded-view-cont input[type="text"] {
    height: 32px;
    width: 100%;
    display: block;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #eaeeef;
    padding: 0 30px 0 0;
    box-shadow: none;
    margin: 0
}

.rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .span7.exploded-view-cont input[type="text"] {
    padding: 0 0 0 30px
}

#ModalMessage.buy-in-store-popin .modal-body .span8 .span7.exploded-view-cont input[type="text"]::-webkit-input-placeholder {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #bebdbd
}

#ModalMessage.buy-in-store-popin .modal-body .span8 .span7.exploded-view-cont input[type="text"]:-moz-placeholder {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #bebdbd
}

#ModalMessage.buy-in-store-popin .modal-body .span8 .span7.exploded-view-cont input[type="text"]::-moz-placeholder {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #bebdbd
}

#ModalMessage.buy-in-store-popin .modal-body .span8 .span7.exploded-view-cont input[type="text"]:-ms-input-placeholder {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #bebdbd
}

#ModalMessage.buy-in-store-popin .modal-body .span8 .span7.exploded-view-cont .btn-action {
    right: 0;
    top: 16px
}

.rtl #ModalMessage.buy-in-store-popin .modal-body .span8 .span7.exploded-view-cont .btn-action {
    right: auto;
    left: 0
}

#ModalMessage.buy-in-store-popin .close {
    top: 0;
    right: -70px
}

.rtl #ModalMessage.buy-in-store-popin .close {
    left: -70px;
    right: auto
}

#ModalMessage.buy-in-store-popin .close:after {
    font-size: 22px;
    font-size: 2.2rem
}

.modal .modal-header span.modal-title.emptycart {
    font-size: 1.8rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-weight: normal;
    margin: 0;
    line-height: 30px;
    letter-spacing: 1.5px
}

#ModalRemoveCart .btn {
    background: #948e88
}

#ModalRemoveCart .btn:hover {
    background: #a19a94
}

#ModalRemoveCart .btn.btn-action {
    background: #f38230
}

#ModalRemoveCart .btn.btn-action:hover {
    background: #ff720d
}

/*
#ModalCommerce.modal-business {
    box-shadow: none;
    background: transparent;
    width: 1070px;
    padding: 0 75px;
    margin-left: -540px
}

@media screen and (max-width: 768px) {
    #ModalCommerce.modal-business {
        width: 85%;
        left: 7.5%;
        right: 5%;
        margin: 0;
        padding: 40px 0;
        top: 5%
    }
}

@media screen and (max-width: 768px) {
    #ModalCommerce.modal-business .product {
        margin-bottom: 20px
    }
}

#ModalCommerce.modal-business .close {
    right: 0;
    top: -5px
}

#ModalCommerce.modal-business .close:after {
    font-size: 22px;
    font-size: 2.2rem;
    color: #fff
}

#ModalCommerce.modal-business .modal-header {
    display: none
}

#ModalCommerce.modal-business .modal-body {
    padding: 60px 80px 50px;
    background: #fff
}

@media screen and (max-width: 768px) {
    #ModalCommerce.modal-business .modal-body {
        padding: 20px
    }
}

@media screen and (max-height: 680px) {
    #ModalCommerce.modal-business .modal-body {
        max-height: 100% !important
    }
}

#ModalCommerce.modal-business h3 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 25px;
    font-size: 2.5rem;
    color: #2a2622;
    letter-spacing: initial;
    position: relative;
    padding: 0 0 30px 0;
    margin: 0 0 20px;
    line-height: 30px;
    float: left;
    width: 70%
}

#ModalCommerce.modal-business h3:before {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    bottom: 0;
    left: 0
}

@media screen and (max-width: 768px) {
    #ModalCommerce.modal-business h3 {
        font-size: 18px;
        font-size: 1.8rem;
        float: none;
        width: 100%;
        padding: 0 0 20px 0;
        margin: 0 0 20px
    }
}

#ModalCommerce.modal-business .ref {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #948e88;
    float: right;
    width: 30%
}

#ModalCommerce.modal-business .ref strong {
    font-size: 14px;
    font-size: 1.4rem
}

@media screen and (max-width: 768px) {
    #ModalCommerce.modal-business .ref {
        font-size: 12px;
        font-size: 1.2rem;
        float: none;
        width: 100%
    }
}

#ModalCommerce.modal-business .accessorie-link>p,
#ModalCommerce.modal-business .krups-block-univers .krups-block-wrapper .accessorie-link>div,
.krups-block-univers .krups-block-wrapper #ModalCommerce.modal-business .accessorie-link>div {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    color: #2a2622;
    font-size: 20px;
    font-size: 2rem;
    line-height: 26px;
    text-transform: none;
    margin-bottom: 25px
}

@media screen and (max-width: 768px) {

    #ModalCommerce.modal-business .accessorie-link>p,
    #ModalCommerce.modal-business .krups-block-univers .krups-block-wrapper .accessorie-link>div,
    .krups-block-univers .krups-block-wrapper #ModalCommerce.modal-business .accessorie-link>div {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        float: none;
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    #ModalCommerce.modal-business .accessorie-link .bc-disclaimer {
        text-align: center
    }
}

#ModalCommerce.modal-business .commerce-connector {
    margin-bottom: 15px
}

@media screen and (min-width: 768px) {
    #ModalCommerce.modal-business .commerce-connector-wrapper .bx-controls .bx-controls-direction {
        display: none
    }
}

#ModalCommerce.modal-business .modal-body {
    padding: 10px 80px 50px !important
}

#ModalCommerce .span8 .accessorie-link p,
#ModalCommerce .span8 .accessorie-link .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #ModalCommerce .span8 .accessorie-link div {
    margin-top: 20px
}
*/
.btn-align-forfait {
    box-sizing: border-box !important;
    width: 290px !important;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0px !important;
    padding-right: 0px !important
}

#myCarouselBC {
    display: block
}

#ModalConnectorCommerce {
    overflow: visible
}

#ModalConnectorCommerce * {
    box-sizing: border-box
}

@media screen and (min-width: 0) and (max-width: 820px) and (orientation: landscape) {
    #ModalConnectorCommerce {
        height: 80%
    }
}

@media screen and (max-width: 720px) and (orientation: landscape) {
    #ModalConnectorCommerce {
        height: 90%
    }
}

#ModalConnectorCommerce .modal-header {
    display: none
}

#ModalConnectorCommerce .close {
    top: -7px;
    right: -35px
}

@media screen and (max-width: 820px) {
    #ModalConnectorCommerce .close {
        top: -32px;
        right: 0
    }
}

#ModalConnectorCommerce .modal-body {
    max-height: 640px;
    min-height: 210px;
    padding: 30px
}

@media screen and (max-width: 820px) {
    #ModalConnectorCommerce .modal-body {
        max-height: 500px !important;
        padding: 20px
    }
}

@media screen and (min-width: 0) and (max-width: 820px) and (orientation: landscape) {
    #ModalConnectorCommerce .modal-body {
        max-height: 100% !important
    }
}

#ModalConnectorCommerce .modal-body .row-fluid .span4 .product-viewer {
    width: 90%
}

@media screen and (max-width: 820px) {
    #ModalConnectorCommerce .modal-body .row-fluid .span4 .product-viewer {
        width: 100%
    }
}

#ModalConnectorCommerce .modal-body .row-fluid .span4 .product-viewer img {
    padding: 20px;
    border: 1px solid #DADADA
}

@media screen and (min-width: 0) and (max-width: 820px) and (orientation: landscape) {
    #ModalConnectorCommerce .modal-body .row-fluid .span4 .product-viewer img {
        height: 200px !important
    }
}

#ModalConnectorCommerce .modal-body .row-fluid .span8 {
    width: 65.95744680851064% !important
}

@media screen and (max-width: 820px) {
    #ModalConnectorCommerce .modal-body .row-fluid .span8 {
        width: 100% !important
    }
}

#ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector {
    padding: 0;
    position: relative;
    width: 100%;
    border: 0;
    z-index: 1;
    margin-bottom: 0
}

#ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector h1 {
    font-size: 25px;
    font-size: 2.5rem;
    position: relative;
    line-height: 30px;
    padding: 0 0 20px;
    margin: 0 0 20px;
    color: #2a2622
}

#ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector h1::before {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    bottom: 0;
    left: 0
}

#ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector .ref {
    font-size: 14px;
    color: #a3a3be;
    margin: 4px 0 10px;
    position: relative;
    text-transform: uppercase
}

#ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator .span4,
#ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator .span8 {
    width: 48.93617021276595% !important
}

@media screen and (max-width: 820px) {

    #ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator .span4,
    #ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator .span8 {
        width: 100% !important
    }
}

#ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator .ui-btn {
    min-width: 100%;
    min-height: 40px;
    font-weight: bold
}

#ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator .ui-input-row,
#ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator #fragmentDeliveryPage #deliveryAddAddessForm .control-group,
#fragmentDeliveryPage #deliveryAddAddessForm #ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator .control-group,
#ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator #fragmentPaymentPage #deliveryAddAddessForm .control-group,
#fragmentPaymentPage #deliveryAddAddessForm #ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator .control-group {
    margin-left: 10px
}

@media screen and (max-width: 820px) {

    #ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator .ui-input-row,
    #ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator #fragmentDeliveryPage #deliveryAddAddessForm .control-group,
    #fragmentDeliveryPage #deliveryAddAddessForm #ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator .control-group,
    #ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator #fragmentPaymentPage #deliveryAddAddessForm .control-group,
    #fragmentPaymentPage #deliveryAddAddessForm #ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator .control-group {
        margin-left: 0
    }
}

#ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator .ui-input-row input,
#ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator #fragmentDeliveryPage #deliveryAddAddessForm .control-group input,
#fragmentDeliveryPage #deliveryAddAddessForm #ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator .control-group input,
#ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator #fragmentPaymentPage #deliveryAddAddessForm .control-group input,
#fragmentPaymentPage #deliveryAddAddessForm #ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator .control-group input {
    width: 100%;
    min-height: 40px
}

#ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator .icon-map-marker {
    background-position: -24px -72px !important;
    background-image: url(../img/glyphicons-halflings-white.png) !important;
    width: 15px !important;
    height: 15px !important
}

#ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator #LocateStockStore {
    min-width: 1px
}

@media screen and (max-width: 820px) {
    #ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator #LocateStockStore {
        min-width: 100%
    }
}

#ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector #StoreStockLocator h3 {
    font-size: 16px;
    color: #6d6e70;
    margin-top: 10px;
    margin-bottom: 15px
}

#ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector select {
    height: 28px;
    color: #000
}

#ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector select option {
    color: #000
}

#ModalConnectorCommerce .modal-body .row-fluid .span8 .modal-businessconnector form {
    margin-bottom: 0
}

#ModalConnectorCommerce .modal-body .row-fluid .offset4 h3 {
    font-size: 16px
}

#ModalConnectorCommerce .modal-body .row-fluid .offset4 .bc-disclaimer {
    padding-left: 0;
    margin-bottom: 10px
}

#ModalConnectorCommerce .modal-body .row-fluid .offset4 .bc-disclaimer .btn-action {
    font-size: 12px;
    padding: 6px 15px;
    width: auto;
    background-color: #f38230
}

@media screen and (max-width: 820px) {
    #ModalConnectorCommerce .modal-body .row-fluid .offset4 {
        margin-left: 0 !important;
        margin-top: 10px
    }
}

#ModalConnectorCommerce .modal-body .row-fluid .offset4 .towheretobuy a {
    text-decoration: underline
}

#ModalConnectorCommerce .modal-body #MapStoreStok .buyInStoreShowMore {
    width: 100%;
    margin-top: 10px
}

#ModalConnectorCommerce .modal-body #MapStoreStok h3 {
    font-size: 16px;
    line-height: 20px;
    text-transform: unset;
    color: #000;
    margin: 10px 0;
    font-family: "Open Sans", "Arial", sans-serif;
font-weight: light;
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .slimScrollDiv {
    border-top: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
    width: 90% !important
}

@media screen and (max-width: 820px) {
    #ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .slimScrollDiv {
        width: 100% !important
    }
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off hr {
    border: none;
    margin: 0;
    padding: 0
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store {
    margin-right: 10px;
    box-shadow: 2px 0 3px #d1cdd1;
    border-left: 1px solid #DADADA;
    border-right: 1px solid #DADADA
}

@media screen and (max-width: 820px) {
    #ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store {
        margin-right: 0
    }
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul {
    list-style: none;
    margin: 0
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul li {
    border-bottom: solid 1px #DADADA;
    min-height: 64px;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul li:last-child {
    border-bottom: none
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul li:active,
#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul li:hover,
#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul li:focus,
#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul li.active {
    background: #eeeef1
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul li a {
    display: inline-block;
    padding: 5px;
    width: 100%
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul li a .bloc-img {
    position: static;
    display: inline-block;
    vertical-align: top
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul li a .bloc-img img {
    margin: 0 5px 0 0
}

@media screen and (max-width: 820px) {
    #ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul li a .bloc-img img {
        margin: 10px
    }
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul li a p,
#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul li a .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul li a div {
    display: inline-block
}

@media screen and (max-width: 820px) {

    #ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul li a p,
    #ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul li a .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper #ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul li a div {
        text-align: left
    }
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul li h4 {
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    color: #000
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul li .bloc-img {
    width: 30%;
    height: 64px;
    float: left;
    margin-top: 10px
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul li img {
    display: block;
    vertical-align: middle;
    width: 50px !important;
    max-height: 50px !important;
    height: auto !important;
    margin: 5px 0 0 10px
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul li p,
#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul li .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .list-store ul li div {
    width: 50%;
    float: left;
    font-size: 14px;
    margin: 10px 0 0 0;
    line-height: 15px;
    color: #4f4f4f
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro {
    padding: 0 !important
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvas,
#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvasGRP {
    height: 360px !important
}

@media screen and (max-width: 820px) {

    #ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvas,
    #ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvasGRP {
        height: 400px !important
    }
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvas .gm-style-iw-d,
#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvas .gm-style-iw,
#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvasGRP .gm-style-iw-d,
#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvasGRP .gm-style-iw {
    max-height: 400px !important;
    max-width: 220px !important
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvas .gm-style-iw div:first-of-type,
#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvasGRP .gm-style-iw div:first-of-type {
    max-width: 100% !important
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvas .valid,
#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvasGRP .valid {
    color: #69b535
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvas h4 a,
#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvasGRP h4 a {
    color: #f38230 !important;
    font-weight: normal !important
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvas p[align=center],
#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvas .krups-block-univers .krups-block-wrapper div[align=center],
.krups-block-univers .krups-block-wrapper #ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvas div[align=center],
#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvasGRP p[align=center],
#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvasGRP .krups-block-univers .krups-block-wrapper div[align=center],
.krups-block-univers .krups-block-wrapper #ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvasGRP div[align=center] {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvas p[align=center] a,
#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvas .krups-block-univers .krups-block-wrapper div[align=center] a,
.krups-block-univers .krups-block-wrapper #ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvas div[align=center] a,
#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvasGRP p[align=center] a,
#ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvasGRP .krups-block-univers .krups-block-wrapper div[align=center] a,
.krups-block-univers .krups-block-wrapper #ModalConnectorCommerce .modal-body #MapStoreStok .list-store-off .store-on-line-intro #map-canvasGRP div[align=center] a {
    font-size: 10px;
    font-weight: bold;
    min-width: auto;
    padding: 5px 15px
}

#validateRelayPoint.btn-align-forfait {
    padding: 4px 30px !important
}

.a2a_kit a,
.a2a_default_style .a2a_img,
.a2a_default_style .a2a_dd,
.a2a_default_style .a2a_svg {
    float: none !important;
    padding: 5px !important
}

@media screen and (max-width: 600px) {

    .a2a_kit a,
    .a2a_default_style .a2a_img,
    .a2a_default_style .a2a_dd,
    .a2a_default_style .a2a_svg {
        float: none !important
    }
}

.a2a_menu,
.a2a_menu_inside,
.a2a_menu a,
.a2a_tabs div,
.a2a_menu_find_container,
.a2a_menu_powered_by {
    border-radius: 0 !important
}

a.a2a_menu_show_more_less span {
    background: url("../img/more-a2a.jpg") no-repeat
}

#a2apage_overlay {
    background: #fff
}

@media screen and (max-width: 768px) {

    .page-storefinderPage .row-fluid.bloc-light,
    .page-CSSRepairers .row-fluid.bloc-light,
    .page-CSSRepairersWithMap .row-fluid.bloc-light,
    .revendeur {
        padding: 0
    }
}

.page-storefinderPage .row-fluid.bloc-light .lame-seo,
.page-CSSRepairers .row-fluid.bloc-light .lame-seo,
.page-CSSRepairersWithMap .row-fluid.bloc-light .lame-seo,
.revendeur .lame-seo {
    width: 960px;
    margin: 0 auto;
    clear: both;
    padding: 15px
}

@media screen and (max-width: 768px) {

    .page-storefinderPage .row-fluid.bloc-light .lame-seo,
    .page-CSSRepairers .row-fluid.bloc-light .lame-seo,
    .page-CSSRepairersWithMap .row-fluid.bloc-light .lame-seo,
    .revendeur .lame-seo {
        width: 100%
    }
}

.page-storefinderPage .row-fluid.bloc-light .lame-seo a,
.page-CSSRepairers .row-fluid.bloc-light .lame-seo a,
.page-CSSRepairersWithMap .row-fluid.bloc-light .lame-seo a,
.revendeur .lame-seo a {
    text-align: right;
    color: #ed1c24;
    text-decoration: none;
    display: block;
    font-size: 14.5px;
    font-size: 1.45rem;
    position: relative;
    font-weight: 500
}

.page-storefinderPage .row-fluid.bloc-light .lame-seo a:hover,
.page-CSSRepairers .row-fluid.bloc-light .lame-seo a:hover,
.page-CSSRepairersWithMap .row-fluid.bloc-light .lame-seo a:hover,
.revendeur .lame-seo a:hover {
    color: #eaeeef
}

.rtl .page-storefinderPage .row-fluid.bloc-light .lame-seo,
.rtl .page-CSSRepairers .row-fluid.bloc-light .lame-seo,
.rtl .page-CSSRepairersWithMap .row-fluid.bloc-light .lame-seo,
.rtl .revendeur .lame-seo {
    text-align: left
}

.page-storefinderPage .row-fluid.bloc-light>.span3,
.page-CSSRepairers .row-fluid.bloc-light>.span3,
.page-CSSRepairersWithMap .row-fluid.bloc-light>.span3,
.revendeur>.span3 {
    width: 240px;
    margin: 0;
    padding: 0 3px 0 0
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .page-storefinderPage .row-fluid.bloc-light>.span3,
    .page-CSSRepairers .row-fluid.bloc-light>.span3,
    .page-CSSRepairersWithMap .row-fluid.bloc-light>.span3,
    .revendeur>.span3 {
        width: 100%;
        padding: 0
    }

    .page-storefinderPage .row-fluid.bloc-light>.span3 .filters,
    .page-CSSRepairers .row-fluid.bloc-light>.span3 .filters,
    .page-CSSRepairersWithMap .row-fluid.bloc-light>.span3 .filters,
    .revendeur>.span3 .filters {
        overflow: hidden
    }

    .page-storefinderPage .row-fluid.bloc-light>.span3 .item,
    .page-CSSRepairers .row-fluid.bloc-light>.span3 .item,
    .page-CSSRepairersWithMap .row-fluid.bloc-light>.span3 .item,
    .revendeur>.span3 .item {
        float: left;
        width: 100%;
        padding: 0 10px
    }
}

@media screen and (max-width: 768px) {

    .page-storefinderPage .row-fluid.bloc-light>.span3,
    .page-CSSRepairers .row-fluid.bloc-light>.span3,
    .page-CSSRepairersWithMap .row-fluid.bloc-light>.span3,
    .revendeur>.span3 {
        width: 100%;
        padding: 0
    }
}

.rtl .page-storefinderPage .row-fluid.bloc-light>.span3,
.rtl .page-CSSRepairers .row-fluid.bloc-light>.span3,
.rtl .page-CSSRepairersWithMap .row-fluid.bloc-light>.span3,
.rtl .revendeur>.span3 {
    float: right
}

.page-storefinderPage .row-fluid.bloc-light .bloc-light>.span3,
.page-CSSRepairers .row-fluid.bloc-light .bloc-light>.span3,
.page-CSSRepairersWithMap .row-fluid.bloc-light .bloc-light>.span3,
.revendeur .bloc-light>.span3 {
    width: 240px;
    margin: 0;
    padding: 0 3px 0 0
}

@media screen and (max-width: 1024px) {

    .page-storefinderPage .row-fluid.bloc-light .bloc-light>.span3,
    .page-CSSRepairers .row-fluid.bloc-light .bloc-light>.span3,
    .page-CSSRepairersWithMap .row-fluid.bloc-light .bloc-light>.span3,
    .revendeur .bloc-light>.span3 {
        width: 35%
    }
}

@media screen and (max-width: 768px) {

    .page-storefinderPage .row-fluid.bloc-light .bloc-light>.span3,
    .page-CSSRepairers .row-fluid.bloc-light .bloc-light>.span3,
    .page-CSSRepairersWithMap .row-fluid.bloc-light .bloc-light>.span3,
    .revendeur .bloc-light>.span3 {
        width: 100%
    }
}

.rtl .page-storefinderPage .row-fluid.bloc-light .bloc-light>.span3,
.rtl .page-CSSRepairers .row-fluid.bloc-light .bloc-light>.span3,
.rtl .page-CSSRepairersWithMap .row-fluid.bloc-light .bloc-light>.span3,
.rtl .revendeur .bloc-light>.span3 {
    float: right
}

.page-storefinderPage .row-fluid.bloc-light .span9,
.page-CSSRepairers .row-fluid.bloc-light .span9,
.page-CSSRepairersWithMap .row-fluid.bloc-light .span9,
.revendeur .span9 {
    width: 768px;
    margin: 0
}

@media screen and (max-width: 1024px) {

    .page-storefinderPage .row-fluid.bloc-light .span9,
    .page-CSSRepairers .row-fluid.bloc-light .span9,
    .page-CSSRepairersWithMap .row-fluid.bloc-light .span9,
    .revendeur .span9 {
        width: 100%
    }

    .page-storefinderPage .row-fluid.bloc-light .span9 .picture img,
    .page-CSSRepairers .row-fluid.bloc-light .span9 .picture img,
    .page-CSSRepairersWithMap .row-fluid.bloc-light .span9 .picture img,
    .revendeur .span9 .picture img {
        width: 100%
    }
}

@media screen and (max-width: 768px) {

    .page-storefinderPage .row-fluid.bloc-light .span9,
    .page-CSSRepairers .row-fluid.bloc-light .span9,
    .page-CSSRepairersWithMap .row-fluid.bloc-light .span9,
    .revendeur .span9 {
        width: 100%
    }
}

.rtl .page-storefinderPage .row-fluid.bloc-light .span9,
.rtl .page-CSSRepairers .row-fluid.bloc-light .span9,
.rtl .page-CSSRepairersWithMap .row-fluid.bloc-light .span9,
.rtl .revendeur .span9 {
    padding: 0 10px 0 0;
    float: left
}

.page-storefinderPage .row-fluid.bloc-light .container,
.page-CSSRepairers .row-fluid.bloc-light .container,
.page-CSSRepairersWithMap .row-fluid.bloc-light .container,
.revendeur .container {
    width: 960px
}

@media screen and (max-width: 768px) {

    .page-storefinderPage .row-fluid.bloc-light .container,
    .page-CSSRepairers .row-fluid.bloc-light .container,
    .page-CSSRepairersWithMap .row-fluid.bloc-light .container,
    .revendeur .container {
        width: 100%
    }
}

.page-storefinderPage .row-fluid.bloc-light .faq-banner .picture h3,
.page-CSSRepairers .row-fluid.bloc-light .faq-banner .picture h3,
.page-CSSRepairersWithMap .row-fluid.bloc-light .faq-banner .picture h3,
.revendeur .faq-banner .picture h3 {
    margin: 0
}

.page-storefinderPage .row-fluid.bloc-light .faq-banner .caption,
.page-CSSRepairers .row-fluid.bloc-light .faq-banner .caption,
.page-CSSRepairersWithMap .row-fluid.bloc-light .faq-banner .caption,
.revendeur .faq-banner .caption {
    padding: 20px
}

.page-storefinderPage .row-fluid.bloc-light .faq-banner h1,
.page-CSSRepairers .row-fluid.bloc-light .faq-banner h1,
.page-CSSRepairersWithMap .row-fluid.bloc-light .faq-banner h1,
.revendeur .faq-banner h1 {
    font-weight: 100;
    margin: 0 0 5px;
    color: #f38230;
    position: relative;
    z-index: 20;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.1em;
    text-transform: uppercase
}

.page-storefinderPage .row-fluid.bloc-light .faq-banner p,
.page-storefinderPage .row-fluid.bloc-light .faq-banner .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-storefinderPage .row-fluid.bloc-light .faq-banner div,
.page-CSSRepairers .row-fluid.bloc-light .faq-banner p,
.page-CSSRepairers .row-fluid.bloc-light .faq-banner .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-CSSRepairers .row-fluid.bloc-light .faq-banner div,
.page-CSSRepairersWithMap .row-fluid.bloc-light .faq-banner p,
.page-CSSRepairersWithMap .row-fluid.bloc-light .faq-banner .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-CSSRepairersWithMap .row-fluid.bloc-light .faq-banner div,
.revendeur .faq-banner p,
.revendeur .faq-banner .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .revendeur .faq-banner div {
    line-height: 1.4em;
    font-size: 14.5px;
    font-size: 1.45rem;
    margin: 0
}

.rtl .page-storefinderPage .row-fluid.bloc-light .faq-banner p,
.rtl .page-storefinderPage .row-fluid.bloc-light .faq-banner .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .rtl .page-storefinderPage .row-fluid.bloc-light .faq-banner div,
.rtl .page-CSSRepairers .row-fluid.bloc-light .faq-banner p,
.rtl .page-CSSRepairers .row-fluid.bloc-light .faq-banner .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .rtl .page-CSSRepairers .row-fluid.bloc-light .faq-banner div,
.rtl .page-CSSRepairersWithMap .row-fluid.bloc-light .faq-banner p,
.rtl .page-CSSRepairersWithMap .row-fluid.bloc-light .faq-banner .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .rtl .page-CSSRepairersWithMap .row-fluid.bloc-light .faq-banner div,
.rtl .revendeur .faq-banner p,
.rtl .revendeur .faq-banner .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .rtl .revendeur .faq-banner div {
    text-align: right
}

.page-storefinderPage .row-fluid.bloc-light .filter-list .name,
.page-CSSRepairers .row-fluid.bloc-light .filter-list .name,
.page-CSSRepairersWithMap .row-fluid.bloc-light .filter-list .name,
.revendeur .filter-list .name {
    display: block;
    font-size: 15px;
    font-size: 1.5rem
}

.page-storefinderPage .row-fluid.bloc-light .search,
.page-CSSRepairers .row-fluid.bloc-light .search,
.page-CSSRepairersWithMap .row-fluid.bloc-light .search,
.revendeur .search {
    position: relative
}

.page-storefinderPage .row-fluid.bloc-light .search .controls,
.page-CSSRepairers .row-fluid.bloc-light .search .controls,
.page-CSSRepairersWithMap .row-fluid.bloc-light .search .controls,
.revendeur .search .controls {
    overflow: hidden
}

.page-storefinderPage .row-fluid.bloc-light .search .controls select,
.page-CSSRepairers .row-fluid.bloc-light .search .controls select,
.page-CSSRepairersWithMap .row-fluid.bloc-light .search .controls select,
.revendeur .search .controls select {
    width: 100%;
    height: 40px;
    position: relative
}

.page-storefinderPage .row-fluid.bloc-light .search form,
.page-CSSRepairers .row-fluid.bloc-light .search form,
.page-CSSRepairersWithMap .row-fluid.bloc-light .search form,
.revendeur .search form {
    padding: 0;
    border: 0;
    background: #fff;
    width: 100%
}

.page-storefinderPage .row-fluid.bloc-light .search select,
.page-storefinderPage .row-fluid.bloc-light .search input[type=TEXT],
.page-CSSRepairers .row-fluid.bloc-light .search select,
.page-CSSRepairers .row-fluid.bloc-light .search input[type=TEXT],
.page-CSSRepairersWithMap .row-fluid.bloc-light .search select,
.page-CSSRepairersWithMap .row-fluid.bloc-light .search input[type=TEXT],
.revendeur .search select,
.revendeur .search input[type=TEXT] {
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    height: auto;
    padding: 12px 39px 10px 15px;
    margin: 0;
    box-shadow: 0 0 transparent;
    width: 100%
}

.rtl .page-storefinderPage .row-fluid.bloc-light .search select,
.rtl .page-storefinderPage .row-fluid.bloc-light .search input[type=TEXT],
.rtl .page-CSSRepairers .row-fluid.bloc-light .search select,
.rtl .page-CSSRepairers .row-fluid.bloc-light .search input[type=TEXT],
.rtl .page-CSSRepairersWithMap .row-fluid.bloc-light .search select,
.rtl .page-CSSRepairersWithMap .row-fluid.bloc-light .search input[type=TEXT],
.rtl .revendeur .search select,
.rtl .revendeur .search input[type=TEXT] {
    padding: 12px 15px 10px 35px
}

.page-storefinderPage .row-fluid.bloc-light .search .input-append,
.page-CSSRepairers .row-fluid.bloc-light .search .input-append,
.page-CSSRepairersWithMap .row-fluid.bloc-light .search .input-append,
.revendeur .search .input-append {
    width: 100%;
    margin: 0;
    position: relative
}

.page-storefinderPage .row-fluid.bloc-light button[type=SUBMIT],
.page-CSSRepairers .row-fluid.bloc-light button[type=SUBMIT],
.revendeur button[type=SUBMIT] {
    width: 21px;
    overflow: hidden;
    background: none;
    color: #f38230;
    border: 0;
    font-size: 21px;
    font-size: 2.1rem;
    padding: 0;
    margin: 0;
    position: relative;
    right: 30px;
    top: 12px;
    bottom: 0;
    z-index: 10;
    font-family: ico;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    background: none;
    height: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.rtl .page-storefinderPage .row-fluid.bloc-light button[type=SUBMIT],
.rtl .page-CSSRepairers .row-fluid.bloc-light button[type=SUBMIT],
.rtl .revendeur button[type=SUBMIT] {
    right: auto;
    left: 30px
}

.page-storefinderPage .row-fluid.bloc-light button[type=SUBMIT]:before,
.page-CSSRepairers .row-fluid.bloc-light button[type=SUBMIT]:before,
.revendeur button[type=SUBMIT]:before {
    content: "\e609"
}

.rtl .page-storefinderPage .row-fluid.bloc-light button[type=SUBMIT]:before,
.rtl .page-CSSRepairers .row-fluid.bloc-light button[type=SUBMIT]:before,
.rtl .revendeur button[type=SUBMIT]:before {
    float: right
}

.page-storefinderPage .row-fluid.lame-seo,
.page-CSSRepairers .row-fluid.lame-seo,
.page-CSSRepairersWithMap .row-fluid.lame-seo {
    width: 960px;
    margin: 0 auto;
    clear: both;
    padding: 15px
}

@media screen and (max-width: 1024px) {

    .page-storefinderPage .row-fluid.lame-seo,
    .page-CSSRepairers .row-fluid.lame-seo,
    .page-CSSRepairersWithMap .row-fluid.lame-seo {
        width: 100%
    }
}

.page-storefinderPage .row-fluid.lame-seo a,
.page-CSSRepairers .row-fluid.lame-seo a,
.page-CSSRepairersWithMap .row-fluid.lame-seo a {
    text-align: right;
    color: #ed1c24;
    text-decoration: none;
    display: block;
    font-size: 14.5px;
    font-size: 1.45rem;
    position: relative;
    font-weight: 500
}

.page-storefinderPage .row-fluid.lame-seo a:hover,
.page-CSSRepairers .row-fluid.lame-seo a:hover,
.page-CSSRepairersWithMap .row-fluid.lame-seo a:hover {
    color: #eaeeef
}

.rtl .page-storefinderPage .row-fluid.lame-seo,
.rtl .page-CSSRepairers .row-fluid.lame-seo,
.rtl .page-CSSRepairersWithMap .row-fluid.lame-seo {
    text-align: left
}

#map-canvas,
#map-canvasGRP {
    height: 360px;
    position: relative
}

#map-canvas .marker-wrapper,
#map-canvasGRP .marker-wrapper {
    text-align: center
}

#map-canvas .marker-wrapper h4,
#map-canvasGRP .marker-wrapper h4 {
    margin: 5px 0;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    color: #f38230;
    text-transform: uppercase;
    font-weight: normal
}

#map-canvas .marker-wrapper h4 a,
#map-canvasGRP .marker-wrapper h4 a {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    color: #f38230;
    text-decoration: none;
    font-weight: normal
}

@media screen and (max-width: 768px) {

    #map-canvas .marker-wrapper h4,
    #map-canvasGRP .marker-wrapper h4 {
        font-size: 15px
    }
}

#map-canvas .marker-wrapper div,
#map-canvasGRP .marker-wrapper div {
    line-height: 21px;
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #2a2622
}

.list-store-off {
    margin: 0 0 15px
}

.list-store-off.store-map-section {
    width: 817px
}

.list-store-off .store-lister-map {
    margin-top: 70px
}

.details-store-off {
    width: 23%;
    height: auto;
    float: left;
    background: #fff;
    text-align: center;
    padding: 20px 10px;
    position: relative;
    transition: all 0.3s;
    border: 1px solid #eaeeef
}

#StoreLocatorZone .details-store-off {
    margin: 0 0 3% 2%
}

@media screen and (max-width: 768px) {
    #StoreLocatorZone .details-store-off {
        margin: 0 0 10%
    }
}

@media screen and (max-width: 768px) {
    .details-store-off {
        width: 100%;
        border: none;
        border-bottom: 2px solid #eaeeef
    }
}

.rtl .details-store-off {
    float: right
}

.details-store-off div.item-redimensionner .span4 {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 20px;
    text-align: center;
    float: none;
    padding: 5px 0px 0 0
}

@media screen and (max-width: 768px) {
    .details-store-off div.item-redimensionner .span4 {
        position: static;
        left: auto;
        bottom: auto
    }
}

.list-store-off .details-store-off div.item-redimensionner .span4 {
    position: static
}

.details-store-off .span4 {
    width: 100%;
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4em
}

.details-store-off .span4 a {
    color: #948e88;
    transition: all 0.4s;
    cursor: pointer;
    display: block
}

.details-store-off .span4 a:hover {
    color: #313131
}

.details-store-off .span4 a.krups-btn,
.details-store-off .span4 .panel-services-contact .more a,
.panel-services-contact .more .details-store-off .span4 a {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    display: table;
    padding: 15px 30px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    border: 1.5px solid #fff;
    text-align: center;
    font-weight: 700;
    border-radius: 50px;
    margin-top: 25px;
    transition: all 0.3s;
    border-color: #f38230;
    background-color: #f38230;
    color: #fff;
    max-width: 70%;
    margin: 10px auto -43px
}

.details-store-off .span4 a.krups-btn:hover,
.details-store-off .span4 .panel-services-contact .more a:hover,
.panel-services-contact .more .details-store-off .span4 a:hover,
.details-store-off .span4 a.krups-btn:focus,
.details-store-off .span4 .panel-services-contact .more a:focus,
.panel-services-contact .more .details-store-off .span4 a:focus {
    color: #fff;
    text-decoration: none;
    background: #ff720d
}

.details-store-off .span4 a#btn-direction {
    background: transparent;
    border-color: #948e88;
    color: #948e88;
    padding: 15px 20px;
    margin: 10px auto 0
}

.details-store-off .span4 a#btn-direction:hover {
    color: #ffffff;
    background: #958e88
}

.details-store-off h4 {
    margin: 0 0 10px;
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    line-height: 20px;
    font-weight: normal
}

.details-store-off h4 span {
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    line-height: 1.1em;
    color: #f38230;
    margin: 0 0 20px 0;
    display: block
}

@media screen and (max-width: 768px) {
    .details-store-off h4 span {
        min-height: 51px
    }
}

.details-store-off ul {
    margin: 0
}

.details-store-off .btn {
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 16px;
    font-size: 1.6rem;
    width: 94%
}

.details-store-off .btn-direction {
    width: 94%
}

.details-store-off.item-redimensionner {
    position: relative
}

.details-store-off.item-redimensionner li.span4 {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 20px;
    text-align: center;
    float: none;
    padding: 5px 0px 0 0
}

.details-store-off.item-redimensionner li.span4 span {
    display: block
}

.details-store-off.item-redimensionner li.span4 br {
    display: none
}

#StoreLocator {
    display: table;
    width: 100%;
    margin: 0 0 15px
}

#StoreLocator .row-fluid.list-store-off>.span4,
#StoreLocator>.span4 {
    margin: 0;
    width: 216px;
    height: 460px;
    background: #EDEEF0
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    #StoreLocator .row-fluid.list-store-off>.span4,
    #StoreLocator>.span4 {
        width: 30%
    }
}

@media screen and (max-width: 768px) {

    #StoreLocator .row-fluid.list-store-off>.span4,
    #StoreLocator>.span4 {
        width: 100%;
        display: none
    }
}

.page-storefinderPage #StoreLocator .row-fluid.list-store-off>.span4,
.page-storefinderPage #StoreLocator>.span4 {
    height: auto
}

.page-storefinderPage #StoreLocator .list-store-off div.span4 {
    margin: 0;
    height: 460px;
    width: 216px;
    background: #EDEEF0
}

@media screen and (max-width: 768px) {
    .page-storefinderPage #StoreLocator .list-store-off div.span4 {
        width: 100%;
        height: 200px
    }
}

#StoreLocator .span8 {
    display: block;
    width: 480px;
    margin: 0
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    #StoreLocator .span8 {
        width: 70%
    }
}

@media screen and (max-width: 1024px) {
    #StoreLocator .span8 {
        clear: none
    }
}

@media screen and (max-width: 768px) {
    #StoreLocator .span8 {
        width: 100%
    }
}

.page-storefinderPage #StoreLocator .span8 {
    height: auto
}

#StoreLocator .pagination {
    margin: 0;
    padding: 7px 5px 3px
}

#StoreLocator .pagination ul {
    text-align: center;
    display: block;
    margin: 0;
    line-height: 1.2em;
    box-shadow: 0 0 transparent
}

#StoreLocator .pagination li {
    display: inline-block;
    line-height: 1.2em
}

#StoreLocator .pagination li>a,
#StoreLocator .pagination li>span {
    border: 0;
    padding: 0;
    background: none;
    margin: 0 5px 0 0;
    line-height: 1.2em
}

.page-storefinderPage #StoreLocator,
.page-CSSRepairers #StoreLocator,
.page-CSSRepairersWithMap #StoreLocator,
.page-productDetails #StoreLocator {
    display: block;
    width: 100%;
    height: 460px;
    margin-bottom: 20px
}

@media screen and (max-width: 1024px) {

    .page-storefinderPage #StoreLocator,
    .page-CSSRepairers #StoreLocator,
    .page-CSSRepairersWithMap #StoreLocator,
    .page-productDetails #StoreLocator {
        width: 100%;
        height: 400px
    }
}

@media screen and (max-width: 768px) {

    .page-storefinderPage #StoreLocator,
    .page-CSSRepairers #StoreLocator,
    .page-CSSRepairersWithMap #StoreLocator,
    .page-productDetails #StoreLocator {
        width: 100%;
        height: 300px
    }
}

.page-storefinderPage #StoreLocator hr.top,
.page-CSSRepairers #StoreLocator hr.top,
.page-CSSRepairersWithMap #StoreLocator hr.top,
.page-productDetails #StoreLocator hr.top {
    margin-top: 0
}

.page-storefinderPage .scroll-store .list-store ul,
.page-CSSRepairers .scroll-store .list-store ul,
.page-CSSRepairersWithMap .scroll-store .list-store ul,
.page-productDetails .scroll-store .list-store ul {
    margin: 0;
    padding: 0
}

.page-storefinderPage .scroll-store .list-store li,
.page-CSSRepairers .scroll-store .list-store li,
.page-CSSRepairersWithMap .scroll-store .list-store li,
.page-productDetails .scroll-store .list-store li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-bottom: 1px solid #eaeeef;
    position: relative
}

.page-storefinderPage .scroll-store .list-store li .location,
.page-CSSRepairers .scroll-store .list-store li .location,
.page-CSSRepairersWithMap .scroll-store .list-store li .location,
.page-productDetails .scroll-store .list-store li .location {
    display: none
}

.page-storefinderPage .scroll-store .list-store li .bloc-img,
.page-CSSRepairers .scroll-store .list-store li .bloc-img,
.page-CSSRepairersWithMap .scroll-store .list-store li .bloc-img,
.page-productDetails .scroll-store .list-store li .bloc-img {
    position: absolute;
    left: 5px;
    top: 20px;
    text-align: center;
    width: 18px;
    height: 24px;
    overflow: hidden
}

.rtl .page-storefinderPage .scroll-store .list-store li .bloc-img,
.rtl .page-CSSRepairers .scroll-store .list-store li .bloc-img,
.rtl .page-CSSRepairersWithMap .scroll-store .list-store li .bloc-img,
.rtl .page-productDetails .scroll-store .list-store li .bloc-img {
    right: 0;
    left: auto
}

.page-storefinderPage .scroll-store .list-store li p,
.page-storefinderPage .scroll-store .list-store li .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-storefinderPage .scroll-store .list-store li div,
.page-CSSRepairers .scroll-store .list-store li p,
.page-CSSRepairers .scroll-store .list-store li .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-CSSRepairers .scroll-store .list-store li div,
.page-CSSRepairersWithMap .scroll-store .list-store li p,
.page-CSSRepairersWithMap .scroll-store .list-store li .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-CSSRepairersWithMap .scroll-store .list-store li div,
.page-productDetails .scroll-store .list-store li p,
.page-productDetails .scroll-store .list-store li .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-productDetails .scroll-store .list-store li div {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #2a2622;
    margin: 0
}

.page-storefinderPage .scroll-store .list-store li h4,
.page-CSSRepairers .scroll-store .list-store li h4,
.page-CSSRepairersWithMap .scroll-store .list-store li h4,
.page-productDetails .scroll-store .list-store li h4 {
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    line-height: 1.1em;
    color: #f38230;
    margin: 0 0 5px
}

.page-storefinderPage .scroll-store .list-store a,
.page-CSSRepairers .scroll-store .list-store a,
.page-CSSRepairersWithMap .scroll-store .list-store a,
.page-productDetails .scroll-store .list-store a {
    display: block;
    padding: 20px 0 20px 30px;
    min-height: 80px;
    text-decoration: none;
    transition: all 0.3s
}

.rtl .page-storefinderPage .scroll-store .list-store a,
.rtl .page-CSSRepairers .scroll-store .list-store a,
.rtl .page-CSSRepairersWithMap .scroll-store .list-store a,
.rtl .page-productDetails .scroll-store .list-store a {
    padding: 20px 30px 20px 0
}

.page-storefinderPage .scroll-store .list-store a:hover,
.page-CSSRepairers .scroll-store .list-store a:hover,
.page-CSSRepairersWithMap .scroll-store .list-store a:hover,
.page-productDetails .scroll-store .list-store a:hover {
    background-color: #eaeeef
}

.page-storefinderPage .google-maps #map-canvas,
.page-storefinderPage .google-maps #map-canvasGRP,
.page-CSSRepairers .google-maps #map-canvas,
.page-CSSRepairers .google-maps #map-canvasGRP,
.page-CSSRepairersWithMap .google-maps #map-canvas,
.page-CSSRepairersWithMap .google-maps #map-canvasGRP,
.page-productDetails .google-maps #map-canvas,
.page-productDetails .google-maps #map-canvasGRP {
    height: 460px
}

@media screen and (max-width: 768px) {

    .page-storefinderPage .google-maps #map-canvas,
    .page-storefinderPage .google-maps #map-canvasGRP,
    .page-CSSRepairers .google-maps #map-canvas,
    .page-CSSRepairers .google-maps #map-canvasGRP,
    .page-CSSRepairersWithMap .google-maps #map-canvas,
    .page-CSSRepairersWithMap .google-maps #map-canvasGRP,
    .page-productDetails .google-maps #map-canvas,
    .page-productDetails .google-maps #map-canvasGRP {
        height: 300px
    }
}

#ModalSEO h1 {
    margin: 0 0 15px;
    font-weight: 100;
    line-height: 1.1em;
    color: #f38230
}

@media screen and (max-width: 768px) {
    #ModalSEO h1 {
        font-size: 20px;
        font-size: 2rem
    }
}

.consumer-services-wrapper {
    padding-bottom: 5%
}

@media screen and (max-width: 768px) {
    .consumer-services-wrapper {
        padding: 0;
        text-align: center
    }
}

.consumer-services-wr {
    background: #fff;
    padding: 5% 10%;
    margin: 0 auto
}

@media screen and (max-width: 1024px) {
    .consumer-services-wr {
        width: 100%
    }
}

.warrantyp .faq-banner h3:empty {
    display: none
}

.warranty {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    padding: 24px
}

.warranty p,
.warranty .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .warranty div {
    font-size: 14.5px;
    font-size: 1.45rem;
    line-height: 1.4em;
    margin: 0
}

.downloads {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.downloads .inner {
    width: 100%;
    padding: 0 20px 18px;
    margin: 0 0 15px
}

.downloads .inner:nth-child(even) .item {
    border-right: 0
}

.downloads .item {
    margin-bottom: 50px
}

.downloads .item h2 {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
    margin-bottom: 20px
}

.downloads .item h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: left;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 28px;
    font-size: 2.8rem;
    margin: 0 0 5px 0
}

.downloads .item p,
.downloads .item .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .downloads .item div {
    line-height: 31px;
    padding-left: 40px;
    position: relative
}

.rtl .downloads .item p,
.rtl .downloads .item .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .rtl .downloads .item div {
    padding-right: 40px
}

.downloads .item p:first-of-type::before,
.downloads .item .krups-block-univers .krups-block-wrapper div:first-of-type::before,
.krups-block-univers .krups-block-wrapper .downloads .item div:first-of-type::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 1px;
    background-color: #f38230;
    position: absolute;
    left: 0;
    top: 13px
}

.rtl .downloads .item p:first-of-type::before,
.rtl .downloads .item .krups-block-univers .krups-block-wrapper div:first-of-type::before,
.krups-block-univers .krups-block-wrapper .rtl .downloads .item div:first-of-type::before {
    right: 0;
    left: auto
}

.downloads .item a.downloadPDF {
    background: url("../img/icon/pdf_picto.png") no-repeat;
    padding: 2px 0 4px 24px
}

.downloads .item .consumer-services-content-txt {
    display: table;
    width: 100%
}

.downloads .item .consumer-services-content-txt ul {
    margin-left: 50px;
    font-size: 10px;
    font-size: 1rem
}

.downloads .item .consumer-services-content-txt ul li {
    padding-left: 11px;
    line-height: 26px
}

.downloads .item .consumer-services-content-txt ul li span {
    font-size: 20px;
    font-size: 2rem
}

.downloads .item .consumer-services-content-txt .content-let {
    display: table-cell;
    vertical-align: top
}

.downloads .item .consumer-services-content-txt .content-right {
    display: table-cell;
    vertical-align: middle;
    width: 350px;
    text-align: center
}

.downloads .item .consumer-services-content-txt a {
    transition: all 0.4s;
    background-color: #948e88;
    border: none;
    text-decoration: none;
    color: #fff;
    padding: 15px 25px;
    border-radius: 50px
}

@media screen and (max-width: 768px) {
    .downloads .item .consumer-services-content-txt a {
        width: 100%
    }
}

.downloads .item .consumer-services-content-txt a:hover {
    background-color: #a19a94;
    color: #fff
}

@media screen and (max-width: 768px) and (orientation: landscape) {
    .downloads .item .consumer-services-content-txt a {
        display: block;
        margin: 10px auto 0
    }
}

.downloads .item .consumer-services-content-txt a.download {
    width: 204px;
    text-transform: uppercase;
    color: #50535d;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 0 15px 20px
}

.downloads .item .consumer-services-content-txt a.download:last-child {
    margin-right: 0
}

.downloads .item .consumer-services-content-txt a.download::before {
    content: "";
    display: block;
    width: 62px;
    height: 62px;
    margin: 0 auto 8px;
    background-image: url("../img/icon/sprite.png");
    background-repeat: no-repeat;
    background-position: 0 -22px
}

.downloads .item .consumer-services-content-txt a.download:hover {
    color: #fff;
    text-decoration: none
}

.downloads .item .consumer-services-content-txt .content-liens {
    padding-top: 10px
}

.downloads .item .consumer-services-bloc-ban {
    border-top: 4px solid #fff;
    background-color: #f6f6f6;
    padding: 15px 0 0 0
}

.downloads .item .consumer-services-bloc-ban .consumer-services-bloc-ban-txt {
    padding: 0 20px;
    text-align: left;
    margin-bottom: 15px;
    line-height: 31px
}

.downloads .item .consumer-services-bloc-ban p,
.downloads .item .consumer-services-bloc-ban .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .downloads .item .consumer-services-bloc-ban div {
    text-align: left;
    padding-left: 0
}

.downloads .item .consumer-services-bloc-ban p:first-of-type::before,
.downloads .item .consumer-services-bloc-ban .krups-block-univers .krups-block-wrapper div:first-of-type::before,
.krups-block-univers .krups-block-wrapper .downloads .item .consumer-services-bloc-ban div:first-of-type::before {
    display: none
}

.downloads .item-wrap:last-child .item {
    margin-bottom: 0
}

.contact {
    padding: 32px 0 70px
}

.contact .container {
    width: 960px;
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    .contact .container {
        width: 100%
    }
}

#CarouselGuide {
    margin-bottom: 0
}

#CarouselGuide a {
    display: block;
    text-decoration: none
}

#CarouselGuide h3 {
    font-weight: 100;
    margin: 25px 0 20px;
    color: #f38230;
    position: relative;
    z-index: 20;
    line-height: 1.1em;
    text-decoration: none;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase
}

@media screen and (max-width: 768px) {
    #CarouselGuide h3 {
        padding: 0 15px
    }
}

#zone-contact-intro {
    font-size: 14.5px;
    font-size: 1.45rem;
    line-height: 1.6em
}

#zone-contact-intro a {
    text-decoration: none
}

#zone-contact-intro a:hover {
    color: #eaeeef
}

@media screen and (max-width: 768px) {
    #zone-contact {
        padding: 0 15px
    }
}

#zone-contact .label {
    float: left;
    min-height: 30px;
    background: none;
    color: #f38230;
    text-shadow: none;
    text-align: right;
    width: 240px;
    font-size: 14.5px;
    font-size: 1.45rem;
    border-radius: 0
}

.rtl #zone-contact .label {
    float: right;
    text-align: left
}

#zone-contact table,
#zone-contact .radioButtonTable {
    width: 240px
}

#zone-contact table label,
#zone-contact .radioButtonTable label {
    line-height: 12px
}

#zone-contact table input[type=RADIO],
#zone-contact .radioButtonTable input[type=RADIO] {
    float: left;
    margin: 0 10px 0 0
}

.rtl #zone-contact table input[type=RADIO],
.rtl #zone-contact .radioButtonTable input[type=RADIO] {
    float: right;
    margin: 0 0 0 10px
}

#zone-contact select,
#zone-contact .inputDropdown,
#zone-contact .inputText {
    border-radius: 0;
    height: 30px;
    width: 240px
}

.page-CSSContactUsSimplePage .master-ban-head .desc,
.page-CSSContactUsPage .master-ban-head .desc {
    background: #fff;
    padding: 5% 10%;
    margin-bottom: 22.5px;
    overflow: hidden
}

.page-CSSContactUsSimplePage .master-ban-head .desc li,
.page-CSSContactUsPage .master-ban-head .desc li {
    list-style: none
}

.page-CSSContactUsSimplePage .master-ban-head .desc b,
.page-CSSContactUsPage .master-ban-head .desc b {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-weight: normal
}

.page-CSSContactUsSimplePage .master-ban-head .desc h1,
.page-CSSContactUsSimplePage .master-ban-head .desc h2,
.page-CSSContactUsPage .master-ban-head .desc h1,
.page-CSSContactUsPage .master-ban-head .desc h2 {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {

    .page-CSSContactUsSimplePage .master-ban-head .desc,
    .page-CSSContactUsPage .master-ban-head .desc {
        margin: 0;
        padding: 5% 10% 5% 10%
    }
}

.page-CSSContactUsSimplePage .main-content .dynamic-forms #AjaxContact p,
.page-CSSContactUsSimplePage .main-content .dynamic-forms #AjaxContact .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-CSSContactUsSimplePage .main-content .dynamic-forms #AjaxContact div,
.page-CSSContactUsPage .main-content .dynamic-forms #AjaxContact p,
.page-CSSContactUsPage .main-content .dynamic-forms #AjaxContact .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-CSSContactUsPage .main-content .dynamic-forms #AjaxContact div {
    text-transform: none
}

.page-CSSContactUsSimplePage .panel-contact,
.page-CSSContactUsPage .panel-contact {
    padding: 5% 20px;
    background: #fff;
    text-align: center;
    margin-bottom: 4%
}

.page-CSSContactUsSimplePage .panel-contact .container,
.page-CSSContactUsPage .panel-contact .container {
    padding: 0
}

@media screen and (max-width: 768px) {

    .page-CSSContactUsSimplePage .panel-contact .container,
    .page-CSSContactUsPage .panel-contact .container {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }
}

@media screen and (max-width: 768px) {

    .page-CSSContactUsSimplePage .panel-contact,
    .page-CSSContactUsPage .panel-contact {
        margin-bottom: 0
    }
}

@media screen and (max-width: 1024px) {

    .page-CSSContactUsSimplePage iframe,
    .page-CSSContactUsPage iframe {
        overflow-x: scroll;
        width: 100%
    }
}

@media screen and (max-width: 768px) {

    .page-CSSContactUsSimplePage .dynamic-forms,
    .page-CSSContactUsPage .dynamic-forms {
        margin: 0
    }
}

.store-on-line-intro {
    padding: 0 0 37px
}

.store-on-line-intro .border {
    margin: 0 0 24px
}

.store-on-line-intro p,
.store-on-line-intro .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .store-on-line-intro div {
    margin: 0 24px;
    font-size: 14.5px;
    font-size: 1.45rem;
    line-height: 1.4em
}

@media screen and (max-width: 768px) {

    .store-on-line-intro p,
    .store-on-line-intro .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .store-on-line-intro div {
        margin: 0
    }
}

@media screen and (max-width: 768px) {
    .page-StoreFinderOnLinePage .filters-recipes {
        padding: 0
    }
}

.online-stores.row-fluid {
    margin: 24px 0 0 0
}

.online-stores.row-fluid .lame-filter-list {
    margin: 0 0 10px
}

.online-stores.row-fluid .span4 {
    padding: 24px;
    width: 33%;
    margin: 0 0 5px;
    height: 150px;
    clear: none
}

@media screen and (max-width: 768px) {
    .online-stores.row-fluid .span4 {
        width: 50%;
        clear: none;
        padding: 10px;
        margin: 0;
        height: 130px
    }
}

@media screen and (max-width: 500px) {
    .online-stores.row-fluid .span4 {
        height: 100px
    }
}

.rtl .online-stores.row-fluid .span4 {
    float: right
}

.online-stores.row-fluid .span4 img {
    max-width: 100%;
    height: auto
}

.page-CSSContactUsPage {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.page-CSSContactUsPage #ContactUsCountryFormContact .span6 {
    width: 100%
}

.page-CSSContactUsPage #ContactUsCountryFormContact .span6 select {
    width: 270px
}

.rtl .page-CSSContactUsPage .form-horizontal .controls {
    margin-right: 180px;
    margin-left: 0
}

.rtl .page-CSSContactUsPage .row-fluid .offset2 {
    margin-right: 19.148936170212764%;
    margin-left: 0
}

.rtl .page-CSSContactUsPage .row-fluid .offset1:first-child {
    margin-right: 8.51063829787234%;
    margin-left: 0
}

.rtl .page-CSSContactUsPage .row-fluid .offset3:first-child {
    margin-right: 25.53191489361702%;
    margin-left: 0
}

.page-CSSContactUsPage li,
.page-CSSContactUsPage p,
.page-CSSContactUsPage .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-CSSContactUsPage div {
    font-size: 14.5px;
    font-size: 1.45rem
}

.page-CSSContactUsPage li a {
    text-decoration: none
}

.page-CSSContactUsPage li a:hover {
    color: #f38230
}

.page-CSSContactUsPage .profil-contact-form li {
    text-align: left
}

.page-CSSContactUsPage .formContact fieldset {
    margin: 30px 0 0;
    padding: 20px;
    border: 0;
    overflow: visible;
    position: relative
}

@media screen and (max-width: 768px) {
    .page-CSSContactUsPage .formContact fieldset {
        padding: 20px 15px
    }
}

.page-CSSContactUsPage .formContact fieldset legend {
    padding: 20px 0 10px;
    position: relative;
    line-height: 24px
}

.page-CSSContactUsPage .formContact fieldset .control-group {
    margin-bottom: 18px
}

.page-CSSContactUsPage .formContact fieldset .row-fluid {
    position: relative
}

.page-CSSContactUsPage .formContact fieldset select,
.page-CSSContactUsPage .formContact fieldset input[type=TEXT] {
    font-size: 12px;
    font-size: 1.2rem;
    background-color: #FFF;
    border: 1px solid #CCC;
    position: relative;
    height: auto;
    width: 100%
}

.page-CSSContactUsPage .formContact fieldset label.checkbox input {
    margin-top: 0
}

.page-CSSContactUsPage .formContact fieldset .control-label {
    padding-top: 0
}

@media screen and (max-width: 768px) {
    .page-CSSContactUsPage .formContact fieldset .control-label {
        text-align: left;
        width: auto
    }
}

.page-CSSContactUsPage .formContact fieldset .controls>.radio,
.page-CSSContactUsPage .formContact fieldset .controls>.checkbox,
.page-CSSContactUsPage .formContact fieldset .controls>.radio:first-child,
.page-CSSContactUsPage .formContact fieldset .controls>.checkbox:first-child {
    padding-top: 0
}

.page-CSSContactUsPage .formContact fieldset#RequestFormContact label,
.page-CSSContactUsPage .formContact fieldset#RequestFormContact p,
.page-CSSContactUsPage .formContact fieldset#RequestFormContact .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-CSSContactUsPage .formContact fieldset#RequestFormContact div {
    font-size: 13px;
    font-size: 1.3rem;
    margin: 0 0 3px
}

.page-CSSContactUsPage .formContact fieldset#RequestFormContact #input_request_ref {
    margin: 0 0 10px
}

.page-CSSContactUsPage .formContact fieldset#RequestFormContact #input_request_ref,
.page-CSSContactUsPage .formContact fieldset#RequestFormContact #input_request_message {
    font-size: 13px;
    font-size: 1.3rem
}

.page-CSSContactUsPage .formContact fieldset:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #eaeeef
}

@media screen and (max-width: 768px) {
    .page-CSSContactUsPage #FormContactActions {
        margin-bottom: 20px
    }
}

.page-CSSContactUsPage #FormContactActions .form-actions {
    background: transparent;
    padding: 25px 0 0 0;
    margin: 0;
    border: 0
}

.page-CSSContactUsPage #FormContactActions .form-actions button {
    display: inline-block;
    margin: 0 0 0 15px;
    width: auto
}

.page-CSSContactUsPage .row-fluid.lame-seo {
    margin-bottom: 60px
}

.accessories {
    padding-bottom: 60px
}

.accessories .bloc-head {
    margin: 0 auto 25px
}

.accessories .chapter-bloc p,
.accessories .chapter-bloc .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .accessories .chapter-bloc div {
    text-align: center;
    font-size: 14.5px;
    font-size: 1.45rem
}

@media screen and (max-width: 768px) {

    .accessories .chapter-bloc p,
    .accessories .chapter-bloc .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .accessories .chapter-bloc div {
        padding: 0 15px
    }
}

.accessories .chapter-bloc p.small,
.accessories .chapter-bloc .krups-block-univers .krups-block-wrapper div.small,
.krups-block-univers .krups-block-wrapper .accessories .chapter-bloc div.small {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: 30px
}

.garantie .cols-guarantee {
    width: 30%;
    float: left;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .garantie .cols-guarantee {
        width: 50%
    }
}

@media screen and (max-width: 500px) {
    .garantie .cols-guarantee {
        width: 100%
    }
}

.garantie .cols-guarantee:last-child {
    float: none
}

.garantie .cols-guarantee p,
.garantie .cols-guarantee .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .garantie .cols-guarantee div,
.garantie .cols-guarantee a {
    display: inline-block
}

.garantie .cols-guarantee p,
.garantie .cols-guarantee .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .garantie .cols-guarantee div {
    color: #f38230;
    text-transform: uppercase
}

.garantie .cols-guarantee p.title,
.garantie .cols-guarantee .krups-block-univers .krups-block-wrapper div.title,
.krups-block-univers .krups-block-wrapper .garantie .cols-guarantee div.title {
    display: block;
    margin-bottom: 0
}

.garantie .cols-guarantee p.small,
.garantie .cols-guarantee .krups-block-univers .krups-block-wrapper div.small,
.krups-block-univers .krups-block-wrapper .garantie .cols-guarantee div.small {
    text-transform: lowercase
}

.garantie .cols-guarantee a {
    text-decoration: underline
}

.customercare-contact-col {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    width: 310px
}

.customercare-contact-scrollfield {
    margin: 0;
    padding: 0;
    text-align: right;
    width: 310px
}

.customercare-contact-scrollfield-label {
    border: 1px solid;
    float: left;
    max-height: 100px;
    overflow: auto;
    text-align: left;
    width: 300px
}

.panel-guides-dachats {
    padding-bottom: 20px
}

.panel-guides-dachats .items-bannieres {
    padding: 0;
    margin: 0;
    overflow: hidden
}

.panel-guides-dachats .items-bannieres .item {
    list-style: none;
    margin: 0 3.127659574468085% 0 0;
    padding: 0;
    width: 13.893617021276595%;
    height: 150px;
    overflow: hidden;
    text-align: center
}

.panel-guides-dachats .items-bannieres .item:nth-child(6n) {
    margin-right: 0
}

.panel-guides-dachats .items-bannieres .item .border {
    margin-bottom: 10px;
    max-height: 79px;
    overflow: hidden
}

.panel-guides-dachats .items-bannieres .item .caption .title {
    color: #50535d;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    transition: all 0.4s
}

.panel-guides-dachats .items-bannieres .item a:hover {
    text-decoration: none
}

.panel-guides-dachats .items-bannieres .item a:hover .caption .title {
    color: #fff
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .panel-store-liste {
        padding-left: 15px;
        padding-right: 15px
    }

    .panel-guides-dachats .container {
        padding-left: 15px;
        padding-right: 15px
    }

    .panel-guides-dachats .items-bannieres .item {
        width: 33.3333333%;
        margin: 0 0 10px 0;
        padding: 0 15px
    }

    .panel-guides-dachats .items-bannieres .item .border {
        max-height: 106px
    }

    .panel-guides-dachats .items-bannieres .item .border img {
        width: 100%;
        height: auto
    }
}

@media screen and (max-width: 768px) {
    .page-UnsuccessfulPaymentPage .row-fluid .span12 .final-address {
        padding: 0 15px
    }

    .page-UnsuccessfulPaymentPage .row-fluid .span12 .final-address h4 {
        padding: 0
    }

    .page-UnsuccessfulPaymentPage .row-fluid .offset1:first-child {
        margin: 0;
        width: 100%
    }

    .page-UnsuccessfulPaymentPage .cart-action .btn.btn-action {
        width: 100%;
        margin: 0
    }

    .page-StoreFinderOnLinePage .arrow-bloc-presentattion {
        display: none
    }

    .panel-store-liste {
        padding: 30px 15px
    }

    .panel-store-liste .thumbnails .span3 {
        width: 33.3333333%;
        height: 150px;
        padding: 0 15px;
        border-color: #aaaaaa
    }

    .panel-store-liste .thumbnails .span3 .border {
        height: 150px
    }

    .panel-store-liste .thumbnails .span3 .caption {
        display: none
    }

    .panel-guides-dachats .container {
        padding: 0 15px
    }

    .panel-guides-dachats .bloc-title {
        padding: 0;
        margin-bottom: 50px
    }

    .panel-guides-dachats .bloc-title .title {
        font-size: 36px;
        font-size: 3.6rem;
        line-height: 40px
    }

    .panel-guides-dachats .bloc-title .desc {
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 30px
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .panel-guides-dachats .bloc-title .desc {
        font-size: 25px;
        font-size: 2.5rem
    }
}

@media screen and (max-width: 768px) {
    .panel-guides-dachats .items-bannieres .item {
        width: 50%;
        margin: 0;
        padding: 0
    }

    .panel-guides-dachats .items-bannieres .item:nth-child(even) {
        padding-left: 15px
    }

    .panel-guides-dachats .items-bannieres .item:nth-child(odd) {
        padding-right: 15px
    }
}

@media screen and (max-width: 400px) {
    .panel-store-liste .thumbnails .span3 {
        height: 100px
    }

    .panel-store-liste .thumbnails .span3 .border {
        height: 100%
    }
}

@media screen and (max-width: 768px) {

    .page-CSSWarrantyPage .master-ban-head .bloc-head,
    .page-CSSRepairers .master-ban-head .bloc-head,
    .page-ifu-categories-list .master-ban-head .bloc-head,
    .page-faq-categories-list .master-ban-head .bloc-head,
    .page-StoreFinderOnLinePage .master-ban-head .bloc-head,
    .page-CSSContactUsSimplePage .master-ban-head .bloc-head {
        background-position-x: -445px
    }
}

.page-CSSWarrantyPage .container-warranty,
.page-InternationalWarrantyPage .container-warranty {
    margin-bottom: 0
}

.page-CSSWarrantyPage .master-ban-head .desc,
.page-InternationalWarrantyPage .master-ban-head .desc {
    background-color: #fff;
    margin-bottom: 25px
}

.page-CSSWarrantyPage .master-ban-head .desc br,
.page-InternationalWarrantyPage .master-ban-head .desc br {
    line-height: 45px
}

.page-CSSRepairers .communaute {
    margin-bottom: 0
}

@media screen and (max-width: 768px) {
    .page-CSSContactUsPage .offset3 {
        margin: 0 !important
    }
}

@media screen and (max-width: 768px) {
    .page-search .bloc-seo {
        padding: 0
    }
}

.page-search .bloc-seo h1 {
    font-weight: 100;
    text-transform: uppercase;
    margin: 0 0 10px;
    padding: 0;
    line-height: 1.15em
}

.page-search .bloc-seo p,
.page-search .bloc-seo .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-search .bloc-seo div {
    margin: 0;
    line-height: 1.1em
}

.rtl .page-search .main-content .span9 {
    float: left
}

.page-search .richtext {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-weight: 600;
    font-size: 14px;
    font-size: 1.4rem;
    color: #2a2622;
    border-bottom: 1px solid #bebdbd;
    border-top: 1px solid #bebdbd;
    padding: 25px 7px 43px;
    position: relative
}

@media screen and (max-width: 768px) {
    .page-search .richtext {
        border: transparent;
        padding: 18px 7px 36px
    }
}

.page-search .richtext .total-results {
    color: #f38230
}

.page-search .richtext .search-text {
    font-family: "Open Sans", "Arial", sans-serif;
font-weight: light;
    font-size: 22px;
    font-size: 2.2rem;
    color: #b5b6b9
}

.page-search .richtext .searchSpellingSuggestionPrompt a {
    color: #948e88;
    display: inline-block
}

.page-search .richtext .searchSpellingSuggestionPrompt a:hover {
    color: #f38230
}

@media screen and (max-width: 768px) {
    .page-search .richtext .searchSpellingSuggestionPrompt {
        display: none
    }
}

.page-search .zone-showmore {
    width: auto;
    overflow: visible
}

.page-search .zone-showmore .see-more {
    position: relative;
    top: 38px
}

@media screen and (max-width: 768px) {
    .page-search .zone-showmore .see-more {
        top: 10px
    }
}

.page-search .list-recette .item {
    overflow: hidden;
    padding: 20px 0;
    margin: 0px;
    border-bottom: 1px solid #dadada
}

.page-search .list-recette .item .visuel {
    width: 32%;
    text-align: center
}

.page-search .list-recette .item .caption {
    padding: 22px 27px 22px 5px
}

.rtl .page-search .list-recette .item .caption {
    padding: 22px 5px 22px 27px
}

@media screen and (max-width: 768px) {
    .page-search .list-recette .item .caption {
        padding: 0 15px
    }
}

.page-search .list-recette .item .caption .name {
    height: inherit;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #f38230;
    text-transform: uppercase;
    overflow: hidden;
    font-size: 14px;
    font-size: 1.4rem
}

.page-search .list-recette .item .caption .infos-recette {
    margin: 0 0 10px
}

.page-search .list-recette .item .caption .infos-recette li {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 10px 18px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #948e88;
    text-transform: uppercase;
    font-weight: normal;
    display: inline-block
}

.page-search .list-recette .item .caption .infos-recette li:first-child {
    padding-left: 0
}

.rtl .page-search .list-recette .item .caption .infos-recette li:first-child {
    padding-right: 0
}

.page-search .list-recette .item .caption .infos-recette li .type {
    font-size: 13px;
    font-size: 1.3rem
}

.page-search .list-recette .item .caption .infos-recette li .time-prepa {
    background: url(../img/icon/icon-time.png) no-repeat 0 1px;
    padding: 0 0 0 20px
}

.rtl .page-search .list-recette .item .caption .infos-recette li .time-prepa {
    background: url(../img/icon/icon-time.png) no-repeat 100% 1px;
    padding: 0 20px 0 0
}

.page-search .list-recette .item .caption .infos-recette li .level {
    font-size: 13px;
    font-size: 1.3rem
}

.page-search .list-recette .item .caption .desc {
    margin: 0;
    padding-bottom: 10px
}

@media screen and (max-width: 768px) {
    .page-search .list-recette .item>a {
        float: none;
        width: 100%;
        margin: 0
    }

    .page-search .list-recette .item>a .visuel {
        width: auto;
        margin: 0
    }

    .page-search .list-recette .item .caption .infos-recette li {
        padding: 10px 5px;
        border: 0
    }

    .page-search .list-recette .item .caption .infos-recette li:first-child {
        display: inline-block;
        padding: 10px 5px 10px 0
    }

    .rtl .page-search .list-recette .item .caption .infos-recette li:first-child {
        padding: 10px 0 10px 5px
    }

    .page-search .list-recette .item .caption .desc {
        clear: both
    }
}

.search-list {
    margin: 0 0 70px
}

@media screen and (max-width: 768px) {
    .search-list {
        margin: 0 0 18px
    }
}

.search-filter-header,
.mobile-filter-header {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    padding: 37px 10px
}

@media screen and (max-width: 768px) {
    .search-filter-header {
        display: none
    }
}

.mobile-filter-header {
    display: none
}

@media screen and (max-width: 768px) {
    .mobile-filter-header {
        display: block;
        padding: 18px 22px !important;
        text-transform: none;
        width: 100%;
        text-align: left
    }

    .rtl .mobile-filter-header {
        text-align: right
    }
}

@media screen and (max-width: 768px) {
    .filters-search .filters .item {
        background: #f6f6f6
    }

    .filters-search .filters .item.toggle {
        background: transparent
    }
}

.filters-search .filters .accordion-group {
    float: none;
    border-radius: 0;
    border-bottom: 0;
    margin: 0;
    padding: 0;
    height: auto;
    border-bottom: 1px solid #eaeeef;
    border-top: 1px solid #eaeeef
}

.filters-search .filters .accordion-group .accordion-heading {
    height: 100%;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem
}

.filters-search .filters .accordion-group .accordion-heading .accordion-toggle {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    color: #2a2622;
    padding: 16px 30px 22px 18px;
    text-transform: none
}

.rtl .filters-search .filters .accordion-group .accordion-heading .accordion-toggle {
    padding: 16px 18px 22px 30px
}

@media screen and (max-width: 768px) {
    .filters-search .filters .accordion-group .accordion-heading .accordion-toggle {
        padding: 15px 15px 15px 22px
    }

    .rtl .filters-search .filters .accordion-group .accordion-heading .accordion-toggle {
        padding: 15px 22px 15px 15px
    }
}

.filters-search .filters .accordion-group .accordion-body {
    position: relative;
    top: 0;
    width: auto;
    margin: 0;
    padding: 0;
    padding-left: 10px
}

.rtl .filters-search .filters .accordion-group .accordion-body {
    padding-right: 10px
}

@media screen and (max-width: 768px) {
    .filters-search .filters .accordion-group .accordion-body {
        padding: 0
    }
}

.filters-search .filters .accordion-group .accordion-body .accordion-inner {
    border: 0;
    border-radius: 0;
    padding: 10px 0
}

@media screen and (max-width: 768px) {
    .filters-search .filters .accordion-group .accordion-body .accordion-inner {
        padding: 10px
    }
}

.filters-search .filters .accordion-group .accordion-body .accordion-group {
    border-left: 0;
    border-right: 0;
    border: none
}

.rtl .filters-search .filters .accordion-group .accordion-body .accordion-group {
    border-right: 0
}

.filters-search .filters .accordion-group .accordion-body .accordion-group .accordion-heading {
    padding-left: 10px;
    border: none;
    font-size: 13px;
    font-size: 1.3rem
}

.rtl .filters-search .filters .accordion-group .accordion-body .accordion-group .accordion-heading {
    padding-right: 10px
}

@media screen and (max-width: 768px) {
    .filters-search .filters .accordion-group .accordion-body .accordion-group .accordion-heading {
        padding-left: 0px
    }

    .rtl .filters-search .filters .accordion-group .accordion-body .accordion-group .accordion-heading {
        padding-right: 0px
    }
}

.filters-search .filters .accordion-group .accordion-body .accordion-group .accordion-heading .accordion-toggle {
    background: #ffffff;
    color: #2a2622;
    border: none
}

.filters-search .filters .accordion-group .accordion-body .accordion-group .accordion-heading .accordion-toggle:before {
    color: #4b4b4b
}

.search-list .no-results {
    padding-left: 10px
}

.rtl .search-list .no-results {
    padding-right: 10px
}

.search-list .no-results h2 {
    font-size: 30px;
    font-size: 3rem;
    font-weight: normal;
    margin-bottom: 0
}

.search-list .no-results p,
.search-list .no-results .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .search-list .no-results div {
    font-size: 16px;
    font-size: 1.6rem;
    color: #afb1b3
}

.search-list .item {
    clear: both;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    min-height: 193px;
    overflow: hidden
}

.search-list .item.faq-area {
    min-height: inherit
}

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

.search-list .item .thumbnail {
    text-align: center;
    float: left;
    border: 0;
    padding: 15px 20px;
    width: 34%;
    min-height: 127px;
    min-width: 250px;
    box-shadow: 0 0 transparent
}

@media screen and (max-width: 768px) {
    .search-list .item .thumbnail {
        width: 100%;
        height: auto;
        float: none;
        padding: 15px
    }
}

.rtl .search-list .item .thumbnail {
    float: right
}

@media screen and (max-width: 768px) {
    .rtl .search-list .item .thumbnail {
        float: none
    }
}

.search-list .item .thumbnail img {
    max-height: 153px
}

.search-list .item .datas {
    display: none
}

.search-list .item .caption {
    overflow: hidden;
    padding: 22px 27px 22px 5px
}

.rtl .search-list .item .caption {
    padding: 22px 5px 22px 27px
}

.search-list .item .caption.mini {
    padding: 52px 40px 31px 0
}

.rtl .search-list .item .caption.mini {
    padding: 52px 0 31px 40px
}

@media screen and (max-width: 768px) {
    .search-list .item .caption {
        padding: 22px 0 31px;
        text-align: justify;
        text-align-last: center;
        padding: 0px 25px 15px;
        text-align: center
    }
}

.search-list .item .caption.mobile-display {
    padding: 0px
}

@media screen and (max-width: 768px) {
    .search-list .item .caption.mobile-display {
        padding: 30px 10px 10px 10px
    }
}

.search-list .item .caption.mobile-display .name {
    padding: 0px 0px 10px;
    font-size: 14px;
    font-size: 1.4rem
}

.search-list .item .caption.mobile-display .ref {
    padding: 0px 0px 13px;
    margin: 0px;
    padding: 0px;
    font-size: 13px;
    font-size: 1.3rem
}

.search-list .item .caption.mobile-display .name,
.search-list .item .caption.mobile-display .ref {
    text-align: center;
    display: none
}

@media screen and (max-width: 768px) {

    .search-list .item .caption.mobile-display .name,
    .search-list .item .caption.mobile-display .ref {
        display: block
    }
}

.search-list .item .caption .notice-name {
    margin-bottom: 3px;
    line-height: 24px
}

.search-list .item .caption .notice-name span {
    text-transform: uppercase;
    display: block
}

.search-list .item .caption .ref,
.search-list .item .caption .reference {
    font-size: 13px;
    font-size: 1.3rem;
    color: #948e88;
    display: block;
    margin: 15px 0 12px
}

@media screen and (max-width: 768px) {

    .search-list .item .caption .ref,
    .search-list .item .caption .reference {
        display: none
    }
}

.search-list .item .caption .reference {
    margin-top: 0
}

.search-list .item .caption .product-content-short-description,
.search-list .item .caption .search-product-short-description,
.search-list .item .caption p,
.search-list .item .caption .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .search-list .item .caption div {
    font-size: 14px;
    font-size: 1.4rem;
    color: #2a2622;
    line-height: 21px
}

.search-list .item .caption .product-content-short-description.reference,
.search-list .item .caption .search-product-short-description.reference,
.search-list .item .caption p.reference,
.search-list .item .caption .krups-block-univers .krups-block-wrapper div.reference,
.krups-block-univers .krups-block-wrapper .search-list .item .caption div.reference {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 0 5px;
    color: #9599a4;
    display: block;
    margin: 3px 0 12px
}

.search-list .item .caption ul {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-size: 1.6rem;
    color: #f38230
}

.search-list .item .caption ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: #f38230;
    line-height: 1.2em
}

.Search-NoResult {
    color: #282828
}

@media screen and (max-width: 768px) {
    .Search-NoResult {
        width: auto
    }
}

.Search-NoResult .ZoneTop {
    background: #fafafb;
    display: block;
    overflow: hidden;
    margin: 177px auto 20px;
    max-width: 1024px
}

@media screen and (max-width: 768px) {
    .Search-NoResult .ZoneTop {
        background: none;
        margin: 60px auto 0
    }
}

.Search-NoResult .ZoneTop .ZoneLeft {
    float: left;
    width: 49%
}

@media screen and (max-width: 768px) {
    .Search-NoResult .ZoneTop .ZoneLeft {
        display: none
    }
}

.Search-NoResult .ZoneTop .ZoneRight {
    float: right;
    width: 51%;
    padding: 25px 8px 0 10px
}

@media screen and (max-width: 768px) {
    .Search-NoResult .ZoneTop .ZoneRight {
        width: 100%
    }
}

.Search-NoResult .ZoneTop .ZoneRight h5,
.Search-NoResult .ZoneTop .ZoneRight #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .Search-NoResult .ZoneTop .ZoneRight .messages-area>.h5,
.Search-NoResult .ZoneTop .ZoneRight #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .Search-NoResult .ZoneTop .ZoneRight .elements-suggestion-area>h5,
.Search-NoResult .ZoneTop .ZoneRight #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .Search-NoResult .ZoneTop .ZoneRight .elements-suggestion-area>.h5 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    margin-bottom: 10px
}

.Search-NoResult .ZoneTop .ZoneRight h5 span,
.Search-NoResult .ZoneTop .ZoneRight #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5 span,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .Search-NoResult .ZoneTop .ZoneRight .messages-area>.h5 span,
.Search-NoResult .ZoneTop .ZoneRight #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5 span,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .Search-NoResult .ZoneTop .ZoneRight .elements-suggestion-area>h5 span,
.Search-NoResult .ZoneTop .ZoneRight #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5 span,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .Search-NoResult .ZoneTop .ZoneRight .elements-suggestion-area>.h5 span {
    font-family: "Open Sans", "Arial", sans-serif;
font-weight: light;
}

.Search-NoResult .ZoneTop .ZoneRight .item {
    width: 98%
}

@media screen and (max-width: 768px) {
    .Search-NoResult .ZoneTop .ZoneRight .item {
        width: 100%;
        padding-bottom: 10px
    }
}

.Search-NoResult .ZoneTop .ZoneRight .item h5 span,
.Search-NoResult .ZoneTop .ZoneRight .item #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5 span,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .Search-NoResult .ZoneTop .ZoneRight .item .messages-area>.h5 span,
.Search-NoResult .ZoneTop .ZoneRight .item #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5 span,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .Search-NoResult .ZoneTop .ZoneRight .item .elements-suggestion-area>h5 span,
.Search-NoResult .ZoneTop .ZoneRight .item #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5 span,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .Search-NoResult .ZoneTop .ZoneRight .item .elements-suggestion-area>.h5 span {
    font-weight: normal
}

.Search-NoResult .ZoneTop .ZoneRight .item p,
.Search-NoResult .ZoneTop .ZoneRight .item .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .Search-NoResult .ZoneTop .ZoneRight .item div {
    margin-bottom: 5px;
    line-height: 1.2
}

.Search-NoResult .ZoneTop .ZoneRight .item p strong,
.Search-NoResult .ZoneTop .ZoneRight .item .krups-block-univers .krups-block-wrapper div strong,
.krups-block-univers .krups-block-wrapper .Search-NoResult .ZoneTop .ZoneRight .item div strong {
    font-size: 1.2rem
}

.Search-NoResult .ZoneTop .ZoneRight .item ul {
    font-size: 11px;
    margin-left: 15px
}

.Search-NoResult .ZoneTop .ZoneRight .item ul li {
    line-height: normal
}

.Search-NoResult .ZoneTop .ZoneRight form {
    position: relative;
    width: 80%;
    margin: 15px 0 0px
}

@media screen and (max-width: 768px) {
    .Search-NoResult .ZoneTop .ZoneRight form {
        width: auto
    }
}

.Search-NoResult .ZoneTop .ZoneRight .input {
    background: #fff;
    height: 48px;
    width: 100%;
    display: block;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #eaeeef;
    padding-right: 55px;
    box-shadow: none;
    padding-left: 15px
}

@media screen and (max-width: 768px) {
    .Search-NoResult .ZoneTop .ZoneRight .input {
        width: 100%;
        border-bottom: 1px solid #ecedf0
    }
}

.Search-NoResult .ZoneTop .ZoneRight .btn.btn-primary {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 24px;
    height: 18px;
    transform: translate(0, -42%);
    font-size: 0;
    padding: 0;
    background: url(../img/icon/icon-search2.png) no-repeat 0 0 transparent;
    background-size: 19px auto;
    z-index: 9;
    opacity: 1;
    font-size: 0
}

.Search-NoResult .ZoneBottom {
    padding: 0 !important
}

.Search-NoResult .ZoneBottom h5,
.Search-NoResult .ZoneBottom #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .Search-NoResult .ZoneBottom .messages-area>.h5,
.Search-NoResult .ZoneBottom #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .Search-NoResult .ZoneBottom .elements-suggestion-area>h5,
.Search-NoResult .ZoneBottom #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .Search-NoResult .ZoneBottom .elements-suggestion-area>.h5 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 15px;
    text-align: center;
    font-weight: normal;
    padding: 35px 0 15px
}

@media screen and (max-width: 768px) {

    .Search-NoResult .ZoneBottom h5,
    .Search-NoResult .ZoneBottom #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .Search-NoResult .ZoneBottom .messages-area>.h5,
    .Search-NoResult .ZoneBottom #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .Search-NoResult .ZoneBottom .elements-suggestion-area>h5,
    .Search-NoResult .ZoneBottom #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .Search-NoResult .ZoneBottom .elements-suggestion-area>.h5 {
        text-align: left;
        padding: 15px 10px 0
    }
}

.Search-NoResult .ZoneBottom.suggestion-accessories {
    padding: 25px 0 0 !important
}

.Search-NoResult .ZoneBottom.suggestion-accessories h5,
.Search-NoResult .ZoneBottom.suggestion-accessories #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .Search-NoResult .ZoneBottom.suggestion-accessories .messages-area>.h5,
.Search-NoResult .ZoneBottom.suggestion-accessories #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .Search-NoResult .ZoneBottom.suggestion-accessories .elements-suggestion-area>h5,
.Search-NoResult .ZoneBottom.suggestion-accessories #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .Search-NoResult .ZoneBottom.suggestion-accessories .elements-suggestion-area>.h5 {
    background: #fff
}

.Search-NoResult .ZoneBottom .accessoires {
    background: #fff;
    padding: 25px 0 70px
}

.Search-NoResult .ZoneBottom .product-recent {
    padding: 25px 0 20px
}

.Search-NoResult .ZoneBottom .product-recent .owl-item {
    padding: 0 9px
}

.Search-NoResult .ZoneBottom .product-recent .owl-item .item {
    width: 100% !important;
    margin: 0
}

.Search-NoResult .ZoneBottom .product-recent .item {
    width: 22.95%;
    margin: 0 0.5%;
    min-height: inherit;
    border: 0
}

.Search-NoResult .ZoneBottom .product-recent .item .visuel {
    margin-bottom: 15px
}

.Search-NoResult .ZoneBottom .product-recent .item .visuel img {
    max-height: 130px
}

.Search-NoResult .ZoneBottom .product-recent .item .caption .title {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    color: #282828;
    text-transform: uppercase;
    overflow: hidden;
    height: 34px;
    margin-bottom: 0
}

.Search-NoResult .ZoneBottom .product-recent .item .caption .claim {
    display: none
}

.Search-NoResult .ZoneBottom .product-recent .owl-nav .owl-prev {
    left: -10px
}

.Search-NoResult .ZoneBottom .product-recent .owl-nav .owl-next {
    right: -10px
}

.Search-NoResult.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere {
    display: block;
    max-width: 1400px
}

.Search-NoResult.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .slider-4 .owl-stage-outer .owl-stage .owl-item {
    border: 0
}

.Search-NoResult.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-list .item {
    padding: 0
}

.Search-NoResult.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-list .item h3 {
    height: 40px;
    font-size: 12px
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .sidebar-filters.filters-profil .filters .item,
    .template-pages-NewsLetterPageTemplate .sidebar-filters.filters-profil .filters .item {
        display: none
    }

    .template-pages-AccountPageTemplate .sidebar-filters.filters-profil .filters .item:first-child,
    .template-pages-NewsLetterPageTemplate .sidebar-filters.filters-profil .filters .item:first-child {
        display: block;
        padding: 0
    }
}

.template-pages-AccountPageTemplate .order_history_information,
.template-pages-NewsLetterPageTemplate .order_history_information {
    margin: 0 0 40px
}

.rtl .template-pages-AccountPageTemplate .order_history_information,
.rtl .template-pages-NewsLetterPageTemplate .order_history_information {
    margin-right: 2%
}

.template-pages-AccountPageTemplate .order_history_information .table-striped thead:first-child tr:first-child th,
.template-pages-NewsLetterPageTemplate .order_history_information .table-striped thead:first-child tr:first-child th {
    padding-left: 15px;
    width: 100%
}

.rtl .template-pages-AccountPageTemplate .order_history_information .table-striped thead:first-child tr:first-child th,
.rtl .template-pages-NewsLetterPageTemplate .order_history_information .table-striped thead:first-child tr:first-child th {
    padding-right: 15px
}

.template-pages-AccountPageTemplate .order_history_information .table-striped tbody tr td,
.template-pages-NewsLetterPageTemplate .order_history_information .table-striped tbody tr td {
    min-width: 110px;
    border: 0;
    font-size: 16px;
    font-size: 1.6rem;
    background: #fff
}

.template-pages-AccountPageTemplate .order_history_information .table-striped tbody tr td .picture,
.template-pages-NewsLetterPageTemplate .order_history_information .table-striped tbody tr td .picture {
    height: 115px;
    padding: 15px
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .order_history_information .table-striped tbody tr td .picture,
    .template-pages-NewsLetterPageTemplate .order_history_information .table-striped tbody tr td .picture {
        height: inherit;
        padding: 15px 0
    }
}

.template-pages-AccountPageTemplate .order_history_information .table-striped tfoot td,
.template-pages-NewsLetterPageTemplate .order_history_information .table-striped tfoot td {
    border: 0;
    font-size: 16px;
    font-size: 1.6rem;
    padding-right: 15px
}

.rtl .template-pages-AccountPageTemplate .order_history_information .table-striped tfoot td,
.rtl .template-pages-NewsLetterPageTemplate .order_history_information .table-striped tfoot td {
    padding-left: 15px
}

.template-pages-AccountPageTemplate .order_history_information .table-striped tfoot td label,
.template-pages-NewsLetterPageTemplate .order_history_information .table-striped tfoot td label {
    width: 100%;
    line-height: 20px
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .order_history_information .table-striped tfoot td,
    .template-pages-NewsLetterPageTemplate .order_history_information .table-striped tfoot td {
        text-align: center;
        padding: 8px;
        display: table-cell;
        min-width: 110px;
        line-height: 16px
    }

    .template-pages-AccountPageTemplate .order_history_information .table-striped tfoot td label,
    .template-pages-NewsLetterPageTemplate .order_history_information .table-striped tfoot td label {
        width: auto;
        line-height: 100%;
        padding: 0
    }

    .template-pages-AccountPageTemplate .order_history_information .table-striped tfoot td strong,
    .template-pages-NewsLetterPageTemplate .order_history_information .table-striped tfoot td strong {
        font-size: 13px;
        font-size: 1.3rem
    }

    .template-pages-AccountPageTemplate .order_history_information .table-striped tfoot td .promo-amount,
    .template-pages-NewsLetterPageTemplate .order_history_information .table-striped tfoot td .promo-amount {
        float: none
    }

    .template-pages-AccountPageTemplate .order_history_information .table-striped tfoot td .voucher-desc,
    .template-pages-NewsLetterPageTemplate .order_history_information .table-striped tfoot td .voucher-desc {
        position: absolute;
        left: 0;
        right: 0;
        background: #fff;
        bottom: -48px;
        height: 48px
    }
}

.template-pages-AccountPageTemplate .order_history_information hr,
.template-pages-NewsLetterPageTemplate .order_history_information hr {
    display: none
}

.template-pages-AccountPageTemplate .order_history_information .final-address>p,
.template-pages-AccountPageTemplate .order_history_information .krups-block-univers .krups-block-wrapper .final-address>div,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .order_history_information .final-address>div,
.template-pages-NewsLetterPageTemplate .order_history_information .final-address>p,
.template-pages-NewsLetterPageTemplate .order_history_information .krups-block-univers .krups-block-wrapper .final-address>div,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate .order_history_information .final-address>div {
    margin: 0 0 13px;
    font-size: 28px;
    font-size: 2.8rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: light;
    line-height: 1em;
    color: #171413;
    border: 0;
    padding: 0
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .order_history_information .final-address>p,
    .template-pages-AccountPageTemplate .order_history_information .krups-block-univers .krups-block-wrapper .final-address>div,
    .krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .order_history_information .final-address>div,
    .template-pages-NewsLetterPageTemplate .order_history_information .final-address>p,
    .template-pages-NewsLetterPageTemplate .order_history_information .krups-block-univers .krups-block-wrapper .final-address>div,
    .krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate .order_history_information .final-address>div {
        font-size: 20px;
        font-size: 2rem
    }
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .order_history_information,
    .template-pages-NewsLetterPageTemplate .order_history_information {
        padding: 10px
    }
}

@media screen and (max-width: 1024px) {

    .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span3,
    .template-pages-AccountPageTemplate .row-fluid.bloc-light>.span3,
    .template-pages-AccountPageTemplate .row-fluid.bloc>.span3,
    .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid>.span3,
    .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light>.span3,
    .template-pages-NewsLetterPageTemplate .row-fluid.bloc>.span3 {
        width: 30%
    }
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9,
.template-pages-AccountPageTemplate .row-fluid.bloc-light>.span9,
.template-pages-AccountPageTemplate .row-fluid.bloc>.span9,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid>.span9,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light>.span9,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc>.span9 {
    margin-bottom: 24px;
    margin-left: 0px;
    min-height: 550px;
    float: right
}

.rtl .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9,
.rtl .template-pages-AccountPageTemplate .row-fluid.bloc-light>.span9,
.rtl .template-pages-AccountPageTemplate .row-fluid.bloc>.span9,
.rtl .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid>.span9,
.rtl .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light>.span9,
.rtl .template-pages-NewsLetterPageTemplate .row-fluid.bloc>.span9 {
    float: left;
    margin-right: 0px
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9 .spaces-container,
.template-pages-AccountPageTemplate .row-fluid.bloc-light>.span9 .spaces-container,
.template-pages-AccountPageTemplate .row-fluid.bloc>.span9 .spaces-container,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid>.span9 .spaces-container,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light>.span9 .spaces-container,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc>.span9 .spaces-container {
    padding-top: 20px
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9 .spaces-container .space,
.template-pages-AccountPageTemplate .row-fluid.bloc-light>.span9 .spaces-container .space,
.template-pages-AccountPageTemplate .row-fluid.bloc>.span9 .spaces-container .space,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid>.span9 .spaces-container .space,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light>.span9 .spaces-container .space,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc>.span9 .spaces-container .space {
    margin: 0 0 15px;
    color: #f38230;
    font-size: 11px;
    clear: left;
    position: relative
}

.rtl .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9 .spaces-container .space,
.rtl .template-pages-AccountPageTemplate .row-fluid.bloc-light>.span9 .spaces-container .space,
.rtl .template-pages-AccountPageTemplate .row-fluid.bloc>.span9 .spaces-container .space,
.rtl .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid>.span9 .spaces-container .space,
.rtl .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light>.span9 .spaces-container .space,
.rtl .template-pages-NewsLetterPageTemplate .row-fluid.bloc>.span9 .spaces-container .space {
    clear: right
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9 .spaces-container .space a,
.template-pages-AccountPageTemplate .row-fluid.bloc-light>.span9 .spaces-container .space a,
.template-pages-AccountPageTemplate .row-fluid.bloc>.span9 .spaces-container .space a,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid>.span9 .spaces-container .space a,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light>.span9 .spaces-container .space a,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc>.span9 .spaces-container .space a {
    color: #171413;
    font-size: 16px;
    font-size: 1.6rem
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9 .spaces-container .space a:hover,
.template-pages-AccountPageTemplate .row-fluid.bloc-light>.span9 .spaces-container .space a:hover,
.template-pages-AccountPageTemplate .row-fluid.bloc>.span9 .spaces-container .space a:hover,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid>.span9 .spaces-container .space a:hover,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light>.span9 .spaces-container .space a:hover,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc>.span9 .spaces-container .space a:hover {
    color: #f38230;
    text-decoration: none
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9 .spaces-container,
    .template-pages-AccountPageTemplate .row-fluid.bloc-light>.span9 .spaces-container,
    .template-pages-AccountPageTemplate .row-fluid.bloc>.span9 .spaces-container,
    .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid>.span9 .spaces-container,
    .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light>.span9 .spaces-container,
    .template-pages-NewsLetterPageTemplate .row-fluid.bloc>.span9 .spaces-container {
        padding: 0
    }
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9 .final-address p,
.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9 .final-address .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9 .final-address div,
.template-pages-AccountPageTemplate .row-fluid.bloc-light>.span9 .final-address p,
.template-pages-AccountPageTemplate .row-fluid.bloc-light>.span9 .final-address .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .row-fluid.bloc-light>.span9 .final-address div,
.template-pages-AccountPageTemplate .row-fluid.bloc>.span9 .final-address p,
.template-pages-AccountPageTemplate .row-fluid.bloc>.span9 .final-address .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .row-fluid.bloc>.span9 .final-address div,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid>.span9 .final-address p,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid>.span9 .final-address .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid>.span9 .final-address div,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light>.span9 .final-address p,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light>.span9 .final-address .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light>.span9 .final-address div,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc>.span9 .final-address p,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc>.span9 .final-address .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate .row-fluid.bloc>.span9 .final-address div {
    font-size: 25px;
    font-size: 2.5rem;
    color: #171413;
    border: 0;
    padding: 0
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9 .final-address p,
    .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9 .final-address .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9 .final-address div,
    .template-pages-AccountPageTemplate .row-fluid.bloc-light>.span9 .final-address p,
    .template-pages-AccountPageTemplate .row-fluid.bloc-light>.span9 .final-address .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .row-fluid.bloc-light>.span9 .final-address div,
    .template-pages-AccountPageTemplate .row-fluid.bloc>.span9 .final-address p,
    .template-pages-AccountPageTemplate .row-fluid.bloc>.span9 .final-address .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .row-fluid.bloc>.span9 .final-address div,
    .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid>.span9 .final-address p,
    .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid>.span9 .final-address .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid>.span9 .final-address div,
    .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light>.span9 .final-address p,
    .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light>.span9 .final-address .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light>.span9 .final-address div,
    .template-pages-NewsLetterPageTemplate .row-fluid.bloc>.span9 .final-address p,
    .template-pages-NewsLetterPageTemplate .row-fluid.bloc>.span9 .final-address .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate .row-fluid.bloc>.span9 .final-address div {
        font-size: 24px;
        font-size: 2.4rem;
        margin-top: 15px
    }
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9 .search-list .lame-filter-list,
.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9 .search-list #productList,
.template-pages-AccountPageTemplate .row-fluid.bloc-light>.span9 .search-list .lame-filter-list,
.template-pages-AccountPageTemplate .row-fluid.bloc-light>.span9 .search-list #productList,
.template-pages-AccountPageTemplate .row-fluid.bloc>.span9 .search-list .lame-filter-list,
.template-pages-AccountPageTemplate .row-fluid.bloc>.span9 .search-list #productList,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid>.span9 .search-list .lame-filter-list,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid>.span9 .search-list #productList,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light>.span9 .search-list .lame-filter-list,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light>.span9 .search-list #productList,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc>.span9 .search-list .lame-filter-list,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc>.span9 .search-list #productList {
    background: #fff
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user,
.template-pages-AccountPageTemplate .row-fluid.bloc .orders-user,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user {
    font-size: 14.5px;
    font-size: 1.45rem
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user .row-fluid,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user .row-fluid,
.template-pages-AccountPageTemplate .row-fluid.bloc .orders-user .row-fluid,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user .row-fluid,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user .row-fluid,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user .row-fluid {
    width: 100% !important;
    padding: 0 !important
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user .span12 .pull-right,
    .template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user .span12 .pull-right,
    .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user .span12 .pull-right,
    .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user .span12 .pull-right,
    .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user .span12 .pull-right,
    .template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user .span12 .pull-right {
        width: 100%;
        display: block;
        overflow: hidden
    }

    .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user .span12 .pull-right .form-horizontal .control-label,
    .template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user .span12 .pull-right .form-horizontal .control-label,
    .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user .span12 .pull-right .form-horizontal .control-label,
    .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user .span12 .pull-right .form-horizontal .control-label,
    .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user .span12 .pull-right .form-horizontal .control-label,
    .template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user .span12 .pull-right .form-horizontal .control-label {
        width: auto;
        padding: 5px 10px 0 10px
    }

    .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user .span12 .pull-right .form-horizontal .controls,
    .template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user .span12 .pull-right .form-horizontal .controls,
    .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user .span12 .pull-right .form-horizontal .controls,
    .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user .span12 .pull-right .form-horizontal .controls,
    .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user .span12 .pull-right .form-horizontal .controls,
    .template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user .span12 .pull-right .form-horizontal .controls {
        margin: 0
    }
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user table,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user table,
.template-pages-AccountPageTemplate .row-fluid.bloc .orders-user table,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user table,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user table,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user table {
    clear: both
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user table td,
.template-pages-AccountPageTemplate .row-fluid.bloc .orders-user table td,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user table td,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user table td {
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 10px;
    max-width: 250px;
    border: 0;
    background: #fff
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td,
    .template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user table td,
    .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user table td,
    .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td,
    .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user table td,
    .template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user table td {
        text-align: left;
        padding: 5px 10px;
        overflow: hidden;
        max-width: inherit
    }

    .rtl .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td,
    .rtl .template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user table td,
    .rtl .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user table td,
    .rtl .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td,
    .rtl .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user table td,
    .rtl .template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user table td {
        text-align: right
    }
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td:first-child,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user table td:first-child,
.template-pages-AccountPageTemplate .row-fluid.bloc .orders-user table td:first-child,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td:first-child,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user table td:first-child,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user table td:first-child {
    text-align: left;
    padding: 8px 8px 8px 20px
}

.rtl .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td:first-child,
.rtl .template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user table td:first-child,
.rtl .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user table td:first-child,
.rtl .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td:first-child,
.rtl .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user table td:first-child,
.rtl .template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user table td:first-child {
    text-align: right;
    padding: 8px 20px 8px 8px
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td:first-child,
    .template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user table td:first-child,
    .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user table td:first-child,
    .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td:first-child,
    .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user table td:first-child,
    .template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user table td:first-child {
        padding-left: 10px;
        padding-top: 15px
    }

    .rtl .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td:first-child,
    .rtl .template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user table td:first-child,
    .rtl .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user table td:first-child,
    .rtl .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td:first-child,
    .rtl .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user table td:first-child,
    .rtl .template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user table td:first-child {
        padding-right: 10px
    }
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td.price,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user table td.price,
.template-pages-AccountPageTemplate .row-fluid.bloc .orders-user table td.price,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td.price,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user table td.price,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user table td.price {
    padding: 0 30px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td.price,
    .template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user table td.price,
    .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user table td.price,
    .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td.price,
    .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user table td.price,
    .template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user table td.price {
        padding: 5px 10px
    }
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td .icon-trash,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user table td .icon-trash,
.template-pages-AccountPageTemplate .row-fluid.bloc .orders-user table td .icon-trash,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td .icon-trash,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user table td .icon-trash,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user table td .icon-trash {
    background: url("../img/icon/icon-trash.png") no-repeat 0 0;
    width: 17px;
    height: 17px;
    display: inline-block
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td .icon-trash:before,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user table td .icon-trash:before,
.template-pages-AccountPageTemplate .row-fluid.bloc .orders-user table td .icon-trash:before,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td .icon-trash:before,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user table td .icon-trash:before,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user table td .icon-trash:before {
    display: none
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td .btn-action,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user table td .btn-action,
.template-pages-AccountPageTemplate .row-fluid.bloc .orders-user table td .btn-action,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td .btn-action,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user table td .btn-action,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user table td .btn-action {
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    border-radius: 100px
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td .btn-action,
    .template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user table td .btn-action,
    .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user table td .btn-action,
    .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td .btn-action,
    .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user table td .btn-action,
    .template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user table td .btn-action {
        margin-bottom: 15px
    }
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td a:hover,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user table td a:hover,
.template-pages-AccountPageTemplate .row-fluid.bloc .orders-user table td a:hover,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user table td a:hover,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user table td a:hover,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user table td a:hover {
    color: #f38230
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user table tr:nth-child(even)>td,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user table tr:nth-child(even)>td,
.template-pages-AccountPageTemplate .row-fluid.bloc .orders-user table tr:nth-child(even)>td,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user table tr:nth-child(even)>td,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user table tr:nth-child(even)>td,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user table tr:nth-child(even)>td {
    background: #eaeeef
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user p,
.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user div,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user p,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user div,
.template-pages-AccountPageTemplate .row-fluid.bloc .orders-user p,
.template-pages-AccountPageTemplate .row-fluid.bloc .orders-user .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user div,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user p,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user div,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user p,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user div,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user p,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user div {
    margin: 0
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user p a:hover,
.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user .krups-block-univers .krups-block-wrapper div a:hover,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user div a:hover,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user p a:hover,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user .krups-block-univers .krups-block-wrapper div a:hover,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user div a:hover,
.template-pages-AccountPageTemplate .row-fluid.bloc .orders-user p a:hover,
.template-pages-AccountPageTemplate .row-fluid.bloc .orders-user .krups-block-univers .krups-block-wrapper div a:hover,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user div a:hover,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user p a:hover,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user .krups-block-univers .krups-block-wrapper div a:hover,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user div a:hover,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user p a:hover,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user .krups-block-univers .krups-block-wrapper div a:hover,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user div a:hover,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user p a:hover,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user .krups-block-univers .krups-block-wrapper div a:hover,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user div a:hover {
    color: #f38230
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user p .btn,
.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user .krups-block-univers .krups-block-wrapper div .btn,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user div .btn,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user p .btn,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user .krups-block-univers .krups-block-wrapper div .btn,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user div .btn,
.template-pages-AccountPageTemplate .row-fluid.bloc .orders-user p .btn,
.template-pages-AccountPageTemplate .row-fluid.bloc .orders-user .krups-block-univers .krups-block-wrapper div .btn,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user div .btn,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user p .btn,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user .krups-block-univers .krups-block-wrapper div .btn,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user div .btn,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user p .btn,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user .krups-block-univers .krups-block-wrapper div .btn,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user div .btn,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user p .btn,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user .krups-block-univers .krups-block-wrapper div .btn,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user div .btn {
    font-size: 13px;
    font-size: 1.3rem;
    border-radius: 5px;
    display: table;
    float: right;
    width: auto;
    border-radius: 100px
}

.rtl .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user p .btn,
.rtl .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user .krups-block-univers .krups-block-wrapper div .btn,
.krups-block-univers .krups-block-wrapper .rtl .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user div .btn,
.rtl .template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user p .btn,
.rtl .template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user .krups-block-univers .krups-block-wrapper div .btn,
.krups-block-univers .krups-block-wrapper .rtl .template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user div .btn,
.rtl .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user p .btn,
.rtl .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user .krups-block-univers .krups-block-wrapper div .btn,
.krups-block-univers .krups-block-wrapper .rtl .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user div .btn,
.rtl .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user p .btn,
.rtl .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user .krups-block-univers .krups-block-wrapper div .btn,
.krups-block-univers .krups-block-wrapper .rtl .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user div .btn,
.rtl .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user p .btn,
.rtl .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user .krups-block-univers .krups-block-wrapper div .btn,
.krups-block-univers .krups-block-wrapper .rtl .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user div .btn,
.rtl .template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user p .btn,
.rtl .template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user .krups-block-univers .krups-block-wrapper div .btn,
.krups-block-univers .krups-block-wrapper .rtl .template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user div .btn {
    float: left
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user p .btn:hover,
.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user .krups-block-univers .krups-block-wrapper div .btn:hover,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .orders-user div .btn:hover,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user p .btn:hover,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user .krups-block-univers .krups-block-wrapper div .btn:hover,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .row-fluid.bloc-light .orders-user div .btn:hover,
.template-pages-AccountPageTemplate .row-fluid.bloc .orders-user p .btn:hover,
.template-pages-AccountPageTemplate .row-fluid.bloc .orders-user .krups-block-univers .krups-block-wrapper div .btn:hover,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user div .btn:hover,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user p .btn:hover,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user .krups-block-univers .krups-block-wrapper div .btn:hover,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .orders-user div .btn:hover,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user p .btn:hover,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user .krups-block-univers .krups-block-wrapper div .btn:hover,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .orders-user div .btn:hover,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user p .btn:hover,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user .krups-block-univers .krups-block-wrapper div .btn:hover,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate .row-fluid.bloc .orders-user div .btn:hover {
    color: #fff
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .claim-user h4,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .claim-user h4,
.template-pages-AccountPageTemplate .row-fluid.bloc .claim-user h4,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .claim-user h4,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .claim-user h4,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .claim-user h4 {
    color: #171413;
    padding: 12px 0 15px 0;
    margin-bottom: 25px;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 32px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    position: relative
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .claim-user h4::after,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .claim-user h4::after,
.template-pages-AccountPageTemplate .row-fluid.bloc .claim-user h4::after,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .claim-user h4::after,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .claim-user h4::after,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .claim-user h4::after {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    top: 100%;
    left: 0
}

.rtl .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .claim-user h4::after,
.rtl .template-pages-AccountPageTemplate .row-fluid.bloc-light .claim-user h4::after,
.rtl .template-pages-AccountPageTemplate .row-fluid.bloc .claim-user h4::after,
.rtl .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .claim-user h4::after,
.rtl .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .claim-user h4::after,
.rtl .template-pages-NewsLetterPageTemplate .row-fluid.bloc .claim-user h4::after {
    top: 100%;
    right: 0;
    left: auto
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .claim-user p,
.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .claim-user .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .claim-user div,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .claim-user p,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .claim-user .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .row-fluid.bloc-light .claim-user div,
.template-pages-AccountPageTemplate .row-fluid.bloc .claim-user p,
.template-pages-AccountPageTemplate .row-fluid.bloc .claim-user .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .row-fluid.bloc .claim-user div,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .claim-user p,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .claim-user .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .claim-user div,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .claim-user p,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .claim-user .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .claim-user div,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .claim-user p,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .claim-user .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate .row-fluid.bloc .claim-user div {
    font-size: 16px;
    font-size: 1.6rem;
    color: #958e88
}

.template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .claim-user ul,
.template-pages-AccountPageTemplate .row-fluid.bloc-light .claim-user ul,
.template-pages-AccountPageTemplate .row-fluid.bloc .claim-user ul,
.template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .claim-user ul,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .claim-user ul,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc .claim-user ul {
    margin: 0 0 0 17px
}

.rtl .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid .claim-user ul,
.rtl .template-pages-AccountPageTemplate .row-fluid.bloc-light .claim-user ul,
.rtl .template-pages-AccountPageTemplate .row-fluid.bloc .claim-user ul,
.rtl .template-pages-NewsLetterPageTemplate.page-order #globalMessages+.row-fluid .claim-user ul,
.rtl .template-pages-NewsLetterPageTemplate .row-fluid.bloc-light .claim-user ul,
.rtl .template-pages-NewsLetterPageTemplate .row-fluid.bloc .claim-user ul {
    margin: 0 17px 0 0
}

.template-pages-AccountPageTemplate .richtext h1,
.template-pages-NewsLetterPageTemplate .richtext h1 {
    color: #171413;
    padding: 12px 0 15px 0;
    margin-bottom: 30px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 32px;
    text-transform: uppercase;
    position: relative;
    float: left;
    width: auto
}

.rtl .template-pages-AccountPageTemplate .richtext h1,
.rtl .template-pages-NewsLetterPageTemplate .richtext h1 {
    float: right
}

.template-pages-AccountPageTemplate .richtext h1:after,
.template-pages-NewsLetterPageTemplate .richtext h1:after {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    top: 100%;
    left: 0
}

.rtl .template-pages-AccountPageTemplate .richtext h1:after,
.rtl .template-pages-NewsLetterPageTemplate .richtext h1:after {
    top: 100%;
    right: 0;
    left: auto
}

.template-pages-AccountPageTemplate #productList+.row-fluid,
.template-pages-NewsLetterPageTemplate #productList+.row-fluid {
    text-align: right;
    padding: 20px
}

.rtl .template-pages-AccountPageTemplate #productList+.row-fluid,
.rtl .template-pages-NewsLetterPageTemplate #productList+.row-fluid {
    text-align: left
}

.template-pages-AccountPageTemplate #productList+.row-fluid p,
.template-pages-AccountPageTemplate #productList+.row-fluid .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate #productList+.row-fluid div,
.template-pages-NewsLetterPageTemplate #productList+.row-fluid p,
.template-pages-NewsLetterPageTemplate #productList+.row-fluid .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate #productList+.row-fluid div {
    font-size: 16px;
    font-size: 1.6rem;
    color: #171413;
    text-align: right;
    overflow: hidden;
    margin-bottom: 10px
}

.rtl .template-pages-AccountPageTemplate #productList+.row-fluid p,
.rtl .template-pages-AccountPageTemplate #productList+.row-fluid .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .rtl .template-pages-AccountPageTemplate #productList+.row-fluid div,
.rtl .template-pages-NewsLetterPageTemplate #productList+.row-fluid p,
.rtl .template-pages-NewsLetterPageTemplate #productList+.row-fluid .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .rtl .template-pages-NewsLetterPageTemplate #productList+.row-fluid div {
    text-align: left
}

.template-pages-AccountPageTemplate #productList+.row-fluid .btn,
.template-pages-NewsLetterPageTemplate #productList+.row-fluid .btn {
    background: #f38230;
    color: #fff;
    border-radius: 100px;
    float: right;
    width: auto
}

.rtl .template-pages-AccountPageTemplate #productList+.row-fluid .btn,
.rtl .template-pages-NewsLetterPageTemplate #productList+.row-fluid .btn {
    float: left
}

.template-pages-AccountPageTemplate #productList+.row-fluid .btn:hover,
.template-pages-NewsLetterPageTemplate #productList+.row-fluid .btn:hover {
    background: #ff720d
}

.template-pages-AccountPageTemplate .orders-user legend,
.template-pages-NewsLetterPageTemplate .orders-user legend {
    color: #171413;
    padding: 12px 0 15px 0;
    margin-bottom: 30px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 32px;
    text-transform: uppercase;
    position: relative
}

.template-pages-AccountPageTemplate .orders-user legend::after,
.template-pages-NewsLetterPageTemplate .orders-user legend::after {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    top: 100%;
    left: 0
}

.rtl .template-pages-AccountPageTemplate .orders-user legend::after,
.rtl .template-pages-NewsLetterPageTemplate .orders-user legend::after {
    right: 0;
    left: auto
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .orders-user legend::after,
    .template-pages-NewsLetterPageTemplate .orders-user legend::after {
        top: 90%
    }
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .orders-user legend,
    .template-pages-NewsLetterPageTemplate .orders-user legend {
        font-size: 19px;
        font-size: 1.9rem;
        overflow: hidden;
        float: none;
        margin: 0 0 20px;
        padding: 12px 0 20px 0;
        line-height: 25px
    }
}

.template-pages-AccountPageTemplate .orders-user p strong,
.template-pages-AccountPageTemplate .orders-user .krups-block-univers .krups-block-wrapper div strong,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .orders-user div strong,
.template-pages-NewsLetterPageTemplate .orders-user p strong,
.template-pages-NewsLetterPageTemplate .orders-user .krups-block-univers .krups-block-wrapper div strong,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate .orders-user div strong {
    font-size: 16px;
    font-size: 1.6rem
}

.template-pages-AccountPageTemplate .orders-user .pull-right,
.template-pages-NewsLetterPageTemplate .orders-user .pull-right {
    font-size: 15px;
    font-size: 1.5rem;
    padding-bottom: 10px
}

.template-pages-AccountPageTemplate .orders-user .repares-area,
.template-pages-NewsLetterPageTemplate .orders-user .repares-area {
    min-height: 430px;
    position: relative
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .orders-user .repares-area,
    .template-pages-NewsLetterPageTemplate .orders-user .repares-area {
        min-height: 150px
    }
}

.template-pages-AccountPageTemplate .orders-user .repares-area .control-repares,
.template-pages-NewsLetterPageTemplate .orders-user .repares-area .control-repares {
    position: absolute;
    bottom: 0px;
    right: 10px
}

.rtl .template-pages-AccountPageTemplate .orders-user .repares-area .control-repares,
.rtl .template-pages-NewsLetterPageTemplate .orders-user .repares-area .control-repares {
    left: 10px;
    right: auto
}

.template-pages-AccountPageTemplate .orders-user .sort,
.template-pages-NewsLetterPageTemplate .orders-user .sort {
    float: right;
    margin: 15px 0;
    position: relative;
    background-color: transparent;
    overflow: hidden;
    padding: 0;
    display: inline-block
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .orders-user .sort,
    .template-pages-NewsLetterPageTemplate .orders-user .sort {
        float: none;
        width: 100%
    }
}

.template-pages-AccountPageTemplate .orders-user .sort form,
.template-pages-NewsLetterPageTemplate .orders-user .sort form {
    margin: 0
}

.template-pages-AccountPageTemplate .orders-user .sort form:bofore,
.template-pages-NewsLetterPageTemplate .orders-user .sort form:bofore {
    font-size: 8px;
    font-size: .8rem
}

.template-pages-AccountPageTemplate .orders-user .sort form select,
.template-pages-NewsLetterPageTemplate .orders-user .sort form select {
    background-color: #bebdbd;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
    width: 100%;
    min-height: 50px;
    text-transform: uppercase;
    padding: 15px 30px 15px 20px;
    outline: none;
    position: relative;
    z-index: 5;
    line-height: 21px;
    border: none;
    border-radius: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-font-smoothing: antialiased
}

.rtl .template-pages-AccountPageTemplate .orders-user .sort form select,
.rtl .template-pages-NewsLetterPageTemplate .orders-user .sort form select {
    padding: 15px 20px 15px 30px
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .orders-user .sort form select,
    .template-pages-NewsLetterPageTemplate .orders-user .sort form select {
        width: 100%;
        max-width: inherit
    }
}

.template-pages-AccountPageTemplate .orders-user .row-fluid,
.template-pages-NewsLetterPageTemplate .orders-user .row-fluid {
    padding: 0 !important
}

.template-pages-AccountPageTemplate .addrBookContainer,
.template-pages-NewsLetterPageTemplate .addrBookContainer {
    width: auto;
    margin-top: 30px
}

.template-pages-AccountPageTemplate .addrBookContainer legend,
.template-pages-NewsLetterPageTemplate .addrBookContainer legend {
    color: #171413;
    position: relative
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .addrBookContainer legend,
    .template-pages-NewsLetterPageTemplate .addrBookContainer legend {
        font-size: 19px;
        font-size: 1.9rem;
        overflow: hidden;
        float: none;
        margin: 0;
        padding: 12px 0 20px 0;
        line-height: 25px
    }
}

.template-pages-AccountPageTemplate .addrBookContainer .btn-action,
.template-pages-NewsLetterPageTemplate .addrBookContainer .btn-action {
    border-radius: 5px;
    font-size: 13px;
    font-size: 1.3rem;
    margin: 6px 40px 0 0;
    width: auto;
    float: right;
    border-radius: 100px
}

.rtl .template-pages-AccountPageTemplate .addrBookContainer .btn-action,
.rtl .template-pages-NewsLetterPageTemplate .addrBookContainer .btn-action {
    margin: 6px 0 0 40px;
    float: left
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .template-pages-AccountPageTemplate .addrBookContainer .btn-action,
    .template-pages-NewsLetterPageTemplate .addrBookContainer .btn-action {
        margin: 6px 0 0 10px
    }

    .rtl .template-pages-AccountPageTemplate .addrBookContainer .btn-action,
    .rtl .template-pages-NewsLetterPageTemplate .addrBookContainer .btn-action {
        margin: 6px 10px 0 0
    }
}

.template-pages-AccountPageTemplate .addrBookContainer .btn-action:hover,
.template-pages-NewsLetterPageTemplate .addrBookContainer .btn-action:hover {
    color: #fff !important
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .addrBookContainer .btn-action,
    .template-pages-NewsLetterPageTemplate .addrBookContainer .btn-action {
        margin: 0
    }
}

.template-pages-AccountPageTemplate .addrBookContainer .parag-one,
.template-pages-NewsLetterPageTemplate .addrBookContainer .parag-one {
    font-size: 16px;
    font-size: 1.6rem
}

.template-pages-AccountPageTemplate .addrBookContainer p,
.template-pages-AccountPageTemplate .addrBookContainer .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .addrBookContainer div,
.template-pages-NewsLetterPageTemplate .addrBookContainer p,
.template-pages-NewsLetterPageTemplate .addrBookContainer .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate .addrBookContainer div {
    color: #171413;
    font-size: 16px;
    font-size: 1.6rem
}

.template-pages-AccountPageTemplate .addrBookContainer p strong,
.template-pages-AccountPageTemplate .addrBookContainer .krups-block-univers .krups-block-wrapper div strong,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .addrBookContainer div strong,
.template-pages-NewsLetterPageTemplate .addrBookContainer p strong,
.template-pages-NewsLetterPageTemplate .addrBookContainer .krups-block-univers .krups-block-wrapper div strong,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate .addrBookContainer div strong {
    display: block
}

.template-pages-AccountPageTemplate fieldset,
.template-pages-NewsLetterPageTemplate fieldset {
    border: 0
}

.template-pages-AccountPageTemplate .addrFormContainer legend,
.template-pages-NewsLetterPageTemplate .addrFormContainer legend {
    color: #171413;
    padding: 12px 0 15px 0;
    margin-bottom: 30px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 32px;
    text-transform: uppercase;
    position: relative
}

.template-pages-AccountPageTemplate .addrFormContainer legend:first-letter,
.template-pages-NewsLetterPageTemplate .addrFormContainer legend:first-letter {
    text-transform: uppercase
}

.template-pages-AccountPageTemplate .addrFormContainer legend+.row-fluid,
.template-pages-NewsLetterPageTemplate .addrFormContainer legend+.row-fluid {
    background: #ffffff;
    margin-bottom: 24px;
    margin-top: 0;
    padding: 20px 22px;
    border-bottom: 1px solid #faf7f7;
    line-height: 1.2em
}

.template-pages-AccountPageTemplate .addrFormContainer .control-group,
.template-pages-NewsLetterPageTemplate .addrFormContainer .control-group {
    margin: 0 0 15px
}

.template-pages-AccountPageTemplate .addrFormContainer .control-group:last-child,
.template-pages-NewsLetterPageTemplate .addrFormContainer .control-group:last-child {
    margin: 0;
    padding-bottom: 20px
}

.template-pages-AccountPageTemplate .addrFormContainer .controls,
.template-pages-NewsLetterPageTemplate .addrFormContainer .controls {
    margin: 0;
    float: right
}

.template-pages-AccountPageTemplate .addrFormContainer .btn-action,
.template-pages-NewsLetterPageTemplate .addrFormContainer .btn-action {
    width: auto
}

.template-pages-AccountPageTemplate #globalMessages+.row-fluid .order_history_information .orders-user table td,
.template-pages-NewsLetterPageTemplate #globalMessages+.row-fluid .order_history_information .orders-user table td {
    text-align: left
}

.rtl .template-pages-AccountPageTemplate #globalMessages+.row-fluid .order_history_information .orders-user table td,
.rtl .template-pages-NewsLetterPageTemplate #globalMessages+.row-fluid .order_history_information .orders-user table td {
    text-align: right
}

.template-pages-AccountPageTemplate #globalMessages+.row-fluid .order_history_information hr,
.template-pages-NewsLetterPageTemplate #globalMessages+.row-fluid .order_history_information hr {
    display: none
}

.rtl .template-pages-AccountPageTemplate #globalMessages+.row-fluid .order_history_information .span6,
.rtl .template-pages-NewsLetterPageTemplate #globalMessages+.row-fluid .order_history_information .span6 {
    float: left
}

.template-pages-AccountPageTemplate address,
.template-pages-NewsLetterPageTemplate address {
    background: #fff;
    margin: 0;
    padding: 20px 30px;
    border: 0;
    min-height: 100px;
    line-height: 1.2em;
    font-size: 16px;
    font-size: 1.6rem;
    color: #171413
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate address,
    .template-pages-NewsLetterPageTemplate address {
        font-size: 16px;
        font-size: 1.6rem
    }
}

.template-pages-AccountPageTemplate address b,
.template-pages-NewsLetterPageTemplate address b {
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
    color: #f38230;
    margin: 0 0 2px
}

.template-pages-AccountPageTemplate address b:first-letter,
.template-pages-NewsLetterPageTemplate address b:first-letter {
    text-transform: uppercase
}

.template-pages-AccountPageTemplate .final-address,
.template-pages-NewsLetterPageTemplate .final-address {
    margin: 0 0 20px
}

.template-pages-AccountPageTemplate .final-address p,
.template-pages-AccountPageTemplate .final-address .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .final-address div,
.template-pages-NewsLetterPageTemplate .final-address p,
.template-pages-NewsLetterPageTemplate .final-address .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate .final-address div {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 100;
    border-bottom: 1px solid #faf7f7;
    margin: 0 0 10px;
    padding: 0 0 8px;
    line-height: 1.2em
}

.template-pages-AccountPageTemplate .order_history_information .row-fluid,
.template-pages-NewsLetterPageTemplate .order_history_information .row-fluid {
    width: 100% !important;
    padding: 0 !important
}

.template-pages-AccountPageTemplate .order_history_information .total-promo,
.template-pages-NewsLetterPageTemplate .order_history_information .total-promo {
    padding: 20px 15px
}

.template-pages-AccountPageTemplate .order_history_information .total-cart,
.template-pages-NewsLetterPageTemplate .order_history_information .total-cart {
    width: 50%;
    float: right
}

.rtl .template-pages-AccountPageTemplate .order_history_information .total-cart,
.rtl .template-pages-NewsLetterPageTemplate .order_history_information .total-cart {
    float: left
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .order_history_information .total-cart,
    .template-pages-NewsLetterPageTemplate .order_history_information .total-cart {
        float: none;
        width: 100%
    }
}

.rtl .template-pages-AccountPageTemplate .order_history_information .total-cart,
.rtl .template-pages-NewsLetterPageTemplate .order_history_information .total-cart {
    float: left
}

.template-pages-AccountPageTemplate .order_history_information .total-cart .span4,
.template-pages-NewsLetterPageTemplate .order_history_information .total-cart .span4 {
    padding: 0 !important
}

.template-pages-AccountPageTemplate .order_history_information .consignementDelivery .trackingInfos,
.template-pages-NewsLetterPageTemplate .order_history_information .consignementDelivery .trackingInfos {
    margin-left: 0
}

.rtl .template-pages-AccountPageTemplate .order_history_information .consignementDelivery .trackingInfos,
.rtl .template-pages-NewsLetterPageTemplate .order_history_information .consignementDelivery .trackingInfos {
    margin-right: 0
}

.template-pages-AccountPageTemplate .order_history_information .consignementDelivery .trackingInfos .colis-name,
.template-pages-NewsLetterPageTemplate .order_history_information .consignementDelivery .trackingInfos .colis-name {
    margin-left: 0
}

.rtl .template-pages-AccountPageTemplate .order_history_information .consignementDelivery .trackingInfos .colis-name,
.rtl .template-pages-NewsLetterPageTemplate .order_history_information .consignementDelivery .trackingInfos .colis-name {
    margin-right: 0
}

.template-pages-AccountPageTemplate .total-cart,
.template-pages-AccountPageTemplate .cart-list-table,
.template-pages-NewsLetterPageTemplate .total-cart,
.template-pages-NewsLetterPageTemplate .cart-list-table {
    width: auto;
    margin: 0
}

.template-pages-AccountPageTemplate .total-cart th,
.template-pages-AccountPageTemplate .cart-list-table th,
.template-pages-NewsLetterPageTemplate .total-cart th,
.template-pages-NewsLetterPageTemplate .cart-list-table th {
    vertical-align: middle
}

.template-pages-AccountPageTemplate .cart-list-table>h4,
.template-pages-AccountPageTemplate .cart-list-table h3,
.template-pages-NewsLetterPageTemplate .cart-list-table>h4,
.template-pages-NewsLetterPageTemplate .cart-list-table h3 {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: normal;
    margin: 0 0 10px;
    line-height: 1.2em;
    color: #171413;
    font-family: "Open Sans", "Arial", sans-serif;
font-weight: light;
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .cart-list-table>h4,
    .template-pages-AccountPageTemplate .cart-list-table h3,
    .template-pages-NewsLetterPageTemplate .cart-list-table>h4,
    .template-pages-NewsLetterPageTemplate .cart-list-table h3 {
        font-size: 24px;
        font-size: 2.4rem;
        text-align: left;
        padding: 0 0 0 10px
    }
}

.template-pages-AccountPageTemplate .cart-list-table tbody h4,
.template-pages-NewsLetterPageTemplate .cart-list-table tbody h4 {
    color: #50535d;
    font-weight: 100;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 23px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    text-align: left
}

.rtl .template-pages-AccountPageTemplate .cart-list-table tbody h4,
.rtl .template-pages-NewsLetterPageTemplate .cart-list-table tbody h4 {
    text-align: right
}

.template-pages-AccountPageTemplate .cart-list-table tbody h4+p,
.template-pages-AccountPageTemplate .cart-list-table tbody .krups-block-univers .krups-block-wrapper h4+div,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .cart-list-table tbody h4+div,
.template-pages-NewsLetterPageTemplate .cart-list-table tbody h4+p,
.template-pages-NewsLetterPageTemplate .cart-list-table tbody .krups-block-univers .krups-block-wrapper h4+div,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate .cart-list-table tbody h4+div {
    text-align: left
}

.rtl .template-pages-AccountPageTemplate .cart-list-table tbody h4+p,
.rtl .template-pages-AccountPageTemplate .cart-list-table tbody .krups-block-univers .krups-block-wrapper h4+div,
.krups-block-univers .krups-block-wrapper .rtl .template-pages-AccountPageTemplate .cart-list-table tbody h4+div,
.rtl .template-pages-NewsLetterPageTemplate .cart-list-table tbody h4+p,
.rtl .template-pages-NewsLetterPageTemplate .cart-list-table tbody .krups-block-univers .krups-block-wrapper h4+div,
.krups-block-univers .krups-block-wrapper .rtl .template-pages-NewsLetterPageTemplate .cart-list-table tbody h4+div {
    text-align: right
}

.template-pages-AccountPageTemplate .cart-list-table .picture,
.template-pages-NewsLetterPageTemplate .cart-list-table .picture {
    background: none;
    padding-left: 40px
}

.rtl .template-pages-AccountPageTemplate .cart-list-table .picture,
.rtl .template-pages-NewsLetterPageTemplate .cart-list-table .picture {
    padding-right: 40px
}

.template-pages-AccountPageTemplate .item_container_holder,
.template-pages-NewsLetterPageTemplate .item_container_holder {
    line-height: 1em;
    color: #f38230;
    margin-left: 50%
}

.rtl .template-pages-AccountPageTemplate .item_container_holder,
.rtl .template-pages-NewsLetterPageTemplate .item_container_holder {
    margin-right: 50%
}

@media screen and (max-width: 900px) {

    .template-pages-AccountPageTemplate .item_container_holder,
    .template-pages-NewsLetterPageTemplate .item_container_holder {
        margin-left: 0
    }

    .rtl .template-pages-AccountPageTemplate .item_container_holder,
    .rtl .template-pages-NewsLetterPageTemplate .item_container_holder {
        margin-right: 0
    }
}

.template-pages-AccountPageTemplate .item_container_holder h2,
.template-pages-NewsLetterPageTemplate .item_container_holder h2 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal
}

@media screen and (max-width: 900px) {

    .template-pages-AccountPageTemplate .item_container_holder h2,
    .template-pages-NewsLetterPageTemplate .item_container_holder h2 {
        margin: 0 0 0 15px !important
    }

    .rtl .template-pages-AccountPageTemplate .item_container_holder h2,
    .rtl .template-pages-NewsLetterPageTemplate .item_container_holder h2 {
        margin: 0 15px 0 0 !important
    }
}

.template-pages-AccountPageTemplate .item_container_holder .item_container,
.template-pages-NewsLetterPageTemplate .item_container_holder .item_container {
    font-size: 13px;
    font-size: 1.3rem
}

.template-pages-AccountPageTemplate .cart-action,
.template-pages-NewsLetterPageTemplate .cart-action {
    margin-top: 20px;
    float: right
}

.rtl .template-pages-AccountPageTemplate .cart-action,
.rtl .template-pages-NewsLetterPageTemplate .cart-action {
    float: left
}

.zone-mandatory {
    font-size: 12px;
    font-size: 1.2rem;
    float: right;
    margin: 62px 10px 0;
    color: #9599a4
}

.rtl .zone-mandatory {
    float: left
}

@media screen and (max-width: 768px) {
    .zone-mandatory {
        float: none;
        margin: 0 0 0 10px
    }

    .rtl .zone-mandatory {
        margin: 0 10px 0 0;
        float: right
    }
}

.mandatory {
    color: #f38230;
    font-size: 14px;
    font-size: 1.4rem
}

.page-address-book #FormUserIds fieldset.row-fluid:last-child {
    padding: 0
}

.page-address-book #FormUserIds fieldset .control-group input[type="TEXT"],
.page-address-book #FormUserIds fieldset .control-group select {
    width: 245px !important;
    max-width: inherit
}

@media screen and (max-width: 768px) {

    .page-address-book #FormUserIds fieldset .control-group input[type="TEXT"],
    .page-address-book #FormUserIds fieldset .control-group select {
        width: 100% !important
    }
}

.page-address-book #AddAddressForm .btn {
    background: #958e88;
    margin: 0 0 0 10px
}

.rtl .page-address-book #AddAddressForm .btn {
    margin: 0 10px 0 0
}

.page-address-book #AddAddressForm .btn:hover {
    background: #a39a93
}

.page-address-book #AddAddressForm .btn-action {
    background: #f38230
}

.page-address-book #AddAddressForm .btn-action:hover {
    background: #ff720d
}

.page-address-book #AddAddressForm fieldset.row-fluid {
    width: 100%;
    margin: 0
}

.page-address-book #AddAddressForm fieldset.row-fluid .control-group {
    margin-right: 13px
}

.rtl .page-address-book #AddAddressForm fieldset.row-fluid .control-group {
    margin-left: 13px
}

@media screen and (max-width: 768px) {
    .page-address-book #AddAddressForm fieldset.row-fluid .control-group {
        padding: 0
    }
}

.page-address-book #AddAddressForm fieldset.row-fluid .control-group label {
    margin-bottom: 5px
}

.page-address-book #AddAddressForm fieldset.row-fluid .control-group input[type="TEXT"],
.page-address-book #AddAddressForm fieldset.row-fluid .control-group select {
    width: 245px !important;
    max-width: inherit
}

@media screen and (max-width: 768px) {

    .page-address-book #AddAddressForm fieldset.row-fluid .control-group input[type="TEXT"],
    .page-address-book #AddAddressForm fieldset.row-fluid .control-group select {
        width: 100% !important
    }
}

.page-address-book #AddAddressForm p .error-message,
.page-address-book #AddAddressForm .krups-block-univers .krups-block-wrapper div .error-message,
.krups-block-univers .krups-block-wrapper .page-address-book #AddAddressForm div .error-message {
    color: #fff;
    background: #EE737A;
    padding: 5px;
    border: 1px solid #DADADA;
    text-align: center
}

.page-address-book .addrBookContainer {
    padding: 0;
    background: transparent
}

.page-address-book .addrBookContainer .row-fluid {
    width: 100% !important
}

@media screen and (max-width: 768px) {
    .page-address-book .addrBookContainer {
        padding: 0 10px
    }
}

.page-address-book .addrBookContainer h4,
.page-address-book .addrBookContainer h4+p,
.page-address-book .addrBookContainer .krups-block-univers .krups-block-wrapper h4+div,
.krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer h4+div {
    font-size: 16px;
    font-size: 1.6rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: light;
    text-transform: uppercase
}

.page-address-book .addrBookContainer h4+p,
.page-address-book .addrBookContainer .krups-block-univers .krups-block-wrapper h4+div,
.krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer h4+div,
.page-address-book .addrBookContainer h4+p+p,
.page-address-book .addrBookContainer .krups-block-univers .krups-block-wrapper h4+div+p,
.krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer h4+div+p,
.page-address-book .addrBookContainer .krups-block-univers .krups-block-wrapper h4+p+div,
.krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer h4+p+div,
.page-address-book .addrBookContainer .krups-block-univers .krups-block-wrapper h4+div+div,
.krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer h4+div+div {
    color: #f38230;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0
}

.page-address-book .addrBookContainer address {
    background-color: #f5f7f7;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #232120;
    font-size: 14px;
    font-size: 1.4rem
}

.page-address-book .addrBookContainer address h5,
.page-address-book .addrBookContainer address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-address-book .addrBookContainer address .messages-area>.h5,
.page-address-book .addrBookContainer address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-address-book .addrBookContainer address .elements-suggestion-area>h5,
.page-address-book .addrBookContainer address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-address-book .addrBookContainer address .elements-suggestion-area>.h5 {
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: light;
    color: #232120;
    text-transform: uppercase;
    margin-bottom: 5px
}

.page-address-book .addrBookContainer address strong {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal
}

.page-address-book .addrBookContainer address br {
    content: "";
    display: block;
    width: 1px;
    min-height: 5px
}

.page-address-book .addrBookContainer p,
.page-address-book .addrBookContainer .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer div {
    font-size: 14px;
    font-size: 1.4rem
}

.page-address-book .addrBookContainer #add-address-button {
    font-size: 13px;
    font-size: 1.3rem;
    width: auto
}

@media screen and (max-width: 768px) {
    .page-address-book .addrBookContainer #add-address-button {
        margin: 0
    }
}

.page-address-book .addrBookContainer .delivery-address,
.page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block,
#fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block,
.page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block,
#fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block {
    margin-top: 20px
}

.page-address-book .addrBookContainer .delivery-address .span12:first-child>p:first-child,
.page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span12:first-child>p:first-child,
#fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span12:first-child>p:first-child,
.page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span12:first-child>p:first-child,
#fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span12:first-child>p:first-child,
.page-address-book .addrBookContainer .delivery-address .krups-block-univers .krups-block-wrapper .span12:first-child>div:first-child,
.krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer .delivery-address .span12:first-child>div:first-child,
.page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .krups-block-univers .krups-block-wrapper .span12:first-child>div:first-child,
.krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span12:first-child>div:first-child,
#fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .krups-block-univers .krups-block-wrapper .span12:first-child>div:first-child,
.krups-block-univers .krups-block-wrapper #fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span12:first-child>div:first-child,
.page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .krups-block-univers .krups-block-wrapper .span12:first-child>div:first-child,
.krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span12:first-child>div:first-child,
#fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .krups-block-univers .krups-block-wrapper .span12:first-child>div:first-child,
.krups-block-univers .krups-block-wrapper #fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span12:first-child>div:first-child {
    font-size: 22px;
    font-size: 2.2rem;
    color: #9599a4;
    margin: 0 0 20px
}

.page-address-book .addrBookContainer .delivery-address .span6,
.page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6,
#fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span6,
.page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6,
#fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span6 {
    display: table-cell;
    vertical-align: bottom;
    float: none;
    padding-bottom: 30px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .page-address-book .addrBookContainer .delivery-address .span6,
    .page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6,
    #fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span6,
    .page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6,
    #fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span6 {
        width: 20%
    }
}

@media screen and (max-width: 768px) {

    .page-address-book .addrBookContainer .delivery-address .span6,
    .page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6,
    #fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span6,
    .page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6,
    #fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span6 {
        display: block;
        padding: 18px
    }
}

.page-address-book .addrBookContainer .delivery-address .span6:first-child>p:first-child,
.page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6:first-child>p:first-child,
#fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span6:first-child>p:first-child,
.page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6:first-child>p:first-child,
#fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span6:first-child>p:first-child,
.page-address-book .addrBookContainer .delivery-address .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child,
.krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer .delivery-address .span6:first-child>div:first-child,
.page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child,
.krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6:first-child>div:first-child,
#fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child,
.krups-block-univers .krups-block-wrapper #fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span6:first-child>div:first-child,
.page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child,
.krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6:first-child>div:first-child,
#fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child,
.krups-block-univers .krups-block-wrapper #fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span6:first-child>div:first-child {
    color: #171413;
    padding: 12px 0 15px 0;
    margin-bottom: 30px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 32px;
    text-transform: uppercase;
    position: relative
}

.page-address-book .addrBookContainer .delivery-address .span6:first-child>p:first-child::after,
.page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6:first-child>p:first-child::after,
#fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span6:first-child>p:first-child::after,
.page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6:first-child>p:first-child::after,
#fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span6:first-child>p:first-child::after,
.page-address-book .addrBookContainer .delivery-address .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child::after,
.krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer .delivery-address .span6:first-child>div:first-child::after,
.page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child::after,
.krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6:first-child>div:first-child::after,
#fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child::after,
.krups-block-univers .krups-block-wrapper #fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span6:first-child>div:first-child::after,
.page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child::after,
.krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6:first-child>div:first-child::after,
#fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child::after,
.krups-block-univers .krups-block-wrapper #fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span6:first-child>div:first-child::after {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    top: 100%;
    left: 0
}

.rtl .page-address-book .addrBookContainer .delivery-address .span6:first-child>p:first-child::after,
.rtl .page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6:first-child>p:first-child::after,
#fragmentDeliveryPage .rtl .page-address-book .addrBookContainer .addresse-block .span6:first-child>p:first-child::after,
.rtl .page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6:first-child>p:first-child::after,
#fragmentPaymentPage .rtl .page-address-book .addrBookContainer .addresse-block .span6:first-child>p:first-child::after,
.rtl .page-address-book .addrBookContainer .delivery-address .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child::after,
.krups-block-univers .krups-block-wrapper .rtl .page-address-book .addrBookContainer .delivery-address .span6:first-child>div:first-child::after,
.rtl .page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child::after,
.krups-block-univers .krups-block-wrapper .rtl .page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6:first-child>div:first-child::after,
#fragmentDeliveryPage .rtl .page-address-book .addrBookContainer .addresse-block .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child::after,
.krups-block-univers .krups-block-wrapper #fragmentDeliveryPage .rtl .page-address-book .addrBookContainer .addresse-block .span6:first-child>div:first-child::after,
.rtl .page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child::after,
.krups-block-univers .krups-block-wrapper .rtl .page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6:first-child>div:first-child::after,
#fragmentPaymentPage .rtl .page-address-book .addrBookContainer .addresse-block .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child::after,
.krups-block-univers .krups-block-wrapper #fragmentPaymentPage .rtl .page-address-book .addrBookContainer .addresse-block .span6:first-child>div:first-child::after {
    right: 0;
    left: auto
}

@media screen and (max-width: 768px) {

    .page-address-book .addrBookContainer .delivery-address .span6:first-child>p:first-child::after,
    .page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6:first-child>p:first-child::after,
    #fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span6:first-child>p:first-child::after,
    .page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6:first-child>p:first-child::after,
    #fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span6:first-child>p:first-child::after,
    .page-address-book .addrBookContainer .delivery-address .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child::after,
    .krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer .delivery-address .span6:first-child>div:first-child::after,
    .page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child::after,
    .krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6:first-child>div:first-child::after,
    #fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child::after,
    .krups-block-univers .krups-block-wrapper #fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span6:first-child>div:first-child::after,
    .page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child::after,
    .krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6:first-child>div:first-child::after,
    #fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child::after,
    .krups-block-univers .krups-block-wrapper #fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span6:first-child>div:first-child::after {
        top: 90%
    }
}

@media screen and (max-width: 768px) {

    .page-address-book .addrBookContainer .delivery-address .span6:first-child>p:first-child,
    .page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6:first-child>p:first-child,
    #fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span6:first-child>p:first-child,
    .page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6:first-child>p:first-child,
    #fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span6:first-child>p:first-child,
    .page-address-book .addrBookContainer .delivery-address .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child,
    .krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer .delivery-address .span6:first-child>div:first-child,
    .page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child,
    .krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6:first-child>div:first-child,
    #fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child,
    .krups-block-univers .krups-block-wrapper #fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span6:first-child>div:first-child,
    .page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child,
    .krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6:first-child>div:first-child,
    #fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .krups-block-univers .krups-block-wrapper .span6:first-child>div:first-child,
    .krups-block-univers .krups-block-wrapper #fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span6:first-child>div:first-child {
        font-size: 21px;
        font-size: 2.1rem;
        width: 100%;
        text-transform: uppercase
    }
}

.page-address-book .addrBookContainer .delivery-address .span6+.span6>p,
.page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6+.span6>p,
#fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span6+.span6>p,
.page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6+.span6>p,
#fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span6+.span6>p,
.page-address-book .addrBookContainer .delivery-address .krups-block-univers .krups-block-wrapper .span6+.span6>div,
.krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer .delivery-address .span6+.span6>div,
.page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .krups-block-univers .krups-block-wrapper .span6+.span6>div,
.krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6+.span6>div,
#fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .krups-block-univers .krups-block-wrapper .span6+.span6>div,
.krups-block-univers .krups-block-wrapper #fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span6+.span6>div,
.page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .krups-block-univers .krups-block-wrapper .span6+.span6>div,
.krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6+.span6>div,
#fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .krups-block-univers .krups-block-wrapper .span6+.span6>div,
.krups-block-univers .krups-block-wrapper #fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span6+.span6>div {
    display: none
}

.page-address-book .addrBookContainer .delivery-address .span6+.span6>p.text-right,
.page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6+.span6>p.text-right,
#fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span6+.span6>p.text-right,
.page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6+.span6>p.text-right,
#fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span6+.span6>p.text-right,
.page-address-book .addrBookContainer .delivery-address .krups-block-univers .krups-block-wrapper .span6+.span6>div.text-right,
.krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer .delivery-address .span6+.span6>div.text-right,
.page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .krups-block-univers .krups-block-wrapper .span6+.span6>div.text-right,
.krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6+.span6>div.text-right,
#fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .krups-block-univers .krups-block-wrapper .span6+.span6>div.text-right,
.krups-block-univers .krups-block-wrapper #fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span6+.span6>div.text-right,
.page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .krups-block-univers .krups-block-wrapper .span6+.span6>div.text-right,
.krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6+.span6>div.text-right,
#fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .krups-block-univers .krups-block-wrapper .span6+.span6>div.text-right,
.krups-block-univers .krups-block-wrapper #fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span6+.span6>div.text-right {
    display: block
}

@media screen and (max-width: 900px) {

    .page-address-book .addrBookContainer .delivery-address .span6+.span6 p,
    .page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6+.span6 p,
    #fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span6+.span6 p,
    .page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6+.span6 p,
    #fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span6+.span6 p,
    .page-address-book .addrBookContainer .delivery-address .span6+.span6 .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer .delivery-address .span6+.span6 div,
    .page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6+.span6 .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6+.span6 div,
    #fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span6+.span6 .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper #fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span6+.span6 div,
    .page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6+.span6 .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6+.span6 div,
    #fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span6+.span6 .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper #fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span6+.span6 div {
        display: none
    }

    .page-address-book .addrBookContainer .delivery-address .span6+.span6 p:last-child,
    .page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6+.span6 p:last-child,
    #fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span6+.span6 p:last-child,
    .page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6+.span6 p:last-child,
    #fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span6+.span6 p:last-child,
    .page-address-book .addrBookContainer .delivery-address .span6+.span6 .krups-block-univers .krups-block-wrapper div:last-child,
    .krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer .delivery-address .span6+.span6 div:last-child,
    .page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6+.span6 .krups-block-univers .krups-block-wrapper div:last-child,
    .krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer #fragmentDeliveryPage .addresse-block .span6+.span6 div:last-child,
    #fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span6+.span6 .krups-block-univers .krups-block-wrapper div:last-child,
    .krups-block-univers .krups-block-wrapper #fragmentDeliveryPage .page-address-book .addrBookContainer .addresse-block .span6+.span6 div:last-child,
    .page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6+.span6 .krups-block-univers .krups-block-wrapper div:last-child,
    .krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer #fragmentPaymentPage .addresse-block .span6+.span6 div:last-child,
    #fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span6+.span6 .krups-block-univers .krups-block-wrapper div:last-child,
    .krups-block-univers .krups-block-wrapper #fragmentPaymentPage .page-address-book .addrBookContainer .addresse-block .span6+.span6 div:last-child {
        display: block;
        margin-top: 0
    }
}

.page-address-book .addrBookContainer .registrated-address {
    background: #ffffff;
    margin-bottom: 50px;
    margin-top: 0;
    padding: 12px 13px 0 !important;
    min-height: 100px;
    line-height: 1.2em;
    font-size: 14.5px;
    font-size: 1.45rem
}

@media screen and (max-width: 768px) {
    .page-address-book .addrBookContainer .registrated-address {
        margin: 0 0 0 -2.5%;
        width: 105%;
        padding: 10px 10px 0
    }

    .rtl .page-address-book .addrBookContainer .registrated-address {
        margin: 0 -2.5% 0 0
    }
}

.page-address-book .addrBookContainer .registrated-address .address {
    background: #eaeeef;
    width: 414px;
    float: left;
    padding: 20px 25px 7px;
    margin: 0 0 12px 5px;
    position: relative
}

@media screen and (max-width: 768px) {
    .page-address-book .addrBookContainer .registrated-address .address {
        width: 100%
    }
}

.rtl .page-address-book .addrBookContainer .registrated-address .address {
    float: right;
    margin: 0 20px 20px 0
}

.rtl .page-address-book .addrBookContainer .registrated-address .address:nth-child(odd) {
    margin-right: 0
}

.page-address-book .addrBookContainer .registrated-address .address p:empty,
.page-address-book .addrBookContainer .registrated-address .address .krups-block-univers .krups-block-wrapper div:empty,
.krups-block-univers .krups-block-wrapper .page-address-book .addrBookContainer .registrated-address .address div:empty {
    display: none
}

.page-address-book .addrBookContainer .registrated-address .address form {
    margin: 0;
    float: right
}

.rtl .page-address-book .addrBookContainer .registrated-address .address form {
    float: left
}

.page-address-book .addrBookContainer .registrated-address .address form input[type="radio"] {
    margin: 3px 4px 0px 0px
}

.rtl .page-address-book .addrBookContainer .registrated-address .address form input[type="radio"] {
    margin: 3px 0px 0px 4px
}

@media screen and (max-width: 768px) {
    .page-address-book .addrBookContainer .registrated-address .address form {
        float: none
    }
}

.page-address-book .addrBookContainer .registrated-address address {
    background: transparent;
    border: 0;
    padding: 0;
    min-height: 0;
    margin: 0
}

.page-address-book .addrBookContainer .registrated-address address .pull-right {
    position: absolute;
    right: 1px;
    top: 40px
}

.rtl .page-address-book .addrBookContainer .registrated-address address .pull-right {
    right: auto;
    left: 1px
}

.page-address-book .addrBookContainer .registrated-address address .pull-right a {
    display: block;
    width: 38px;
    height: 38px;
    text-align: center;
    padding: 10px 0 0 0;
    color: #f38230;
    transition: all 0.3s
}

.page-address-book .addrBookContainer .registrated-address address .pull-right a:hover {
    color: #eaeeef
}

.page-address-book .addrBookContainer .registrated-address address .pull-right .icon-edit {
    background: url("../img/icon/icon-edit.png") no-repeat 0 0;
    width: 17px;
    height: 17px;
    display: inline-block
}

.page-address-book .addrBookContainer .registrated-address address .pull-right .icon-edit:before {
    display: none
}

.page-address-book .addrBookContainer .registrated-address address .pull-right .icon-trash {
    background: url("../img/icon/icon-trash.png") no-repeat 0 0;
    width: 17px;
    height: 17px;
    display: inline-block
}

.page-address-book .addrBookContainer .registrated-address address .pull-right .icon-trash:before {
    display: none
}

.page-address-book .addrBookContainer .registrated-address address>.pull-right:first-child {
    top: 1px
}

.page-address-book #AddressManager {
    width: auto
}

.page-address-book #AddressManager div.row-fluid {
    padding-top: 0;
    min-height: inherit
}

.page-address-book #AddressManager div.row-fluid .span6:first-child {
    display: none
}

.row-fluid .order-reference {
    background: #f5f7f7;
    font-size: 16px;
    font-size: 1.6rem;
    color: #171413;
    margin: 0 0 20px;
    padding: 10px 15px;
    line-height: 22px;
    float: left
}

.rtl .row-fluid .order-reference {
    float: right
}

.row-fluid .order-reference strong {
    font-weight: normal;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.page-order .final-address h4,
.page-order .final-address h4+p,
.page-order .final-address .krups-block-univers .krups-block-wrapper h4+div,
.krups-block-univers .krups-block-wrapper .page-order .final-address h4+div {
    font-size: 16px;
    font-size: 1.6rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: light;
    text-transform: uppercase
}

.page-order .final-address h4+p,
.page-order .final-address .krups-block-univers .krups-block-wrapper h4+div,
.krups-block-univers .krups-block-wrapper .page-order .final-address h4+div,
.page-order .final-address h4+p+p,
.page-order .final-address .krups-block-univers .krups-block-wrapper h4+div+p,
.krups-block-univers .krups-block-wrapper .page-order .final-address h4+div+p,
.page-order .final-address .krups-block-univers .krups-block-wrapper h4+p+div,
.krups-block-univers .krups-block-wrapper .page-order .final-address h4+p+div,
.page-order .final-address .krups-block-univers .krups-block-wrapper h4+div+div,
.krups-block-univers .krups-block-wrapper .page-order .final-address h4+div+div {
    color: #f38230;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0
}

.page-order .final-address address {
    background-color: #f5f7f7;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #232120;
    font-size: 14px;
    font-size: 1.4rem
}

.page-order .final-address address h5,
.page-order .final-address address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-order .final-address address .messages-area>.h5,
.page-order .final-address address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-order .final-address address .elements-suggestion-area>h5,
.page-order .final-address address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-order .final-address address .elements-suggestion-area>.h5 {
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: light;
    color: #232120;
    text-transform: uppercase;
    margin-bottom: 5px
}

.page-order .final-address address strong {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal
}

.page-order .final-address address br {
    content: "";
    display: block;
    width: 1px;
    min-height: 5px
}

.page-order .final-address p,
.page-order .final-address .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-order .final-address div {
    font-size: 14px;
    font-size: 1.4rem
}

.page-order .order-reference.span6 {
    margin-bottom: 15px
}

@media screen and (max-width: 768px) {
    .page-order.template-pages-AccountPageTemplate .cart-list-table table {
        margin: 13px 0 40px 0
    }
}

.row-fluid .delivery-status {
    float: left
}

.rtl .row-fluid .delivery-status {
    float: right
}

.row-fluid .delivery-status h4 {
    margin-bottom: 5px
}

.row-fluid .delivery-status p,
.row-fluid .delivery-status .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .row-fluid .delivery-status div {
    font-size: 16px;
    font-size: 1.6rem
}

address {
    background: #ffffff;
    margin-bottom: 0;
    margin-top: 0;
    border-top: 1px solid #faf7f7;
    min-height: 100px;
    line-height: 1.2em;
    font-size: 14.5px;
    font-size: 1.45rem
}

address h5:first-letter,
address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5:first-letter,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat address .messages-area>.h5:first-letter,
address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5:first-letter,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat address .elements-suggestion-area>h5:first-letter,
address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5:first-letter,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat address .elements-suggestion-area>.h5:first-letter {
    text-transform: uppercase
}

.rtl .template-pages-NewsLetterPageTemplate.page-newsletter .main-content .span9 {
    margin-left: 0;
    margin-right: 0;
    float: left
}

.template-pages-NewsLetterPageTemplate.page-newsletter .main-content .form-horizontal .row-fluid {
    background: none;
    text-align: center
}

.template-pages-NewsLetterPageTemplate.page-newsletter .main-content .form-horizontal .row-fluid>.span12 {
    display: inline-block;
    width: auto
}

.template-pages-NewsLetterPageTemplate.page-newsletter .main-content .form-horizontal .row-fluid .control-group .control-label {
    width: 278px
}

.rtl .template-pages-NewsLetterPageTemplate.page-newsletter .main-content .form-horizontal .row-fluid .control-group .control-label {
    text-align: left
}

@media screen and (max-width: 768px) {
    .rtl .template-pages-NewsLetterPageTemplate.page-newsletter .main-content .form-horizontal .row-fluid .control-group .control-label {
        text-align: right
    }
}

@media screen and (max-width: 768px) {
    .template-pages-NewsLetterPageTemplate.page-newsletter .main-content .form-horizontal .row-fluid .control-group .control-label {
        width: 100%;
        padding-bottom: 5px
    }
}

.template-pages-NewsLetterPageTemplate.page-newsletter .main-content .form-horizontal .row-fluid .control-group input[type="TEXT"] {
    width: 260px !important
}

@media screen and (max-width: 768px) {
    .template-pages-NewsLetterPageTemplate.page-newsletter .main-content .form-horizontal .row-fluid .control-group input[type="TEXT"] {
        width: 100% !important
    }
}

.template-pages-NewsLetterPageTemplate.page-newsletter .main-content .form-horizontal .row-fluid .control-group select {
    width: 260px !important
}

@media screen and (max-width: 768px) {
    .template-pages-NewsLetterPageTemplate.page-newsletter .main-content .form-horizontal .row-fluid .control-group select {
        width: 100% !important;
        overflow: hidden;
        word-wrap: normal !important;
        white-space: normal;
        height: auto;
        min-height: 52px
    }
}

.template-pages-NewsLetterPageTemplate.page-newsletter .main-content .form-horizontal .row-fluid .control-group input[type="text"]:focus {
    border-color: #00ead7
}

.template-pages-NewsLetterPageTemplate.page-newsletter .main-content .form-horizontal .row-fluid .control-group .sort {
    float: left;
    margin-right: 2px
}

.rtl .template-pages-NewsLetterPageTemplate.page-newsletter .main-content .form-horizontal .row-fluid .control-group .sort {
    float: right;
    margin-left: 2px
}

.template-pages-NewsLetterPageTemplate.page-newsletter .main-content .form-horizontal#newsLetterUnsubscriptionForm .span12 {
    display: inline-block;
    float: none;
    overflow: hidden;
    padding-right: 25%
}

.rtl .template-pages-NewsLetterPageTemplate.page-newsletter .main-content .form-horizontal#newsLetterUnsubscriptionForm .span12 {
    padding-left: 25%;
    padding-right: 0
}

@media screen and (max-width: 1024px) {
    .template-pages-NewsLetterPageTemplate.page-newsletter .main-content .row-fluid>.span3 {
        width: 35%
    }
}

@media screen and (max-width: 768px) {
    .template-pages-NewsLetterPageTemplate.page-newsletter .main-content .row-fluid>.span3 {
        width: 100%;
        float: none;
        margin: 0
    }
}

@media screen and (max-width: 1024px) {
    .template-pages-NewsLetterPageTemplate.page-newsletter .main-content .row-fluid>.span9 {
        width: 65%;
        margin: 0;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width: 768px) {
    .template-pages-NewsLetterPageTemplate.page-newsletter .main-content .row-fluid>.span9 {
        width: 100%;
        float: none;
        padding: 0
    }
}

.template-pages-NewsLetterPageTemplate.page-newsletter .main-content .row-fluid>.span9 h4 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0;
    margin: 0 0 17px;
    border: 0
}

@media screen and (max-width: 768px) {
    .template-pages-NewsLetterPageTemplate.page-newsletter .main-content .row-fluid>.span9 h4 {
        padding: 0 0 0 10px
    }

    .rtl .template-pages-NewsLetterPageTemplate.page-newsletter .main-content .row-fluid>.span9 h4 {
        padding: 0 10px 0 0
    }
}

.template-pages-NewsLetterPageTemplate.page-newsletter .main-content .row-fluid>.span9 p,
.template-pages-NewsLetterPageTemplate.page-newsletter .main-content .row-fluid>.span9 .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate.page-newsletter .main-content .row-fluid>.span9 div,
.template-pages-NewsLetterPageTemplate.page-newsletter .main-content .row-fluid>.span9 li {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    overflow: hidden;
    margin-bottom: 18px
}

.template-pages-NewsLetterPageTemplate.page-newsletter .main-content .row-fluid>.span9 a {
    text-decoration: none
}

.template-pages-NewsLetterPageTemplate.page-newsletter .main-content .row-fluid>.span9 a:hover {
    color: #f38230
}

.template-pages-NewsLetterPageTemplate.page-newsletter .main-content .row-fluid>.span9 .btn-action {
    border-radius: 100px;
    font-size: 13px;
    font-size: 1.3rem;
    width: auto;
    min-width: 270px;
    color: #fff;
    float: right;
    margin: 10px
}

.rtl .template-pages-NewsLetterPageTemplate.page-newsletter .main-content .row-fluid>.span9 .btn-action {
    float: left
}

.template-pages-NewsLetterPageTemplate.page-newsletter .main-content .row-fluid>.span9 .btn-action:hover {
    color: #fff
}

@media screen and (max-width: 768px) {
    .template-pages-NewsLetterPageTemplate.page-newsletter .main-content .row-fluid>.span9 form {
        padding: 0 10px
    }
}

@media screen and (max-width: 768px) {

    .page-updatePassword .row-fluid.bloc,
    .page-newsletter .row-fluid.bloc,
    .page-profile .row-fluid.bloc {
        padding: 0
    }
}

.page-updatePassword .row-fluid.bloc .form-user+p.text-center,
.page-updatePassword .row-fluid.bloc .krups-block-univers .krups-block-wrapper .form-user+div.text-center,
.krups-block-univers .krups-block-wrapper .page-updatePassword .row-fluid.bloc .form-user+div.text-center,
.page-newsletter .row-fluid.bloc .form-user+p.text-center,
.page-newsletter .row-fluid.bloc .krups-block-univers .krups-block-wrapper .form-user+div.text-center,
.krups-block-univers .krups-block-wrapper .page-newsletter .row-fluid.bloc .form-user+div.text-center,
.page-profile .row-fluid.bloc .form-user+p.text-center,
.page-profile .row-fluid.bloc .krups-block-univers .krups-block-wrapper .form-user+div.text-center,
.krups-block-univers .krups-block-wrapper .page-profile .row-fluid.bloc .form-user+div.text-center {
    text-align: right;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0
}

.rtl .page-updatePassword .row-fluid.bloc .form-user+p.text-center,
.rtl .page-updatePassword .row-fluid.bloc .krups-block-univers .krups-block-wrapper .form-user+div.text-center,
.krups-block-univers .krups-block-wrapper .rtl .page-updatePassword .row-fluid.bloc .form-user+div.text-center,
.rtl .page-newsletter .row-fluid.bloc .form-user+p.text-center,
.rtl .page-newsletter .row-fluid.bloc .krups-block-univers .krups-block-wrapper .form-user+div.text-center,
.krups-block-univers .krups-block-wrapper .rtl .page-newsletter .row-fluid.bloc .form-user+div.text-center,
.rtl .page-profile .row-fluid.bloc .form-user+p.text-center,
.rtl .page-profile .row-fluid.bloc .krups-block-univers .krups-block-wrapper .form-user+div.text-center,
.krups-block-univers .krups-block-wrapper .rtl .page-profile .row-fluid.bloc .form-user+div.text-center {
    text-align: left
}

@media screen and (max-width: 768px) {

    .page-updatePassword .row-fluid.bloc .form-user+p.text-center,
    .page-updatePassword .row-fluid.bloc .krups-block-univers .krups-block-wrapper .form-user+div.text-center,
    .krups-block-univers .krups-block-wrapper .page-updatePassword .row-fluid.bloc .form-user+div.text-center,
    .page-newsletter .row-fluid.bloc .form-user+p.text-center,
    .page-newsletter .row-fluid.bloc .krups-block-univers .krups-block-wrapper .form-user+div.text-center,
    .krups-block-univers .krups-block-wrapper .page-newsletter .row-fluid.bloc .form-user+div.text-center,
    .page-profile .row-fluid.bloc .form-user+p.text-center,
    .page-profile .row-fluid.bloc .krups-block-univers .krups-block-wrapper .form-user+div.text-center,
    .krups-block-univers .krups-block-wrapper .page-profile .row-fluid.bloc .form-user+div.text-center {
        padding: 0 15px
    }
}

.rtl .page-updatePassword .row-fluid.bloc .form-user+p.text-center,
.rtl .page-updatePassword .row-fluid.bloc .krups-block-univers .krups-block-wrapper .form-user+div.text-center,
.krups-block-univers .krups-block-wrapper .rtl .page-updatePassword .row-fluid.bloc .form-user+div.text-center,
.rtl .page-newsletter .row-fluid.bloc .form-user+p.text-center,
.rtl .page-newsletter .row-fluid.bloc .krups-block-univers .krups-block-wrapper .form-user+div.text-center,
.krups-block-univers .krups-block-wrapper .rtl .page-newsletter .row-fluid.bloc .form-user+div.text-center,
.rtl .page-profile .row-fluid.bloc .form-user+p.text-center,
.rtl .page-profile .row-fluid.bloc .krups-block-univers .krups-block-wrapper .form-user+div.text-center,
.krups-block-univers .krups-block-wrapper .rtl .page-profile .row-fluid.bloc .form-user+div.text-center {
    text-align: left
}

.rtl .rtl .page-updatePassword .row-fluid.bloc .form-user+p.text-center,
.rtl .rtl .page-updatePassword .row-fluid.bloc .krups-block-univers .krups-block-wrapper .form-user+div.text-center,
.krups-block-univers .krups-block-wrapper .rtl .rtl .page-updatePassword .row-fluid.bloc .form-user+div.text-center,
.rtl .rtl .page-newsletter .row-fluid.bloc .form-user+p.text-center,
.rtl .rtl .page-newsletter .row-fluid.bloc .krups-block-univers .krups-block-wrapper .form-user+div.text-center,
.krups-block-univers .krups-block-wrapper .rtl .rtl .page-newsletter .row-fluid.bloc .form-user+div.text-center,
.rtl .rtl .page-profile .row-fluid.bloc .form-user+p.text-center,
.rtl .rtl .page-profile .row-fluid.bloc .krups-block-univers .krups-block-wrapper .form-user+div.text-center,
.krups-block-univers .krups-block-wrapper .rtl .rtl .page-profile .row-fluid.bloc .form-user+div.text-center {
    text-align: right
}

.display-none {
    display: none
}

@media screen and (max-width: 768px) {
    .page-my-repairers .row-fluid.bloc .span9 {
        padding-bottom: 30px !important
    }
}

.page-my-repairers h1 {
    color: #171413;
    padding: 12px 0 15px 0;
    margin: 0 0 30px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 50px;
    text-transform: uppercase;
    position: relative;
    line-height: 32px
}

.page-my-repairers h1::after {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    top: 100%;
    left: 0
}

.rtl .page-my-repairers h1::after {
    right: 0;
    left: auto
}

@media screen and (max-width: 768px) {
    .page-my-repairers h1::after {
        top: 90%
    }
}

@media screen and (max-width: 768px) {
    .page-my-repairers h1 {
        font-size: 19px;
        font-size: 1.9rem;
        line-height: 25px;
        overflow: hidden;
        float: none;
        padding: 12px 0 20px 0;
        margin: 8px 0 19px 10px
    }

    .rtl .page-my-repairers h1 {
        padding: 12px 0 20px 0;
        margin: 8px 10px 19px 0
    }
}

.page-my-repairers .row-fluid .details-store-off .span12 {
    padding: 0 !important
}

@media screen and (max-width: 768px) {
    .page-my-repairers .row-fluid.bloc {
        padding: 0 15px
    }

    .page-my-repairers .row-fluid.bloc>.span3 {
        padding: 0
    }
}

.page-my-repairers .row-fluid.bloc .orders-user legend+p,
.page-my-repairers .row-fluid.bloc .orders-user .krups-block-univers .krups-block-wrapper legend+div,
.krups-block-univers .krups-block-wrapper .page-my-repairers .row-fluid.bloc .orders-user legend+div {
    margin: 0 0 14px
}

.page-my-repairers .row-fluid.bloc .btn {
    font-size: 13px;
    font-size: 1.3rem;
    position: relative;
    color: #fff;
    margin: 0;
    border-radius: 100px;
    width: auto;
    float: right;
    margin: 4px
}

.rtl .page-my-repairers .row-fluid.bloc .btn {
    float: left
}

.page-my-repairers .row-fluid.bloc .btn:hover {
    color: #fff !important
}

.page-my-repairers .row-fluid.bloc .findStoresNearMe {
    font-size: 14px;
    font-size: 1.4rem;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    float: none
}

.page-my-repairers .row-fluid.bloc .findStoresNearMe img {
    float: right;
    margin-top: 2px
}

.rtl .page-my-repairers .row-fluid.bloc .findStoresNearMe img {
    float: left
}

.page-my-repairers .store-locator-detail {
    margin: 0 0 0 -2%
}

.rtl .page-my-repairers .store-locator-detail {
    margin: 0 -2% 0 0
}

.page-my-repairers .store-locator-detail .details-store-off .span12 {
    float: none
}

.page-my-repairers .store-locator-detail .details-store-off div.item-redimensionner .span4 {
    position: static;
    bottom: 0
}

.page-my-repairers .store-locator-detail .details-store-off .krups-btn,
.page-my-repairers .store-locator-detail .details-store-off .panel-services-contact .more a,
.panel-services-contact .more .page-my-repairers .store-locator-detail .details-store-off a {
    display: none
}

.page-my-repairers .store-locator-detail .details-store-off #btn-direction {
    background: #fff;
    display: table;
    position: absolute;
    left: 50%;
    bottom: 2px;
    transform: translateX(-50%)
}

.page-my-repairers .store-locator-detail .details-store-off #btn-direction:hover {
    color: #ffffff;
    background: #958e88
}

@media screen and (max-width: 768px) {
    .page-my-repairers .store-locator-detail {
        margin: 0
    }
}

.page-my-repairers .details-store-off {
    float: left;
    height: auto;
    background: #ffffff;
    min-height: 100px;
    line-height: 1.2em;
    font-size: 14.5px;
    font-size: 1.45rem;
    width: 31.33%;
    padding-top: 0;
    margin: 0 0 3% 2%
}

.rtl .page-my-repairers .details-store-off {
    margin: 0 2% 3% 0;
    float: right
}

@media screen and (max-width: 768px) {
    .page-my-repairers .details-store-off {
        width: auto;
        margin: 0 10px 15px;
        border-bottom: 1px solid #dadada;
        float: none
    }

    .rtl .page-my-repairers .details-store-off {
        float: none
    }
}

.page-my-repairers .details-store-off h5,
.page-my-repairers .details-store-off #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-my-repairers .details-store-off .messages-area>.h5,
.page-my-repairers .details-store-off #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-my-repairers .details-store-off .elements-suggestion-area>h5,
.page-my-repairers .details-store-off #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-my-repairers .details-store-off .elements-suggestion-area>.h5 {
    margin: 0 0 5px
}

.page-my-repairers .details-store-off h5:first-letter,
.page-my-repairers .details-store-off #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5:first-letter,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-my-repairers .details-store-off .messages-area>.h5:first-letter,
.page-my-repairers .details-store-off #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5:first-letter,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-my-repairers .details-store-off .elements-suggestion-area>h5:first-letter,
.page-my-repairers .details-store-off #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5:first-letter,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-my-repairers .details-store-off .elements-suggestion-area>.h5:first-letter {
    text-transform: uppercase
}

.page-my-repairers .details-store-off:nth-child(5n+1) {
    margin-right: 0
}

.rtl .page-my-repairers .details-store-off:nth-child(5n+1) {
    margin-left: 0;
    margin-right: 2% !important
}

@media screen and (max-width: 768px) {
    .page-my-repairers .details-store-off:nth-child(5n+1) {
        margin: 0 10px 15px
    }
}

.page-my-repairers .details-store-off .text-right {
    position: absolute;
    right: 1px;
    top: 1px
}

.rtl .page-my-repairers .details-store-off .text-right {
    right: auto;
    left: 1px
}

.page-my-repairers .details-store-off .text-right a {
    display: block;
    width: 38px;
    height: 38px;
    text-align: center;
    padding: 10px 0 0 0;
    transition: all 0.3s
}

.page-my-repairers .details-store-off .text-right a i {
    background: transparent url("../img/icon/icon-trash.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 17px;
    width: 17px;
    margin: 5px 0 0
}

.page-my-repairers .details-store-off .text-right a i:before {
    display: none
}

.page-my-repairers .details-store-off .text-right a:hover i {
    color: #eaeeef
}

.page-my-repairers .details-store-off .inner {
    position: relative;
    overflow: hidden;
    padding: 60px 0 80px
}

@media screen and (max-width: 768px) {
    .page-my-repairers .details-store-off .inner {
        text-align: center;
        padding: 30px 10px 70px;
        height: 100% !important
    }
}

.page-my-repairers .details-store-off li.span4+li.span4 {
    display: none
}

.page-my-repairers .details-store-off+.row-fluid .span12 .text-center {
    font-size: 16px;
    font-size: 1.6rem;
    color: #171413;
    text-align: right;
    margin-bottom: 10px
}

.rtl .page-my-repairers .details-store-off+.row-fluid .span12 .text-center {
    text-align: left
}

.page-my-repairers .details-store-off.hide {
    display: none
}

@media screen and (max-width: 768px) {
    .page-my-repairers .details-store-off+.row-fluid:last-of-type {
        padding: 14px 10px 30px;
        clear: both
    }
}

@media screen and (max-width: 768px) {
    .page-my-repairers .row-fluid.bloc>.span9 .details-store-off h4 {
        padding: 0
    }

    .page-my-repairers .row-fluid.bloc>.span9 .details-store-off h4 span {
        height: auto;
        min-height: inherit;
        display: block
    }

    .page-my-repairers .row-fluid.bloc>.span9 .details-store-off h4 .text-right {
        position: absolute;
        right: 0;
        bottom: 0;
        top: auto;
        left: 0;
        text-align: center
    }

    .rtl .page-my-repairers .row-fluid.bloc>.span9 .details-store-off h4 .text-right {
        left: 0;
        bottom: 0;
        top: auto;
        right: 0
    }

    .page-my-repairers .row-fluid.bloc>.span9 .details-store-off h4 .text-right a {
        display: inline-block;
        padding: 0
    }
}

.page-my-repairers .row-fluid.bloc>.span9 .details-store-off a.btn {
    box-shadow: 0 0 transparent;
    display: none;
    font-size: 13px;
    font-size: 1.3rem
}

.page-my-repairers .row-fluid.bloc>.span9 .details-store-off a.btn:hover {
    color: #ffffff
}

.page-my-repairers .row-fluid.bloc>.span9 .details-store-off a.btn.btn-direction {
    display: inline-block;
    border-radius: 5px;
    background: #a39a93;
    color: #fff;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 5px 18px 7px;
    margin: 15px 0 0;
    float: none;
    position: static;
    bottom: 25px
}

.rtl .page-my-repairers .row-fluid.bloc>.span9 .details-store-off a.btn.btn-direction {
    float: right
}

.page-my-repairers .row-fluid.bloc>.span9 .details-store-off a.btn.btn-direction:hover {
    background: #958e88;
    color: #fff
}

@media screen and (max-width: 768px) {
    .page-my-repairers .row-fluid.bloc>.span9 .details-store-off a.btn.btn-direction {
        width: 100%;
        left: 0;
        bottom: 65px
    }

    .rtl .page-my-repairers .row-fluid.bloc>.span9 .details-store-off a.btn.btn-direction {
        right: 0;
        left: auto
    }
}

.page-my-repairers .row-fluid.bloc>.span9 .text-right a:hover {
    color: #ffffff
}

.page-my-repairers .row-fluid.bloc>.span9 .scroll-store .list-store ul {
    margin: 0;
    padding: 0
}

.page-my-repairers .row-fluid.bloc>.span9 .scroll-store .list-store li {
    margin: 0 0 3px;
    padding: 8px 18px;
    list-style-type: none;
    background: #fff;
    position: relative;
    float: none
}

.page-my-repairers .row-fluid.bloc>.span9 .scroll-store .list-store li .location {
    position: absolute;
    top: 7px;
    left: 23px;
    display: block;
    color: #fff;
    width: 20px;
    height: 25px;
    text-align: center;
    background: url("../img/marker.png") no-repeat;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 2em
}

.rtl .page-my-repairers .row-fluid.bloc>.span9 .scroll-store .list-store li .location {
    right: 23px;
    left: auto
}

.page-my-repairers .row-fluid.bloc>.span9 .scroll-store .list-store li .bloc-img {
    display: none
}

.rtl .page-my-repairers .row-fluid.bloc>.span9 .scroll-store .list-store li .bloc-img {
    right: 8px;
    left: auto
}

.page-my-repairers .row-fluid.bloc>.span9 .scroll-store .list-store li .bloc-img img {
    width: 100%;
    height: auto
}

.page-my-repairers .row-fluid.bloc>.span9 .scroll-store .list-store li p,
.page-my-repairers .row-fluid.bloc>.span9 .scroll-store .list-store li .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-my-repairers .row-fluid.bloc>.span9 .scroll-store .list-store li div {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #2a2622;
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem
}

.page-my-repairers .row-fluid.bloc>.span9 .scroll-store .list-store li h4 {
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    line-height: 1.1em;
    color: #f38230;
    margin: 0 0 5px
}

.page-my-repairers .row-fluid.bloc>.span9 .scroll-store .list-store li h4:first-letter {
    text-transform: uppercase
}

.page-my-repairers .row-fluid.bloc>.span9 .scroll-store .list-store li:hover:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-right: 8px solid #fff;
    width: 8px;
    height: 100%
}

.rtl .page-my-repairers .row-fluid.bloc>.span9 .scroll-store .list-store li:hover:before {
    left: 0;
    right: auto;
    border-left: 8px solid #fff
}

.page-my-repairers .row-fluid.bloc>.span9 .scroll-store .list-store a {
    font-size: 16px;
    font-size: 1.6rem;
    color: #9599a4;
    display: block;
    padding: 0;
    min-height: 64px
}

.page-my-repairers .row-fluid.bloc>.span9 .scroll-store .list-store a:hover {
    text-decoration: none
}

.page-my-repairers #StoreLocator {
    background: #ffffff;
    width: 620px;
    margin: 0;
    display: table-cell;
    float: none;
    vertical-align: top
}

@media screen and (max-width: 768px) {
    .page-my-repairers #StoreLocator {
        background: transparent
    }
}

.page-my-repairers #StoreLocator .details-store-off {
    background: #fff;
    float: none;
    margin: 0 25px 45px 0;
    padding: 0;
    width: auto !important;
    height: auto !important
}

.rtl .page-my-repairers #StoreLocator .details-store-off {
    margin: 0 0 45px 25px;
    padding: 0
}

.page-my-repairers #StoreLocator .details-store-off .inner {
    padding: 30px;
    height: auto !important;
    overflow: visible
}

.page-my-repairers #StoreLocator .details-store-off .inner h4 span {
    display: block;
    height: auto;
    margin-bottom: 8px
}

.page-my-repairers #StoreLocator .details-store-off .inner ul li {
    background: none;
    padding: 0;
    float: none;
    width: 100%;
    display: block
}

@media screen and (max-width: 768px) {
    .page-my-repairers #StoreLocator .details-store-off .inner ul li {
        overflow: visible
    }
}

.page-my-repairers #StoreLocator .details-store-off .inner ul li #btn-direction,
.page-my-repairers #StoreLocator .details-store-off .inner ul li .krups-btn,
.page-my-repairers #StoreLocator .details-store-off .inner ul li .panel-services-contact .more a,
.panel-services-contact .more .page-my-repairers #StoreLocator .details-store-off .inner ul li a {
    max-width: 200px;
    margin: 10px auto
}

.page-my-repairers #StoreLocator .details-store-off .inner ul li .krups-btn,
.page-my-repairers #StoreLocator .details-store-off .inner ul li .panel-services-contact .more a,
.panel-services-contact .more .page-my-repairers #StoreLocator .details-store-off .inner ul li a {
    margin: 10px auto -55px
}

.page-my-repairers #StoreLocator .details-store-off .inner ul li p,
.page-my-repairers #StoreLocator .details-store-off .inner ul li .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-my-repairers #StoreLocator .details-store-off .inner ul li div {
    margin: 0
}

.page-my-repairers #StoreLocator .details-store-off .inner .btn {
    font-size: 13px;
    font-size: 1.3rem;
    display: inline-block;
    float: left;
    margin: 35px 10px 0 0;
    padding: 5px 18px 7px;
    top: 0;
    color: #fff;
    position: relative;
    bottom: 0
}

.rtl .page-my-repairers #StoreLocator .details-store-off .inner .btn {
    float: right;
    margin: 35px 0 0 10px
}

@media screen and (max-width: 768px) {
    .page-my-repairers #StoreLocator .details-store-off {
        margin: 0 10px 35px;
        padding: 0;
        border: 0
    }

    .page-my-repairers #StoreLocator .details-store-off .span12 {
        border-bottom: 1px solid #dadada
    }

    .page-my-repairers #StoreLocator .details-store-off .span12 .inner {
        padding: 30px 10px;
        text-align: center
    }

    .page-my-repairers #StoreLocator .details-store-off .span12 .inner h4 {
        padding: 0
    }

    .page-my-repairers #StoreLocator .details-store-off .span12 .inner h4 span {
        min-height: inherit
    }

    .page-my-repairers #StoreLocator .details-store-off .span12 .inner .btn {
        float: none;
        width: 100%;
        margin: 10px 0 0
    }

    .page-my-repairers #StoreLocator .details-store-off .span12 .inner .btn-direction {
        margin-top: 20px
    }
}

.page-my-repairers .google-maps {
    padding: 0 0 25px !important
}

@media screen and (max-width: 768px) {
    .page-my-repairers .google-maps {
        margin-bottom: 0;
        padding: 0 !important;
        height: auto
    }
}

.page-my-repairers .google-maps .span4 {
    width: 360px;
    background: #ffffff;
    padding: 0 25px;
    display: table-cell;
    float: none
}

.page-my-repairers .google-maps .span8 {
    margin: 0
}

.page-my-repairers .google-maps .name {
    display: none
}

.page-my-repairers .google-maps #map-canvas,
.page-my-repairers .google-maps #map-canvasGRP {
    height: 460px
}

@media screen and (max-width: 768px) {

    .page-my-repairers .google-maps #map-canvas,
    .page-my-repairers .google-maps #map-canvasGRP {
        height: 200px
    }
}

.page-my-repairers .google-maps .filtre-store {
    margin: 0
}

.page-my-repairers .google-maps .filtre-store form {
    margin: 0
}

.page-my-repairers .google-maps .filtre-store form p,
.page-my-repairers .google-maps .filtre-store form .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-my-repairers .google-maps .filtre-store form div {
    padding: 0
}

.page-my-repairers .google-maps .slimScrollDiv,
.page-my-repairers .google-maps .scroll-store {
    height: auto !important;
    max-height: 415px;
    padding: 0 5px 0 0
}

.rtl .page-my-repairers .google-maps .slimScrollDiv,
.rtl .page-my-repairers .google-maps .scroll-store {
    padding: 0 0 0 5px
}

.page-my-repairers #repairs-search {
    margin: 20px 0
}

.page-my-repairers #repairs-search form {
    margin: 0
}

.page-my-repairers #repairs-search .input-append {
    margin: 0;
    width: 100%;
    height: 48px;
    position: relative
}

.page-my-repairers #repairs-search .input-append .btn {
    background: url("../img/icon/icon-search2.png") no-repeat 0 0;
    background-size: 18px auto;
    z-index: 10;
    line-height: 1;
    font-size: 0px;
    font-size: 0rem;
    width: 17px;
    height: 16px;
    box-shadow: 0 0 transparent;
    padding: 0;
    margin: 0;
    color: #f38230;
    position: absolute;
    left: auto;
    right: 12px;
    top: 25px;
    border-radius: 0
}

.rtl .page-my-repairers #repairs-search .input-append .btn {
    right: auto;
    left: 12px;
    top: 25px
}

.page-my-repairers #repairs-search .input-append .search-query {
    font-size: 16px;
    font-size: 1.6rem;
    box-shadow: 0 0 transparent;
    border-radius: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #dadada;
    padding: 0px 35px 2px 10px
}

.rtl .page-my-repairers #repairs-search .input-append .search-query {
    padding: 0px 10px 2px 35px
}

.page-my-repairers #repairs-search .input-append .search-query::-webkit-input-placeholder {
    color: #9599a4
}

.page-my-repairers #repairs-search .input-append .search-query::-moz-placeholder {
    color: #9599a4
}

.page-my-repairers #repairs-search .input-append .search-query:-ms-input-placeholder {
    color: #9599a4
}

.page-my-repairers #repairs-search .input-append .search-query:-moz-placeholder {
    color: #9599a4
}

.page-newsletter .orders-user {
    font-size: 14.5px;
    font-size: 1.45rem;
    margin-bottom: 40px
}

.page-newsletter .orders-user .row-fluid {
    padding: 0
}

@media screen and (max-width: 768px) {
    .page-newsletter .orders-user legend {
        margin: 8px 0 19px 10px
    }

    .rtl .page-newsletter .orders-user legend {
        margin: 8px 10px 19px 0
    }
}

.page-newsletter .orders-user h4 {
    font-size: 14.5px;
    font-size: 1.45rem;
    font-weight: 100;
    border-bottom: 1px solid #faf7f7;
    margin: 0 0 20px;
    padding: 0 0 8px
}

.page-newsletter .orders-user h2 {
    font-size: 15px;
    font-size: 1.5rem;
    margin-top: 0px !important
}

@media screen and (max-width: 768px) {
    .page-newsletter .orders-user h2 {
        padding: 0px 10px
    }
}

.page-newsletter .orders-user p,
.page-newsletter .orders-user .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-newsletter .orders-user div {
    line-height: 1.4
}

#newsLetterSubscriptionForm {
    position: relative
}

#newsLetterSubscriptionForm input[type=TEXT],
#newsLetterSubscriptionForm input[type=PASSWORD],
#newsLetterSubscriptionForm select {
    width: 188px !important
}

#newsLetterSubscriptionForm .skip span {
    color: #e2001a
}

#newsLetterSubscriptionForm fieldset {
    margin: 0 0 20px
}

#newsLetterSubscriptionForm fieldset+p,
#newsLetterSubscriptionForm .krups-block-univers .krups-block-wrapper fieldset+div,
.krups-block-univers .krups-block-wrapper #newsLetterSubscriptionForm fieldset+div {
    font-size: 10px;
    font-size: 1rem;
    float: left
}

.rtl #newsLetterSubscriptionForm fieldset+p,
.rtl #newsLetterSubscriptionForm .krups-block-univers .krups-block-wrapper fieldset+div,
.krups-block-univers .krups-block-wrapper .rtl #newsLetterSubscriptionForm fieldset+div {
    float: right
}

#newsLetterSubscriptionForm p:last-child,
#newsLetterSubscriptionForm .krups-block-univers .krups-block-wrapper div:last-child,
.krups-block-univers .krups-block-wrapper #newsLetterSubscriptionForm div:last-child {
    margin-bottom: 37px;
    overflow: hidden
}

.rtl #newsLetterSubscriptionForm p:last-child,
.rtl #newsLetterSubscriptionForm .krups-block-univers .krups-block-wrapper div:last-child,
.krups-block-univers .krups-block-wrapper .rtl #newsLetterSubscriptionForm div:last-child {
    float: right
}

.rtl .rtl #newsLetterSubscriptionForm p:last-child,
.rtl .rtl #newsLetterSubscriptionForm .krups-block-univers .krups-block-wrapper div:last-child,
.krups-block-univers .krups-block-wrapper .rtl .rtl #newsLetterSubscriptionForm div:last-child {
    float: left
}

.page-account .faq-topics-list .item {
    border: 0;
    float: left;
    margin: 0;
    width: 33.33%;
    min-height: 225px;
    overflow: hidden;
    position: relative;
    padding: 0 15px;
    margin-bottom: 30px
}

.rtl .page-account .faq-topics-list .item {
    float: right
}

@media screen and (max-width: 768px) {
    .page-account .faq-topics-list .item {
        padding: 0
    }
}

.page-account .faq-topics-list .item>div {
    min-height: 183px
}

.page-account .faq-topics-list .item>div>a {
    min-height: 183px;
    height: 100%;
    width: 100%;
    display: block;
    transition: all 0.4s
}

.page-account .faq-topics-list .item a,
.page-account .faq-topics-list .item a:hover {
    text-decoration: none
}

.page-account .faq-topics-list .item .border {
    height: 170px;
    overflow: hidden;
    position: relative;
    margin-bottom: 13px
}

.page-account .faq-topics-list .item .border img {
    transition: all 0.8s;
    width: auto;
    height: auto
}

@media screen and (min-width: 900px) {
    .page-account .faq-topics-list .item .border img {
        position: absolute;
        top: 50%;
        left: 50%;
        min-height: 100%;
        transform: translate(-50%, -50%)
    }
}

.page-account .faq-topics-list .item h3 {
    text-align: center;
    color: #171413;
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 19px;
    font-size: 1.9rem;
    transition: all 0.4s;
    margin: 0;
    line-height: 20px
}

.page-account .faq-topics-list .item a:hover h3 {
    color: #f38230
}

.page-account .faq-topics-list .item a:hover .border img {
    min-height: 103%
}

@media screen and (max-width: 768px) {
    .page-account .faq-topics-list .item a:hover .border img {
        min-height: inherit;
        min-width: inherit
    }
}

.page-account .faq-topics-list.faq-products-list .item {
    text-align: center;
    background: #fff;
    position: relative;
    margin: -1px -1px 0 0;
    width: 33.41%;
    height: 295px;
    overflow: hidden;
    border: 1px solid #d9dbe0;
    display: block;
    float: left;
    padding: 0
}

.rtl .page-account .faq-topics-list.faq-products-list .item {
    float: right;
    margin: -1px 0 0 -1px
}

@media screen and (max-width: 768px) {
    .page-account .faq-topics-list.faq-products-list .item {
        width: 100%
    }
}

.page-account .faq-topics-list.faq-products-list .item .border {
    max-height: 166px;
    max-width: 204px;
    margin: 30px auto 10px;
    padding-bottom: 10px
}

.page-account .faq-topics-list.faq-products-list .item .border .play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    margin: -27px 0 0 -27px
}

.page-account .faq-topics-list.faq-products-list .item .border img {
    height: auto;
    display: inline-block;
    max-height: 100%;
    width: auto;
    transition: all 0.3s;
    transform: scale(1);
    position: relative;
    top: 0;
    left: 0
}

.page-account .faq-topics-list.faq-products-list .item a {
    display: block;
    height: 295px;
    width: auto;
    min-height: 100%;
    background: #fff;
    transition: all 0.3s;
    position: relative
}

.page-account .faq-topics-list.faq-products-list .item a::after {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    content: "";
    display: block;
    opacity: 0;
    transition: all 0.6s;
    background: linear-gradient(to bottom, rgba(238, 238, 238, 0) 26%, rgba(238, 238, 238, 0.22) 76%, rgba(0, 0, 0, 0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00eeeeee', endColorstr='#66000000', GradientType=0)
}

.page-account .faq-topics-list.faq-products-list .item a:hover {
    text-decoration: none
}

.page-account .faq-topics-list.faq-products-list .item a:hover .border img {
    transform: scale(1.025)
}

.page-account .faq-topics-list.faq-products-list .item a:hover::after {
    opacity: 0.2
}

.page-account .faq-topics-list.faq-products-list .item h3 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: light;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 0 3px 0;
    padding: 0 15px;
    color: #50535d;
    line-height: 20px;
    text-align: center;
    font-style: normal;
    height: 40px;
    overflow: hidden
}

.page-account .faq-topics-list.faq-products-list .item h6 {
    padding: 0 15px;
    margin: 0;
    color: #948e88;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    font-weight: normal
}

.page-account .faq-topics-list.faq-products-list .list-content .button-seemore {
    background: #948e88;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    border: 0;
    border-radius: 25px;
    display: inline-block;
    transition: all 0.5s;
    min-width: 167px;
    padding: 17px 25px;
    line-height: 15px;
    position: relative;
    cursor: pointer;
    letter-spacing: 1.5px
}

.page-account .faq-topics-list.faq-products-list .list-content .button-seemore:hover,
.page-account .faq-topics-list.faq-products-list .list-content .button-seemore:focus {
    color: #fff;
    text-decoration: none;
    background: #a19a94
}

@media screen and (max-width: 768px) {
    .page-account .faq-topics-list.faq-products-list .list-content .button-seemore {
        font-size: 14px;
        font-size: 1.4rem;
        width: 159px;
        padding: 13px 15px 13px 15px;
        min-height: initial
    }
}

.page-account .orders-user {
    margin-bottom: 24px
}

.page-account .orders-user .row-fluid {
    padding: 0
}

.page-account .orders-user+.row-fluid .span12 .text-center {
    font-size: 16px;
    font-size: 1.6rem;
    color: #171413;
    text-align: right;
    margin-bottom: 10px
}

.rtl .page-account .orders-user+.row-fluid .span12 .text-center {
    text-align: left
}

.page-account .orders-user+.row-fluid .span12 .btn {
    font-size: 13px;
    font-size: 1.3rem;
    position: relative;
    color: #fff;
    margin: 0;
    border-radius: 100px;
    width: auto;
    float: right
}

.rtl .page-account .orders-user+.row-fluid .span12 .btn {
    float: left
}

.page-account .orders-user+.row-fluid .span12 .btn:hover {
    color: #fff
}

.page-account .faq-topics-home {
    margin-top: 24px
}

.page-account .faq-topics-home+.row-fluid {
    padding: 10px
}

@media screen and (max-width: 768px) {
    .page-account .faq-topics-home+.row-fluid {
        padding: 0 0 10px
    }
}

.page-account .faq-topics-home+.row-fluid .text-center {
    font-size: 16px;
    font-size: 1.6rem;
    color: #171413;
    text-align: right;
    margin-bottom: 10px
}

@media screen and (max-width: 768px) {
    .page-account .faq-topics-home+.row-fluid .text-center {
        font-size: 15px;
        font-size: 1.5rem
    }
}

.rtl .page-account .faq-topics-home+.row-fluid .text-center {
    text-align: left
}

.page-account .faq-topics-home+.row-fluid .btn {
    font-size: 13px;
    font-size: 1.3rem;
    position: relative;
    color: #fff;
    margin: 0;
    border-radius: 100px;
    width: auto;
    float: right
}

.rtl .page-account .faq-topics-home+.row-fluid .btn {
    float: left
}

.page-account .faq-topics-home+.row-fluid .btn:hover {
    color: #fff !important
}

.page-account #productList {
    padding-top: 40px
}

.page-account #productList .button-seemore {
    background: #948e88;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    border: 0;
    border-radius: 25px;
    display: inline-block;
    transition: all 0.5s;
    min-width: 167px;
    padding: 17px 25px;
    line-height: 15px;
    position: relative;
    cursor: pointer;
    letter-spacing: 1.5px
}

.page-account #productList .button-seemore:hover,
.page-account #productList .button-seemore:focus {
    color: #fff;
    text-decoration: none;
    background: #a19a94
}

@media screen and (max-width: 768px) {
    .page-account #productList .button-seemore {
        font-size: 14px;
        font-size: 1.4rem;
        width: 159px;
        padding: 13px 15px 13px 15px;
        min-height: initial
    }
}

.page-account .lame-filter-list {
    clear: both;
    margin: 0 0 1px 0;
    padding: 15px 15px;
    color: #171413;
    text-align: center;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.page-account .lame-filter-list h4 {
    margin: 0 0 10px;
    padding: 0;
    text-transform: uppercase;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 50px;
    position: relative
}

.page-account .lame-filter-list h4::after {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0
}

.page-account .faq-topics-home .item h3 {
    color: #fff;
    background-color: #f38230;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.page-account .faq-topics-home .item>div>a {
    background-color: #f38230;
    min-height: 223px
}

.page-account .faq-topics-home .item a:hover h3 {
    color: #fff
}

.register-form.product-list {
    min-height: 279px;
    background: #ffffff;
    margin-bottom: 60px;
    margin-top: 0;
    line-height: 1.2em;
    position: relative;
    font-size: 14.5px;
    font-size: 1.45rem;
    display: table;
    width: 100%
}

@media screen and (max-width: 768px) {
    .register-form.product-list {
        margin-bottom: 80px
    }
}

.register-form.product-list #RegisterProductForm {
    padding: 38px 10px;
    min-height: inherit;
    margin: 0;
    text-align: center
}

.register-form.product-list #RegisterProductForm .btn-action {
    position: absolute;
    bottom: -68px;
    right: 0
}

@media screen and (max-width: 768px) {
    .register-form.product-list #RegisterProductForm .btn-action {
        transform: translateX(-50%);
        width: 300px;
        left: 50%;
        right: 0
    }
}

.rtl .register-form.product-list #RegisterProductForm .btn-action {
    right: auto;
    left: 0
}

@media screen and (max-width: 768px) {
    .rtl .register-form.product-list #RegisterProductForm .btn-action {
        left: auto
    }
}

.register-form.product-list #RegisterProductForm .control-label {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 19px;
    color: #171413;
    text-align: left;
    width: 163px
}

.rtl .register-form.product-list #RegisterProductForm .control-label {
    text-align: right
}

@media screen and (max-width: 768px) {
    .register-form.product-list #RegisterProductForm .control-label {
        width: 100%
    }
}

.register-form.product-list #RegisterProductForm .controls {
    margin-left: auto
}

.rtl .register-form.product-list #RegisterProductForm .controls {
    margin-right: auto
}

.register-form.product-list #RegisterProductForm .controls .sort.date {
    width: 131px;
    margin: 0 0 0 4px
}

.rtl .register-form.product-list #RegisterProductForm .controls .sort.date {
    margin: 0 4px 0 0
}

@media screen and (max-width: 768px) {
    .register-form.product-list #RegisterProductForm .controls .sort.date {
        width: 100%;
        margin: 0 0 5px
    }
}

.register-form.product-list #RegisterProductForm .controls select {
    width: 100%;
    min-width: inherit;
    line-height: 24px
}

.register-form.product-list #RegisterProductForm .controls input[type="text"] {
    width: 295px;
    margin: 0 0 0 53px;
    height: 50px
}

@media screen and (max-width: 768px) {
    .register-form.product-list #RegisterProductForm .controls input[type="text"] {
        width: 100%;
        margin: 0
    }
}

.register-form.product-list #RegisterProductForm .control-group {
    margin: 0 0 30px 0
}

.register-form.product-list #RegisterProductForm .control-group:first-child .control-label {
    width: 100px
}

@media screen and (max-width: 768px) {
    .register-form.product-list #RegisterProductForm .control-group:first-child .control-label {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .register-form.product-list #RegisterProductForm .control-group {
        margin: 0 0 10px
    }
}

.register-form.product-list #RegisterProductForm .text-right {
    margin: 0
}

.register-form.product-list #RegisterProductForm .control-group+p.text-right,
.register-form.product-list #RegisterProductForm .krups-block-univers .krups-block-wrapper .control-group+div.text-right,
.krups-block-univers .krups-block-wrapper .register-form.product-list #RegisterProductForm .control-group+div.text-right {
    font-size: 13px;
    font-size: 1.3rem;
    color: #171413;
    position: absolute;
    right: 10px;
    bottom: 8px
}

.rtl .register-form.product-list #RegisterProductForm .control-group+p.text-right,
.rtl .register-form.product-list #RegisterProductForm .krups-block-univers .krups-block-wrapper .control-group+div.text-right,
.krups-block-univers .krups-block-wrapper .rtl .register-form.product-list #RegisterProductForm .control-group+div.text-right {
    left: 10px;
    right: auto
}

@media screen and (max-width: 768px) {

    .register-form.product-list #RegisterProductForm .control-group+p.text-right,
    .register-form.product-list #RegisterProductForm .krups-block-univers .krups-block-wrapper .control-group+div.text-right,
    .krups-block-univers .krups-block-wrapper .register-form.product-list #RegisterProductForm .control-group+div.text-right {
        position: relative;
        text-align: right;
        right: 0;
        bottom: 0
    }

    .rtl .register-form.product-list #RegisterProductForm .control-group+p.text-right,
    .rtl .register-form.product-list #RegisterProductForm .krups-block-univers .krups-block-wrapper .control-group+div.text-right,
    .krups-block-univers .krups-block-wrapper .rtl .register-form.product-list #RegisterProductForm .control-group+div.text-right {
        text-align: left;
        left: 0
    }
}

.register-form.product-list #RegisterProductForm .skip {
    display: block;
    line-height: 20px;
    margin-top: 5px;
    position: relative;
    bottom: 0;
    float: none;
    text-align: right
}

.rtl .register-form.product-list #RegisterProductForm .skip {
    text-align: left
}

.register-form.product-list #RegisterProductForm .skip span {
    display: block
}

.register-form>.span4 {
    width: 30%;
    float: left;
    border-right: 1px solid #d9d9d9;
    overflow: hidden;
    margin-top: 33px;
    margin-bottom: 33px
}

.rtl .register-form>.span4 {
    float: right;
    border-left: 1px solid #d9d9d9
}

.register-form>.span4 .item {
    padding-top: 0;
    padding-bottom: 3px
}

.register-form .span8 {
    width: 70%;
    float: right;
    margin: 0
}

.rtl .register-form .span8 {
    float: left
}

.register-form .item {
    text-align: center;
    float: left;
    position: relative;
    margin: 0;
    padding: 15px 25px;
    min-width: 240px;
    text-decoration: none;
    display: block
}

.rtl .register-form .item {
    float: right
}

.register-form .item .thumbnail {
    padding: 0;
    border: 0;
    box-shadow: 0 0 transparent
}

.register-form .item img {
    margin: 0 auto 10px;
    max-width: 120px
}

.register-form .item .name {
    font-size: 21px;
    font-size: 2.1rem;
    margin: 0;
    color: #50535d;
    line-height: 1.1em;
    background: transparent;
    text-transform: uppercase;
    position: relative;
    text-align: left
}

.rtl .register-form .item .name {
    text-align: right
}

@media screen and (max-width: 768px) {
    .register-form .item .name {
        text-align: center
    }
}

.register-form .item .caption {
    padding: 0;
    text-align: left
}

.rtl .register-form .item .caption {
    text-align: right
}

.register-form .item .caption p,
.register-form .item .caption .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .register-form .item .caption div {
    font-size: 16px;
    font-size: 1.6rem;
    color: #9599a4;
    line-height: 1.4em
}

@media screen and (max-width: 768px) {
    .register-form .item .caption {
        text-align: center
    }
}

#RegisterProductForm .control-group {
    margin: 0
}

#RegisterProductForm .controls {
    margin-left: 184px
}

.rtl #RegisterProductForm .controls {
    margin-right: 184px
}

#RegisterProductForm .btn-action {
    width: auto
}

#RegisterProductForm .control-label {
    padding-top: 2px
}

.page-orders strong {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.page-orders .control-group select {
    border-radius: 0;
    margin: 0;
    border-color: #000;
    padding: 1px 3px;
    box-shadow: 0 0 transparent
}

.page-orders .orders-user .row-fluid {
    padding: 0
}

.page-orders .orders-user>.row-fluid>.span12>.pull-right {
    padding: 4px
}

.page-orders .orders-user>.row-fluid>.span12>.pull-right form {
    margin: 0 0 1px
}

.page-orders .orders-user>.row-fluid>.span12>.pull-right .control-group {
    margin-bottom: 0
}

.page-orders .orders-user>.row-fluid>.span12>.pull-right+p,
.page-orders .krups-block-univers .krups-block-wrapper .orders-user>.row-fluid>.span12>.pull-right+div,
.krups-block-univers .krups-block-wrapper .page-orders .orders-user>.row-fluid>.span12>.pull-right+div {
    padding: 9px 10px;
    min-height: 38px;
    background: rgba(0, 0, 0, 0.2)
}

.page-orders table td {
    border: 0
}

.page-orders .sort:before {
    cursor: pointer;
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    z-index: 9;
    right: 20px;
    top: 50%;
    margin-top: -2.5px
}

.rtl .page-orders .sort:before {
    left: 20px;
    top: 50%;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #fff
}

#FormProfile .span12 {
    position: relative
}

#FormProfile .span12 P:last-child {
    position: absolute;
    right: -40px;
    top: -81px;
    margin: 0;
    font-size: 12px;
    font-size: 1.2rem;
    color: #9599a4
}

.rtl #FormProfile .span12 P:last-child {
    left: -19px;
    right: auto
}

@media screen and (max-width: 1024px) {
    #FormProfile .span12 P:last-child {
        right: -30px;
        top: -62px
    }
}

#FormProfile .span12 P.text-right {
    top: 0;
    right: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 5px
}

.rtl #FormProfile .span12 P.text-right {
    left: 0;
    right: auto
}

#FormUserIds>.row-fluid {
    padding: 60px 40px 10px
}

@media screen and (max-width: 768px) {
    #FormUserIds>.row-fluid {
        padding: 15px 10px 10px
    }
}

#FormUserIds .span12 {
    position: relative;
    text-align: center
}

#FormProfile {
    margin: 0
}

#FormProfile .row-fluid {
    padding: 87px 3% 10px;
    text-align: center
}

#FormProfile .row-fluid .control-group {
    display: block
}

#FormProfile .row-fluid .control-label {
    width: 110px
}

.rtl #FormProfile .row-fluid .control-label {
    text-align: left
}

@media screen and (max-width: 768px) {
    .rtl #FormProfile .row-fluid .control-label {
        text-align: right
    }
}

@media screen and (max-width: 1024px) {
    #FormProfile .row-fluid {
        padding: 40px 30px 10px 10px;
        border-bottom: 0 none
    }

    .rtl #FormProfile .row-fluid {
        padding: 40px 10px 10px 30px
    }
}

@media screen and (max-width: 768px) {
    #FormProfile .row-fluid {
        padding: 10px;
        border-bottom: 0 none
    }
}

.page-account-deleted .master-ban-head {
    margin-bottom: 0 !important
}

.page-account-deleted h4 {
    color: #171413;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1em;
    margin: 23px 10px 13px
}

.page-account-deleted p,
.page-account-deleted .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-account-deleted div {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 23px 10px 13px
}

.page-account-deleted .main-content {
    max-height: 500px
}

@media screen and (max-width: 768px) {
    .page-account-deleted .main-content {
        max-height: 330px
    }
}

.page-account-deleted .main-content .row-fluid {
    max-width: 1600px
}

@media screen and (max-width: 768px) {
    .page-account-deleted .main-content .row-fluid {
        width: 100%
    }
}

.page-account-deleted .orders-user {
    padding-top: 30px
}

.page-account-deleted .text-center {
    text-align: right
}

.rtl .page-account-deleted .text-center {
    text-align: left
}

.page-account-deleted .btn-action {
    width: auto;
    font-size: 13px;
    font-size: 1.3rem;
    border-radius: 100px
}

#updatePwdForm {
    margin: 30px auto;
    width: 745px
}

@media screen and (max-width: 768px) {
    #updatePwdForm {
        width: 100%;
        margin-bottom: 70px
    }

    #updatePwdForm legend {
        margin-bottom: 30px;
        padding: 0 15px
    }
}

#updatePwdForm .row-fluid {
    position: relative;
    padding: 65px 35px 0 65px
}

.rtl #updatePwdForm .row-fluid {
    padding: 65px 65px 0 35px
}

@media screen and (max-width: 768px) {
    #updatePwdForm .row-fluid {
        padding: 20px 22px
    }
}

#updatePwdForm p:last-child,
#updatePwdForm .krups-block-univers .krups-block-wrapper div:last-child,
.krups-block-univers .krups-block-wrapper #updatePwdForm div:last-child {
    position: absolute;
    top: -19px;
    right: 0;
    margin: 0
}

.rtl #updatePwdForm p:last-child,
.rtl #updatePwdForm .krups-block-univers .krups-block-wrapper div:last-child,
.krups-block-univers .krups-block-wrapper .rtl #updatePwdForm div:last-child {
    left: 0;
    right: auto
}

@media screen and (max-width: 768px) {

    #updatePwdForm p:last-child,
    #updatePwdForm .krups-block-univers .krups-block-wrapper div:last-child,
    .krups-block-univers .krups-block-wrapper #updatePwdForm div:last-child {
        right: 15px
    }

    .rtl #updatePwdForm p:last-child,
    .rtl #updatePwdForm .krups-block-univers .krups-block-wrapper div:last-child,
    .krups-block-univers .krups-block-wrapper .rtl #updatePwdForm div:last-child {
        left: 15px;
        right: auto
    }
}

.template-pages-AccountPageTemplate .master-ban-head,
.template-pages-NewsLetterPageTemplate .master-ban-head,
.page-updatePassword .master-ban-head,
.page-account-deleted .master-ban-head,
.template-pages-account-accountReturnOrderPage .master-ban-head {
    margin-bottom: 30px
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .master-ban-head,
    .template-pages-NewsLetterPageTemplate .master-ban-head,
    .page-updatePassword .master-ban-head,
    .page-account-deleted .master-ban-head,
    .template-pages-account-accountReturnOrderPage .master-ban-head {
        margin: 0
    }
}

.template-pages-AccountPageTemplate .accessories-services,
.template-pages-NewsLetterPageTemplate .accessories-services,
.page-updatePassword .accessories-services,
.page-account-deleted .accessories-services,
.template-pages-account-accountReturnOrderPage .accessories-services {
    display: none
}

.template-pages-AccountPageTemplate .form-horizontal legend,
.template-pages-AccountPageTemplate #AddAddressForm legend,
.template-pages-NewsLetterPageTemplate .form-horizontal legend,
.template-pages-NewsLetterPageTemplate #AddAddressForm legend,
.page-updatePassword .form-horizontal legend,
.page-updatePassword #AddAddressForm legend,
.page-account-deleted .form-horizontal legend,
.page-account-deleted #AddAddressForm legend,
.template-pages-account-accountReturnOrderPage .form-horizontal legend,
.template-pages-account-accountReturnOrderPage #AddAddressForm legend {
    color: #171413;
    padding: 12px 0 15px 0;
    margin-bottom: 30px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 32px;
    text-transform: uppercase;
    position: relative;
    float: left;
    width: auto
}

.rtl .template-pages-AccountPageTemplate .form-horizontal legend,
.rtl .template-pages-AccountPageTemplate #AddAddressForm legend,
.rtl .template-pages-NewsLetterPageTemplate .form-horizontal legend,
.rtl .template-pages-NewsLetterPageTemplate #AddAddressForm legend,
.rtl .page-updatePassword .form-horizontal legend,
.rtl .page-updatePassword #AddAddressForm legend,
.rtl .page-account-deleted .form-horizontal legend,
.rtl .page-account-deleted #AddAddressForm legend,
.rtl .template-pages-account-accountReturnOrderPage .form-horizontal legend,
.rtl .template-pages-account-accountReturnOrderPage #AddAddressForm legend {
    float: right
}

.template-pages-AccountPageTemplate .form-horizontal legend::after,
.template-pages-AccountPageTemplate #AddAddressForm legend::after,
.template-pages-NewsLetterPageTemplate .form-horizontal legend::after,
.template-pages-NewsLetterPageTemplate #AddAddressForm legend::after,
.page-updatePassword .form-horizontal legend::after,
.page-updatePassword #AddAddressForm legend::after,
.page-account-deleted .form-horizontal legend::after,
.page-account-deleted #AddAddressForm legend::after,
.template-pages-account-accountReturnOrderPage .form-horizontal legend::after,
.template-pages-account-accountReturnOrderPage #AddAddressForm legend::after {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    top: 100%;
    left: 0
}

.rtl .template-pages-AccountPageTemplate .form-horizontal legend::after,
.rtl .template-pages-AccountPageTemplate #AddAddressForm legend::after,
.rtl .template-pages-NewsLetterPageTemplate .form-horizontal legend::after,
.rtl .template-pages-NewsLetterPageTemplate #AddAddressForm legend::after,
.rtl .page-updatePassword .form-horizontal legend::after,
.rtl .page-updatePassword #AddAddressForm legend::after,
.rtl .page-account-deleted .form-horizontal legend::after,
.rtl .page-account-deleted #AddAddressForm legend::after,
.rtl .template-pages-account-accountReturnOrderPage .form-horizontal legend::after,
.rtl .template-pages-account-accountReturnOrderPage #AddAddressForm legend::after {
    right: 0;
    left: auto
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .form-horizontal legend::after,
    .template-pages-AccountPageTemplate #AddAddressForm legend::after,
    .template-pages-NewsLetterPageTemplate .form-horizontal legend::after,
    .template-pages-NewsLetterPageTemplate #AddAddressForm legend::after,
    .page-updatePassword .form-horizontal legend::after,
    .page-updatePassword #AddAddressForm legend::after,
    .page-account-deleted .form-horizontal legend::after,
    .page-account-deleted #AddAddressForm legend::after,
    .template-pages-account-accountReturnOrderPage .form-horizontal legend::after,
    .template-pages-account-accountReturnOrderPage #AddAddressForm legend::after {
        top: 90%
    }
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .form-horizontal legend,
    .template-pages-AccountPageTemplate #AddAddressForm legend,
    .template-pages-NewsLetterPageTemplate .form-horizontal legend,
    .template-pages-NewsLetterPageTemplate #AddAddressForm legend,
    .page-updatePassword .form-horizontal legend,
    .page-updatePassword #AddAddressForm legend,
    .page-account-deleted .form-horizontal legend,
    .page-account-deleted #AddAddressForm legend,
    .template-pages-account-accountReturnOrderPage .form-horizontal legend,
    .template-pages-account-accountReturnOrderPage #AddAddressForm legend {
        font-size: 19px;
        font-size: 1.9rem;
        overflow: hidden;
        float: none;
        margin: 0;
        padding: 12px 0 20px 0;
        line-height: 25px
    }
}

.template-pages-AccountPageTemplate .form-horizontal .control-group,
.template-pages-AccountPageTemplate #AddAddressForm .control-group,
.template-pages-NewsLetterPageTemplate .form-horizontal .control-group,
.template-pages-NewsLetterPageTemplate #AddAddressForm .control-group,
.page-updatePassword .form-horizontal .control-group,
.page-updatePassword #AddAddressForm .control-group,
.page-account-deleted .form-horizontal .control-group,
.page-account-deleted #AddAddressForm .control-group,
.template-pages-account-accountReturnOrderPage .form-horizontal .control-group,
.template-pages-account-accountReturnOrderPage #AddAddressForm .control-group {
    margin-bottom: 30px;
    display: inline-block;
    line-height: 0;
    position: relative
}

@media screen and (max-width: 1024px) {

    .template-pages-AccountPageTemplate .form-horizontal .control-group,
    .template-pages-AccountPageTemplate #AddAddressForm .control-group,
    .template-pages-NewsLetterPageTemplate .form-horizontal .control-group,
    .template-pages-NewsLetterPageTemplate #AddAddressForm .control-group,
    .page-updatePassword .form-horizontal .control-group,
    .page-updatePassword #AddAddressForm .control-group,
    .page-account-deleted .form-horizontal .control-group,
    .page-account-deleted #AddAddressForm .control-group,
    .template-pages-account-accountReturnOrderPage .form-horizontal .control-group,
    .template-pages-account-accountReturnOrderPage #AddAddressForm .control-group {
        display: block
    }
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .form-horizontal .control-group,
    .template-pages-AccountPageTemplate #AddAddressForm .control-group,
    .template-pages-NewsLetterPageTemplate .form-horizontal .control-group,
    .template-pages-NewsLetterPageTemplate #AddAddressForm .control-group,
    .page-updatePassword .form-horizontal .control-group,
    .page-updatePassword #AddAddressForm .control-group,
    .page-account-deleted .form-horizontal .control-group,
    .page-account-deleted #AddAddressForm .control-group,
    .template-pages-account-accountReturnOrderPage .form-horizontal .control-group,
    .template-pages-account-accountReturnOrderPage #AddAddressForm .control-group {
        display: block;
        margin-bottom: 15px
    }
}

.template-pages-AccountPageTemplate .form-horizontal .control-group.display-none,
.template-pages-AccountPageTemplate #AddAddressForm .control-group.display-none,
.template-pages-NewsLetterPageTemplate .form-horizontal .control-group.display-none,
.template-pages-NewsLetterPageTemplate #AddAddressForm .control-group.display-none,
.page-updatePassword .form-horizontal .control-group.display-none,
.page-updatePassword #AddAddressForm .control-group.display-none,
.page-account-deleted .form-horizontal .control-group.display-none,
.page-account-deleted #AddAddressForm .control-group.display-none,
.template-pages-account-accountReturnOrderPage .form-horizontal .control-group.display-none,
.template-pages-account-accountReturnOrderPage #AddAddressForm .control-group.display-none {
    display: none !important
}

.template-pages-AccountPageTemplate .form-horizontal .row-fluid,
.template-pages-AccountPageTemplate #AddAddressForm .row-fluid,
.template-pages-NewsLetterPageTemplate .form-horizontal .row-fluid,
.template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid,
.page-updatePassword .form-horizontal .row-fluid,
.page-updatePassword #AddAddressForm .row-fluid,
.page-account-deleted .form-horizontal .row-fluid,
.page-account-deleted #AddAddressForm .row-fluid,
.template-pages-account-accountReturnOrderPage .form-horizontal .row-fluid,
.template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid {
    background: #ffffff;
    margin-bottom: 0;
    margin-top: 0;
    padding: 20px 22px;
    min-height: 100px;
    line-height: 1.2em;
    clear: both
}

.template-pages-AccountPageTemplate .form-horizontal input[type=TEXT],
.template-pages-AccountPageTemplate .form-horizontal input[type=PASSWORD],
.template-pages-AccountPageTemplate .form-horizontal select,
.template-pages-AccountPageTemplate #AddAddressForm input[type=TEXT],
.template-pages-AccountPageTemplate #AddAddressForm input[type=PASSWORD],
.template-pages-AccountPageTemplate #AddAddressForm select,
.template-pages-NewsLetterPageTemplate .form-horizontal input[type=TEXT],
.template-pages-NewsLetterPageTemplate .form-horizontal input[type=PASSWORD],
.template-pages-NewsLetterPageTemplate .form-horizontal select,
.template-pages-NewsLetterPageTemplate #AddAddressForm input[type=TEXT],
.template-pages-NewsLetterPageTemplate #AddAddressForm input[type=PASSWORD],
.template-pages-NewsLetterPageTemplate #AddAddressForm select,
.page-updatePassword .form-horizontal input[type=TEXT],
.page-updatePassword .form-horizontal input[type=PASSWORD],
.page-updatePassword .form-horizontal select,
.page-updatePassword #AddAddressForm input[type=TEXT],
.page-updatePassword #AddAddressForm input[type=PASSWORD],
.page-updatePassword #AddAddressForm select,
.page-account-deleted .form-horizontal input[type=TEXT],
.page-account-deleted .form-horizontal input[type=PASSWORD],
.page-account-deleted .form-horizontal select,
.page-account-deleted #AddAddressForm input[type=TEXT],
.page-account-deleted #AddAddressForm input[type=PASSWORD],
.page-account-deleted #AddAddressForm select,
.template-pages-account-accountReturnOrderPage .form-horizontal input[type=TEXT],
.template-pages-account-accountReturnOrderPage .form-horizontal input[type=PASSWORD],
.template-pages-account-accountReturnOrderPage .form-horizontal select,
.template-pages-account-accountReturnOrderPage #AddAddressForm input[type=TEXT],
.template-pages-account-accountReturnOrderPage #AddAddressForm input[type=PASSWORD],
.template-pages-account-accountReturnOrderPage #AddAddressForm select {
    color: #9599a4;
    width: 330px;
    height: 40px;
    border-radius: 5px;
    font-size: 15px;
    font-size: 1.5rem;
    margin: 0;
    padding: 4px 10px 8px;
    box-shadow: 0 0 transparent;
    position: relative;
    z-index: 5;
    background: #fff
}

.template-pages-AccountPageTemplate .form-horizontal input[type=TEXT].small,
.template-pages-AccountPageTemplate .form-horizontal input[type=PASSWORD].small,
.template-pages-AccountPageTemplate .form-horizontal select.small,
.template-pages-AccountPageTemplate #AddAddressForm input[type=TEXT].small,
.template-pages-AccountPageTemplate #AddAddressForm input[type=PASSWORD].small,
.template-pages-AccountPageTemplate #AddAddressForm select.small,
.template-pages-NewsLetterPageTemplate .form-horizontal input[type=TEXT].small,
.template-pages-NewsLetterPageTemplate .form-horizontal input[type=PASSWORD].small,
.template-pages-NewsLetterPageTemplate .form-horizontal select.small,
.template-pages-NewsLetterPageTemplate #AddAddressForm input[type=TEXT].small,
.template-pages-NewsLetterPageTemplate #AddAddressForm input[type=PASSWORD].small,
.template-pages-NewsLetterPageTemplate #AddAddressForm select.small,
.page-updatePassword .form-horizontal input[type=TEXT].small,
.page-updatePassword .form-horizontal input[type=PASSWORD].small,
.page-updatePassword .form-horizontal select.small,
.page-updatePassword #AddAddressForm input[type=TEXT].small,
.page-updatePassword #AddAddressForm input[type=PASSWORD].small,
.page-updatePassword #AddAddressForm select.small,
.page-account-deleted .form-horizontal input[type=TEXT].small,
.page-account-deleted .form-horizontal input[type=PASSWORD].small,
.page-account-deleted .form-horizontal select.small,
.page-account-deleted #AddAddressForm input[type=TEXT].small,
.page-account-deleted #AddAddressForm input[type=PASSWORD].small,
.page-account-deleted #AddAddressForm select.small,
.template-pages-account-accountReturnOrderPage .form-horizontal input[type=TEXT].small,
.template-pages-account-accountReturnOrderPage .form-horizontal input[type=PASSWORD].small,
.template-pages-account-accountReturnOrderPage .form-horizontal select.small,
.template-pages-account-accountReturnOrderPage #AddAddressForm input[type=TEXT].small,
.template-pages-account-accountReturnOrderPage #AddAddressForm input[type=PASSWORD].small,
.template-pages-account-accountReturnOrderPage #AddAddressForm select.small {
    width: 86px
}

.template-pages-AccountPageTemplate .form-horizontal select,
.template-pages-AccountPageTemplate #AddAddressForm select,
.template-pages-NewsLetterPageTemplate .form-horizontal select,
.template-pages-NewsLetterPageTemplate #AddAddressForm select,
.page-updatePassword .form-horizontal select,
.page-updatePassword #AddAddressForm select,
.page-account-deleted .form-horizontal select,
.page-account-deleted #AddAddressForm select,
.template-pages-account-accountReturnOrderPage .form-horizontal select,
.template-pages-account-accountReturnOrderPage #AddAddressForm select {
    padding: 6px 38px 8px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: transparent
}

.rtl .template-pages-AccountPageTemplate .form-horizontal select,
.rtl .template-pages-AccountPageTemplate #AddAddressForm select,
.rtl .template-pages-NewsLetterPageTemplate .form-horizontal select,
.rtl .template-pages-NewsLetterPageTemplate #AddAddressForm select,
.rtl .page-updatePassword .form-horizontal select,
.rtl .page-updatePassword #AddAddressForm select,
.rtl .page-account-deleted .form-horizontal select,
.rtl .page-account-deleted #AddAddressForm select,
.rtl .template-pages-account-accountReturnOrderPage .form-horizontal select,
.rtl .template-pages-account-accountReturnOrderPage #AddAddressForm select {
    padding: 6px 10px 8px 38px
}

.template-pages-AccountPageTemplate .form-horizontal textarea,
.template-pages-AccountPageTemplate #AddAddressForm textarea,
.template-pages-NewsLetterPageTemplate .form-horizontal textarea,
.template-pages-NewsLetterPageTemplate #AddAddressForm textarea,
.page-updatePassword .form-horizontal textarea,
.page-updatePassword #AddAddressForm textarea,
.page-account-deleted .form-horizontal textarea,
.page-account-deleted #AddAddressForm textarea,
.template-pages-account-accountReturnOrderPage .form-horizontal textarea,
.template-pages-account-accountReturnOrderPage #AddAddressForm textarea {
    border: 1px solid #dadada;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    resize: none;
    margin-bottom: 26px;
    padding: 4px 6px
}

.template-pages-AccountPageTemplate .form-horizontal .btn-action,
.template-pages-AccountPageTemplate #AddAddressForm .btn-action,
.template-pages-NewsLetterPageTemplate .form-horizontal .btn-action,
.template-pages-NewsLetterPageTemplate #AddAddressForm .btn-action,
.page-updatePassword .form-horizontal .btn-action,
.page-updatePassword #AddAddressForm .btn-action,
.page-account-deleted .form-horizontal .btn-action,
.page-account-deleted #AddAddressForm .btn-action,
.template-pages-account-accountReturnOrderPage .form-horizontal .btn-action,
.template-pages-account-accountReturnOrderPage #AddAddressForm .btn-action {
    width: auto;
    font-size: 13px;
    font-size: 1.3rem;
    border-radius: 100px
}

.rtl .template-pages-AccountPageTemplate .form-horizontal .btn-action,
.rtl .template-pages-AccountPageTemplate #AddAddressForm .btn-action,
.rtl .template-pages-NewsLetterPageTemplate .form-horizontal .btn-action,
.rtl .template-pages-NewsLetterPageTemplate #AddAddressForm .btn-action,
.rtl .page-updatePassword .form-horizontal .btn-action,
.rtl .page-updatePassword #AddAddressForm .btn-action,
.rtl .page-account-deleted .form-horizontal .btn-action,
.rtl .page-account-deleted #AddAddressForm .btn-action,
.rtl .template-pages-account-accountReturnOrderPage .form-horizontal .btn-action,
.rtl .template-pages-account-accountReturnOrderPage #AddAddressForm .btn-action {
    float: left
}

.template-pages-AccountPageTemplate .form-horizontal .control-label,
.template-pages-AccountPageTemplate #AddAddressForm .control-label,
.template-pages-NewsLetterPageTemplate .form-horizontal .control-label,
.template-pages-NewsLetterPageTemplate #AddAddressForm .control-label,
.page-updatePassword .form-horizontal .control-label,
.page-updatePassword #AddAddressForm .control-label,
.page-account-deleted .form-horizontal .control-label,
.page-account-deleted #AddAddressForm .control-label,
.template-pages-account-accountReturnOrderPage .form-horizontal .control-label,
.template-pages-account-accountReturnOrderPage #AddAddressForm .control-label {
    padding: 0 5px 0 0;
    width: 235px;
    color: #171413;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 16px;
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0
}

.rtl .template-pages-AccountPageTemplate .form-horizontal .control-label,
.rtl .template-pages-AccountPageTemplate #AddAddressForm .control-label,
.rtl .template-pages-NewsLetterPageTemplate .form-horizontal .control-label,
.rtl .template-pages-NewsLetterPageTemplate #AddAddressForm .control-label,
.rtl .page-updatePassword .form-horizontal .control-label,
.rtl .page-updatePassword #AddAddressForm .control-label,
.rtl .page-account-deleted .form-horizontal .control-label,
.rtl .page-account-deleted #AddAddressForm .control-label,
.rtl .template-pages-account-accountReturnOrderPage .form-horizontal .control-label,
.rtl .template-pages-account-accountReturnOrderPage #AddAddressForm .control-label {
    padding: 1px 0 0 10px
}

.template-pages-AccountPageTemplate .form-horizontal .controls,
.template-pages-AccountPageTemplate #AddAddressForm .controls,
.template-pages-NewsLetterPageTemplate .form-horizontal .controls,
.template-pages-NewsLetterPageTemplate #AddAddressForm .controls,
.page-updatePassword .form-horizontal .controls,
.page-updatePassword #AddAddressForm .controls,
.page-account-deleted .form-horizontal .controls,
.page-account-deleted #AddAddressForm .controls,
.template-pages-account-accountReturnOrderPage .form-horizontal .controls,
.template-pages-account-accountReturnOrderPage #AddAddressForm .controls {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    float: none;
    position: relative
}

.template-pages-AccountPageTemplate .form-horizontal .controls .sort,
.template-pages-AccountPageTemplate #AddAddressForm .controls .sort,
.template-pages-NewsLetterPageTemplate .form-horizontal .controls .sort,
.template-pages-NewsLetterPageTemplate #AddAddressForm .controls .sort,
.page-updatePassword .form-horizontal .controls .sort,
.page-updatePassword #AddAddressForm .controls .sort,
.page-account-deleted .form-horizontal .controls .sort,
.page-account-deleted #AddAddressForm .controls .sort,
.template-pages-account-accountReturnOrderPage .form-horizontal .controls .sort,
.template-pages-account-accountReturnOrderPage #AddAddressForm .controls .sort {
    position: relative;
    background: #fff;
    overflow: hidden;
    padding: 0;
    display: inline-block;
    border-radius: 5px
}

.template-pages-AccountPageTemplate .form-horizontal .controls .sort:after,
.template-pages-AccountPageTemplate #AddAddressForm .controls .sort:after,
.template-pages-NewsLetterPageTemplate .form-horizontal .controls .sort:after,
.template-pages-NewsLetterPageTemplate #AddAddressForm .controls .sort:after,
.page-updatePassword .form-horizontal .controls .sort:after,
.page-updatePassword #AddAddressForm .controls .sort:after,
.page-account-deleted .form-horizontal .controls .sort:after,
.page-account-deleted #AddAddressForm .controls .sort:after,
.template-pages-account-accountReturnOrderPage .form-horizontal .controls .sort:after,
.template-pages-account-accountReturnOrderPage #AddAddressForm .controls .sort:after {
    content: "\e902";
    font-family: icokrups;
    font-size: 8px;
    font-size: .8rem;
    width: 44px;
    height: 38px;
    border-radius: 5px;
    position: absolute;
    top: 1px;
    right: 1px;
    background: #fff;
    text-align: center;
    line-height: 40px
}

.rtl .template-pages-AccountPageTemplate .form-horizontal .controls .sort:after,
.rtl .template-pages-AccountPageTemplate #AddAddressForm .controls .sort:after,
.rtl .template-pages-NewsLetterPageTemplate .form-horizontal .controls .sort:after,
.rtl .template-pages-NewsLetterPageTemplate #AddAddressForm .controls .sort:after,
.rtl .page-updatePassword .form-horizontal .controls .sort:after,
.rtl .page-updatePassword #AddAddressForm .controls .sort:after,
.rtl .page-account-deleted .form-horizontal .controls .sort:after,
.rtl .page-account-deleted #AddAddressForm .controls .sort:after,
.rtl .template-pages-account-accountReturnOrderPage .form-horizontal .controls .sort:after,
.rtl .template-pages-account-accountReturnOrderPage #AddAddressForm .controls .sort:after {
    left: 1px;
    right: auto
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .form-horizontal .controls .sort:after,
    .template-pages-AccountPageTemplate #AddAddressForm .controls .sort:after,
    .template-pages-NewsLetterPageTemplate .form-horizontal .controls .sort:after,
    .template-pages-NewsLetterPageTemplate #AddAddressForm .controls .sort:after,
    .page-updatePassword .form-horizontal .controls .sort:after,
    .page-updatePassword #AddAddressForm .controls .sort:after,
    .page-account-deleted .form-horizontal .controls .sort:after,
    .page-account-deleted #AddAddressForm .controls .sort:after,
    .template-pages-account-accountReturnOrderPage .form-horizontal .controls .sort:after,
    .template-pages-account-accountReturnOrderPage #AddAddressForm .controls .sort:after {
        height: 50px;
        line-height: 50px
    }
}

.template-pages-AccountPageTemplate .form-horizontal .controls .sort select,
.template-pages-AccountPageTemplate #AddAddressForm .controls .sort select,
.template-pages-NewsLetterPageTemplate .form-horizontal .controls .sort select,
.template-pages-NewsLetterPageTemplate #AddAddressForm .controls .sort select,
.page-updatePassword .form-horizontal .controls .sort select,
.page-updatePassword #AddAddressForm .controls .sort select,
.page-account-deleted .form-horizontal .controls .sort select,
.page-account-deleted #AddAddressForm .controls .sort select,
.template-pages-account-accountReturnOrderPage .form-horizontal .controls .sort select,
.template-pages-account-accountReturnOrderPage #AddAddressForm .controls .sort select {
    max-width: inherit;
    color: #9599a4;
    font-size: 14px;
    line-height: 24px
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .form-horizontal .controls,
    .template-pages-AccountPageTemplate #AddAddressForm .controls,
    .template-pages-NewsLetterPageTemplate .form-horizontal .controls,
    .template-pages-NewsLetterPageTemplate #AddAddressForm .controls,
    .page-updatePassword .form-horizontal .controls,
    .page-updatePassword #AddAddressForm .controls,
    .page-account-deleted .form-horizontal .controls,
    .page-account-deleted #AddAddressForm .controls,
    .template-pages-account-accountReturnOrderPage .form-horizontal .controls,
    .template-pages-account-accountReturnOrderPage #AddAddressForm .controls {
        display: block
    }

    .template-pages-AccountPageTemplate .form-horizontal .controls .sort,
    .template-pages-AccountPageTemplate #AddAddressForm .controls .sort,
    .template-pages-NewsLetterPageTemplate .form-horizontal .controls .sort,
    .template-pages-NewsLetterPageTemplate #AddAddressForm .controls .sort,
    .page-updatePassword .form-horizontal .controls .sort,
    .page-updatePassword #AddAddressForm .controls .sort,
    .page-account-deleted .form-horizontal .controls .sort,
    .page-account-deleted #AddAddressForm .controls .sort,
    .template-pages-account-accountReturnOrderPage .form-horizontal .controls .sort,
    .template-pages-account-accountReturnOrderPage #AddAddressForm .controls .sort {
        width: 100%
    }

    .template-pages-AccountPageTemplate .form-horizontal .controls .sort:after,
    .template-pages-AccountPageTemplate #AddAddressForm .controls .sort:after,
    .template-pages-NewsLetterPageTemplate .form-horizontal .controls .sort:after,
    .template-pages-NewsLetterPageTemplate #AddAddressForm .controls .sort:after,
    .page-updatePassword .form-horizontal .controls .sort:after,
    .page-updatePassword #AddAddressForm .controls .sort:after,
    .page-account-deleted .form-horizontal .controls .sort:after,
    .page-account-deleted #AddAddressForm .controls .sort:after,
    .template-pages-account-accountReturnOrderPage .form-horizontal .controls .sort:after,
    .template-pages-account-accountReturnOrderPage #AddAddressForm .controls .sort:after {
        height: 50px;
        width: 46px
    }
}

.template-pages-AccountPageTemplate .form-horizontal .skip,
.template-pages-AccountPageTemplate #AddAddressForm .skip,
.template-pages-NewsLetterPageTemplate .form-horizontal .skip,
.template-pages-NewsLetterPageTemplate #AddAddressForm .skip,
.page-updatePassword .form-horizontal .skip,
.page-updatePassword #AddAddressForm .skip,
.page-account-deleted .form-horizontal .skip,
.page-account-deleted #AddAddressForm .skip,
.template-pages-account-accountReturnOrderPage .form-horizontal .skip,
.template-pages-account-accountReturnOrderPage #AddAddressForm .skip {
    font-size: 13px;
    font-size: 1.3rem;
    color: #e2001a;
    clear: both;
    position: absolute;
    bottom: -9px;
    right: 0
}

.rtl .template-pages-AccountPageTemplate .form-horizontal .skip,
.rtl .template-pages-AccountPageTemplate #AddAddressForm .skip,
.rtl .template-pages-NewsLetterPageTemplate .form-horizontal .skip,
.rtl .template-pages-NewsLetterPageTemplate #AddAddressForm .skip,
.rtl .page-updatePassword .form-horizontal .skip,
.rtl .page-updatePassword #AddAddressForm .skip,
.rtl .page-account-deleted .form-horizontal .skip,
.rtl .page-account-deleted #AddAddressForm .skip,
.rtl .template-pages-account-accountReturnOrderPage .form-horizontal .skip,
.rtl .template-pages-account-accountReturnOrderPage #AddAddressForm .skip {
    bottom: -9px;
    left: 0;
    right: auto
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .form-horizontal .skip,
    .template-pages-AccountPageTemplate #AddAddressForm .skip,
    .template-pages-NewsLetterPageTemplate .form-horizontal .skip,
    .template-pages-NewsLetterPageTemplate #AddAddressForm .skip,
    .page-updatePassword .form-horizontal .skip,
    .page-updatePassword #AddAddressForm .skip,
    .page-account-deleted .form-horizontal .skip,
    .page-account-deleted #AddAddressForm .skip,
    .template-pages-account-accountReturnOrderPage .form-horizontal .skip,
    .template-pages-account-accountReturnOrderPage #AddAddressForm .skip {
        position: relative;
        bottom: 0;
        line-height: 22px
    }
}

.template-pages-AccountPageTemplate .form-horizontal .control-submit,
.template-pages-AccountPageTemplate #AddAddressForm .control-submit,
.template-pages-NewsLetterPageTemplate .form-horizontal .control-submit,
.template-pages-NewsLetterPageTemplate #AddAddressForm .control-submit,
.page-updatePassword .form-horizontal .control-submit,
.page-updatePassword #AddAddressForm .control-submit,
.page-account-deleted .form-horizontal .control-submit,
.page-account-deleted #AddAddressForm .control-submit,
.template-pages-account-accountReturnOrderPage .form-horizontal .control-submit,
.template-pages-account-accountReturnOrderPage #AddAddressForm .control-submit {
    display: block;
    margin-top: 10px;
    text-align: right
}

.rtl .template-pages-AccountPageTemplate .form-horizontal .control-submit,
.rtl .template-pages-AccountPageTemplate #AddAddressForm .control-submit,
.rtl .template-pages-NewsLetterPageTemplate .form-horizontal .control-submit,
.rtl .template-pages-NewsLetterPageTemplate #AddAddressForm .control-submit,
.rtl .page-updatePassword .form-horizontal .control-submit,
.rtl .page-updatePassword #AddAddressForm .control-submit,
.rtl .page-account-deleted .form-horizontal .control-submit,
.rtl .page-account-deleted #AddAddressForm .control-submit,
.rtl .template-pages-account-accountReturnOrderPage .form-horizontal .control-submit,
.rtl .template-pages-account-accountReturnOrderPage #AddAddressForm .control-submit {
    text-align: left
}

.template-pages-AccountPageTemplate .delete-account,
.template-pages-NewsLetterPageTemplate .delete-account,
.page-updatePassword .delete-account,
.page-account-deleted .delete-account,
.template-pages-account-accountReturnOrderPage .delete-account {
    font-weight: normal;
    text-align: right;
    color: #9599a4;
    font-size: 15px;
    font-size: 1.5rem;
    padding: 10px
}

.rtl .template-pages-AccountPageTemplate .delete-account,
.rtl .template-pages-NewsLetterPageTemplate .delete-account,
.rtl .page-updatePassword .delete-account,
.rtl .page-account-deleted .delete-account,
.rtl .template-pages-account-accountReturnOrderPage .delete-account {
    text-align: left
}

.template-pages-AccountPageTemplate .delete-account a,
.template-pages-NewsLetterPageTemplate .delete-account a,
.page-updatePassword .delete-account a,
.page-account-deleted .delete-account a,
.template-pages-account-accountReturnOrderPage .delete-account a {
    margin-left: 3px;
    color: #f38230
}

.rtl .template-pages-AccountPageTemplate .delete-account a,
.rtl .template-pages-NewsLetterPageTemplate .delete-account a,
.rtl .page-updatePassword .delete-account a,
.rtl .page-account-deleted .delete-account a,
.rtl .template-pages-account-accountReturnOrderPage .delete-account a {
    margin-right: 3px
}

.template-pages-AccountPageTemplate .delete-account a:hover,
.template-pages-NewsLetterPageTemplate .delete-account a:hover,
.page-updatePassword .delete-account a:hover,
.page-account-deleted .delete-account a:hover,
.template-pages-account-accountReturnOrderPage .delete-account a:hover {
    text-decoration: underline
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .delete-account,
    .template-pages-NewsLetterPageTemplate .delete-account,
    .page-updatePassword .delete-account,
    .page-account-deleted .delete-account,
    .template-pages-account-accountReturnOrderPage .delete-account {
        padding: 13px 10px 20px 0;
        margin: 0
    }

    .rtl .template-pages-AccountPageTemplate .delete-account,
    .rtl .template-pages-NewsLetterPageTemplate .delete-account,
    .rtl .page-updatePassword .delete-account,
    .rtl .page-account-deleted .delete-account,
    .rtl .template-pages-account-accountReturnOrderPage .delete-account {
        padding: 13px 0 20px 10px
    }
}

.template-pages-AccountPageTemplate #globalMessages p,
.template-pages-AccountPageTemplate #globalMessages .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate #globalMessages div,
.template-pages-NewsLetterPageTemplate #globalMessages p,
.template-pages-NewsLetterPageTemplate #globalMessages .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate #globalMessages div,
.page-updatePassword #globalMessages p,
.page-updatePassword #globalMessages .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-updatePassword #globalMessages div,
.page-account-deleted #globalMessages p,
.page-account-deleted #globalMessages .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-account-deleted #globalMessages div,
.template-pages-account-accountReturnOrderPage #globalMessages p,
.template-pages-account-accountReturnOrderPage #globalMessages .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-account-accountReturnOrderPage #globalMessages div {
    color: #fff
}

.template-pages-AccountPageTemplate #globalMessages .information_message,
.template-pages-NewsLetterPageTemplate #globalMessages .information_message,
.page-updatePassword #globalMessages .information_message,
.page-account-deleted #globalMessages .information_message,
.template-pages-account-accountReturnOrderPage #globalMessages .information_message {
    text-align: center;
    margin-top: 0
}

.template-pages-AccountPageTemplate .row-fluid.bloc.delete-account-page .orders-user .row-fluid,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc.delete-account-page .orders-user .row-fluid,
.page-updatePassword .row-fluid.bloc.delete-account-page .orders-user .row-fluid,
.page-account-deleted .row-fluid.bloc.delete-account-page .orders-user .row-fluid,
.template-pages-account-accountReturnOrderPage .row-fluid.bloc.delete-account-page .orders-user .row-fluid {
    padding: 0
}

.template-pages-AccountPageTemplate .row-fluid.bloc.delete-account-page .orders-user p,
.template-pages-AccountPageTemplate .row-fluid.bloc.delete-account-page .orders-user .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .row-fluid.bloc.delete-account-page .orders-user div,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc.delete-account-page .orders-user p,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc.delete-account-page .orders-user .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-NewsLetterPageTemplate .row-fluid.bloc.delete-account-page .orders-user div,
.page-updatePassword .row-fluid.bloc.delete-account-page .orders-user p,
.page-updatePassword .row-fluid.bloc.delete-account-page .orders-user .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-updatePassword .row-fluid.bloc.delete-account-page .orders-user div,
.page-account-deleted .row-fluid.bloc.delete-account-page .orders-user p,
.page-account-deleted .row-fluid.bloc.delete-account-page .orders-user .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-account-deleted .row-fluid.bloc.delete-account-page .orders-user div,
.template-pages-account-accountReturnOrderPage .row-fluid.bloc.delete-account-page .orders-user p,
.template-pages-account-accountReturnOrderPage .row-fluid.bloc.delete-account-page .orders-user .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-account-accountReturnOrderPage .row-fluid.bloc.delete-account-page .orders-user div {
    font-size: 16px;
    font-size: 1.6rem;
    color: #171413;
    margin: 25px 0 0 0
}

.template-pages-AccountPageTemplate .row-fluid.bloc.delete-account-page .orders-user .form-horizontal,
.template-pages-NewsLetterPageTemplate .row-fluid.bloc.delete-account-page .orders-user .form-horizontal,
.page-updatePassword .row-fluid.bloc.delete-account-page .orders-user .form-horizontal,
.page-account-deleted .row-fluid.bloc.delete-account-page .orders-user .form-horizontal,
.template-pages-account-accountReturnOrderPage .row-fluid.bloc.delete-account-page .orders-user .form-horizontal {
    padding-top: 25px
}

.template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
.template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
.page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
.page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
.template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type {
    text-align: right
}

.rtl .template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
.rtl .template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
.rtl .page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
.rtl .page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
.rtl .template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type {
    text-align: left
}

.template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid,
.template-pages-AccountPageTemplate #AddAddressForm .row-fluid,
.template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid,
.template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid,
.page-updatePassword #FormUserIds.create_update_address_form .row-fluid,
.page-updatePassword #AddAddressForm .row-fluid,
.page-account-deleted #FormUserIds.create_update_address_form .row-fluid,
.page-account-deleted #AddAddressForm .row-fluid,
.template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid,
.template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid {
    padding: 40px 30px 25px 10px;
    margin: 0;
    width: 100%
}

.rtl .template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid,
.rtl .template-pages-AccountPageTemplate #AddAddressForm .row-fluid,
.rtl .template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid,
.rtl .template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid,
.rtl .page-updatePassword #FormUserIds.create_update_address_form .row-fluid,
.rtl .page-updatePassword #AddAddressForm .row-fluid,
.rtl .page-account-deleted #FormUserIds.create_update_address_form .row-fluid,
.rtl .page-account-deleted #AddAddressForm .row-fluid,
.rtl .template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid,
.rtl .template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid {
    padding: 40px 10px 25px 30px
}

.template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6,
.template-pages-AccountPageTemplate #AddAddressForm .row-fluid .span6,
.template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6,
.template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid .span6,
.page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6,
.page-updatePassword #AddAddressForm .row-fluid .span6,
.page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6,
.page-account-deleted #AddAddressForm .row-fluid .span6,
.template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6,
.template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid .span6 {
    width: 54%
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6,
    .template-pages-AccountPageTemplate #AddAddressForm .row-fluid .span6,
    .template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6,
    .template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid .span6,
    .page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6,
    .page-updatePassword #AddAddressForm .row-fluid .span6,
    .page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6,
    .page-account-deleted #AddAddressForm .row-fluid .span6,
    .template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6,
    .template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid .span6 {
        width: 100%;
        text-align: right
    }

    .rtl .template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6,
    .rtl .template-pages-AccountPageTemplate #AddAddressForm .row-fluid .span6,
    .rtl .template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6,
    .rtl .template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid .span6,
    .rtl .page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6,
    .rtl .page-updatePassword #AddAddressForm .row-fluid .span6,
    .rtl .page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6,
    .rtl .page-account-deleted #AddAddressForm .row-fluid .span6,
    .rtl .template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6,
    .rtl .template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid .span6 {
        text-align: left
    }
}

.template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
.template-pages-AccountPageTemplate #AddAddressForm .row-fluid .span6 .control-label,
.template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
.template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid .span6 .control-label,
.page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
.page-updatePassword #AddAddressForm .row-fluid .span6 .control-label,
.page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
.page-account-deleted #AddAddressForm .row-fluid .span6 .control-label,
.template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
.template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid .span6 .control-label {
    width: 175px
}

.rtl .template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
.rtl .template-pages-AccountPageTemplate #AddAddressForm .row-fluid .span6 .control-label,
.rtl .template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
.rtl .template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid .span6 .control-label,
.rtl .page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
.rtl .page-updatePassword #AddAddressForm .row-fluid .span6 .control-label,
.rtl .page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
.rtl .page-account-deleted #AddAddressForm .row-fluid .span6 .control-label,
.rtl .template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
.rtl .template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid .span6 .control-label {
    text-align: left
}

@media screen and (max-width: 768px) {

    .rtl .template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
    .rtl .template-pages-AccountPageTemplate #AddAddressForm .row-fluid .span6 .control-label,
    .rtl .template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
    .rtl .template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid .span6 .control-label,
    .rtl .page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
    .rtl .page-updatePassword #AddAddressForm .row-fluid .span6 .control-label,
    .rtl .page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
    .rtl .page-account-deleted #AddAddressForm .row-fluid .span6 .control-label,
    .rtl .template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
    .rtl .template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid .span6 .control-label {
        text-align: right
    }
}

.template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6 input[type="TEXT"],
.template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6 select,
.template-pages-AccountPageTemplate #AddAddressForm .row-fluid .span6 input[type="TEXT"],
.template-pages-AccountPageTemplate #AddAddressForm .row-fluid .span6 select,
.template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6 input[type="TEXT"],
.template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6 select,
.template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid .span6 input[type="TEXT"],
.template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid .span6 select,
.page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6 input[type="TEXT"],
.page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6 select,
.page-updatePassword #AddAddressForm .row-fluid .span6 input[type="TEXT"],
.page-updatePassword #AddAddressForm .row-fluid .span6 select,
.page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6 input[type="TEXT"],
.page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6 select,
.page-account-deleted #AddAddressForm .row-fluid .span6 input[type="TEXT"],
.page-account-deleted #AddAddressForm .row-fluid .span6 select,
.template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6 input[type="TEXT"],
.template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6 select,
.template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid .span6 input[type="TEXT"],
.template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid .span6 select {
    width: 245px
}

.template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
.template-pages-AccountPageTemplate #AddAddressForm .row-fluid .span6:last-of-type,
.template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
.template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid .span6:last-of-type,
.page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
.page-updatePassword #AddAddressForm .row-fluid .span6:last-of-type,
.page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
.page-account-deleted #AddAddressForm .row-fluid .span6:last-of-type,
.template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
.template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid .span6:last-of-type {
    width: 46%;
    margin-left: 0;
    float: right
}

.rtl .template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
.rtl .template-pages-AccountPageTemplate #AddAddressForm .row-fluid .span6:last-of-type,
.rtl .template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
.rtl .template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid .span6:last-of-type,
.rtl .page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
.rtl .page-updatePassword #AddAddressForm .row-fluid .span6:last-of-type,
.rtl .page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
.rtl .page-account-deleted #AddAddressForm .row-fluid .span6:last-of-type,
.rtl .template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
.rtl .template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid .span6:last-of-type {
    margin-right: 0;
    float: left
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
    .template-pages-AccountPageTemplate #AddAddressForm .row-fluid .span6:last-of-type,
    .template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
    .template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid .span6:last-of-type,
    .page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
    .page-updatePassword #AddAddressForm .row-fluid .span6:last-of-type,
    .page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
    .page-account-deleted #AddAddressForm .row-fluid .span6:last-of-type,
    .template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
    .template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid .span6:last-of-type {
        width: 100%
    }
}

.template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
.template-pages-AccountPageTemplate #AddAddressForm .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
.template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
.template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
.page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
.page-updatePassword #AddAddressForm .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
.page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
.page-account-deleted #AddAddressForm .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
.template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
.template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label {
    width: 380px;
    margin: 0 0 0 -267px
}

.rtl .template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
.rtl .template-pages-AccountPageTemplate #AddAddressForm .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
.rtl .template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
.rtl .template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
.rtl .page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
.rtl .page-updatePassword #AddAddressForm .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
.rtl .page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
.rtl .page-account-deleted #AddAddressForm .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
.rtl .template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
.rtl .template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label {
    margin: 0 -267px 0 0
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
    .template-pages-AccountPageTemplate #AddAddressForm .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
    .template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
    .template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
    .page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
    .page-updatePassword #AddAddressForm .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
    .page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
    .page-account-deleted #AddAddressForm .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
    .template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
    .template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label {
        width: 100%;
        margin: 0 0 6px
    }

    .rtl .template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
    .rtl .template-pages-AccountPageTemplate #AddAddressForm .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
    .rtl .template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
    .rtl .template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
    .rtl .page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
    .rtl .page-updatePassword #AddAddressForm .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
    .rtl .page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
    .rtl .page-account-deleted #AddAddressForm .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
    .rtl .template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label,
    .rtl .template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid .span6:last-of-type>.control-group:last-of-type .control-label {
        margin: 0 -267px 0 0
    }
}

.template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type .control-label,
.template-pages-AccountPageTemplate #AddAddressForm .row-fluid .span6:last-of-type .control-label,
.template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type .control-label,
.template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid .span6:last-of-type .control-label,
.page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type .control-label,
.page-updatePassword #AddAddressForm .row-fluid .span6:last-of-type .control-label,
.page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type .control-label,
.page-account-deleted #AddAddressForm .row-fluid .span6:last-of-type .control-label,
.template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type .control-label,
.template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid .span6:last-of-type .control-label {
    width: 113px
}

.template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .control-submit,
.template-pages-AccountPageTemplate #AddAddressForm .control-submit,
.template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .control-submit,
.template-pages-NewsLetterPageTemplate #AddAddressForm .control-submit,
.page-updatePassword #FormUserIds.create_update_address_form .control-submit,
.page-updatePassword #AddAddressForm .control-submit,
.page-account-deleted #FormUserIds.create_update_address_form .control-submit,
.page-account-deleted #AddAddressForm .control-submit,
.template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .control-submit,
.template-pages-account-accountReturnOrderPage #AddAddressForm .control-submit {
    background: #ffffff;
    padding: 0 40px 23px 0
}

.rtl .template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .control-submit,
.rtl .template-pages-AccountPageTemplate #AddAddressForm .control-submit,
.rtl .template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .control-submit,
.rtl .template-pages-NewsLetterPageTemplate #AddAddressForm .control-submit,
.rtl .page-updatePassword #FormUserIds.create_update_address_form .control-submit,
.rtl .page-updatePassword #AddAddressForm .control-submit,
.rtl .page-account-deleted #FormUserIds.create_update_address_form .control-submit,
.rtl .page-account-deleted #AddAddressForm .control-submit,
.rtl .template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .control-submit,
.rtl .template-pages-account-accountReturnOrderPage #AddAddressForm .control-submit {
    padding: 0 0 23px 40px
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate #FormUserIds.create_update_address_form legend,
    .template-pages-AccountPageTemplate #AddAddressForm legend,
    .template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form legend,
    .template-pages-NewsLetterPageTemplate #AddAddressForm legend,
    .page-updatePassword #FormUserIds.create_update_address_form legend,
    .page-updatePassword #AddAddressForm legend,
    .page-account-deleted #FormUserIds.create_update_address_form legend,
    .page-account-deleted #AddAddressForm legend,
    .template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form legend,
    .template-pages-account-accountReturnOrderPage #AddAddressForm legend {
        margin: 8px 0 19px 10px
    }

    .rtl .template-pages-AccountPageTemplate #FormUserIds.create_update_address_form legend,
    .rtl .template-pages-AccountPageTemplate #AddAddressForm legend,
    .rtl .template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form legend,
    .rtl .template-pages-NewsLetterPageTemplate #AddAddressForm legend,
    .rtl .page-updatePassword #FormUserIds.create_update_address_form legend,
    .rtl .page-updatePassword #AddAddressForm legend,
    .rtl .page-account-deleted #FormUserIds.create_update_address_form legend,
    .rtl .page-account-deleted #AddAddressForm legend,
    .rtl .template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form legend,
    .rtl .template-pages-account-accountReturnOrderPage #AddAddressForm legend {
        margin: 8px 10px 19px 0
    }

    .template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid,
    .template-pages-AccountPageTemplate #AddAddressForm .row-fluid,
    .template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid,
    .template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid,
    .page-updatePassword #FormUserIds.create_update_address_form .row-fluid,
    .page-updatePassword #AddAddressForm .row-fluid,
    .page-account-deleted #FormUserIds.create_update_address_form .row-fluid,
    .page-account-deleted #AddAddressForm .row-fluid,
    .template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid,
    .template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid {
        padding: 10px
    }

    .template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6,
    .template-pages-AccountPageTemplate #AddAddressForm .row-fluid .span6,
    .template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6,
    .template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid .span6,
    .page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6,
    .page-updatePassword #AddAddressForm .row-fluid .span6,
    .page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6,
    .page-account-deleted #AddAddressForm .row-fluid .span6,
    .template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6,
    .template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid .span6 {
        width: 100%;
        float: none
    }

    .template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
    .template-pages-AccountPageTemplate #AddAddressForm .row-fluid .span6 .control-label,
    .template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
    .template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid .span6 .control-label,
    .page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
    .page-updatePassword #AddAddressForm .row-fluid .span6 .control-label,
    .page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
    .page-account-deleted #AddAddressForm .row-fluid .span6 .control-label,
    .template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
    .template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid .span6 .control-label {
        font-size: 16px;
        font-size: 1.6rem;
        width: 100%;
        padding: 0;
        text-align: left
    }

    .rtl .template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
    .rtl .template-pages-AccountPageTemplate #AddAddressForm .row-fluid .span6 .control-label,
    .rtl .template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
    .rtl .template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid .span6 .control-label,
    .rtl .page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
    .rtl .page-updatePassword #AddAddressForm .row-fluid .span6 .control-label,
    .rtl .page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
    .rtl .page-account-deleted #AddAddressForm .row-fluid .span6 .control-label,
    .rtl .template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6 .control-label,
    .rtl .template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid .span6 .control-label {
        text-align: right
    }

    .template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
    .template-pages-AccountPageTemplate #AddAddressForm .row-fluid .span6:last-of-type,
    .template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
    .template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid .span6:last-of-type,
    .page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
    .page-updatePassword #AddAddressForm .row-fluid .span6:last-of-type,
    .page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
    .page-account-deleted #AddAddressForm .row-fluid .span6:last-of-type,
    .template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type,
    .template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid .span6:last-of-type {
        width: 100%;
        float: none;
        margin-top: 15px
    }

    .template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type .control-label,
    .template-pages-AccountPageTemplate #AddAddressForm .row-fluid .span6:last-of-type .control-label,
    .template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type .control-label,
    .template-pages-NewsLetterPageTemplate #AddAddressForm .row-fluid .span6:last-of-type .control-label,
    .page-updatePassword #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type .control-label,
    .page-updatePassword #AddAddressForm .row-fluid .span6:last-of-type .control-label,
    .page-account-deleted #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type .control-label,
    .page-account-deleted #AddAddressForm .row-fluid .span6:last-of-type .control-label,
    .template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .row-fluid .span6:last-of-type .control-label,
    .template-pages-account-accountReturnOrderPage #AddAddressForm .row-fluid .span6:last-of-type .control-label {
        width: 100%
    }

    .template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .control-submit,
    .template-pages-AccountPageTemplate #AddAddressForm .control-submit,
    .template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .control-submit,
    .template-pages-NewsLetterPageTemplate #AddAddressForm .control-submit,
    .page-updatePassword #FormUserIds.create_update_address_form .control-submit,
    .page-updatePassword #AddAddressForm .control-submit,
    .page-account-deleted #FormUserIds.create_update_address_form .control-submit,
    .page-account-deleted #AddAddressForm .control-submit,
    .template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .control-submit,
    .template-pages-account-accountReturnOrderPage #AddAddressForm .control-submit {
        padding-right: 10px;
        padding-top: 10px
    }

    .rtl .template-pages-AccountPageTemplate #FormUserIds.create_update_address_form .control-submit,
    .rtl .template-pages-AccountPageTemplate #AddAddressForm .control-submit,
    .rtl .template-pages-NewsLetterPageTemplate #FormUserIds.create_update_address_form .control-submit,
    .rtl .template-pages-NewsLetterPageTemplate #AddAddressForm .control-submit,
    .rtl .page-updatePassword #FormUserIds.create_update_address_form .control-submit,
    .rtl .page-updatePassword #AddAddressForm .control-submit,
    .rtl .page-account-deleted #FormUserIds.create_update_address_form .control-submit,
    .rtl .page-account-deleted #AddAddressForm .control-submit,
    .rtl .template-pages-account-accountReturnOrderPage #FormUserIds.create_update_address_form .control-submit,
    .rtl .template-pages-account-accountReturnOrderPage #AddAddressForm .control-submit {
        padding-left: 10px
    }
}

@media screen and (max-width: 768px) {
    #updatePersonalInfoForm legend {
        margin: 8px 0 19px 10px
    }

    .rtl #updatePersonalInfoForm legend {
        margin: 8px 10px 19px 0
    }
}

#updatePersonalInfoForm .row-fluid {
    padding: 123px 2% 35px;
    width: 100%
}

@media screen and (max-width: 768px) {
    #updatePersonalInfoForm .row-fluid {
        padding: 15px 10px
    }
}

#updatePersonalInfoForm .control-group .control-label {
    width: 280px;
    padding-right: 15px
}

.rtl #updatePersonalInfoForm .control-group .control-label {
    padding-left: 15px;
    text-align: left
}

@media screen and (max-width: 1024px) {
    #updatePersonalInfoForm .control-group .control-label {
        width: 43%;
        padding: 0 5px 0 0
    }

    .rtl #updatePersonalInfoForm .control-group .control-label {
        padding: 0 0 0 5px;
        text-align: right
    }
}

@media screen and (max-width: 768px) {
    #updatePersonalInfoForm .control-group .control-label {
        width: 100%;
        padding: 0
    }
}

#updatePersonalInfoForm .control-group .controls .sort {
    width: 232px
}

#updatePersonalInfoForm .control-group .controls .sort select {
    min-width: auto;
    width: 100% !important;
    line-height: 24px
}

#updatePersonalInfoForm .control-group .controls .sort.date {
    width: 130px;
    margin-right: 10px
}

.rtl #updatePersonalInfoForm .control-group .controls .sort.date {
    margin-left: 10px;
    margin-right: 0px
}

@media screen and (max-width: 1024px) {
    #updatePersonalInfoForm .control-group .controls .sort {
        width: 210px
    }

    #updatePersonalInfoForm .control-group .controls .sort.date {
        margin-right: 0;
        display: block;
        width: 210px
    }

    .rtl #updatePersonalInfoForm .control-group .controls .sort.date {
        margin-left: 0
    }
}

@media screen and (max-width: 768px) {
    #updatePersonalInfoForm .control-group .controls .sort {
        width: 100%
    }

    #updatePersonalInfoForm .control-group .controls .sort.date {
        width: 100%;
        margin-bottom: 8px
    }
}

@media screen and (max-width: 768px) {
    #updatePersonalInfoForm .control-group.control-submit {
        margin: 10px 0 0
    }
}

.title-primary {
    color: #fff;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1em;
    margin: 0 0 13px;
    font-weight: normal
}

@media screen and (max-width: 900px) {
    .title-primary {
        font-size: 21px;
        font-size: 2.1rem;
        text-transform: uppercase
    }
}

.orders-user .block-sort {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width: 768px) {
    .orders-user .block-sort {
        display: block
    }
}

.orders-user .title-trier {
    color: #4b4b4b;
    font-size: 13px;
    text-transform: uppercase;
    text-align: right;
    margin: 33px 5px 0 0;
    position: relative;
    display: inline-block
}

.rtl .orders-user .title-trier {
    text-align: left;
    margin: 33px 0 0 0px
}

@media screen and (max-width: 768px) {
    .orders-user .title-trier {
        float: none;
        margin: 0;
        display: block;
        text-align: center;
        width: auto
    }
}

.slimScrollDiv:empty,
.slimScrollDiv:blank,
.slimScrollDiv:-moz-only-whitespace {
    display: none;
    height: auto
}

.slimScrollDiv .scroll-store:empty,
.slimScrollDiv .scroll-store:blank,
.slimScrollDiv .scroll-store:-moz-only-whitespace,
.slimScrollDiv .slimScrollBar:empty,
.slimScrollDiv .slimScrollBar:blank,
.slimScrollDiv .slimScrollBar:-moz-only-whitespace {
    display: none
}

.template-pages-AccountPageTemplate #accordionFiltersFaq>.accordion-group>.accordion-heading {
    display: none
}

.template-pages-AccountPageTemplate #accordionFiltersFaq>.accordion-group>.accordion-body>.accordion-inner {
    border: 0
}

.template-pages-AccountPageTemplate #accordionFiltersFaq .accordion-heading {
    height: auto;
    border-top: 1px solid #eaeeef;
    border-bottom: 1px solid #eaeeef
}

.template-pages-AccountPageTemplate #accordionFiltersFaq .accordion-toggle {
    background: transparent;
    text-transform: inherit;
    font-size: 16px;
    font-size: 1.6rem;
    color: #4b4b4b;
    line-height: 18px;
    padding: 20px 25px 20px 10px;
    position: relative
}

.rtl .template-pages-AccountPageTemplate #accordionFiltersFaq .accordion-toggle {
    padding: 20px 10px 20px 25px
}

.template-pages-AccountPageTemplate #accordionFiltersFaq .accordion-toggle:hover {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.template-pages-AccountPageTemplate #accordionFiltersFaq .accordion-group {
    float: none;
    width: 100%;
    margin: 0;
    border: 0;
    height: auto;
    border-radius: 0
}

@media screen and (max-width: 900px) {
    .template-pages-AccountPageTemplate #accordionFiltersFaq .accordion-group {
        display: none
    }
}

.template-pages-AccountPageTemplate #accordionFiltersFaq .accordion-body {
    position: relative;
    top: 0;
    margin: 0;
    width: 100%
}

.template-pages-AccountPageTemplate #accordionFiltersFaq .accordion-inner {
    border: 0;
    border-radius: 0
}

.template-pages-AccountPageTemplate #accordionFiltersFaq .accordion-inner .facetValues {
    margin: 0
}

.template-pages-AccountPageTemplate #accordionFiltersFaq .accordion-inner .facetValues ul.facet_block {
    border-bottom: 1px solid #eaeeef
}

.template-pages-AccountPageTemplate #accordionFiltersFaq .accordion-inner .facetValues ul.facet_block li {
    border: 0
}

.template-pages-AccountPageTemplate #accordionFiltersFaq .accordion-inner .facetValues ul.facet_block li a {
    font-size: 14px;
    font-size: 1.4rem;
    color: #4b4b4b;
    border-bottom: 1px solid #fff;
    line-height: 16px;
    padding: 15px 15px 15px 40px
}

.rtl .template-pages-AccountPageTemplate #accordionFiltersFaq .accordion-inner .facetValues ul.facet_block li a {
    padding: 15px 40px 15px 15px
}

.template-pages-AccountPageTemplate #accordionFiltersFaq .accordion-inner .facetValues ul.facet_block li a:hover {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.template-pages-AccountPageTemplate .sidebar-filters form[name="search_form_rp"] {
    display: none
}

.template-pages-AccountPageTemplate form[name="search_form_rp"] {
    max-width: 548px;
    text-align: center;
    margin: 0 auto 27px;
    padding-top: 20px
}

.template-pages-AccountPageTemplate form[name="search_form_rp"] .input-append {
    display: block;
    margin: 0;
    position: relative
}

.template-pages-AccountPageTemplate form[name="search_form_rp"] p,
.template-pages-AccountPageTemplate form[name="search_form_rp"] .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate form[name="search_form_rp"] div {
    font-size: 13px;
    font-size: 1.3rem;
    color: #505456;
    line-height: 22px;
    margin: 0
}

.template-pages-AccountPageTemplate form[name="search_form_rp"] .search-query {
    width: 100%;
    height: 50px;
    display: block;
    border-radius: 0;
    border: 1px solid #dadada;
    padding-right: 55px;
    box-shadow: none
}

.rtl .template-pages-AccountPageTemplate form[name="search_form_rp"] .search-query {
    padding-left: 55px
}

.template-pages-AccountPageTemplate form[name="search_form_rp"] .btn {
    position: absolute;
    right: 5px;
    top: 48%;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    transform: translate(0, -50%);
    font-size: 0;
    padding: 0;
    background: url("../img/icon/icon-search2.png") no-repeat center center transparent;
    background-size: 18px auto;
    z-index: 9;
    opacity: 1;
    box-shadow: none;
    min-width: inherit
}

.rtl .template-pages-AccountPageTemplate form[name="search_form_rp"] .btn {
    left: 5px;
    top: 48%
}

.template-pages-AccountPageTemplate form[name="search_form_rp"] .btn:focus,
.template-pages-AccountPageTemplate form[name="search_form_rp"] .btn:hover {
    box-shadow: none
}

.template-pages-AccountPageTemplate .display-filters-faq .control-group {
    margin: 0
}

.template-pages-AccountPageTemplate .display-filters-faq .control-group .sort {
    background-color: transparent
}

.template-pages-AccountPageTemplate .display-filters-faq .control-group .sort select {
    background-color: #bebdbd;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
    width: 100%;
    min-height: 50px;
    text-transform: uppercase;
    padding: 15px 30px 15px 20px;
    outline: none;
    position: relative;
    z-index: 5;
    line-height: 21px;
    border: none;
    border-radius: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-font-smoothing: antialiased
}

.rtl .template-pages-AccountPageTemplate .display-filters-faq .control-group .sort select {
    padding: 15px 20px 15px 30px
}

.template-pages-AccountPageTemplate .display-filters-faq .control-group .sort:after {
    display: none
}

.template-pages-AccountPageTemplate .display-filters-faq .control-group .sort:before {
    cursor: pointer;
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    z-index: 9;
    right: 20px;
    top: 50%;
    margin-top: -2.5px
}

.rtl .template-pages-AccountPageTemplate .display-filters-faq .control-group .sort:before {
    border-right: 5px solid transparent;
    left: 20px;
    right: auto
}

.template-pages-AccountPageTemplate .display-filters-faq p,
.template-pages-AccountPageTemplate .display-filters-faq .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .display-filters-faq div {
    color: #4b4b4b;
    font-size: 13px;
    font-size: 1.3rem;
    margin: 6px 0 0;
    text-transform: uppercase
}

@media screen and (max-width: 768px) {
    .template-pages-AccountPageTemplate .display-filters-faq {
        padding: 0;
        min-height: 95px
    }

    .template-pages-AccountPageTemplate .display-filters-faq .pull-right {
        float: none;
        margin: 40px 0 0
    }

    .template-pages-AccountPageTemplate .display-filters-faq p,
    .template-pages-AccountPageTemplate .display-filters-faq .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .display-filters-faq div {
        float: none;
        text-align: center;
        margin: -83px 0 0 0
    }

    .template-pages-AccountPageTemplate .display-filters-faq .control-group .control-label {
        display: none
    }

    .template-pages-AccountPageTemplate .display-filters-faq .control-group .sort select {
        width: 100%;
        height: 48px
    }
}

.template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter {
    padding-left: 280px;
    text-align: left;
    float: none;
    padding: 35px 20px 20px 80px;
    color: #fff
}

.rtl .template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter {
    padding-right: 280px;
    text-align: right;
    padding: 35px 80px 20px 20px
}

.template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter .close::after {
    color: #958e88
}

.template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter .close:hover {
    transform: none
}

.template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter .close:hover::after {
    color: #a39a93
}

.template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter .item-form-news {
    max-width: inherit
}

.template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter .item-form-news .desc {
    color: #ececec !important;
    font-size: 14.5px;
    font-size: 1.45rem
}

.template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter .item-form-news .form-groupe {
    color: #2a2622 !important
}

.template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter>img {
    position: absolute;
    top: 40%;
    left: 60%;
    min-width: 102%;
    min-height: 102%;
    width: auto;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    transform: translate(-60%, -40%);
    z-index: 1
}

.rtl .template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter>img {
    right: 60%;
    left: auto
}

@media screen and (max-width: 600px) {
    .template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter>img {
        transform: translate(-33%, -40%)
    }
}

@media screen and (max-width: 350px) {
    .template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter>img {
        transform: translate(-27%, -40%)
    }
}

.template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter .title-nv {
    position: relative;
    z-index: 1;
    font-size: 21px;
    font-size: 2.1rem;
    text-transform: uppercase;
    margin-bottom: 12px;
    line-height: 22px;
    color: #ececec
}

.template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter .desc-top {
    position: relative;
    z-index: 2;
    line-height: 23px;
    font-size: 16px;
    margin-bottom: 7px;
    color: #ececec
}

.template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter .desc-top span {
    text-decoration: underline
}

.template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter form {
    margin: 0
}

.template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter .desc {
    line-height: 23px;
    margin-bottom: 15px
}

.template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter .form-groupe {
    text-align: left !important;
    margin-bottom: 10px
}

.rtl .template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter .form-groupe {
    text-align: right !important
}

.template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter .form-groupe label {
    font-size: 16px;
    font-size: 1.6rem;
    color: #ececec
}

@media screen and (max-width: 768px) {
    .template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter .btn {
        width: inherit;
        min-width: 170px
    }

    .template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter {
        padding: 15px 20px 20px 20px
    }
}

@media screen and (max-width: 768px) and (max-width: 350px) {
    .template-pages-AccountPageTemplate #ModalNewsLetter.modal .modal-newsletter {
        padding: 15px 20px 20px 20px
    }
}

.template-pages-LoginPageTemplate .bloc.bloc-identification fieldset .control-group span.skip,
.template-pages-AccountPageTemplate #AddAddressForm fieldset .control-group span.skip {
    position: relative;
    line-height: 16px;
    right: 0;
    color: #e2001a
}

.rtl .template-pages-LoginPageTemplate .bloc.bloc-identification fieldset .control-group span.skip,
.rtl .template-pages-AccountPageTemplate #AddAddressForm fieldset .control-group span.skip {
    left: 0;
    right: auto
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .row-fluid .span3,
    .template-pages-AccountPageTemplate .row-fluid .span9 {
        display: block;
        float: none;
        width: 100%;
        margin: 0
    }
}

.template-pages-AccountPageTemplate .update-password-account .skip {
    display: block;
    float: none;
    text-align: left;
    left: 0;
    right: auto;
    width: 145%
}

.rtl .template-pages-AccountPageTemplate .update-password-account .skip {
    text-align: right;
    right: 0;
    left: auto
}

@media screen and (max-width: 768px) {
    .template-pages-AccountPageTemplate .update-password-account .skip {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .template-pages-AccountPageTemplate .update-password-account .formError {
        right: 0 !important;
        left: auto !important
    }

    .rtl .template-pages-AccountPageTemplate .update-password-account .formError {
        left: 0 !important;
        right: auto !important
    }
}

.template-pages-AccountPageTemplate .update-password-account .control-group .control-label {
    width: 245px
}

.template-pages-AccountPageTemplate .cart-list-table table {
    margin: 13px 0 0 0
}

.template-pages-AccountPageTemplate .cart-list-table thead {
    border-top: 0;
    background: #f5f7f7
}

@media screen and (max-width: 768px) {
    .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user .cart-list-table thead {
        display: block
    }

    .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user .cart-list-table thead tr {
        display: block
    }

    .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user .cart-list-table tbody td {
        text-align: center
    }

    .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user .cart-list-table tbody td .picture {
        padding: 0
    }

    .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user .cart-list-table tbody td h4 {
        text-align: center
    }

    .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user .cart-list-table tbody td p,
    .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user .cart-list-table tbody td .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user .cart-list-table tbody td div {
        text-align: center
    }

    .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user .cart-list-table tbody td .icon-trash {
        position: absolute;
        top: 15px;
        right: 15px
    }

    .rtl .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user .cart-list-table tbody td .icon-trash {
        left: 15px;
        right: auto
    }

    .template-pages-AccountPageTemplate .order_history_information .cart-list-table tbody td {
        text-align: center
    }

    .template-pages-AccountPageTemplate .order_history_information .cart-list-table tbody td .pull-right {
        float: none;
        padding-bottom: 15px
    }

    .template-pages-AccountPageTemplate .order_history_information .cart-list-table tbody td .picture {
        padding: 0
    }

    .template-pages-AccountPageTemplate .order_history_information .cart-list-table tbody td h4 {
        text-align: center
    }

    .template-pages-AccountPageTemplate .order_history_information .cart-list-table tbody td p,
    .template-pages-AccountPageTemplate .order_history_information .cart-list-table tbody td .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .template-pages-AccountPageTemplate .order_history_information .cart-list-table tbody td div {
        text-align: center
    }

    .template-pages-AccountPageTemplate .order_history_information .cart-action .btn-action {
        margin-top: 10px;
        font-size: 13px;
        font-size: 1.3rem;
        height: auto;
        min-height: inherit;
        width: auto;
        border-radius: 100px
    }

    .template-pages-AccountPageTemplate .order_history_information .cart-action .btn-action:before {
        display: none
    }

    .template-pages-AccountPageTemplate .order_history_information .cart-action .btn-action:after {
        display: none
    }
}

.page-ReturnOrder .orders-user {
    background-color: #ffffff;
    padding: 40px
}

@media screen and (max-width: 768px) {
    .page-ReturnOrder .row-fluid .span3 {
        padding: 0;
        margin: 0;
        width: 100%;
        display: block;
        float: none
    }
}

.template-pages-AccountPageTemplate .main-content>.row-fluid,
.page-newsletter .main-content>.row-fluid,
.page-updatePassword .main-content>.row-fluid,
.page-ReturnOrder .main-content>.row-fluid,
.page-MyAccountAlternateRegisteredProductsPage .main-content>.row-fluid {
    padding: 0 90px 30px
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {

    .template-pages-AccountPageTemplate .main-content>.row-fluid,
    .page-newsletter .main-content>.row-fluid,
    .page-updatePassword .main-content>.row-fluid,
    .page-ReturnOrder .main-content>.row-fluid,
    .page-MyAccountAlternateRegisteredProductsPage .main-content>.row-fluid {
        padding: 0 50px 20px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .template-pages-AccountPageTemplate .main-content>.row-fluid,
    .page-newsletter .main-content>.row-fluid,
    .page-updatePassword .main-content>.row-fluid,
    .page-ReturnOrder .main-content>.row-fluid,
    .page-MyAccountAlternateRegisteredProductsPage .main-content>.row-fluid {
        padding: 0 20px 20px
    }
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .main-content>.row-fluid,
    .page-newsletter .main-content>.row-fluid,
    .page-updatePassword .main-content>.row-fluid,
    .page-ReturnOrder .main-content>.row-fluid,
    .page-MyAccountAlternateRegisteredProductsPage .main-content>.row-fluid {
        padding: 0
    }
}

.template-pages-AccountPageTemplate .main-content .span3,
.page-newsletter .main-content .span3,
.page-updatePassword .main-content .span3,
.page-ReturnOrder .main-content .span3,
.page-MyAccountAlternateRegisteredProductsPage .main-content .span3 {
    background-color: #eaeeef
}

.template-pages-AccountPageTemplate .master-ban-head,
.page-newsletter .master-ban-head,
.page-updatePassword .master-ban-head,
.page-ReturnOrder .master-ban-head,
.page-MyAccountAlternateRegisteredProductsPage .master-ban-head {
    padding: 225px 90px 0;
    max-width: 1600px;
    margin: 0 auto 50px
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {

    .template-pages-AccountPageTemplate .master-ban-head,
    .page-newsletter .master-ban-head,
    .page-updatePassword .master-ban-head,
    .page-ReturnOrder .master-ban-head,
    .page-MyAccountAlternateRegisteredProductsPage .master-ban-head {
        padding: 225px 50px 0
    }
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .master-ban-head,
    .page-newsletter .master-ban-head,
    .page-updatePassword .master-ban-head,
    .page-ReturnOrder .master-ban-head,
    .page-MyAccountAlternateRegisteredProductsPage .master-ban-head {
        padding: 53px 0px 0px;
        margin: 0;
        position: relative;
        max-height: 330px
    }
}

.template-pages-AccountPageTemplate .master-ban-head .bloc-head,
.page-newsletter .master-ban-head .bloc-head,
.page-updatePassword .master-ban-head .bloc-head,
.page-ReturnOrder .master-ban-head .bloc-head,
.page-MyAccountAlternateRegisteredProductsPage .master-ban-head .bloc-head {
    background-size: cover;
    -ms-background-position-y: -15%;
    width: 100%;
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    min-height: 360px;
    padding: 0;
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px;
    width: 1600px
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .master-ban-head .bloc-head,
    .page-newsletter .master-ban-head .bloc-head,
    .page-updatePassword .master-ban-head .bloc-head,
    .page-ReturnOrder .master-ban-head .bloc-head,
    .page-MyAccountAlternateRegisteredProductsPage .master-ban-head .bloc-head {
        background-size: 100% auto
    }
}

.rtl .template-pages-AccountPageTemplate .master-ban-head .bloc-head,
.rtl .page-newsletter .master-ban-head .bloc-head,
.rtl .page-updatePassword .master-ban-head .bloc-head,
.rtl .page-ReturnOrder .master-ban-head .bloc-head,
.rtl .page-MyAccountAlternateRegisteredProductsPage .master-ban-head .bloc-head {
    background-position: 100% 0
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .master-ban-head .bloc-head,
    .page-newsletter .master-ban-head .bloc-head,
    .page-updatePassword .master-ban-head .bloc-head,
    .page-ReturnOrder .master-ban-head .bloc-head,
    .page-MyAccountAlternateRegisteredProductsPage .master-ban-head .bloc-head {
        padding-top: 23%;
        margin-bottom: 0px;
        min-height: inherit
    }
}

.template-pages-AccountPageTemplate .master-ban-head .content-ban-head,
.page-newsletter .master-ban-head .content-ban-head,
.page-updatePassword .master-ban-head .content-ban-head,
.page-ReturnOrder .master-ban-head .content-ban-head,
.page-MyAccountAlternateRegisteredProductsPage .master-ban-head .content-ban-head {
    display: table;
    padding: 10px
}

.template-pages-AccountPageTemplate .master-ban-head .content-ban-head .master-ban-head-txt,
.page-newsletter .master-ban-head .content-ban-head .master-ban-head-txt,
.page-updatePassword .master-ban-head .content-ban-head .master-ban-head-txt,
.page-ReturnOrder .master-ban-head .content-ban-head .master-ban-head-txt,
.page-MyAccountAlternateRegisteredProductsPage .master-ban-head .content-ban-head .master-ban-head-txt {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    max-width: 740px;
    word-wrap: break-word
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .master-ban-head .content-ban-head .master-ban-head-txt,
    .page-newsletter .master-ban-head .content-ban-head .master-ban-head-txt,
    .page-updatePassword .master-ban-head .content-ban-head .master-ban-head-txt,
    .page-ReturnOrder .master-ban-head .content-ban-head .master-ban-head-txt,
    .page-MyAccountAlternateRegisteredProductsPage .master-ban-head .content-ban-head .master-ban-head-txt {
        max-width: 280px
    }
}

.template-pages-AccountPageTemplate .master-ban-head .content-ban-head .master-ban-head-txt .title,
.page-newsletter .master-ban-head .content-ban-head .master-ban-head-txt .title,
.page-updatePassword .master-ban-head .content-ban-head .master-ban-head-txt .title,
.page-ReturnOrder .master-ban-head .content-ban-head .master-ban-head-txt .title,
.page-MyAccountAlternateRegisteredProductsPage .master-ban-head .content-ban-head .master-ban-head-txt .title {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 30px;
    font-size: 3rem;
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin-bottom: 50px;
    position: absolute;
    top: 130px;
    left: 0;
    width: 100%;
    text-align: center
}

.rtl .template-pages-AccountPageTemplate .master-ban-head .content-ban-head .master-ban-head-txt .title,
.rtl .page-newsletter .master-ban-head .content-ban-head .master-ban-head-txt .title,
.rtl .page-updatePassword .master-ban-head .content-ban-head .master-ban-head-txt .title,
.rtl .page-ReturnOrder .master-ban-head .content-ban-head .master-ban-head-txt .title,
.rtl .page-MyAccountAlternateRegisteredProductsPage .master-ban-head .content-ban-head .master-ban-head-txt .title {
    right: 0;
    left: auto
}

@media screen and (max-width: 768px) {

    .template-pages-AccountPageTemplate .master-ban-head .content-ban-head .master-ban-head-txt .title,
    .page-newsletter .master-ban-head .content-ban-head .master-ban-head-txt .title,
    .page-updatePassword .master-ban-head .content-ban-head .master-ban-head-txt .title,
    .page-ReturnOrder .master-ban-head .content-ban-head .master-ban-head-txt .title,
    .page-MyAccountAlternateRegisteredProductsPage .master-ban-head .content-ban-head .master-ban-head-txt .title {
        font-size: 20px;
        font-size: 2rem;
        top: 44px
    }
}

.page-newsletter .master-ban-head .span12 {
    background-color: #ffffff
}

.template-pages-LoginPageTemplate .bloc.bloc-identification fieldset .control-group span.skip {
    right: 0
}

.rtl .template-pages-LoginPageTemplate .bloc.bloc-identification fieldset .control-group span.skip {
    left: 0;
    right: auto
}

.page-login .login-content,
.page-checkout-login .login-content {
    padding: 40px 0 60px
}

@media screen and (max-width: 768px) {

    .page-login .login-content,
    .page-checkout-login .login-content {
        padding: 20px 0 0 0
    }
}

.page-login .login-content #globalMessages,
.page-checkout-login .login-content #globalMessages {
    margin-bottom: 40px
}

.page-login .login-content .returning-user,
.page-login .login-content .new-user,
.page-checkout-login .login-content .returning-user,
.page-checkout-login .login-content .new-user {
    width: 100%;
    border-bottom: none;
    padding-bottom: 60px;
    margin: 0 auto;
    font-size: 16px;
    font-size: 1.6rem
}

.page-login .login-content .returning-user h4,
.page-login .login-content .returning-user .second-title,
.page-login .login-content .new-user h4,
.page-login .login-content .new-user .second-title,
.page-checkout-login .login-content .returning-user h4,
.page-checkout-login .login-content .returning-user .second-title,
.page-checkout-login .login-content .new-user h4,
.page-checkout-login .login-content .new-user .second-title {
    text-align: center;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    margin: 0 0 20px 0;
    font-size: 16px;
    font-size: 1.6rem
}

.page-login .login-content .returning-user h4,
.page-login .login-content .new-user h4,
.page-checkout-login .login-content .returning-user h4,
.page-checkout-login .login-content .new-user h4 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 2rem
}

.page-login .login-content .returning-user h4:after,
.page-login .login-content .new-user h4:after,
.page-checkout-login .login-content .returning-user h4:after,
.page-checkout-login .login-content .new-user h4:after {
    content: '';
    display: block;
    height: 5px;
    width: 50px;
    background: #f38230;
    margin: 20px auto
}

@media screen and (max-width: 768px) {

    .page-login .login-content .returning-user h4:after,
    .page-login .login-content .new-user h4:after,
    .page-checkout-login .login-content .returning-user h4:after,
    .page-checkout-login .login-content .new-user h4:after {
        margin: 10px auto;
        width: 50px
    }
}

@media screen and (max-width: 768px) {

    .page-login .login-content .returning-user h4,
    .page-login .login-content .new-user h4,
    .page-checkout-login .login-content .returning-user h4,
    .page-checkout-login .login-content .new-user h4 {
        margin: 0
    }
}

.page-login .login-content .returning-user label,
.page-login .login-content .new-user label,
.page-checkout-login .login-content .returning-user label,
.page-checkout-login .login-content .new-user label {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    min-width: 188px;
    padding-top: 10px
}

.rtl .page-login .login-content .returning-user label,
.rtl .page-login .login-content .new-user label,
.rtl .page-checkout-login .login-content .returning-user label,
.rtl .page-checkout-login .login-content .new-user label {
    text-align: left;
    float: right
}

@media screen and (max-width: 768px) {

    .page-login .login-content .returning-user label,
    .page-login .login-content .new-user label,
    .page-checkout-login .login-content .returning-user label,
    .page-checkout-login .login-content .new-user label {
        width: 100%;
        padding: 10px;
        text-align: left;
        float: none
    }

    .rtl .page-login .login-content .returning-user label,
    .rtl .page-login .login-content .new-user label,
    .rtl .page-checkout-login .login-content .returning-user label,
    .rtl .page-checkout-login .login-content .new-user label {
        text-align: right
    }
}

.page-login .login-content .returning-user input,
.page-login .login-content .returning-user select,
.page-login .login-content .new-user input,
.page-login .login-content .new-user select,
.page-checkout-login .login-content .returning-user input,
.page-checkout-login .login-content .returning-user select,
.page-checkout-login .login-content .new-user input,
.page-checkout-login .login-content .new-user select {
    height: 40px;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 18px;
    box-shadow: none;
    border: 1px solid #eaeeef;
    border-radius: 5px;
    margin: 0;
    float: none;
    display: block;
    width: 100%
}

.rtl .page-login .login-content .returning-user input,
.rtl .page-login .login-content .returning-user select,
.rtl .page-login .login-content .new-user input,
.rtl .page-login .login-content .new-user select,
.rtl .page-checkout-login .login-content .returning-user input,
.rtl .page-checkout-login .login-content .returning-user select,
.rtl .page-checkout-login .login-content .new-user input,
.rtl .page-checkout-login .login-content .new-user select {
    top: 1px;
    left: 1px;
    right: auto
}

.page-login .login-content .returning-user input:focus,
.page-login .login-content .returning-user select:focus,
.page-login .login-content .new-user input:focus,
.page-login .login-content .new-user select:focus,
.page-checkout-login .login-content .returning-user input:focus,
.page-checkout-login .login-content .returning-user select:focus,
.page-checkout-login .login-content .new-user input:focus,
.page-checkout-login .login-content .new-user select:focus {
    border-color: #00ead7
}

.page-login .login-content .returning-user .sort,
.page-login .login-content .new-user .sort,
.page-checkout-login .login-content .returning-user .sort,
.page-checkout-login .login-content .new-user .sort {
    position: relative;
    overflow: hidden
}

.page-login .login-content .returning-user .sort select,
.page-login .login-content .new-user .sort select,
.page-checkout-login .login-content .returning-user .sort select,
.page-checkout-login .login-content .new-user .sort select {
    width: 100%;
    position: relative;
    background: transparent;
    z-index: 5;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-font-smoothing: antialiased
}

.page-login .login-content .returning-user .sort:after,
.page-login .login-content .new-user .sort:after,
.page-checkout-login .login-content .returning-user .sort:after,
.page-checkout-login .login-content .new-user .sort:after {
    content: "\e902";
    font-family: icokrups;
    font-size: 8px;
    font-size: .8rem;
    width: 35px;
    height: 38px;
    border-radius: 5px;
    position: absolute;
    top: 1px;
    right: 1px;
    background: #fff;
    text-align: center;
    line-height: 40px
}

.rtl .page-login .login-content .returning-user .sort:after,
.rtl .page-login .login-content .new-user .sort:after,
.rtl .page-checkout-login .login-content .returning-user .sort:after,
.rtl .page-checkout-login .login-content .new-user .sort:after {
    left: 1px;
    right: auto
}

@media screen and (max-width: 768px) {

    .page-login .login-content .returning-user .sort:after,
    .page-login .login-content .new-user .sort:after,
    .page-checkout-login .login-content .returning-user .sort:after,
    .page-checkout-login .login-content .new-user .sort:after {
        height: 25px
    }
}

.page-login .login-content .returning-user a,
.page-login .login-content .new-user a,
.page-checkout-login .login-content .returning-user a,
.page-checkout-login .login-content .new-user a {
    color: #948e88;
    text-decoration: none;
    transition: all 0.3s
}

.page-login .login-content .returning-user .control-group,
.page-login .login-content .new-user .control-group,
.page-checkout-login .login-content .returning-user .control-group,
.page-checkout-login .login-content .new-user .control-group {
    margin: 0 0 30px 0
}

@media screen and (max-width: 768px) {

    .page-login .login-content .returning-user .control-group,
    .page-login .login-content .new-user .control-group,
    .page-checkout-login .login-content .returning-user .control-group,
    .page-checkout-login .login-content .new-user .control-group {
        margin: 0 0 8px 0
    }
}

.page-login .login-content .returning-user .control-group .controls,
.page-login .login-content .new-user .control-group .controls,
.page-checkout-login .login-content .returning-user .control-group .controls,
.page-checkout-login .login-content .new-user .control-group .controls {
    margin-left: 200px !important
}

.rtl .page-login .login-content .returning-user .control-group .controls,
.rtl .page-login .login-content .new-user .control-group .controls,
.rtl .page-checkout-login .login-content .returning-user .control-group .controls,
.rtl .page-checkout-login .login-content .new-user .control-group .controls {
    margin-right: 200px !important
}

.page-login .login-content .returning-user .register-conditions,
.page-login .login-content .new-user .register-conditions,
.page-checkout-login .login-content .returning-user .register-conditions,
.page-checkout-login .login-content .new-user .register-conditions {
    line-height: 21px
}

.page-login .login-content .returning-user .register-conditions #register-rules,
.page-login .login-content .new-user .register-conditions #register-rules,
.page-checkout-login .login-content .returning-user .register-conditions #register-rules,
.page-checkout-login .login-content .new-user .register-conditions #register-rules {
    height: auto;
    display: inline-block;
    width: 15px;
    height: 15px
}

.page-login .login-content .returning-user .register-conditions a,
.page-login .login-content .new-user .register-conditions a,
.page-checkout-login .login-content .returning-user .register-conditions a,
.page-checkout-login .login-content .new-user .register-conditions a {
    display: inline-block;
    margin: 0 2px
}

@media screen and (max-width: 768px) {

    .page-login .login-content .returning-user .register-conditions,
    .page-login .login-content .new-user .register-conditions,
    .page-checkout-login .login-content .returning-user .register-conditions,
    .page-checkout-login .login-content .new-user .register-conditions {
        padding: 10px 0
    }

    .page-login .login-content .returning-user .register-conditions input,
    .page-login .login-content .new-user .register-conditions input,
    .page-checkout-login .login-content .returning-user .register-conditions input,
    .page-checkout-login .login-content .new-user .register-conditions input {
        width: 15px;
        height: 15px
    }
}

.page-login .login-content .returning-user #CartLoginForm,
.page-login .login-content .new-user #CartLoginForm,
.page-checkout-login .login-content .returning-user #CartLoginForm,
.page-checkout-login .login-content .new-user #CartLoginForm {
    padding: 20px;
    width: 50%;
    margin: 0 auto
}

.page-login .login-content .returning-user #CartLoginForm .forgotten-pwd,
.page-login .login-content .new-user #CartLoginForm .forgotten-pwd,
.page-checkout-login .login-content .returning-user #CartLoginForm .forgotten-pwd,
.page-checkout-login .login-content .new-user #CartLoginForm .forgotten-pwd {
    margin: 0 22% 25px 0
}

.rtl .page-login .login-content .returning-user #CartLoginForm .forgotten-pwd,
.rtl .page-login .login-content .new-user #CartLoginForm .forgotten-pwd,
.rtl .page-checkout-login .login-content .returning-user #CartLoginForm .forgotten-pwd,
.rtl .page-checkout-login .login-content .new-user #CartLoginForm .forgotten-pwd {
    margin: 0 0 25px 22%
}

@media screen and (max-width: 768px) {

    .page-login .login-content .returning-user #CartLoginForm,
    .page-login .login-content .new-user #CartLoginForm,
    .page-checkout-login .login-content .returning-user #CartLoginForm,
    .page-checkout-login .login-content .new-user #CartLoginForm {
        width: 100%;
        padding: 10px
    }

    .page-login .login-content .returning-user #CartLoginForm .forgotten-pwd,
    .page-login .login-content .new-user #CartLoginForm .forgotten-pwd,
    .page-checkout-login .login-content .returning-user #CartLoginForm .forgotten-pwd,
    .page-checkout-login .login-content .new-user #CartLoginForm .forgotten-pwd {
        margin: 0 0 25px 0
    }
}

.page-login .login-content .returning-user #CartLoginForm input,
.page-login .login-content .new-user #CartLoginForm input,
.page-checkout-login .login-content .returning-user #CartLoginForm input,
.page-checkout-login .login-content .new-user #CartLoginForm input {
    width: 70%
}

@media screen and (max-width: 768px) {

    .page-login .login-content .returning-user #CartLoginForm input,
    .page-login .login-content .new-user #CartLoginForm input,
    .page-checkout-login .login-content .returning-user #CartLoginForm input,
    .page-checkout-login .login-content .new-user #CartLoginForm input {
        width: 100%
    }
}

@media screen and (max-width: 768px) {

    .page-login .login-content .returning-user #CartLoginForm .controls,
    .page-login .login-content .new-user #CartLoginForm .controls,
    .page-checkout-login .login-content .returning-user #CartLoginForm .controls,
    .page-checkout-login .login-content .new-user #CartLoginForm .controls {
        clear: both;
        width: 100%;
        float: none;
        text-align: center
    }
}

.page-login .login-content .returning-user #FormCreateProfile,
.page-login .login-content .new-user #FormCreateProfile,
.page-checkout-login .login-content .returning-user #FormCreateProfile,
.page-checkout-login .login-content .new-user #FormCreateProfile {
    width: 100%;
    margin: 0;
    padding: 40px 60px
}

@media screen and (max-width: 768px) {

    .page-login .login-content .returning-user #FormCreateProfile,
    .page-login .login-content .new-user #FormCreateProfile,
    .page-checkout-login .login-content .returning-user #FormCreateProfile,
    .page-checkout-login .login-content .new-user #FormCreateProfile {
        padding: 20px
    }
}

.page-login .login-content .returning-user #FormCreateProfile fieldset,
.page-login .login-content .new-user #FormCreateProfile fieldset,
.page-checkout-login .login-content .returning-user #FormCreateProfile fieldset,
.page-checkout-login .login-content .new-user #FormCreateProfile fieldset {
    border: none
}

.page-login .login-content .returning-user #FormCreateProfile legend,
.page-login .login-content .new-user #FormCreateProfile legend,
.page-checkout-login .login-content .returning-user #FormCreateProfile legend,
.page-checkout-login .login-content .new-user #FormCreateProfile legend {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    margin: 20px
}

.page-login .login-content .returning-user #FormCreateProfile .controls select,
.page-login .login-content .new-user #FormCreateProfile .controls select,
.page-checkout-login .login-content .returning-user #FormCreateProfile .controls select,
.page-checkout-login .login-content .new-user #FormCreateProfile .controls select {
    float: none
}

.page-login .login-content .returning-user #FormCreateProfile .span6,
.page-login .login-content .new-user #FormCreateProfile .span6,
.page-checkout-login .login-content .returning-user #FormCreateProfile .span6,
.page-checkout-login .login-content .new-user #FormCreateProfile .span6 {
    width: 48%;
    margin: 0 0 20px 0;
    padding-right: 4%
}

.rtl .page-login .login-content .returning-user #FormCreateProfile .span6,
.rtl .page-login .login-content .new-user #FormCreateProfile .span6,
.rtl .page-checkout-login .login-content .returning-user #FormCreateProfile .span6,
.rtl .page-checkout-login .login-content .new-user #FormCreateProfile .span6 {
    padding-left: 4%
}

.page-login .login-content .returning-user #FormCreateProfile .span6:first-child,
.page-login .login-content .new-user #FormCreateProfile .span6:first-child,
.page-checkout-login .login-content .returning-user #FormCreateProfile .span6:first-child,
.page-checkout-login .login-content .new-user #FormCreateProfile .span6:first-child {
    width: 52%
}

@media screen and (max-width: 768px) {

    .page-login .login-content .returning-user #FormCreateProfile .span6:first-child,
    .page-login .login-content .new-user #FormCreateProfile .span6:first-child,
    .page-checkout-login .login-content .returning-user #FormCreateProfile .span6:first-child,
    .page-checkout-login .login-content .new-user #FormCreateProfile .span6:first-child {
        width: 100%
    }
}

@media screen and (max-width: 768px) {

    .page-login .login-content .returning-user #FormCreateProfile .span6,
    .page-login .login-content .new-user #FormCreateProfile .span6,
    .page-checkout-login .login-content .returning-user #FormCreateProfile .span6,
    .page-checkout-login .login-content .new-user #FormCreateProfile .span6 {
        width: 100%;
        padding-right: 0
    }

    .rtl .page-login .login-content .returning-user #FormCreateProfile .span6,
    .rtl .page-login .login-content .new-user #FormCreateProfile .span6,
    .rtl .page-checkout-login .login-content .returning-user #FormCreateProfile .span6,
    .rtl .page-checkout-login .login-content .new-user #FormCreateProfile .span6 {
        padding-left: 0
    }
}

.page-login .login-content .returning-user #FormCreateProfile .span6:last-of-type fieldset .control-group .control-label,
.page-login .login-content .new-user #FormCreateProfile .span6:last-of-type fieldset .control-group .control-label,
.page-checkout-login .login-content .returning-user #FormCreateProfile .span6:last-of-type fieldset .control-group .control-label,
.page-checkout-login .login-content .new-user #FormCreateProfile .span6:last-of-type fieldset .control-group .control-label {
    min-width: inherit;
    width: 115px
}

@media screen and (max-width: 768px) {

    .page-login .login-content .returning-user #FormCreateProfile .span6:last-of-type fieldset .control-group .control-label,
    .page-login .login-content .new-user #FormCreateProfile .span6:last-of-type fieldset .control-group .control-label,
    .page-checkout-login .login-content .returning-user #FormCreateProfile .span6:last-of-type fieldset .control-group .control-label,
    .page-checkout-login .login-content .new-user #FormCreateProfile .span6:last-of-type fieldset .control-group .control-label {
        width: 100%
    }
}

.page-login .login-content .returning-user #FormCreateProfile .span6:last-of-type fieldset .control-group .controls,
.page-login .login-content .new-user #FormCreateProfile .span6:last-of-type fieldset .control-group .controls,
.page-checkout-login .login-content .returning-user #FormCreateProfile .span6:last-of-type fieldset .control-group .controls,
.page-checkout-login .login-content .new-user #FormCreateProfile .span6:last-of-type fieldset .control-group .controls {
    margin-left: 125px !important
}

.rtl .page-login .login-content .returning-user #FormCreateProfile .span6:last-of-type fieldset .control-group .controls,
.rtl .page-login .login-content .new-user #FormCreateProfile .span6:last-of-type fieldset .control-group .controls,
.rtl .page-checkout-login .login-content .returning-user #FormCreateProfile .span6:last-of-type fieldset .control-group .controls,
.rtl .page-checkout-login .login-content .new-user #FormCreateProfile .span6:last-of-type fieldset .control-group .controls {
    margin-right: 125px !important;
    margin-left: 0 !important
}

@media screen and (max-width: 768px) {

    .page-login .login-content .returning-user #FormCreateProfile .span6:last-of-type fieldset .control-group .controls,
    .page-login .login-content .new-user #FormCreateProfile .span6:last-of-type fieldset .control-group .controls,
    .page-checkout-login .login-content .returning-user #FormCreateProfile .span6:last-of-type fieldset .control-group .controls,
    .page-checkout-login .login-content .new-user #FormCreateProfile .span6:last-of-type fieldset .control-group .controls {
        margin: 0 !important
    }

    .page-login .login-content .returning-user #FormCreateProfile .span6:last-of-type fieldset .control-group .controls .sort,
    .page-login .login-content .new-user #FormCreateProfile .span6:last-of-type fieldset .control-group .controls .sort,
    .page-checkout-login .login-content .returning-user #FormCreateProfile .span6:last-of-type fieldset .control-group .controls .sort,
    .page-checkout-login .login-content .new-user #FormCreateProfile .span6:last-of-type fieldset .control-group .controls .sort {
        clear: both
    }

    .rtl .page-login .login-content .returning-user #FormCreateProfile .span6:last-of-type fieldset .control-group .controls,
    .rtl .page-login .login-content .new-user #FormCreateProfile .span6:last-of-type fieldset .control-group .controls,
    .rtl .page-checkout-login .login-content .returning-user #FormCreateProfile .span6:last-of-type fieldset .control-group .controls,
    .rtl .page-checkout-login .login-content .new-user #FormCreateProfile .span6:last-of-type fieldset .control-group .controls {
        margin-right: 0px !important
    }
}

.page-login .login-content .returning-user #FormCreateProfile .accept,
.page-login .login-content .new-user #FormCreateProfile .accept,
.page-checkout-login .login-content .returning-user #FormCreateProfile .accept,
.page-checkout-login .login-content .new-user #FormCreateProfile .accept {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

@media screen and (max-width: 768px) {

    .page-login .login-content .returning-user #FormCreateProfile .text-center,
    .page-login .login-content .new-user #FormCreateProfile .text-center,
    .page-checkout-login .login-content .returning-user #FormCreateProfile .text-center,
    .page-checkout-login .login-content .new-user #FormCreateProfile .text-center {
        width: 100%;
        float: none;
        text-align: center
    }
}

.page-login .login-content .new-user,
.page-checkout-login .login-content .new-user {
    padding-bottom: 0
}

.page-login .login-content #new-user,
.page-checkout-login .login-content #new-user {
    padding: 0
}

.text-center {
    clear: both
}

.template-pages-AccountPageTemplate .filters-profil .filters .item.toggle:after,
.template-pages-NewsLetterPageTemplate .filters-profil .filters .item.toggle:after,
.page-updatePassword .filters-profil .filters .item.toggle:after,
.page-account-deleted .filters-profil .filters .item.toggle:after,
.page-MyAccountAlternateRegisteredProductsPage .filters-profil .filters .item.toggle:after,
.template-pages-account-accountReturnOrderPage .filters-profil .filters .item.toggle:after {
    color: #2a2622
}

.page-account .search-list .no-results {
    clear: both;
    padding: 0
}

.page-account .search-list .no-results h2 {
    font-size: 20px;
    font-size: 2rem;
    color: #2a2622
}

.page-account .search-list .no-results p,
.page-account .search-list .no-results .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-account .search-list .no-results div {
    color: #2a2622
}

.page-login #FormCaptcha .control-group .g-recaptcha {
    margin: 0
}

.wrap-main-content .main-content .row-fluid .span9 .orders-user .row-fluid .span12 .text-center .btn-saveProduct {
    margin-top: 20px;
    background: #ff720d
}

@media screen and (max-width: 768px) {
    .wrap-main-content .main-content .row-fluid .span9 .orders-user .row-fluid .span12 .text-center .btn-saveProduct {
        margin: 20px auto 0;
        float: none;
        background: #ff720d
    }
}

.rcu_login_popin {
    margin: 0
}

.rcu_login_popin .session_legend {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 20px;
    line-height: 1.2em;
    margin: 0;
    text-align: center;
    color: #b7b7b7
}

.session_legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333;
    border: 0;
    border-bottom: 1px solid #b7b7b7
}

#loadingMessage {
    position: absolute;
    top: 35%;
    text-align: center;
    width: 100%;
    right: 0px;
    font-size: 17px;
    font-family: "vag", sans-serif;
    color: black;
    z-index: -1
}

.rcu_login_popin p.text-center,
.rcu_login_popin .krups-block-univers .krups-block-wrapper div.text-center,
.krups-block-univers .krups-block-wrapper .rcu_login_popin div.text-center {
    padding: 12px 20px 5px 20px;
    margin: 0
}

.modal-login-rcu {
    padding: 0px;
    -webkit-overflow-scrolling: touch !important;
    overflow: auto !important
}

.modal-login-rcu.modal .modal-body {
    padding: 0
}

.modal-login-rcu .embed-responsive {
    padding: 40px 16px 25px
}

.modal-login-rcu.modal .close {
    font-size: 3.5rem;
    right: 12px;
    color: black;
    font-weight: bold;
    height: 30px
}

.modal-login-rcu.modal.fade.in {
    top: 50% !important;
    transform: translateY(-50%)
}

@media screen and (max-width: 768px),
screen and (max-height: 768px) {
    .modal-login-rcu.modal.fade.in {
        overflow-y: scroll;
        height: 90%
    }
}

.modal-login-rcu .login-popin-legend {
    text-align: center;
    font-size: 1.9em;
    color: black;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0 10px;
    position: relative;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    padding-bottom: 16px
}

.modal-login-rcu .login-popin-legend:before {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    top: 35px;
    left: 0;
    right: 0
}

@media screen and (max-width: 768px) {
    .modal-login-rcu .login-popin-legend {
        font-size: 1.6em
    }
}

.holds-the-iframe {
    background: url(../img/img-defer-spinner-big.svg) center center no-repeat
}

@media screen and (max-width: 768px) {
    .holds-the-iframe {
        background: url(../img/img-defer-spinner-small.svg) center center no-repeat
    }
}

@media screen and (max-width: 768px) {
    .spanP0 {
        padding: 0 !important
    }
}

@media screen and (min-width: 1024px) {
    .RCU-accountHomePage {
        width: 701px
    }
}

.RCU-accountHomePage h3 {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: normal;
    border-bottom: 1px solid #dcdee2;
    color: #818384;
    margin-bottom: 15px;
    margin-top: 18px;
    padding-bottom: 15px
}

@media screen and (max-width: 768px) {
    .RCU-accountHomePage h3 {
        margin-left: 20px;
        margin-bottom: 20px
    }
}

.RCU-accountHomePage .zone-top {
    background: #f6f7f7;
    padding: 15px 23px;
    margin-bottom: 25px
}

@media screen and (max-width: 768px) {
    .RCU-accountHomePage .zone-top {
        margin-bottom: 15px;
        padding: 15px 20px
    }
}

.RCU-accountHomePage .zone-top h4 {
    color: #333333;
    padding-bottom: 10px
}

.RCU-accountHomePage .zone-top ul {
    margin-left: 0;
    padding-top: 10px
}

.RCU-accountHomePage .zone-top ul li {
    list-style: none;
    display: inline-block;
    padding: 0 12px
}

.RCU-accountHomePage .zone-top ul li:first-child {
    padding-left: 0
}

.RCU-accountHomePage .zone-top ul li:last-child {
    padding-right: 0
}

@media screen and (max-width: 1024px) {
    .RCU-accountHomePage .zone-top ul li {
        padding: 0 8px;
        width: 16%
    }
}

@media screen and (max-width: 768px) {
    .RCU-accountHomePage .zone-top ul li {
        padding: 0 8px;
        width: 32%;
        text-align: center;
        padding-bottom: 20px
    }
}

.RCU-accountHomePage .zone-top .savoirPlus {
    text-align: right;
    text-decoration: underline;
    padding-top: 15px
}

@media screen and (max-width: 768px) {
    .RCU-accountHomePage .zone-top .savoirPlus {
        padding-top: 0px;
        text-align: left
    }
}

.RCU-accountHomePage .zone-top .savoirPlus a {
    color: #6d6e70 !important
}

.RCU-accountHomePage .zone-bottom {
    padding-bottom: 40px
}

@media screen and (max-width: 768px) {
    .RCU-accountHomePage .zone-bottom {
        padding: 0 15px 40px
    }
}

.RCU-accountHomePage .zone-bottom ul {
    margin-left: 0
}

.RCU-accountHomePage .zone-bottom ul li {
    list-style: none;
    display: inline-block;
    padding: 0 1px;
    position: relative;
    vertical-align: top
}

.RCU-accountHomePage .zone-bottom ul li:first-child {
    padding-left: 0
}

.RCU-accountHomePage .zone-bottom ul li:last-child {
    padding-right: 0
}

@media screen and (max-width: 1024px) {
    .RCU-accountHomePage .zone-bottom ul li {
        padding: 0;
        width: 49%;
        text-align: center;
        margin-bottom: 5px
    }
}

.RCU-accountHomePage .zone-bottom ul li .item {
    position: absolute;
    bottom: 0;
    height: 100%;
    background: url("../img/bg/bg-push.png") 0 100% no-repeat;
    text-align: center;
    width: 170px
}

@media screen and (max-width: 1024px) {
    .RCU-accountHomePage .zone-bottom ul li .item {
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: -1px
    }
}

.RCU-accountHomePage .zone-bottom ul li .item a {
    color: #333333 !important;
    position: absolute;
    top: 84%;
    left: 50%;
    width: 64%;
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 371px) {
    .RCU-accountHomePage .zone-bottom ul li .item a {
        width: 77%
    }
}

.page-newsletter .embed-responsive-item {
    padding: 0 0 24px
}

@media screen and (max-width: 768px) {
    .page-newsletter .embed-responsive-item {
        padding: 0
    }
}

.page-newsletter .rcu-enabled .row-fluid {
    padding: 20px 60px;
    text-align: left !important
}

@media screen and (max-width: 768px) {
    .page-newsletter .rcu-enabled .row-fluid {
        padding: 15px 0 0 !important
    }
}

.page-newsletter .rcu-enabled .row-fluid .control-group {
    display: block
}

.page-newsletter .rcu-enabled .row-fluid .control-group .skip {
    left: 0;
    font-size: 12px;
    font-size: 1.2rem
}

.page-newsletter .rcu-enabled .register-conditions {
    margin-left: 280px;
    padding: 0px 0 10px;
    display: block;
    position: relative
}

@media screen and (max-width: 768px) {
    .page-newsletter .rcu-enabled .register-conditions {
        margin-left: 1px;
        padding-bottom: 20px
    }
}

.page-newsletter .rcu-enabled .register-conditions label {
    position: relative;
    margin-left: 40px;
    display: -ms-flexbox;
    display: flex
}

.page-newsletter .rcu-enabled .register-conditions label span {
    width: 80%;
    display: inline-block
}

.page-newsletter .rcu-enabled .register-conditions label:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 11px;
    left: -42px;
    transform: translateY(-50%);
    background: url(../img/checkbox.svg) no-repeat center center
}

.page-newsletter .rcu-enabled .register-conditions label:after {
    content: '';
    display: none;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 11px;
    left: -42px;
    transform: translateY(-50%);
    background: url(../img/checkbox_full.svg) no-repeat center center
}

@media screen and (max-width: 768px) {
    .page-newsletter .rcu-enabled .register-conditions label {
        padding: 0 15px 0 0 !important;
        width: auto !important
    }
}

.rtl .page-newsletter .rcu-enabled .register-conditions label {
    margin-right: 8px
}

.rtl .page-newsletter .rcu-enabled .register-conditions {
    margin-right: 130px
}

.page-newsletter .rcu-enabled .register-conditions .skip {
    bottom: -8px;
    left: 3px;
    font-size: 12px;
    font-size: 1.2rem
}

@media screen and (max-width: 768px) {
    .page-newsletter .rcu-enabled .register-conditions .skip {
        line-height: normal;
        bottom: -7px
    }
}

.page-newsletter .rcu-enabled .register-conditions input#register-rules {
    height: 20px;
    float: left;
    margin: 3px 0 0;
    position: relative
}

.page-newsletter .rcu-enabled .register-conditions input#register-rules:checked+label:after {
    display: block
}

@media screen and (max-width: 768px) {
    .page-newsletter .rcu-enabled .register-conditions input#register-rules {
        width: auto
    }
}

.page-newsletter .rcu-enabled .register-conditions .infobulle {
    cursor: pointer;
    height: 40px;
    text-decoration: none;
    position: relative;
    display: inline-block;
    background: url(../img/icon/help.svg) no-repeat top center;
    background-size: contain;
    width: 30px;
    color: #4A4A4A;
    font-size: 15px;
    font-style: italic;
    margin-left: 10px
}

.page-newsletter .rcu-enabled .register-conditions .infobulle:hover {
    background: url(../img/icon/help_over.svg) no-repeat top center;
    background-size: contain
}

.page-newsletter .rcu-enabled .register-conditions .infobulle:hover span {
    display: block;
    position: absolute;
    bottom: auto;
    top: 25px;
    left: -300px;
    z-index: 1000;
    width: 345px;
    min-height: 20px;
    border: 0px;
    margin-top: 12px;
    overflow: hidden;
    padding: 20px
}

@media screen and (max-width: 1024px) {
    .page-newsletter .rcu-enabled .register-conditions .infobulle:hover span {
        display: none
    }
}

@media only screen and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .page-newsletter .rcu-enabled .register-conditions .infobulle:hover span {
        display: none
    }
}

.page-newsletter .rcu-enabled .register-conditions .infobulle span {
    display: none;
    color: black;
    background-color: #ffffff;
    box-shadow: 1px 1px 14px 2px #9B9B9B
}

@media screen and (max-width: 1024px) {
    .page-newsletter .rcu-enabled .register-conditions .infobulle.isOpen span {
        display: block;
        left: -293px
    }
}

@media only screen and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .page-newsletter .rcu-enabled .register-conditions .infobulle.isOpen span {
        display: block;
        left: -293px
    }
}

.page-newsletter .rcu-enabled .form-horizontal .btn-action {
    float: left
}

.rtl .page-newsletter .rcu-enabled .form-horizontal .btn-action {
    float: right
}

.page-newsletter .rcu-enabled .form-horizontal .controls {
    display: inline-block
}

@media screen and (max-width: 768px) {
    .page-newsletter .rcu-enabled .form-horizontal .controls {
        display: block
    }
}

.page-newsletter .rcu-enabled .form-horizontal .control-label {
    width: 130px
}

@media screen and (max-width: 768px) {
    .page-newsletter .rcu-enabled .form-horizontal .control-label {
        display: block;
        margin: 0;
        padding: 0
    }
}

.page-newsletter .rcu-enabled .form-horizontal .submit-details {
    display: inline-block;
    margin-left: 280px;
    max-width: 380px;
    margin-top: 12px
}

.rtl .page-newsletter .rcu-enabled .form-horizontal .submit-details {
    margin-right: 130px
}

@media screen and (max-width: 768px) {
    .page-newsletter .rcu-enabled .form-horizontal .submit-details {
        margin-left: 1px;
        max-width: 100%;
        width: 100%
    }

    .page-newsletter .rcu-enabled .form-horizontal .submit-details p,
    .page-newsletter .rcu-enabled .form-horizontal .submit-details .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .page-newsletter .rcu-enabled .form-horizontal .submit-details div {
        width: 100%;
        display: -ms-flexbox;
        display: flex
    }
}

.page-newsletter .rcu-enabled .form-horizontal .submit-details .mandatory-field {
    float: left;
    margin-top: 25px;
    margin-bottom: 0px
}

.rtl .page-newsletter .rcu-enabled .form-horizontal .submit-details .mandatory-field {
    float: right
}

@media screen and (max-width: 768px) {
    .page-newsletter .rcu-enabled .form-horizontal .submit-details .mandatory-field {
        margin-top: 15px
    }
}

.ui-icon-circle-triangle-e,
.ui-icon-circle-triangle-w {
    width: 0;
    height: 0;
    border-style: solid
}

.ui-icon-circle-triangle-e {
    border-width: 8px 0 8px 16px;
    border-color: transparent transparent transparent #ffffff
}

.ui-icon-circle-triangle-w {
    border-width: 8px 16px 8px 0;
    border-color: transparent #ffffff transparent transparent
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
    background: none;
    border: none;
    cursor: pointer
}

.seq {
    background-color: #232120;
    width: 100%;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    -webkit-text-size-adjust: 100%
}

.seq .title-wrapper {
    position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    z-index: 1
}

@media screen and (max-width: 768px) {
    .seq .title-wrapper {
        position: relative;
        left: auto;
        top: auto;
        clear: both
    }
}

.seq .title-wrapper .krups-block-title {
    position: relative;
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 50px;
    overflow: hidden;
    padding-bottom: 35px;
    font-weight: normal;
    opacity: 0;
    transition-duration: .6s;
    transition-delay: 0.6s;
    transition-property: opacity;
    transition-timing-function: linear
}

.seq .title-wrapper .krups-block-title span {
    width: 50%;
    float: left;
    display: block
}

.seq .title-wrapper .krups-block-title span:first-child {
    text-align: right;
    padding-right: 17px;
    font-family: "Open Sans", "Arial", sans-serif;
font-weight: light;
}

.seq .title-wrapper .krups-block-title span:last-child {
    text-align: left;
    color: #f38230;
    padding-left: 17px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

@media screen and (max-width: 768px) {
    .seq .title-wrapper .krups-block-title span {
        width: 100%;
        float: none
    }

    .seq .title-wrapper .krups-block-title span:first-child {
        text-align: center;
        padding-right: 0
    }

    .seq .title-wrapper .krups-block-title span:last-child {
        text-align: center
    }
}

@media screen and (max-width: 768px) {
    .seq .title-wrapper .krups-block-title {
        clear: both;
        position: initial;
        top: auto;
        left: auto;
        margin-left: auto;
        padding: 5%;
        text-align: center;
        line-height: 25px;
        white-space: normal
    }
}

.seq .title-wrapper .krups-block-title:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    clear: both;
    width: 50px
}

.seq .seq-screen,
.seq .seq-canvas,
.seq .seq-canvas>* {
    margin: 0;
    padding: 0;
    list-style: none
}

.seq .seq-canvas {
    white-space: nowrap;
    font-size: 0
}

.seq .seq-canvas>* {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    font-size: 16px
}

.seq .seq-attribution {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: .5em;
    text-align: center;
    line-height: 140%
}

.seq .seq-attribution a {
    color: #444;
    text-decoration: none;
    font-weight: 700
}

.seq .seq-attribution a:focus,
.seq .seq-attribution a:hover {
    color: #000
}

.seq .seq-preload-circle {
    fill: black
}

.seq .seq-in {
    z-index: 1
}

.seq.seq-active .seq-nav {
    display: block;
    position: absolute;
    bottom: 2%;
    left: 0;
    z-index: 1;
    text-align: center;
    width: 100%
}

@media screen and (max-width: 768px) {
    .seq.seq-active .seq-nav {
        position: static;
        bottom: auto;
        left: auto;
        margin: 10px auto
    }
}

.seq.seq-active .seq-in {
    z-index: auto
}

.seq .seq-valign:before {
    content: "";
    height: 100%
}

.seq .seq-valign>div {
    display: table;
    height: 100%
}

@media screen and (max-width: 768px) {
    .seq .seq-valign>div {
        display: inline-block
    }
}

.seq .seq-nav {
    position: absolute;
    bottom: 2%;
    left: 0;
    z-index: 1;
    text-align: center;
    width: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.seq .seq-pagination,
.seq .seq-swipe {
    display: inline-block;
    vertical-align: top
}

.seq .seq-swipe {
    margin-left: .5em
}

.seq .seq-swipe path {
    fill: white
}

.seq .seq-next {
    padding: 0;
    background: none;
    border: none;
    line-height: 1
}

.seq .seq-pagination {
    margin: 0;
    padding: 0
}

.seq .seq-pagination a {
    text-decoration: none
}

.seq .seq-pagination li {
    margin: 0 2px;
    width: 17px;
    display: inline-block;
    zoom: 1
}

.seq .seq-pagination li a {
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    width: 14px;
    height: 14px;
    background: transparent;
    background: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    -o-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    transition: all 0.6s
}

@media screen and (max-width: 768px) {
    .seq .seq-pagination li a {
        width: 7px;
        height: 7px
    }
}

.seq .seq-pagination li.seq-current a,
.seq .seq-pagination li:focus a,
.seq .seq-pagination li:hover a {
    background: transparent;
    border: 1.5px solid #fff;
    width: 17px;
    height: 17px
}

@media screen and (max-width: 768px) {

    .seq .seq-pagination li.seq-current a,
    .seq .seq-pagination li:focus a,
    .seq .seq-pagination li:hover a {
        width: 10px;
        height: 10px
    }
}

.seq .seq-tooltip {
    display: none
}

.seq .seq-next-button {
    display: none
}

.seq .seq-content {
    left: auto;
    right: 0;
    padding: 0 1em;
    background-color: #232120;
    opacity: 1;
    transition-duration: .5s;
    transition-delay: .2s;
    transition-property: opacity;
    transition-timing-function: ease-in-out
}

.rtl .seq .seq-content {
    left: 0;
    right: auto
}

.seq .seq-content>div {
    padding: 2em 5em;
    font-size: 18px;
    font-size: 1.8rem;
    white-space: normal
}

@media screen and (max-width: 768px) {
    .seq .seq-content>div {
        padding: 2em 1em
    }
}

.seq .seq-content .krups-block-content {
    color: #fff;
    line-height: 21px;
    transition-duration: .5s;
    transition-delay: .2s;
    transition-property: opacity;
    transition-timing-function: ease-in-out
}

@media screen and (max-width: 768px) {
    .seq .seq-content .krups-block-content {
        opacity: 1;
        font-size: 1.5rem
    }
}

.seq .seq-button {
    display: inline-block;
    margin-top: 2em;
    padding: .5em 1.2em;
    border: black solid 3px;
    color: black;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .875em;
    font-weight: 400;
    transition-duration: .5s;
    transition-property: color, background
}

.seq .seq-button:focus,
.seq .seq-button:hover {
    background-color: black;
    color: white
}

.seq .seq-feature {
    height: 200px;
    overflow: hidden;
    background: #333
}

.seq .seq-feature>div {
    width: 100%;
    height: 100%;
    background-repeat: none;
    background-position: 50% 50%;
    background-size: cover;
    background-color: #232120
}

.seq .seq-feature>div img {
    display: none
}

.seq .seq-in .seq-content {
    transform: translateY(0) translateZ(0)
}

@media screen and (max-width: 768px) {
    .seq .seq-in .seq-content {
        text-align: center
    }
}

.seq .seq-in .krups-block-title {
    opacity: 1
}

@media screen and (max-width: 768px) {
    .seq .seq-in .krups-block-title {
        opacity: 1;
        line-height: normal;
        white-space: normal
    }
}

.seq .seq-out .seq-content {
    transform: translateY(0) translateZ(0)
}

.seq .seq-out .krups-block-title {
    opacity: 0
}

.seq.seq-fallback .seq-nav {
    width: 100%;
    left: 0;
    border-radius: 0;
    margin-top: -40px
}

.seq.seq-fallback .seq-next-button {
    display: none !important
}

.seq.seq-fallback .seq-tooltip {
    margin-top: -16px
}

@media only screen and (max-width: 768px) {
    .seq.seq-reversed .seq-content {
        opacity: 1;
        transform: translateY(0) translateZ(0)
    }
}

@media only screen and (min-width: 769px) {
    .seq {
        height: 100%
    }

    .seq .seq-canvas>* {
        overflow: hidden
    }

    .seq .seq-content-data {
        display: table;
        height: 100%
    }

    .seq .seq-content-data .krups-block-content {
        display: table-cell;
        vertical-align: middle
    }

    .seq .seq-attribution {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 40%;
        background: black;
        background: rgba(0, 0, 0, 0.6);
        color: white;
        text-align: left
    }

    .seq .seq-attribution a {
        color: #ccc
    }

    .seq .seq-attribution a:focus,
    .seq .seq-attribution a:hover {
        color: white
    }

    .seq.seq-active .seq-next-button {
        display: block
    }

    .seq .seq-next-button {
        cursor: pointer;
        position: absolute;
        z-index: 10;
        bottom: 1em;
        left: 50%;
        width: 66px;
        color: white;
        transform: translateX(-50%) translateZ(100px);
        transition-duration: .1s;
        transition-property: transform
    }

    .seq.seq-no-touch .seq-next-button:hover {
        transform: translateX(-50%) translateZ(100px) scale(1.2)
    }

    .seq .seq-screen,
    .seq .seq-canvas,
    .seq .seq-canvas>* {
        position: absolute;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none
    }

    .seq .seq-canvas {
        white-space: normal
    }

    .seq .seq-half {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 50%
    }

    .seq.seq-touch .seq-tooltip {
        display: none
    }

    .seq .seq-swipe {
        display: none
    }

    .seq .seq-feature {
        left: 0;
        right: auto;
        height: auto;
        transform: translateX(100%) translateZ(0);
        transition-duration: .5s;
        transition-property: transform
    }

    .rtl .seq .seq-feature {
        left: auto;
        right: 0
    }

    .seq .seq-feature>div {
        transform: translateX(0) translateZ(0);
        transition-duration: .5s;
        transition-property: transform
    }

    .seq .seq-content .krups-block-content {
        transform: translateX(200%) translateZ(0);
        transition-duration: .5s;
        transition-property: transform
    }

    .seq .seq-in .seq-feature,
    .seq .seq-in .seq-feature>div,
    .seq .seq-in .seq-content div.krups-block-content {
        transform: translateX(0) translateZ(0)
    }

    .seq .seq-in .krups-block-title {
        opacity: 1
    }

    .seq .seq-out .seq-feature,
    .seq .seq-out .seq-feature>div {
        transform: translateX(-100%) translateZ(0)
    }

    .seq .seq-out .seq-content div.krups-block-content {
        transform: translateX(200%) translateZ(0)
    }

    .seq .seq-out .krups-block-title {
        opacity: 0
    }

    .seq.seq-reversed .seq-canvas>*:first-of-type,
    .seq.seq-reversed .seq-canvas>*:last-of-type {
        transition-delay: .5s;
        transition-property: opacity, transform, z-index !important
    }

    .seq.seq-fallback .seq-nav {
        width: 1em;
        left: auto;
        margin-top: 0
    }
}

@media only screen and (min-height: 400px) {
    .seq .seq-next-button {
        bottom: 2em
    }
}

@media only screen and (min-width: 769px) and (min-height: 400px) {
    .seq .seq-content h2 {
        font-size: 2.25em
    }
}

@media only screen and (min-height: 520px) and (max-width: 768px) {
    .seq .seq-feature {
        height: 300px
    }
}

@media only screen and (min-height: 620px) and (max-width: 768px) {
    .seq .seq-feature {
        height: 400px
    }
}

@media screen and (min-width: 768px) {
    .mobile-simple-slider {
        display: none
    }
}

.mobile-simple-slider img {
    width: 100%
}

.mobile-simple-slider .item {
    display: none
}

.mobile-simple-slider .item:first-child {
    display: block
}

.simple-slider {
    background-color: #fff;
    min-width: 1280px !important;
    overflow: hidden
}

.simple-slider .item {
    display: none
}

.simple-slider .item:first-child {
    display: block
}

@media screen and (max-width: 1024px) {
    .simple-slider {
        min-width: 100% !important
    }
}

@media screen and (max-width: 768px) {
    .simple-slider {
        display: none
    }
}

.simple-slider .content {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 70px 20px 20px;
    color: #f38230
}

.simple-slider .pic {
    position: relative;
    z-index: 1
}

.simple-slider a {
    display: block;
    text-decoration: none
}

.simple-slider a img {
    margin: 0 auto
}

.simple-slider .bx-wrapper {
    margin: 0
}

.simple-slider .bx-wrapper .bx-viewport {
    background: transparent
}

.simpleSlider-wrapper {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    left: -128px;
    background: #fff;
    width: 1280px !important;
    max-width: 1280px !important
}

@media screen and (max-width: 1024px) {
    .simpleSlider-wrapper {
        left: 0;
        right: 0
    }
}

.boutique-accessoire .simpleSlider-wrapper {
    left: 0;
    width: 100% !important;
    max-width: 100% !important
}

.rtl .simpleSlider-wrapper {
    left: 0;
    right: -128px
}

@media screen and (max-width: 1024px) {
    .simpleSlider-wrapper {
        width: 100% !important
    }
}

.simpleSlider-wrapper .item {
    width: 1280px
}

@media screen and (min-width: 1024px) {
    .page-homepage .simpleSlider-wrapper .item img {
        width: 1280px !important
    }
}

.simpleSlider-wrapper .bx-viewport {
    background: transparent;
    margin-left: auto;
    margin-right: auto;
    width: 1280px !important
}

@media screen and (max-width: 1024px) {
    .simpleSlider-wrapper .bx-viewport {
        width: 100% !important
    }
}

.boutique-accessoire .simpleSlider-wrapper .bx-viewport {
    width: 100% !important;
    max-width: 100% !important
}

.simpleSlider-wrapper .bx-controls {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 10%
}

.simpleSlider-wrapper .bx-controls .bx-pager {
    padding: 0
}

.simpleSlider-wrapper .bx-controls .bx-pager .bx-pager-item {
    margin: 0 7px;
    padding: 0
}

.simpleSlider-wrapper .bx-controls .bx-pager .bx-pager-link {
    background: #fff;
    width: 16px;
    overflow: hidden;
    height: 16px;
    margin: 0;
    padding: 0;
    transition: all 0.3s;
    transform: translate(0, 0);
    border-radius: 100px
}

.simpleSlider-wrapper .bx-controls .bx-pager .bx-pager-link:hover {
    background: #eaeeef
}

.simpleSlider-wrapper .bx-controls .bx-pager .bx-pager-link.active {
    background: #f38230
}

.simpleSlider-wrapper .bx-controls .bx-pager {
    bottom: 0
}

.mini-banner-slider .simple .border {
    height: 166px;
    padding: 10px 0
}

.mini-banner-slider .simple .border img {
    height: 100%
}

.mini-banner-slider .item {
    text-align: center;
    background: #fff;
    float: left;
    position: relative;
    border: 0;
    margin: 0
}

@media screen and (min-width: 768px) {
    .mini-banner-slider .item {
        width: auto !important
    }
}

.mini-banner-slider .item:first-child {
    margin-right: 1px
}

.mini-banner-slider .item .border img {
    display: inline
}

.mini-banner-slider .item a {
    min-width: 239px;
    min-height: 299px;
    background: rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFF', endColorstr='#EDEEF0');
    background-image: -owg-linear-gradient(top, #fff 0%, #fbfdfc 31%, #edeef0 100%);
    background-image: linear-gradient(top, #fff 0%, #fbfdfc 31%, #edeef0 100%);
    display: block;
    transition: all 0.3s
}

.mini-banner-slider .item a:hover {
    background: rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#EDEEF0', endColorstr='#EDEEF0');
    background-image: -owg-linear-gradient(top, #edeef0 0%, #edeef0 31%, #edeef0 100%);
    background-image: linear-gradient(top, #edeef0 0%, #edeef0 31%, #edeef0 100%)
}

.mini-banner-slider .item .caption {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 170px;
    width: 100%;
    text-align: center;
    padding: 0 20px 20px 20px;
    color: #f38230;
    max-width: 239px
}

@media screen and (max-width: 768px) {
    .mini-banner-slider .item .caption {
        max-width: 100%;
        position: relative;
        top: 0;
        padding-top: 20px
    }
}

.mini-banner-slider .item .caption p,
.mini-banner-slider .item .caption .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .mini-banner-slider .item .caption div {
    font-size: 16px;
    font-size: 1.6rem;
    color: #f38230;
    margin: 0;
    min-height: 0;
    line-height: 1.2em;
    letter-spacing: -0.009em
}

.mini-banner-slider .item .caption p:first-child,
.mini-banner-slider .item .caption .krups-block-univers .krups-block-wrapper div:first-child,
.krups-block-univers .krups-block-wrapper .mini-banner-slider .item .caption div:first-child {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 0 0 7px;
    color: #f38230;
    line-height: .8em;
    text-transform: lowercase
}

.mini-banner-slider .item h3 {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 0;
    color: #f38230;
    line-height: .8em;
    min-height: 46px;
    font-weight: 100;
    text-transform: lowercase
}

.mini-banner-slider .slider-product {
    float: left;
    overflow: hidden;
    width: 479px
}

.mini-banner-slider .slider-product .banner-product:first-child {
    margin-right: 1px
}

.mini-banner-slider .slider-product.double .item a:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8
}

.mini-banner-slider .slider-product.double .item img {
    transition: all 0.3s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.mini-banner-slider .slider-product.double .item .caption {
    width: 239px;
    right: auto;
    top: 0;
    padding: 60px 30px 20px
}

.mini-banner-slider .slider-product.double .item .caption p,
.mini-banner-slider .slider-product.double .item .caption .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .mini-banner-slider .slider-product.double .item .caption div {
    font-size: 19px;
    font-size: 1.9rem;
    color: #fff;
    line-height: 1.1em;
    margin: 0
}

.mini-banner-slider .slider-product.double .item .caption p:first-child,
.mini-banner-slider .slider-product.double .item .caption .krups-block-univers .krups-block-wrapper div:first-child,
.krups-block-univers .krups-block-wrapper .mini-banner-slider .slider-product.double .item .caption div:first-child {
    font-size: 35px;
    font-size: 3.5rem;
    margin: 0 0 10px;
    line-height: .8em;
    text-transform: lowercase;
    min-height: 35px
}

.miniBannerSlider-wrapper .bx-viewport {
    border: 1px solid #000;
    background: #000
}

@media screen and (max-width: 768px) {
    .miniBannerSlider-wrapper .bx-viewport {
        background: #edeef0
    }
}

.miniBannerSlider-wrapper .bx-controls-direction a {
    z-index: 41
}

.slider-5 {
    text-align: center
}

.slider-5 .item {
    text-align: center;
    display: inline-block;
    position: relative;
    width: 19%
}

.slider-5-wrapper .bx-viewport {
    background: transparent
}

.slider-5-wrapper .bx-viewport .item {
    float: left
}

.features-wrapper {
    padding: 0;
    text-align: center
}

.features-wrapper .bx-viewport {
    background: transparent;
    transition: all 0.4s
}

.features-wrapper .bx-viewport .item {
    display: block;
    float: left;
    min-height: 270px
}

.bx-wrapper .bx-controls-direction a {
    top: 50%;
    transform: translate(0, -50%);
    background: none;
    margin: 0
}

.bx-wrapper .bx-controls-direction a.bx-next {
    right: -53px
}

.bx-wrapper .bx-controls-direction a.bx-prev {
    left: -53px
}

.bx-wrapper .bx-controls-direction a::before {
    display: none
}

.bx-wrapper .bx-controls-direction a::after {
    color: #7c7e86;
    font-size: 23px;
    margin: 0 !important;
    transform: translate(-50%, -50%)
}

.bx-wrapper .bx-controls-direction a:hover {
    background-color: transparent
}

.bx-wrapper .bx-controls-direction a.disabled {
    background: none;
    opacity: 0.8
}

.bx-wrapper .bx-controls-direction a.disabled:hover {
    background: none;
    opacity: 0.5
}

.bx-wrapper .bx-controls-direction .bx-prev {
    left: -90px
}

@media screen and (max-width: 1024px) {
    .bx-wrapper .bx-controls-direction .bx-prev {
        left: -50px
    }
}

@media screen and (max-width: 768px) {
    .bx-wrapper .bx-controls-direction .bx-prev {
        left: -30px
    }
}

.bx-wrapper .bx-controls-direction .bx-next {
    right: -90px
}

@media screen and (max-width: 1024px) {
    .bx-wrapper .bx-controls-direction .bx-next {
        right: -50px
    }
}

@media screen and (max-width: 768px) {
    .bx-wrapper .bx-controls-direction .bx-next {
        right: -30px
    }
}

.minishow {
    margin-bottom: 0
}

.minishow .bx-wrapper {
    max-width: 266px !important;
    margin: 0 auto
}

@media screen and (max-width: 1024px) {
    .minishow .bx-wrapper {
        max-width: 166px !important
    }
}

@media screen and (max-width: 768px) {
    .minishow .bx-wrapper {
        max-width: 68px !important
    }
}

.modal-viewer .minishow .bx-wrapper {
    max-width: 468px !important
}

@media screen and (max-width: 768px) {
    .modal-viewer .minishow .bx-wrapper {
        max-width: 68px !important
    }
}

.minishow .bx-wrapper ul.thumbnails {
    width: auto;
    margin-left: -20px;
    margin-right: 0
}

.minishow .bx-wrapper ul.thumbnails li {
    float: left
}

.minishow .bx-wrapper ul.thumbnails li:first-child {
    margin-left: 20px
}

.minishow ul.thumbnails {
    width: auto;
    margin: 0 auto;
    text-align: center
}

.minishow ul.thumbnails li {
    float: none;
    display: inline-block
}

.minishow ul.thumbnails li:first-child {
    margin: 0
}

.minishow .bx-controls-direction a:before {
    width: 42px;
    height: 42px;
    top: -2px;
    left: -2px
}

.minishow .bx-controls-direction a:after {
    font-size: 7.5px;
    font-size: .75rem
}

.minishow .bx-controls-direction .bx-prev {
    left: -72px
}

.minishow .bx-controls-direction .bx-next {
    right: -72px
}

.minishow .carousel-inner ul.thumbnails {
    width: 336px
}

@media screen and (max-width: 768px) {
    .minishow .carousel-inner ul.thumbnails {
        width: auto
    }
}

.minishow ul.thumbnails {
    width: 276px;
    margin-bottom: 0
}

.modal-viewer .minishow ul.thumbnails {
    width: auto;
    text-align: center
}

.minishow ul.thumbnails .thumbnail {
    padding: 0;
    border: 0;
    box-shadow: compact(0 0 0 transparent, false, false, false, false, false, false, false, false, false)
}

.minishow ul.thumbnails li {
    width: 68px;
    height: 68px;
    margin-bottom: 0;
    position: relative
}

.minishow ul.thumbnails li .thumbnail {
    width: 68px;
    height: 68px
}

.minishow ul.thumbnails li .thumbnail a {
    width: 68px;
    height: 68px;
    overflow: hidden;
    position: relative;
    background: #fff
}

.minishow ul.thumbnails li .thumbnail a .play {
    margin: -15px 0 0 -15px
}

@media screen and (max-width: 768px) {
    .minishow ul.thumbnails li .thumbnail a .play {
        margin: -30px 0 0 -30px
    }
}

.minishow ul.thumbnails li .thumbnail a .play img {
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    position: relative;
    transform: translate(0, 0)
}

@media screen and (max-width: 768px) {
    .minishow ul.thumbnails li .thumbnail a .play img {
        width: 60px;
        height: 60px
    }
}

.minishow ul.thumbnails li .thumbnail a img {
    width: auto;
    height: 68px;
    max-width: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.minishow ul.thumbnails li .thumbnail a img .lt-ie9 {
    top: 0;
    left: 0;
    transform: translate(0, 0)
}

.modal-viewer .minishow ul.thumbnails li {
    display: inline-block;
    float: none
}

.minishow ul.thumbnails li a {
    display: block;
    overflow: hidden;
    padding: 0
}

.minishow ul.thumbnails li a.active {
    border-color: #f38230
}

.page-SubCategoryPage .modal .close {
    top: 5px;
    right: 5px
}

.rtl .page-SubCategoryPage .modal .close {
    left: 5px;
    right: auto
}

.page-SubCategoryPage .modal .close::after {
    color: #fff
}

#list-product .krups-products {
    padding: 0 0 0 2%
}

.rtl #list-product .krups-products {
    padding: 0 2% 0 0
}

@media screen and (max-width: 768px) {
    #list-product .krups-products {
        padding: 0
    }
}

#list-product .product-item {
    width: 32.3333333%;
    padding: 0
}

@media screen and (max-width: 768px) {
    #list-product .product-item {
        width: 100%
    }
}

#list-product .range .list-content .product-item:nth-child(3n+2) {
    margin: 0 1.5%
}

@media screen and (max-width: 768px) {
    #list-product .range .list-content .product-item:nth-child(3n+2) {
        margin: 0
    }
}

#list-product .range .list-content .p-badges .p-badge {
    position: absolute;
    margin: 0 !important;
    padding: 15px !important;
    left: 0;
    width: auto;
    height: 75px;
    z-index: 2
}

#list-product .range .list-content .p-badges .p-badge:nth-child(1) {
    top: 60px !important
}

#list-product .range .list-content .p-badges .p-badge:nth-child(2) {
    top: 95px !important
}

#list-product .range .list-content .p-badges .p-badge:nth-child(3) {
    top: 130px !important
}

#list-product .range .list-content .p-badges .p-badge:nth-child(4) {
    top: 165px !important
}

#list-product .range .list-content .p-badges .p-badge:nth-child(5) {
    top: 200px !important
}

#list-product .krups-block-paragraphe {
    padding: 0 2% 2% 0;
    text-align: left
}

.rtl #list-product .krups-block-paragraphe {
    padding: 0 0 2% 2%;
    text-align: right
}

@media screen and (max-width: 768px) {
    #list-product .krups-block-paragraphe {
        display: block;
        visibility: visible;
        padding: 0 15% 5% 15%;
        text-align: center
    }
}

#list-product .lister-title {
    padding-bottom: 1%
}

#list-product .lister-title .products-count {
    text-transform: uppercase;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

@media screen and (max-width: 768px) {
    #list-product .lister-title {
        text-align: center;
        padding: 0 20px 25px 20px
    }
}

.krups-products-list {
    background-color: #eaeeef;
    padding: 35px 0 0 0
}

@media screen and (max-width: 768px) {

    .krups-products-list .krups-products,
    .krups-products-list .krups-products .product-item {
        padding: 0
    }
}

.krups-products-list .krups-products-list-cta {
    padding-bottom: 25px
}

@media screen and (max-width: 768px) {
    .krups-products-list .krups-products-list-cta {
        padding: 0 20px 25px 20px
    }
}

.krups-products-list .krups-lg-3 {
    padding: 0;
    margin-bottom: 30px
}

@media screen and (max-width: 768px) {
    .krups-products-list .krups-lg-3 {
        margin-bottom: 0
    }
}

.krups-products-list img {
    max-width: 100%
}

.krups-products-list .krups-row {
    overflow: hidden
}

.krups-products-list .banner-push {
    position: relative
}

@media screen and (max-width: 768px) {
    .krups-products-list .banner-push {
        display: none
    }
}

.krups-products-list .banner-push .title {
    color: #fff;
    line-height: 23px;
    font-size: 20px;
    font-size: 2rem
}

.krups-products-list .banner-push .title:after {
    content: '';
    display: block;
    height: 5px;
    width: 100px;
    background: #f38230;
    margin: 5% auto
}

@media screen and (max-width: 768px) {
    .krups-products-list .banner-push .title {
        line-height: 23px
    }
}

.krups-products-list .banner-push .caption {
    text-align: center;
    position: absolute;
    top: 30%;
    width: 100%;
    padding: 0 2%
}

.krups-products-sort {
    padding: 0px;
    position: relative
}

.krups-products-sort form {
    max-width: 140px;
    position: relative
}

@media screen and (max-width: 768px) {
    .krups-products-sort form {
        max-width: 100%
    }
}

.krups-products-sort form:before {
    cursor: pointer;
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    z-index: 9;
    right: 20px;
    top: 50%;
    margin-top: -2.5px
}

.rtl .krups-products-sort form:before {
    left: 20px;
    right: auto;
    border-left: 5px solid transparent
}

.krups-products-sort select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-font-smoothing: antialiased
}

.product-border .product-item-content {
    border: 1px solid #eaeeef
}

@media screen and (max-width: 768px) {
    .product-item {
        border-top: 1px solid #eaeeef;
        border-bottom: 1px solid #eaeeef;
        transition: all 0.3s
    }

    .product-item.active {
        border: 3.5px solid #00ead7
    }
}

@media screen and (max-width: 768px) {
    .search-result-head {
        margin-bottom: 0px
    }
}

.search-block-area {
    background-color: #ffffff;
    margin-top: 30px;
    margin-bottom: 75px
}

@media screen and (max-width: 768px) {
    .search-block-area {
        margin-top: 0px;
        margin-bottom: 41px
    }
}

.search-block-area .item {
    margin: 8px 0px
}

@media screen and (max-width: 768px) {
    .search-block-area .item {
        margin: 0px
    }
}

.search-block-area .lame-filter-list {
    padding-bottom: 0px !important
}

.search-product-item-content .item {
    text-align: left
}

.rtl .search-product-item-content .item {
    text-align: right
}

.search-product-item-content .item a {
    z-index: 1
}

.search-product-item-content .item .name {
    height: inherit;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #f38230;
    text-transform: uppercase;
    overflow: hidden;
    font-size: 14px;
    font-size: 1.4rem
}

@media screen and (max-width: 768px) {
    .search-product-item-content .item .name {
        display: none
    }
}

.search-product-item-content .item .search-product-short-description,
.search-product-item-content .item .search-product-short-description p,
.search-product-item-content .item .search-product-short-description .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .search-product-item-content .item .search-product-short-description div {
    color: #000000
}

.search-product-item-content .item .ref {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

@media screen and (max-width: 768px) {
    .search-product-item-content .item .ref {
        display: none
    }
}

.product-item-content {
    height: 460px;
    background: #fff;
    padding: 35px 30px 55px 30px;
    text-align: center;
    position: relative
}

@media screen and (max-width: 768px) {
    .product-item-content {
        padding: 36px 25px 65px;
        height: inherit
    }
}

.product-item-content a {
    display: block
}

.product-item-content a:focus {
    text-decoration: none
}

.product-item-content p,
.product-item-content .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .product-item-content div,
.product-item-content div {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    color: #2a2622;
    line-height: 21px
}

.product-item-content p .excerpt,
.product-item-content .krups-block-univers .krups-block-wrapper div .excerpt,
.krups-block-univers .krups-block-wrapper .product-item-content div .excerpt,
.product-item-content div .excerpt {
    overflow: hidden;
    height: inherit;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    -o-line-clamp: 3;
    line-clamp: 3;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    font-size: 14px;
    font-size: 1.4rem
}

.product-item-content .thumbnail {
    padding: 0;
    margin-bottom: 15px;
    border: 0;
    line-height: initial;
    display: block;
    overflow: hidden
}

.product-item-content .thumbnail .img-product {
    display: block;
    margin: 20px 0;
    height: 180px
}

.product-item-content .thumbnail .img-product img {
    max-height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.product-item-content .name {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
    color: #f38230;
    text-transform: uppercase;
    height: 54px;
    line-height: 18px;
    margin-bottom: 24px
}

@media screen and (max-width: 768px) {
    .product-item-content .name {
        height: auto;
        margin-bottom: 6px;
        max-width: 260px;
        margin: 0 auto
    }
}

.product-item-content .ref {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #948e88;
    text-transform: uppercase;
    margin: 0 0 15px
}

.product-item-content .price {
    font-size: 21px;
    font-size: 2.1rem;
    padding: 10px 0 0 0;
    color: #f38230;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 83%;
    position: absolute
}

.page-productDetails .product-item-content .price {
    position: relative;
    top: 0
}

.product-item-content .price .disclamere {
    font-size: 10px;
    font-size: 1rem;
    color: #948e88;
    display: inline-block;
    padding-left: 5px
}

.rtl .product-item-content .price .disclamere {
    padding-right: 5px
}

@media screen and (max-width: 768px) {
    .product-item-content .price {
        padding: 30px 0 0 0;
        top: 80%;
        position: relative
    }
}

.product-item-content .stock {
    font-size: 12px;
    font-size: 1.2rem;
    color: #948e88;
    padding: 10px 0
}

@media screen and (max-width: 768px) {
    .product-item-content .stock {
        display: none
    }
}

.product-item-content .add-to-cart-wrapper {
    position: absolute;
    bottom: -5%;
    left: 0;
    width: 100%
}

.rtl .product-item-content .add-to-cart-wrapper {
    right: 0;
    left: auto
}

.range {
    overflow: hidden;
    margin-bottom: 40px;
    clear: both
}

.range .list-content {
    overflow: hidden;
    clear: both
}

.range .range-title {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    color: #2a2622
}

.range .range-title:after {
    margin: 15px auto 17px
}

.range .list-content .product-item {
    margin-bottom: 1.5%
}

@media screen and (max-width: 768px) {
    .range .list-content .product-item {
        margin-bottom: 0
    }
}

#plp-results-section.ajax-overlay {
    position: relative
}

#plp-results-section.ajax-overlay .list-content {
    opacity: 0.2;
    filter: blur(5px)
}

#plp-results-section.ajax-overlay:before {
    top: 200px;
    left: 50%;
    transform: translate(-50%, -50%);
    content: url(../img/img-defer-spinner-small.svg);
    position: absolute;
    display: block;
    z-index: 1
}

.lowercase {
    text-transform: lowercase
}

.page-productDetails .main-content,
.page-AccessoryDetailPage .main-content,
.page-AccessoryFinishedProductDetailPage .main-content {
    background: #fff
}

#master-detail-product {
    background: #eaeeef;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    #master-detail-product {
        margin: 0
    }
}

#master-detail-product .product-video iframe {
    height: auto;
    width: 100%;
    margin-bottom: 10px
}

#master-detail-product .product-viewer {
    background: #fff;
    display: table-cell;
    width: 50%
}

#master-detail-product .product-viewer .product-viewer-content {
    float: right;
    max-width: 800px;
    padding: 230px 0 0;
    width: 100%
}

.rtl #master-detail-product .product-viewer .product-viewer-content {
    float: left
}

#master-detail-product .product-viewer .product-viewer-content .owl-stage-outer .owl-stage {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#master-detail-product .product-viewer .product-viewer-content .p-badges .p-badge {
    position: absolute;
    margin: 0 !important;
    padding: 15px !important;
    left: 0;
    width: auto;
    height: 75px;
    z-index: 2
}

#master-detail-product .product-viewer .product-viewer-content .p-badges .p-badge:nth-child(1) {
    top: 0px !important
}

#master-detail-product .product-viewer .product-viewer-content .p-badges .p-badge:nth-child(2) {
    top: 35px !important
}

#master-detail-product .product-viewer .product-viewer-content .p-badges .p-badge:nth-child(3) {
    top: 70px !important
}

#master-detail-product .product-viewer .product-viewer-content .p-badges .p-badge:nth-child(4) {
    top: 105px !important
}

#master-detail-product .product-viewer .product-viewer-content .p-badges .p-badge:nth-child(5) {
    top: 140px !important
}

#master-detail-product .product-viewer #CarouselDetailProductBig {
    margin: 0;
    overflow: hidden
}

#master-detail-product .product-viewer #CarouselDetailProductBig .item {
    height: 100%;
    position: relative;
    padding: 0 0 75% 0
}

#master-detail-product .product-viewer #CarouselDetailProductBig .item img {
    margin: 0;
    padding: 0;
    max-height: 515px;
    height: auto;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer
}

#master-detail-product .product-viewer #CarouselDetailProductBig .item .play img {
    position: relative;
    width: 50px;
    transform: none;
    left: 0;
    top: 0
}

.rtl #master-detail-product .product-viewer #CarouselDetailProductBig .item .play img {
    right: 0;
    top: 0;
    left: auto
}

#master-detail-product .product-viewer #CarouselDetailProductBig .carousel-inner {
    height: inherit
}

@media screen and (max-width: 768px) {
    #master-detail-product .product-viewer #CarouselDetailProductBig .carousel-inner {
        height: auto;
        padding-bottom: 20px
    }
}

#master-detail-product .product-viewer #CarouselDetailProductBig .carousel-control {
    display: none
}

#master-detail-product .product-viewer #CarouselDetailProductBig .label-new-product {
    padding: 5px 12px 5px 12px
}

#master-detail-product .product-viewer .minishow {
    padding: 0 65px;
    height: 65px;
    overflow: hidden
}

#master-detail-product .product-viewer .minishow .owl-stage-outer .owl-item li {
    text-align: center;
    height: 65px;
    width: inherit;
    padding: 0;
    position: relative;
    border-color: #eaeeef;
    transition: all 0.5s
}

#master-detail-product .product-viewer .minishow .owl-stage-outer .owl-item li a {
    display: block;
    padding: 4px;
    display: table-cell;
    height: inherit;
    width: inherit;
    vertical-align: middle
}

#master-detail-product .product-viewer .minishow .owl-stage-outer .owl-item li a img {
    max-height: 50px
}

#master-detail-product .product-viewer .minishow .owl-stage-outer .owl-item li:before {
    content: "";
    transition: all 0.6s;
    background: url(../img/icon/thumbnail-valide.png) no-repeat center center #00ead7;
    background-size: 16px auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden
}

.rtl #master-detail-product .product-viewer .minishow .owl-stage-outer .owl-item li:before {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

#master-detail-product .product-viewer .minishow .owl-stage-outer .owl-item.active-viewer li:before {
    opacity: 1;
    visibility: visible;
    transition: all 0.6s
}

#master-detail-product .product-viewer .minishow .owl-stage-outer .owl-item .play {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.rtl #master-detail-product .product-viewer .minishow .owl-stage-outer .owl-item .play {
    top: 50%;
    right: 50%;
    left: auto
}

#master-detail-product .product-viewer .minishow .owl-stage-outer .owl-item .play img {
    width: 35px
}

#master-detail-product .product-viewer .minishow .owl-controls .owl-nav>div {
    height: 65px;
    width: 65px;
    top: 0
}

#master-detail-product .product-viewer .minishow .owl-controls .owl-nav .owl-prev {
    left: 0;
    background: #232120
}

.rtl #master-detail-product .product-viewer .minishow .owl-controls .owl-nav .owl-prev {
    right: 0;
    left: auto
}

#master-detail-product .product-viewer .minishow .owl-controls .owl-nav .owl-prev:before {
    content: "\e601";
    position: absolute;
    left: 26px;
    top: 23px;
    font-family: icokrups;
    font-size: 18px;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #fff;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.3s
}

.rtl #master-detail-product .product-viewer .minishow .owl-controls .owl-nav .owl-prev:before {
    right: 26px;
    top: 23px;
    left: auto;
    content: "\e600"
}

#master-detail-product .product-viewer .minishow .owl-controls .owl-nav .owl-next {
    right: 0;
    background: #232120
}

.rtl #master-detail-product .product-viewer .minishow .owl-controls .owl-nav .owl-next {
    left: 0;
    right: auto
}

#master-detail-product .product-viewer .minishow .owl-controls .owl-nav .owl-next:before {
    content: "\e600";
    position: absolute;
    right: 26px;
    top: 23px;
    font-family: icokrups;
    font-size: 18px;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #fff;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.3s
}

.rtl #master-detail-product .product-viewer .minishow .owl-controls .owl-nav .owl-next:before {
    left: 26px;
    top: 23px;
    right: auto
}

#master-detail-product .product-viewer #CarouselDetailProductModal .item {
    padding: 0
}

#master-detail-product .product-viewer #CarouselDetailProductModal .item img {
    height: 100%;
    width: auto
}

@media screen and (max-width: 768px) {
    #master-detail-product .product-viewer #CarouselDetailProductModal .item img {
        height: auto
    }
}

#master-detail-product .product-viewer .product-pic {
    margin-bottom: 20px
}

#master-detail-product .product-viewer .item {
    text-align: center;
    position: relative
}

#master-detail-product .product-viewer .item a {
    display: block;
    text-align: center
}

#master-detail-product .product-viewer .item a img {
    margin: 0 auto
}

#master-detail-product .product-viewer .item .reparability-excluded {
    position: absolute;
    bottom: 10px;
    right: 8px;
    height: auto
}

.rtl #master-detail-product .product-viewer .item .reparability-excluded {
    bottom: 10px;
    left: 8px;
    right: auto
}

@media screen and (max-width: 768px) {
    .page-productDetails #master-detail-product .product-viewer .item .reparability-excluded {
        right: 43px
    }
}

.rtl .page-productDetails #master-detail-product .product-viewer .item .reparability-excluded {
    left: 43px;
    right: auto
}

@media screen and (max-width: 768px) {
    #master-detail-product .product-viewer .item .reparability-excluded {
        right: 40px;
        bottom: 2px
    }
}

#master-detail-product .product-viewer .item .reparability-excluded img {
    border: 0 !important;
    padding: 0 !important
}

@media screen and (max-width: 768px) {
    #master-detail-product .product-viewer .item .reparability-excluded img {
        width: 52px
    }
}

#master-detail-product .product-viewer .active .reparability-excluded {
    position: absolute;
    bottom: 10px;
    right: 20px;
    height: auto
}

.rtl #master-detail-product .product-viewer .active .reparability-excluded {
    left: 20px;
    right: auto
}

#master-detail-product .product-viewer.modal-viewer {
    width: 90%;
    margin: 0 auto;
    float: none;
    overflow-y: hidden
}

#master-detail-product .product-viewer.modal-viewer .minishow {
    vertical-align: middle
}

#master-detail-product .product-viewer.modal-viewer>.container-fluid {
    vertical-align: middle;
    display: table-cell
}

#master-detail-product .product-viewer.modal-viewer>.container-fluid .carousel {
    height: 100%
}

#master-detail-product .product-viewer.modal-viewer>.container-fluid .carousel-inner {
    height: 100%
}

#master-detail-product .product-viewer.modal-viewer>.container-fluid .carousel-inner>.active {
    top: 0px;
    transform: translate(-50%, 0px);
    left: 50%
}

.rtl #master-detail-product .product-viewer.modal-viewer>.container-fluid .carousel-inner>.active {
    right: 50%;
    left: auto
}

@media screen and (max-width: 768px) {
    #master-detail-product .product-viewer {
        background: transparent;
        float: none;
        width: 100%;
        margin: 20px 0;
        display: block
    }

    #master-detail-product .product-viewer .product-viewer-content {
        padding: 0;
        float: none
    }

    #master-detail-product .product-viewer .minishow {
        display: none
    }

    #master-detail-product .product-viewer #CarouselDetailProduct {
        display: none !important
    }

    #master-detail-product .product-viewer #CarouselDetailProductBig div .carousel-inner .item {
        display: block;
        padding: 0
    }

    #master-detail-product .product-viewer #CarouselDetailProductBig div .carousel-inner .item img {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        margin: 0 auto
    }

    .rtl #master-detail-product .product-viewer #CarouselDetailProductBig div .carousel-inner .item img {
        top: 0;
        right: 0;
        left: auto
    }

    #master-detail-product .product-viewer #CarouselDetailProductBig div .carousel-inner .item:nth-child(n+2) {
        display: none
    }

    #master-detail-product .product-viewer #CarouselDetailProductBig div.bx-wrapper .carousel-inner .item {
        display: block
    }

    #master-detail-product .product-viewer #CarouselDetailProductBig .bx-controls .bx-controls-direction a.bx-prev {
        left: 0
    }

    .rtl #master-detail-product .product-viewer #CarouselDetailProductBig .bx-controls .bx-controls-direction a.bx-prev {
        right: 0;
        left: auto
    }

    #master-detail-product .product-viewer #CarouselDetailProductBig .bx-controls .bx-controls-direction a.bx-prev:after {
        font-weight: bold;
        font-size: 15px
    }

    .rtl #master-detail-product .product-viewer #CarouselDetailProductBig .bx-controls .bx-controls-direction a.bx-prev:after {
        left: 0;
        right: auto
    }

    #master-detail-product .product-viewer #CarouselDetailProductBig .bx-controls .bx-controls-direction a.bx-next {
        right: 0
    }

    #master-detail-product .product-viewer #CarouselDetailProductBig .bx-controls .bx-controls-direction a.bx-next:after {
        font-weight: bold;
        font-size: 15px
    }

    #master-detail-product .product-viewer #CarouselDetailProductBig .caroussel-options {
        display: none
    }
}

#master-detail-product .product-detail {
    color: #2a2622;
    display: table-cell;
    vertical-align: top;
    width: 50%
}

#master-detail-product .product-detail .product-detai-content {
    float: left;
    max-width: 800px;
    padding: 260px 12% 0;
    width: 100%
}

#master-detail-product .product-detail .product-detai-content a:hover,
#master-detail-product .product-detail .product-detai-content a:active,
#master-detail-product .product-detail .product-detai-content a:focus {
    color: #f38230
}

.rtl #master-detail-product .product-detail .product-detai-content {
    float: right
}

#master-detail-product .product-detail .product-detai-content .product-name {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 30px;
    font-size: 3rem;
    font-weight: normal;
    color: #2a2622;
    position: relative;
    padding: 0 0 30px 0;
    margin: 0 0 20px;
    text-transform: uppercase;
    line-height: 33px
}

#master-detail-product .product-detail .product-detai-content .product-name:before {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    bottom: 0;
    left: 0
}

.rtl #master-detail-product .product-detail .product-detai-content .product-name:before {
    right: 0;
    left: auto
}

#master-detail-product .product-detail .product-detai-content .subtitle {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    color: #2a2622;
    display: block;
    margin: 0 0 20px -25px;
    line-height: 28px
}

.rtl #master-detail-product .product-detail .product-detai-content .subtitle {
    margin: 0 -25px 20px 0
}

#master-detail-product .product-detail .product-detai-content .subtitle:first-letter {
    text-transform: uppercase
}

#master-detail-product .product-detail .product-detai-content .product-short-description {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    color: #2a2622;
    margin-bottom: 25px
}

#master-detail-product .product-detail .product-detai-content .product-short-description p,
#master-detail-product .product-detail .product-detai-content .product-short-description .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #master-detail-product .product-detail .product-detai-content .product-short-description div {
    display: inline
}

#master-detail-product .product-detail .product-detai-content .product-short-description .product-content-short-description {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    overflow: hidden;
    transition: max-height 5s ease-out;
    line-height: 21px;
    margin: 0 15px 0 15px
}

#master-detail-product .product-detail .product-detai-content .product-short-description .product-content-short-description br {
    display: inline-block
}

#master-detail-product .product-detail .product-detai-content .product-short-description .product-content-short-description ul {
    padding: 18px
}

#master-detail-product .product-detail .product-detai-content .read-more {
    color: #948e88;
    display: block
}

#master-detail-product .product-detail .product-detai-content .product-prix-info {
    overflow: hidden
}

#master-detail-product .product-detail .product-detai-content .product-prix-info .price-zone {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 30px;
    font-size: 3rem;
    color: #f38230;
    float: left;
    width: 50%;
    line-height: 32px
}

.rtl #master-detail-product .product-detail .product-detai-content .product-prix-info .price-zone {
    float: right
}

#master-detail-product .product-detail .product-detai-content .product-prix-info .price-zone sup.disclamere {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 7px;
    font-size: .7rem;
    display: inline-block;
    color: #948e88;
    vertical-align: top;
    top: 9px;
    margin-left: 1px
}

.rtl #master-detail-product .product-detail .product-detai-content .product-prix-info .price-zone sup.disclamere {
    margin-right: 1px
}

#master-detail-product .product-detail .product-detai-content .product-prix-info .ref {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    text-align: right;
    color: #948e88;
    float: right;
    width: 50%;
    line-height: 42px
}

.rtl #master-detail-product .product-detail .product-detai-content .product-prix-info .ref {
    text-align: left;
    float: left
}

#master-detail-product .product-detail .product-detai-content .product-recommended {
    width: 100%;
    clear: both;
    margin: 3px 0 30px 0
}

#master-detail-product .product-detail .product-detai-content .product-recommended p,
#master-detail-product .product-detail .product-detai-content .product-recommended .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #master-detail-product .product-detail .product-detai-content .product-recommended div {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
    width: 60%;
    color: #948e88;
    line-height: 16px
}

#master-detail-product .product-detail .product-detai-content .product-recommended p sup,
#master-detail-product .product-detail .product-detai-content .product-recommended .krups-block-univers .krups-block-wrapper div sup,
.krups-block-univers .krups-block-wrapper #master-detail-product .product-detail .product-detai-content .product-recommended div sup {
    font-size: 7px;
    font-size: .7rem;
    position: relative;
    top: -4px
}

#master-detail-product .product-detail .product-detai-content .buttons .btn-wrap {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px
}

.rtl #master-detail-product .product-detail .product-detai-content .buttons .btn-wrap {
    margin-left: 20px
}

#master-detail-product .product-detail .product-detai-content .buttons .btn-wrap .btn-black,
#master-detail-product .product-detail .product-detai-content .buttons .btn-wrap .btn-orange {
    padding: 17px 35px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #master-detail-product .product-detail .product-detai-content .buttons .btn-wrap {
        margin-right: 5px
    }

    .rtl #master-detail-product .product-detail .product-detai-content .buttons .btn-wrap {
        margin-left: 5px
    }

    #master-detail-product .product-detail .product-detai-content .buttons .btn-wrap .btn-black,
    #master-detail-product .product-detail .product-detai-content .buttons .btn-wrap .btn-orange {
        padding: 17px 25px
    }
}

#master-detail-product .product-detail .product-detai-content .product-price-quantity {
    overflow: hidden;
    margin-top: 10px
}

#master-detail-product .product-detail .product-detai-content .product-price-quantity .quantity {
    float: left
}

.rtl #master-detail-product .product-detail .product-detai-content .product-price-quantity .quantity {
    float: right
}

#master-detail-product .product-detail .product-detai-content .product-price-quantity .quantity .msg.assurance,
#master-detail-product .product-detail .product-detai-content .product-price-quantity .quantity .unavailable {
    color: #948e88;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    text-transform: none;
    margin: 0 0 18px
}

#master-detail-product .product-detail .product-detai-content .product-price-quantity .quantity .msg.assurance span,
#master-detail-product .product-detail .product-detai-content .product-price-quantity .quantity .unavailable span {
    color: #948e88
}

#master-detail-product .product-detail .product-detai-content .product-price-quantity .quantity .msg.assurance .nostock,
#master-detail-product .product-detail .product-detai-content .product-price-quantity .quantity .unavailable .nostock {
    text-decoration: underline;
    color: #948e88;
    display: inline-block;
    padding: 0 0 0 4px
}

.rtl #master-detail-product .product-detail .product-detai-content .product-price-quantity .quantity .msg.assurance .nostock,
.rtl #master-detail-product .product-detail .product-detai-content .product-price-quantity .quantity .unavailable .nostock {
    padding: 0 4px 0 0
}

#master-detail-product .product-detail .product-detai-content .product-price-quantity .quantity .msg.assurance .nostock:hover,
#master-detail-product .product-detail .product-detai-content .product-price-quantity .quantity .unavailable .nostock:hover {
    text-decoration: none
}

#master-detail-product .product-detail .product-detai-content .product-price-quantity .content-btn-action {
    float: right;
    margin-top: 32px
}

.rtl #master-detail-product .product-detail .product-detai-content .product-price-quantity .content-btn-action {
    float: left
}

#master-detail-product .product-detail .product-detai-content .bloc-dossier {
    height: 130px;
    background-size: 100%;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 20px
}

#master-detail-product .product-detail .product-detai-content .bloc-dossier .bloc-dossier-content-infos {
    height: auto;
    min-height: 34px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: table;
    width: 100%;
    line-height: 30px;
    background: rgba(255, 255, 255, 0.8)
}

#master-detail-product .product-detail .product-detai-content .bloc-dossier .bloc-dossier-content-infos>a {
    display: table-cell;
    font-size: 16px;
    padding-right: 10px;
    text-align: right;
    width: 120px;
    vertical-align: middle;
    cursor: pointer
}

.rtl #master-detail-product .product-detail .product-detai-content .bloc-dossier .bloc-dossier-content-infos>a {
    padding-left: 10px;
    text-align: left
}

#master-detail-product .product-detail .product-detai-content .bloc-dossier .bloc-dossier-content-infos>a:hover {
    color: #f38230
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #master-detail-product .product-detail .product-detai-content {
        padding: 260px 6% 0
    }

    #master-detail-product .product-detail .product-detai-content .product-name {
        font-size: 25px;
        font-size: 2.5rem;
        padding: 0 0 25px 0;
        margin: 0 0 18px
    }

    #master-detail-product .product-detail .product-detai-content .subtitle {
        margin: 0 0 20px -14px
    }

    .rtl #master-detail-product .product-detail .product-detai-content .subtitle {
        margin: 0 -14px 20px 0
    }
}

@media screen and (max-width: 768px) {
    #master-detail-product .product-detail {
        float: none;
        width: 100%;
        display: block
    }

    #master-detail-product .product-detail .product-detai-content {
        padding: 80px 0 25px
    }

    #master-detail-product .product-detail .product-detai-content .product-name {
        font-size: 25px;
        font-size: 2.5rem;
        text-align: center;
        padding: 0 0 25px 0;
        margin: 0 0 18px
    }

    #master-detail-product .product-detail .product-detai-content .product-name:before {
        right: 0
    }

    .rtl #master-detail-product .product-detail .product-detai-content .product-name:before {
        left: 0
    }

    #master-detail-product .product-detail .product-detai-content .subtitle {
        font-size: 20px;
        font-size: 2rem;
        text-align: center;
        margin: 0 15px 0 15px;
        line-height: 28px
    }

    #master-detail-product .product-detail .product-detai-content .product-short-description {
        text-align: center;
        margin-bottom: 20px
    }

    #master-detail-product .product-detail .product-detai-content .product-prix-info {
        text-align: center
    }

    #master-detail-product .product-detail .product-detai-content .product-prix-info .ref {
        float: none;
        width: 100%;
        text-align: center;
        margin: 0 0 12px
    }

    .rtl #master-detail-product .product-detail .product-detai-content .product-prix-info .ref {
        float: none;
        text-align: center
    }

    #master-detail-product .product-detail .product-detai-content .product-prix-info .price-zone {
        float: none;
        width: auto;
        text-align: center;
        margin: 0 0 15px;
        display: inline-block
    }

    #master-detail-product .product-detail .product-detai-content .product-prix-info .price-zone.hide {
        display: none
    }

    .rtl #master-detail-product .product-detail .product-detai-content .product-prix-info .price-zone {
        float: none
    }

    #master-detail-product .product-detail .product-detai-content .product-prix-info .price-zone .oldprice {
        margin: 5px 15px 0 0px;
        float: left
    }

    .rtl #master-detail-product .product-detail .product-detai-content .product-prix-info .price-zone .oldprice {
        margin: 5px 0px 0 15px;
        float: right
    }

    #master-detail-product .product-detail .product-detai-content .product-prix-info .price-zone sup.disclamere {
        font-size: 10px;
        font-size: 1rem
    }

    #master-detail-product .product-detail .product-detai-content .product-recommended {
        text-align: center;
        margin: 0 0 20px 0
    }

    #master-detail-product .product-detail .product-detai-content .product-recommended p,
    #master-detail-product .product-detail .product-detai-content .product-recommended .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper #master-detail-product .product-detail .product-detai-content .product-recommended div {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 18px;
        width: 100%
    }

    #master-detail-product .product-detail .product-detai-content .product-recommended p sup,
    #master-detail-product .product-detail .product-detai-content .product-recommended .krups-block-univers .krups-block-wrapper div sup,
    .krups-block-univers .krups-block-wrapper #master-detail-product .product-detail .product-detai-content .product-recommended div sup {
        font-size: 10px;
        font-size: 1rem
    }

    #master-detail-product .product-detail .product-detai-content .buttons {
        text-align: center
    }

    #master-detail-product .product-detail .product-detai-content .buttons .btn-wrap {
        display: block;
        margin: 0 22px 15px
    }

    #master-detail-product .product-detail .product-detai-content .buttons .btn-wrap a {
        width: 100%;
        max-width: 340px;
        margin: 0 auto;
        display: block
    }

    #master-detail-product .product-detail .product-detai-content .product-price-quantity .quantity {
        float: none;
        text-align: center
    }

    #master-detail-product .product-detail .product-detai-content .product-price-quantity .quantity .msg.assurance {
        font-size: 13px;
        font-size: 1.3rem
    }

    .rtl #master-detail-product .product-detail .product-detai-content .product-price-quantity .quantity {
        float: none
    }

    #master-detail-product .product-detail .product-detai-content .product-price-quantity .content-btn-action {
        float: none;
        margin: 20px 20px 0;
        text-align: center
    }

    #master-detail-product .product-detail .product-detai-content .product-price-quantity .content-btn-action .btn {
        width: 100%;
        max-width: 340px
    }

    .rtl #master-detail-product .product-detail .product-detai-content .product-price-quantity .content-btn-action {
        float: none
    }
}

#ModalMedia .caroussel-options {
    display: none
}

.page-productDetails #ModalMedia,
.page-AccessoryDetailPage #ModalMedia,
.page-AccessoryFinishedProductDetailPage #ModalMedia,
.page-recipe-details #ModalMedia {
    display: block;
    padding: 0 75px;
    margin: 0 auto;
    background: transparent;
    box-shadow: none;
    width: auto;
    max-width: 1600px;
    right: 7%;
    left: 7%
}

.page-productDetails #ModalMedia.in,
.page-AccessoryDetailPage #ModalMedia.in,
.page-AccessoryFinishedProductDetailPage #ModalMedia.in,
.page-recipe-details #ModalMedia.in {
    top: 5%;
    bottom: 5%
}

@media screen and (max-width: 768px) {

    .page-productDetails #ModalMedia,
    .page-AccessoryDetailPage #ModalMedia,
    .page-AccessoryFinishedProductDetailPage #ModalMedia,
    .page-recipe-details #ModalMedia {
        display: table;
        width: 85%;
        left: 5%;
        right: 5%
    }

    .rtl .page-productDetails #ModalMedia,
    .rtl .page-AccessoryDetailPage #ModalMedia,
    .rtl .page-AccessoryFinishedProductDetailPage #ModalMedia,
    .rtl .page-recipe-details #ModalMedia {
        left: 5%;
        right: auto
    }

    .page-productDetails #ModalMedia.in,
    .page-AccessoryDetailPage #ModalMedia.in,
    .page-AccessoryFinishedProductDetailPage #ModalMedia.in,
    .page-recipe-details #ModalMedia.in {
        padding: 40px 0
    }

    .page-productDetails #ModalMedia iframe,
    .page-AccessoryDetailPage #ModalMedia iframe,
    .page-AccessoryFinishedProductDetailPage #ModalMedia iframe,
    .page-recipe-details #ModalMedia iframe {
        min-height: inherit !important
    }
}

.page-productDetails #ModalMedia .close,
.page-AccessoryDetailPage #ModalMedia .close,
.page-AccessoryFinishedProductDetailPage #ModalMedia .close,
.page-recipe-details #ModalMedia .close {
    top: 0;
    right: 0;
    transform: scale(1);
    animation: transform .5s ease-out
}

.rtl .page-productDetails #ModalMedia .close,
.rtl .page-AccessoryDetailPage #ModalMedia .close,
.rtl .page-AccessoryFinishedProductDetailPage #ModalMedia .close,
.rtl .page-recipe-details #ModalMedia .close {
    top: 0;
    left: 0;
    right: auto
}

.page-productDetails #ModalMedia .close:after,
.page-AccessoryDetailPage #ModalMedia .close:after,
.page-AccessoryFinishedProductDetailPage #ModalMedia .close:after,
.page-recipe-details #ModalMedia .close:after {
    font-size: 22px;
    font-size: 2.2rem;
    color: #fff
}

.page-productDetails #ModalMedia .close:hover,
.page-AccessoryDetailPage #ModalMedia .close:hover,
.page-AccessoryFinishedProductDetailPage #ModalMedia .close:hover,
.page-recipe-details #ModalMedia .close:hover {
    transform: scale(1.1);
    animation: transform .5s ease-in
}

.page-productDetails #ModalMedia .modal-body,
.page-AccessoryDetailPage #ModalMedia .modal-body,
.page-AccessoryFinishedProductDetailPage #ModalMedia .modal-body,
.page-recipe-details #ModalMedia .modal-body {
    background: #000;
    vertical-align: middle;
    padding: 10vh 0;
    position: static;
    max-height: 100%;
    overflow: visible
}

.page-productDetails #ModalMedia .modal-body .product-viewer,
.page-AccessoryDetailPage #ModalMedia .modal-body .product-viewer,
.page-AccessoryFinishedProductDetailPage #ModalMedia .modal-body .product-viewer,
.page-recipe-details #ModalMedia .modal-body .product-viewer {
    position: relative
}

.page-productDetails #ModalMedia .modal-body .caroussel-options,
.page-AccessoryDetailPage #ModalMedia .modal-body .caroussel-options,
.page-AccessoryFinishedProductDetailPage #ModalMedia .modal-body .caroussel-options,
.page-recipe-details #ModalMedia .modal-body .caroussel-options {
    left: -75px;
    top: -72px;
    display: block
}

.rtl .page-productDetails #ModalMedia .modal-body .caroussel-options,
.rtl .page-AccessoryDetailPage #ModalMedia .modal-body .caroussel-options,
.rtl .page-AccessoryFinishedProductDetailPage #ModalMedia .modal-body .caroussel-options,
.rtl .page-recipe-details #ModalMedia .modal-body .caroussel-options {
    right: -75px;
    top: -72px;
    left: auto
}

.page-productDetails #ModalMedia .modal-body .caroussel-options ul li a.option-pic,
.page-AccessoryDetailPage #ModalMedia .modal-body .caroussel-options ul li a.option-pic,
.page-AccessoryFinishedProductDetailPage #ModalMedia .modal-body .caroussel-options ul li a.option-pic,
.page-recipe-details #ModalMedia .modal-body .caroussel-options ul li a.option-pic {
    background: url(../img/icon/pdp-pic-white.png) no-repeat center center;
    background-size: 25px auto
}

.page-productDetails #ModalMedia .modal-body .caroussel-options ul li a.option-play,
.page-AccessoryDetailPage #ModalMedia .modal-body .caroussel-options ul li a.option-play,
.page-AccessoryFinishedProductDetailPage #ModalMedia .modal-body .caroussel-options ul li a.option-play,
.page-recipe-details #ModalMedia .modal-body .caroussel-options ul li a.option-play {
    background: url(../img/icon/pdp-play-white.png) no-repeat center center;
    background-size: 18px auto
}

.page-productDetails #ModalMedia .modal-body .caroussel-options ul li a.option-360,
.page-AccessoryDetailPage #ModalMedia .modal-body .caroussel-options ul li a.option-360,
.page-AccessoryFinishedProductDetailPage #ModalMedia .modal-body .caroussel-options ul li a.option-360,
.page-recipe-details #ModalMedia .modal-body .caroussel-options ul li a.option-360 {
    background: url(../img/icon/pdp-360-white.png) no-repeat center center;
    background-size: 27px auto
}

.page-productDetails #ModalMedia .carousel-detail-product-modal-big,
.page-AccessoryDetailPage #ModalMedia .carousel-detail-product-modal-big,
.page-AccessoryFinishedProductDetailPage #ModalMedia .carousel-detail-product-modal-big,
.page-recipe-details #ModalMedia .carousel-detail-product-modal-big {
    height: 100% !important
}

.page-productDetails #ModalMedia .carousel-detail-product-modal-big .carousel,
.page-AccessoryDetailPage #ModalMedia .carousel-detail-product-modal-big .carousel,
.page-AccessoryFinishedProductDetailPage #ModalMedia .carousel-detail-product-modal-big .carousel,
.page-recipe-details #ModalMedia .carousel-detail-product-modal-big .carousel {
    margin: 0;
    position: static
}

.page-productDetails #ModalMedia .carousel-detail-product-modal-big .carousel .carousel-inner .item img,
.page-AccessoryDetailPage #ModalMedia .carousel-detail-product-modal-big .carousel .carousel-inner .item img,
.page-AccessoryFinishedProductDetailPage #ModalMedia .carousel-detail-product-modal-big .carousel .carousel-inner .item img,
.page-recipe-details #ModalMedia .carousel-detail-product-modal-big .carousel .carousel-inner .item img {
    max-height: 70vh;
    margin: 0 auto
}

.page-productDetails #ModalMedia .carousel-control-prev,
.page-AccessoryDetailPage #ModalMedia .carousel-control-prev,
.page-AccessoryFinishedProductDetailPage #ModalMedia .carousel-control-prev,
.page-recipe-details #ModalMedia .carousel-control-prev {
    position: absolute;
    top: 50%;
    left: -75px;
    width: 30px;
    height: 40px
}

.rtl .page-productDetails #ModalMedia .carousel-control-prev,
.rtl .page-AccessoryDetailPage #ModalMedia .carousel-control-prev,
.rtl .page-AccessoryFinishedProductDetailPage #ModalMedia .carousel-control-prev,
.rtl .page-recipe-details #ModalMedia .carousel-control-prev {
    top: 50%;
    right: -75px;
    left: auto
}

.page-productDetails #ModalMedia .carousel-control-prev .carousel-control-prev-icon,
.page-AccessoryDetailPage #ModalMedia .carousel-control-prev .carousel-control-prev-icon,
.page-AccessoryFinishedProductDetailPage #ModalMedia .carousel-control-prev .carousel-control-prev-icon,
.page-recipe-details #ModalMedia .carousel-control-prev .carousel-control-prev-icon {
    display: block;
    position: relative
}

.page-productDetails #ModalMedia .carousel-control-prev .carousel-control-prev-icon:before,
.page-AccessoryDetailPage #ModalMedia .carousel-control-prev .carousel-control-prev-icon:before,
.page-AccessoryFinishedProductDetailPage #ModalMedia .carousel-control-prev .carousel-control-prev-icon:before,
.page-recipe-details #ModalMedia .carousel-control-prev .carousel-control-prev-icon:before {
    content: "\e601";
    position: absolute;
    left: 7px;
    top: 11px;
    font-family: icokrups;
    font-size: 18px;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #fff;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.3s
}

.rtl .page-productDetails #ModalMedia .carousel-control-prev .carousel-control-prev-icon:before,
.rtl .page-AccessoryDetailPage #ModalMedia .carousel-control-prev .carousel-control-prev-icon:before,
.rtl .page-AccessoryFinishedProductDetailPage #ModalMedia .carousel-control-prev .carousel-control-prev-icon:before,
.rtl .page-recipe-details #ModalMedia .carousel-control-prev .carousel-control-prev-icon:before {
    right: 7px;
    top: 11px;
    left: auto;
    content: "\e600"
}

.page-productDetails #ModalMedia .carousel-control-next,
.page-AccessoryDetailPage #ModalMedia .carousel-control-next,
.page-AccessoryFinishedProductDetailPage #ModalMedia .carousel-control-next,
.page-recipe-details #ModalMedia .carousel-control-next {
    position: absolute;
    top: 50%;
    right: -75px;
    width: 30px;
    height: 40px
}

.rtl .page-productDetails #ModalMedia .carousel-control-next,
.rtl .page-AccessoryDetailPage #ModalMedia .carousel-control-next,
.rtl .page-AccessoryFinishedProductDetailPage #ModalMedia .carousel-control-next,
.rtl .page-recipe-details #ModalMedia .carousel-control-next {
    top: 50%;
    left: -75px;
    right: auto
}

.page-productDetails #ModalMedia .carousel-control-next .carousel-control-next-icon,
.page-AccessoryDetailPage #ModalMedia .carousel-control-next .carousel-control-next-icon,
.page-AccessoryFinishedProductDetailPage #ModalMedia .carousel-control-next .carousel-control-next-icon,
.page-recipe-details #ModalMedia .carousel-control-next .carousel-control-next-icon {
    display: block;
    position: relative
}

.page-productDetails #ModalMedia .carousel-control-next .carousel-control-next-icon:before,
.page-AccessoryDetailPage #ModalMedia .carousel-control-next .carousel-control-next-icon:before,
.page-AccessoryFinishedProductDetailPage #ModalMedia .carousel-control-next .carousel-control-next-icon:before,
.page-recipe-details #ModalMedia .carousel-control-next .carousel-control-next-icon:before {
    content: "\e600";
    position: absolute;
    right: 7px;
    top: 11px;
    font-family: icokrups;
    font-size: 18px;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #fff;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.3s
}

.rtl .page-productDetails #ModalMedia .carousel-control-next .carousel-control-next-icon:before,
.rtl .page-AccessoryDetailPage #ModalMedia .carousel-control-next .carousel-control-next-icon:before,
.rtl .page-AccessoryFinishedProductDetailPage #ModalMedia .carousel-control-next .carousel-control-next-icon:before,
.rtl .page-recipe-details #ModalMedia .carousel-control-next .carousel-control-next-icon:before {
    left: 7px;
    top: 11px;
    right: auto;
    content: "\e601"
}

.page-recipe-details #ModalMedia .carousel-control-prev,
.page-recipe-details #ModalMedia .carousel-control-next {
    display: none
}

.page-productDetails #CarouselDetailProductBig .carousel-inner .item img {
    position: relative
}

.banners {
    margin-left: 512px;
    margin-bottom: 26px;
    margin-right: 26px;
    overflow: hidden;
    position: relative
}

.rtl .banners {
    margin-right: 512px;
    margin-left: 26px
}

@media screen and (max-width: 1024px) {
    .page-productDetails .banners {
        margin-left: 50%
    }

    .rtl .page-productDetails .banners {
        margin-right: 50%
    }
}

@media screen and (max-width: 768px) {
    .page-productDetails .banners {
        margin: 0 auto;
        padding: 30px 15px 0 15px;
        float: none;
        background: #dcdee2;
        background: linear-gradient(to bottom, #dbdde1 0%, #fff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdde1', endColorstr='#ffffff', GradientType=0)
    }
}

@media screen and (max-width: 500px) {
    .page-productDetails .banners .item {
        margin: 0 auto 10px auto;
        float: none;
        width: 100%
    }

    .page-productDetails .banners .item:last-child {
        margin: 0 auto 10px auto
    }
}

.banners .item {
    width: 208px;
    margin: 0 8px 0 0;
    float: left
}

.rtl .banners .item {
    margin: 0 0 0 8px;
    float: right
}

.banners .item:last-child {
    margin: 0
}

.banners a {
    display: block
}

.banners a img {
    width: 100%;
    height: auto
}

.recipe-similar {
    position: relative;
    padding: 35px 0 73px;
    background-color: #ed1c24;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFED1C24', endColorstr='#FFC71D31');
    background-image: -owg-linear-gradient(top, #ed1c24 0%, #e11c28 44%, #c71d31 100%);
    background-image: linear-gradient(top, #ed1c24 0%, #e11c28 44%, #c71d31 100%);
    text-align: center
}

.recipe-similar .anchor:after,
.recipe-similar .anchor:before {
    background: #f38230
}

.recipe-similar .anchor span {
    background: #f38230;
    color: #fff
}

.recipe-similar .anchor span:after {
    border-color: #f38230
}

.recipe-similar .anchor p:before,
.recipe-similar .anchor .krups-block-univers .krups-block-wrapper div:before,
.krups-block-univers .krups-block-wrapper .recipe-similar .anchor div:before {
    background: #f38230
}

.recipe-similar h2 {
    font-weight: 100;
    margin: 0 0 25px;
    color: #fff;
    position: relative;
    z-index: 20
}

.recipe-similar h2:after,
.recipe-similar h2:before {
    background: #fff;
    top: 42%
}

.recipe-similar h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.8rem
}

.documentation,
section.notice {
    padding: 69px 0 60px;
    text-align: center;
    background: #232120
}

@media screen and (max-width: 768px) {

    .documentation,
    section.notice {
        padding: 40px 0 20px
    }
}

.documentation a,
section.notice a {
    display: block;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s
}

.documentation a:hover,
section.notice a:hover {
    color: #f38230
}

.documentation a:hover .border,
section.notice a:hover .border {
    border-color: #f38230
}

.documentation a:focus,
section.notice a:focus {
    color: #fff
}

.documentation a:focus .border,
section.notice a:focus .border {
    border-color: #fff
}

.documentation h2,
section.notice h2 {
    color: #fff
}

@media screen and (max-width: 768px) {

    .documentation h2,
    section.notice h2 {
        font-size: 20px;
        font-size: 2rem;
        margin: 0 0 30px;
        padding: 0 0 25px 0
    }
}

.documentation .list-doc,
section.notice .list-doc {
    margin: 0;
    padding: 0 90px;
    text-align: center;
    font-size: 0
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {

    .documentation .list-doc,
    section.notice .list-doc {
        padding: 0 50px
    }
}

.documentation .list-doc p:first-child,
.documentation .list-doc .krups-block-univers .krups-block-wrapper div:first-child,
.krups-block-univers .krups-block-wrapper .documentation .list-doc div:first-child,
section.notice .list-doc p:first-child,
section.notice .list-doc .krups-block-univers .krups-block-wrapper div:first-child,
.krups-block-univers .krups-block-wrapper section.notice .list-doc div:first-child {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 0 5px;
    line-height: 20px;
    text-transform: uppercase
}

.documentation .list-doc .owl-item .item,
section.notice .list-doc .owl-item .item {
    width: auto
}

@media screen and (max-width: 768px) {

    .documentation .list-doc,
    section.notice .list-doc {
        margin: 0 auto !important;
        padding: 30px 0;
        background: #232120
    }

    .documentation .list-doc .owl-item,
    section.notice .list-doc .owl-item {
        display: block
    }
}

.documentation .item,
section.notice .item {
    padding: 0;
    margin: 0;
    display: inline-block;
    float: none;
    vertical-align: top;
    width: 20%
}

.documentation .item:nth-child(n+6),
section.notice .item:nth-child(n+6) {
    display: none
}

@media screen and (max-width: 768px) {

    .documentation .item,
    section.notice .item {
        width: 100%
    }

    .documentation .item:nth-child(n+2),
    section.notice .item:nth-child(n+2) {
        display: none
    }
}

.documentation .item .visual,
section.notice .item .visual {
    margin: 0;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #575554;
    border-radius: 100%;
    width: 84px;
    height: 84px;
    transition: all 0.3s
}

.documentation .item .visual img,
section.notice .item .visual img {
    max-width: 40%;
    transform: translateY(-50%);
    position: relative;
    top: 50%
}

.documentation .item .caption,
section.notice .item .caption {
    padding: 15px 30px 0
}

@media screen and (max-width: 768px) {

    .documentation .item .caption,
    section.notice .item .caption {
        text-align: center;
        vertical-align: middle
    }
}

.documentation .item img,
section.notice .item img {
    height: auto
}

.documentation .filter,
section.notice .filter {
    margin-bottom: 30px
}

.documentation .filter label,
section.notice .filter label {
    color: #fff;
    margin-bottom: 12px
}

.documentation .filter .sort,
section.notice .filter .sort {
    position: relative;
    background-color: transparent;
    overflow: hidden;
    padding: 0;
    display: inline-block;
    width: 190px
}

.documentation .filter .sort:before,
section.notice .filter .sort:before {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    z-index: 9;
    cursor: pointer;
    margin-top: -2.5px
}

.rtl .documentation .filter .sort:before,
.rtl section.notice .filter .sort:before {
    left: 20px;
    top: 50%;
    right: auto;
    border-right: 5px solid transparent
}

.documentation .filter .sort select,
section.notice .filter .sort select {
    background-color: #bebdbd;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
    width: 100%;
    min-height: 50px;
    text-transform: uppercase;
    padding: 15px 30px 15px 20px;
    outline: none;
    position: relative;
    z-index: 5;
    line-height: 21px;
    border: none;
    border-radius: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 1.4px
}

.rtl .documentation .filter .sort select,
.rtl section.notice .filter .sort select {
    padding: 15px 20px 15px 30px
}

@media screen and (max-width: 768px) {

    .documentation .filter,
    section.notice .filter {
        background: #232120;
        padding: 10px 22px;
        margin: 0
    }
}

section.notice {
    background: transparent
}

section.notice h2 {
    color: #232120
}

section.notice .filter label {
    color: #232120
}

section.notice .item .caption {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 0 5px;
    line-height: 20px;
    text-transform: uppercase;
    color: #232120
}

section.notice .item:hover .caption {
    color: #f38230
}

@media screen and (max-width: 768px) {
    section.notice {
        background: #232120
    }

    section.notice h2 {
        font-size: 16px;
        font-size: 1.6rem;
        margin: 0;
        padding: 16px 40px 16px 22px
    }

    .rtl section.notice h2 {
        padding: 16px 22px 16px 40px
    }

    section.notice .filter label {
        color: #fff
    }

    section.notice .content-notices {
        padding: 30px 0
    }

    section.notice .item .caption {
        color: #fff
    }
}

.documentation .owl-controls .owl-nav .owl-prev {
    left: 0px
}

.rtl .documentation .owl-controls .owl-nav .owl-prev {
    right: 0px;
    left: auto
}

.documentation .owl-controls .owl-nav .owl-next {
    right: 0px
}

.rtl .documentation .owl-controls .owl-nav .owl-next {
    left: 0px;
    right: auto
}

.social-wall {
    padding: 35px 0 70px;
    text-align: center
}

.social-wall h2 {
    color: #f38230;
    margin: 0 0 15px;
    display: inline-block;
    line-height: 1.2em;
    font-size: 34px;
    font-size: 3.4rem;
    position: relative;
    font-weight: 100;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 1em
}

@media screen and (max-width: 500px) {
    .social-wall h2 {
        width: 65%
    }
}

@media screen and (max-width: 768px) {
    .social-wall h2 {
        font-size: 28px;
        font-size: 2.8rem;
        font-weight: 100
    }
}

.social-wall h2:after,
.social-wall h2:before {
    position: absolute;
    content: "";
    width: 40px;
    height: 2px;
    background: #f38230;
    top: 50%
}

.social-wall h2:after {
    right: -50px
}

.social-wall h2:before {
    left: -50px
}

@media screen and (max-width: 500px) {

    .social-wall h2:after,
    .social-wall h2:before {
        top: 25%
    }

    .social-wall h2:after {
        right: -40px
    }

    .social-wall h2:before {
        left: -40px
    }
}

.social-wall .anchor:before {
    background: #fff
}

.social-wall .anchor span {
    background: #fff;
    color: #f38230
}

.social-wall .anchor span:after {
    border-color: #000
}

.social-wall .anchor p:before,
.social-wall .anchor .krups-block-univers .krups-block-wrapper div:before,
.krups-block-univers .krups-block-wrapper .social-wall .anchor div:before {
    background: #000
}

.commerce-connector .item {
    float: left;
    overflow: hidden
}

.rtl .commerce-connector .item {
    float: right;
    border-right: 1px solid #000
}

@media screen and (max-width: 768px) {
    .commerce-connector {
        width: 80%;
        margin: 0 auto
    }
}

.seller {
    width: 128px;
    height: 68px;
    float: left;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    vertical-align: middle;
    overflow: hidden
}

.rtl .seller {
    float: right;
    border-left: 1px solid #000
}

.seller a {
    display: block
}

@media screen and (max-width: 768px) {
    .seller {
        border: 0
    }

    .seller .border {
        text-align: center
    }

    .seller .border img {
        margin: 0 auto
    }
}

.oldprice {
    text-decoration: line-through;
    color: #948e88;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem
}

.trashs {
    font-size: 11px;
    font-size: 1.1rem;
    background: url("../img/icon/icon-dechet.png") no-repeat left bottom;
    height: 61px;
    margin: 0 0 55px;
    text-align: center;
    padding: 0
}

.trashs img {
    display: inline-block;
    vertical-align: middle
}

.trashs p,
.trashs .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .trashs div {
    display: inline-block;
    line-height: 1.3em;
    vertical-align: middle;
    margin: 0;
    padding: 0 0 0 30px
}

.rtl .trashs p,
.rtl .trashs .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .rtl .trashs div {
    padding: 0 30px 0 0
}

.trashs p a,
.trashs .krups-block-univers .krups-block-wrapper div a,
.krups-block-univers .krups-block-wrapper .trashs div a {
    display: table
}

@media screen and (max-width: 1024px) {
    .trashs {
        margin: 0px 100px 50px
    }
}

@media screen and (max-width: 768px) {
    .trashs {
        padding: 0;
        margin: 0 0 35px;
        text-align: left
    }

    .rtl .trashs {
        text-align: right
    }

    .trashs img {
        float: left
    }

    .rtl .trashs img {
        float: right
    }

    .trashs img:first-child {
        margin: 0 0 0 5px
    }

    .rtl .trashs img:first-child {
        margin: 0 5px 0 0
    }

    .trashs p,
    .trashs .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .trashs div {
        display: inherit;
        padding: 0 0 0 95px
    }

    .rtl .trashs p,
    .rtl .trashs .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .rtl .trashs div {
        padding: 0 95px 0 0
    }
}

.modal-exploded-view {
    margin-left: -372px;
    text-align: center;
    width: 744px
}

.rtl .modal-exploded-view {
    margin-right: -372px
}

.modal-exploded-view .title {
    margin: 0 0 15px;
    font-weight: bold;
    color: #000
}

.modal-exploded-view h3 {
    text-transform: uppercase;
    color: #50535d;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 25px
}

.modal-exploded-view form .skip {
    clear: both;
    color: #a01234;
    display: block;
    line-height: 15px;
    margin: 0;
    text-align: left;
    font-size: 13px
}

.rtl .modal-exploded-view form .skip {
    text-align: right
}

.modal-exploded-view form .skip::first-letter {
    text-transform: uppercase
}

.modal-exploded-view form .skip::before {
    content: "";
    display: inline-block;
    padding-top: 2px;
    width: 17px;
    height: 15px;
    margin-right: 5px;
    background-image: url("../img/icon/sprite.png");
    background-repeat: no-repeat;
    background-position: -85px 0
}

.rtl .modal-exploded-view form .skip::before {
    margin-left: 5px
}

.modal-exploded-view .infos-exploded-view {
    text-align: left
}

.rtl .modal-exploded-view .infos-exploded-view {
    text-align: right
}

.modal-exploded-view .infos-exploded-view .btn {
    margin-top: 20px;
    max-width: 275px;
    text-align: center
}

.modal-exploded-view .infos-exploded-view img {
    float: right;
    margin: 0 0 0 10px;
    width: 254px
}

.rtl .modal-exploded-view .infos-exploded-view img {
    float: left;
    margin: 0 10px 0 0
}

.master-detail-product .product-viewer .reparability-excluded img {
    position: absolute;
    width: 77px;
    height: auto !important;
    padding: 0 !important;
    bottom: 15px;
    right: 15px;
    z-index: 9
}

.rtl .master-detail-product .product-viewer .reparability-excluded img {
    left: 15px;
    right: auto
}

@media screen and (max-width: 768px) {
    .master-detail-product .product-viewer .reparability-excluded img {
        bottom: 80px
    }
}

.quantity .add-on.disabled:hover {
    cursor: initial !important;
    background: #DCDEE2 !important
}

#CarouselRecettesPreferees:not(.carousel-active) {
    overflow: hidden
}

#CarouselRecettesPreferees:not(.carousel-active) ul {
    min-height: inherit
}

#CarouselRecettesPreferees:not(.carousel-active) .border-bottom {
    margin: 0
}

#CarouselRecettesPreferees .bx-wrapper .item {
    margin: 0
}

.border-bottom {
    border-bottom: 1px solid #dadada;
    padding-bottom: 80px;
    width: 100%
}

.border-bottom::after {
    content: "";
    display: block;
    clear: both
}

@media screen and (min-width: 768px) {
    .border-top {
        border-bottom: 1px solid #dadada;
        margin-bottom: 65px;
        padding-top: 0px;
        width: 100%
    }

    .border-top::after {
        content: "";
        display: block;
        clear: both
    }
}

.lame-triman {
    padding: 10px 0;
    margin-bottom: 50px
}

.lame-triman p,
.lame-triman .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .lame-triman div {
    font-size: 16px;
    font-size: 1.6rem;
    color: #bebdbd
}

.lame-triman p a,
.lame-triman .krups-block-univers .krups-block-wrapper div a,
.krups-block-univers .krups-block-wrapper .lame-triman div a {
    color: #bebdbd;
    text-decoration: underline;
    transition: all 0.4s
}

.lame-triman p a:hover,
.lame-triman .krups-block-univers .krups-block-wrapper div a:hover,
.krups-block-univers .krups-block-wrapper .lame-triman div a:hover {
    color: #fff
}

.lame-triman p.content-triman,
.lame-triman .krups-block-univers .krups-block-wrapper div.content-triman,
.krups-block-univers .krups-block-wrapper .lame-triman div.content-triman {
    padding-left: 115px;
    background: url("../img/icon/img-triman.jpg") 0 0 no-repeat;
    min-height: 40px;
    padding-top: 9px
}

.rtl .lame-triman p.content-triman,
.rtl .lame-triman .krups-block-univers .krups-block-wrapper div.content-triman,
.krups-block-univers .krups-block-wrapper .rtl .lame-triman div.content-triman {
    padding-right: 115px
}

.sticky-boutons {
    height: 0px;
    overflow: hidden;
    position: fixed !important;
    top: 66px;
    z-index: 29;
    width: 100%;
    left: 0;
    right: 0;
    box-sizing: border-box;
    background: #fff;
    padding: 0;
    transition: all 0.4s
}

.sticky-boutons.show {
    height: 76px;
    padding: 9px 0
}

.sticky-boutons .product-info {
    float: left;
    padding: 10px 0 0 0
}

.rtl .sticky-boutons .product-info {
    float: right
}

.sticky-boutons .product-img {
    height: 100%;
    width: 55px;
    float: left;
    margin-right: 20px
}

.rtl .sticky-boutons .product-img {
    float: right;
    margin-left: 20px
}

.sticky-boutons p,
.sticky-boutons .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .sticky-boutons div {
    display: block
}

.sticky-boutons p.title,
.sticky-boutons .krups-block-univers .krups-block-wrapper div.title,
.krups-block-univers .krups-block-wrapper .sticky-boutons div.title {
    color: #50535d;
    text-transform: uppercase;
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 0 5px 0
}

.sticky-boutons p.title .price,
.sticky-boutons .krups-block-univers .krups-block-wrapper div.title .price,
.krups-block-univers .krups-block-wrapper .sticky-boutons div.title .price {
    display: inline-block;
    padding-left: 15px
}

.rtl .sticky-boutons p.title .price,
.rtl .sticky-boutons .krups-block-univers .krups-block-wrapper div.title .price,
.krups-block-univers .krups-block-wrapper .rtl .sticky-boutons div.title .price {
    padding-right: 15px
}

.sticky-boutons p.ref,
.sticky-boutons .krups-block-univers .krups-block-wrapper div.ref,
.krups-block-univers .krups-block-wrapper .sticky-boutons div.ref {
    color: #9599a4;
    font-size: 13px;
    font-size: 1.3rem
}

.sticky-boutons .product-btn {
    max-width: 395px;
    float: right;
    padding-top: 13px;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.rtl .sticky-boutons .product-btn {
    float: left
}

.sticky-boutons .product-btn .btn {
    border-radius: 5px;
    padding: 10px 5px;
    font-size: 15px;
    border-radius: 5px;
    font-size: 16px;
    font-size: 1.6rem;
    transition: all 0.4s;
    line-height: 17px;
    padding-top: 6px
}

.sticky-boutons .product-btn .btn.blue {
    background-color: #2a92ac
}

.sticky-boutons .product-btn .btn.blue:hover {
    background-color: #227d94
}

.page-AccessoryFinishedProductDetailPage .lame-triman,
.page-ExplodedViewDetailPage .lame-triman {
    padding-top: 20px;
    text-align: center
}

.page-AccessoryDetailPage .lame-triman {
    padding: 0;
    margin: 0
}

@media screen and (max-width: 768px) {
    .page-productDetails .features .features-wrapper {
        margin-bottom: 105px
    }

    .page-productDetails .features .features-wrapper .bx-pager {
        transform: translate(0, 50%)
    }

    .page-productDetails .slider-5-wrapper {
        max-width: 100% !important
    }

    .product-detail .bloc-download-apps p,
    .product-detail .bloc-download-apps .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .product-detail .bloc-download-apps div {
        max-width: 240px;
        margin: 0 auto 10px
    }

    .accordion-panel {
        overflow: hidden;
        margin: -1px 0 0 0 !important;
        padding: 0 !important;
        background-color: white
    }

    .accordion-panel .container {
        padding: 0 !important
    }

    .accordion-panel h2,
    .accordion-panel .accordion-panel-title {
        background: #fff;
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
        font-size: 16px;
        font-size: 1.6rem;
        color: #2a2622;
        text-align: left;
        text-transform: none;
        line-height: 25px;
        padding: 16px 40px 16px 22px;
        margin: 0;
        border-top: 1px solid #dadada;
        border-bottom: 1px solid #dadada;
        width: 100%;
        max-width: 100% !important;
        position: relative
    }

    .rtl .accordion-panel h2,
    .rtl .accordion-panel .accordion-panel-title {
        text-align: right;
        padding: 16px 22px 16px 40px;
        margin: 0
    }

    .accordion-panel h2:after,
    .accordion-panel .accordion-panel-title:after {
        content: "\e902";
        position: absolute;
        right: 28px;
        top: 63%;
        left: auto;
        transform: translate(0, -50%);
        font-family: icokrups;
        font-size: 7px;
        font-size: .7rem;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        color: #232120;
        width: 12px;
        line-height: 1;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        border: 0
    }

    .rtl .accordion-panel h2:after,
    .rtl .accordion-panel .accordion-panel-title:after {
        position: absolute;
        left: 28px;
        top: 63%;
        right: auto
    }

    .accordion-panel h2.active,
    .accordion-panel .accordion-panel-title.active {
        color: #f38230 !important
    }

    .accordion-panel h2.active:after,
    .accordion-panel .accordion-panel-title.active:after {
        content: "\e900";
        color: #f38230
    }

    .sticky-boutons {
        top: 56px;
        overflow: hidden
    }

    .sticky-boutons .product-content {
        padding: 0 15px
    }

    .sticky-boutons .product-content .product-img {
        display: none
    }

    .sticky-boutons .product-content .product-info {
        float: none;
        width: 100%;
        padding: 0
    }

    .sticky-boutons .product-content .product-info .title .price {
        display: inline-block;
        float: right
    }

    .rtl .sticky-boutons .product-content .product-info .title .price {
        float: left
    }

    .sticky-boutons .product-content .product-info .ref {
        margin-bottom: 0
    }

    .sticky-boutons .product-content .product-btn .span6 {
        width: 50%;
        display: inline-block;
        clear: none;
        padding-right: 5px
    }

    .rtl .sticky-boutons .product-content .product-btn .span6 {
        padding-left: 5px
    }

    .sticky-boutons .product-content .product-btn .span6:nth-child(2) {
        padding-right: 0;
        padding-left: 5px
    }

    .rtl .sticky-boutons .product-content .product-btn .span6:nth-child(2) {
        padding-right: 5px;
        padding-left: 0
    }

    .sticky-boutons.show {
        min-height: 76px;
        height: auto
    }

    .lame-triman {
        padding: 20px 0
    }

    .lame-triman .container {
        padding: 0 15px
    }

    .lame-triman .container .triman-paragraph {
        display: block;
        padding-top: 10px
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .page-AccessoryFinishedProductDetailPage .product-viewer {
        height: auto
    }
}

@media screen and (max-width: 768px) {
    .page-AccessoryFinishedProductDetailPage .external-site {
        display: none
    }

    .page-AccessoryFinishedProductDetailPage #accessoires .bx-wrapper {
        max-width: 100% !important
    }

    #detachedPieces .bx-wrapper .bx-viewport {
        overflow: visible !important
    }

    #detachedPieces::after {
        display: none
    }
}

span.ecopart {
    color: #9599a4;
    font-size: 13px;
    font-size: 1.3rem
}

.page-AccessoryFinishedProductDetailPage .bloc-product .product-detail .lame-triman {
    margin: 0;
    padding: 0;
    clear: both
}

.page-AccessoryFinishedProductDetailPage .bloc-product .product-detail .lame-triman .container {
    padding: 0
}

.page-AccessoryFinishedProductDetailPage .bloc-product .product-detail .lame-triman .container .triman-paragraph {
    padding: 0
}

#CarouselDetailProductMiniModal {
    display: none
}

.product-description {
    background: #232120
}

.product-description .container {
    width: 100%;
    text-align: center;
    padding: 60px 0;
    margin: 0 auto;
    max-width: 960px
}

.product-description .container .seconde-title {
    color: #fff
}

.product-description .container .subtitle {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    color: #f38230;
    margin-bottom: 25px
}

.product-description .container .ecopart {
    color: #fffefe
}

.product-description .container .product-description-txt {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fffefe;
    line-height: 23px;
    text-align: justify;
    text-align-last: center
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .product-description .container .product-description-txt {
        padding: 0 20px
    }
}

@media screen and (max-width: 768px) {
    .product-description .container .seconde-title {
        color: #2a2622
    }

    .product-description .container .subtitle {
        margin: 40px 20px 25px
    }

    .product-description .container .product-description-txt {
        line-height: 20px;
        padding: 0px 20px 40px
    }
}

.page-productDetails .comparison .scrollableTable .floatThead-table {
    display: none !important
}

.page-productDetails #CarouselRecettesPreferees {
    margin: 0
}

@media screen and (max-width: 768px) {
    .page-productDetails #CarouselRecettesPreferees {
        margin: 10px 0 1px 0
    }
}

.page-productDetails #CarouselRecettesPreferees .owl-carousel .title {
    height: 55px;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .page-productDetails #CarouselRecettesPreferees .owl-carousel .title {
        line-height: 21px;
        display: block;
        height: 40px
    }
}

.page-productDetails .also-like {
    padding: 70px 0
}

@media screen and (max-width: 768px) {
    .page-productDetails .also-like {
        padding: 30px 0 0
    }
}

.page-productDetails .also-like .owl-nav {
    display: none
}

.page-productDetails .also-like .owl-controls .owl-dots {
    margin-top: 30px
}

@media screen and (max-width: 768px) {
    .page-productDetails .also-like .owl-controls .owl-dots {
        display: none !important
    }
}

.page-productDetails .also-like .owl-controls .owl-dots .owl-dot {
    background: #cecdcd;
    border: none;
    width: 14px;
    height: 14px
}

.page-productDetails .also-like .owl-controls .owl-dots .owl-dot.active {
    width: 17px;
    height: 17px;
    background: transparent;
    border: 2px solid #cecdcd
}

.page-productDetails .faq .container {
    padding: 0 90px
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .page-productDetails .faq .container {
        padding: 0 50px
    }
}

.caroussel-options {
    position: absolute;
    top: 30px;
    left: 30px;
    transition: all 0.5s
}

.rtl .caroussel-options {
    top: 30px;
    right: 30px;
    left: auto
}

.open-popin .master-detail-product .caroussel-options {
    opacity: 0;
    transition: all 0.5s
}

.caroussel-options ul li {
    display: block;
    text-align: center;
    margin-bottom: 14px
}

.caroussel-options ul li a {
    display: block;
    width: 27px;
    height: 25px
}

.caroussel-options ul li a.option-pic {
    background: url(../img/icon/pdp-pic.png) no-repeat center center;
    background-size: 25px auto
}

.caroussel-options ul li a.option-play {
    background: url(../img/icon/pdp-play.png) no-repeat center center;
    background-size: 17px auto
}

.caroussel-options ul li a.option-360 {
    background: url(../img/icon/pdp-360.png) no-repeat center center;
    background-size: 27px auto
}

.product-recent {
    padding: 70px 0
}

@media screen and (max-width: 768px) {
    .product-recent {
        padding: 30px 0 20px
    }
}

.product-recent .slider-4 .owl-stage-outer .owl-stage .owl-item {
    padding: 0
}

.accessories-push {
    padding: 0 0 40px
}

@media screen and (max-width: 768px) {
    .accessories-push {
        padding: 0 0 20px
    }
}

@media screen and (max-width: 768px) {
    .pr_snippet_product {
        text-align: center
    }

    .pr_snippet_product .pr-snippet-wrapper {
        position: relative;
        padding-top: 25px
    }

    .pr_snippet_product .pr-snippet-wrapper .pr-stars-small {
        position: absolute;
        left: 50%;
        transform: translateX(-50%)
    }

    .rtl .pr_snippet_product .pr-snippet-wrapper .pr-stars-small {
        right: 50%;
        transform: translateX(50%)
    }

    .pr_snippet_product .pr-snippet-wrapper .pr-snippet-rating-decimal {
        display: block;
        margin-top: 25px
    }

    .pr_snippet_product .pr-snippet-wrapper .pr-snippet-write-review {
        margin: 0px
    }
}

#bloc-product-wrap,
.master-detail-product .bloc-product {
    display: table;
    width: 100%;
    table-layout: fixed
}

#powerReviews {
    padding: 40px 0
}

.detachedPiece-PDP {
    position: relative;
    margin: 70px 0 -70px
}

.detachedPiece-PDP>img {
    display: block;
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    .detachedPiece-PDP {
        margin: 10px 0 0
    }

    .detachedPiece-PDP>img {
        max-width: 300%
    }
}

.detachedPiece-PDP a {
    color: #50535d;
    cursor: pointer
}

.detachedPiece-PDP a:hover {
    color: #50535d
}

@media screen and (max-width: 768px) {
    .detachedPiece-PDP a img {
        height: 15.6rem
    }
}

.detachedPiece-PDP .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.rtl .detachedPiece-PDP .container {
    right: 50%;
    transform: translate(50%, -50%);
    left: auto
}

.detachedPiece-PDP .container .detachedPieceType2 {
    position: relative;
    margin: 0 0 0 auto;
    background: rgba(255, 255, 255, 0.9);
    width: 45.3rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.1;
    text-align: center
}

.rtl .detachedPiece-PDP .container .detachedPieceType2 {
    margin: 0 auto 0 0
}

@media screen and (max-width: 768px) {
    .detachedPiece-PDP .container .detachedPieceType2 {
        width: 21.4rem;
        height: 9.1rem;
        padding: 4px;
        font-size: 20px;
        font-size: 2rem;
        margin-right: 30px;
        font-size: 13.8px;
        font-size: 1.38rem
    }
}

.detachedPiece-PDP .container .detachedPieceType2 a {
    color: #f38230;
    display: block;
    text-decoration: underline;
    line-height: 22px
}

.detachedPiece-PDP .container .detachedPieceType2 a:hover {
    text-decoration: none
}

@media screen and (max-width: 768px) {
    .detachedPiece-PDP .container .detachedPieceType2 a {
        font-size: 80%
    }
}

.detachedPiece-PDP .container .detachedPieceType2 p,
.detachedPiece-PDP .container .detachedPieceType2 .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .detachedPiece-PDP .container .detachedPieceType2 div {
    line-height: 22px
}

@media screen and (min-width: 768px) {

    .detachedPiece-PDP .container .detachedPieceType2 p,
    .detachedPiece-PDP .container .detachedPieceType2 .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .detachedPiece-PDP .container .detachedPieceType2 div {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        left: 0;
        margin: 0 auto;
        width: 40%
    }
}

#ModalMessage.service-popup {
    padding: 0;
    width: 1088px;
    margin-left: -525px
}

@media screen and (max-width: 1024px) {
    #ModalMessage.service-popup {
        width: auto;
        margin-left: 0
    }
}

#ModalMessage.service-popup .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 500px;
    padding: 0 20px 20px 20px
}

@media screen and (max-width: 1024px) {
    #ModalMessage.service-popup .modal-body {
        max-height: 400px
    }
}

@media screen and (max-width: 1024px) {
    #ModalMessage.service-popup .modal-body.page-CSSRepairersWithMap {
        max-height: calc(100vh - 200px)
    }
}

@media screen and (max-width: 768px) {
    #ModalMessage.service-popup .modal-body.page-CSSRepairersWithMap {
        max-height: calc(100vh - 140px)
    }
}

#ModalMessage.service-popup .modal-body .filtre-store {
    margin: 0 0 25px
}

#ModalMessage.service-popup .modal-body .row-fluid.bloc-light {
    padding: 0
}

@media screen and (max-width: 1024px) {
    #ModalMessage.service-popup .modal-body .row-fluid.bloc-light .add-service-popup .span3 {
        width: 100%;
        float: none
    }
}

#ModalMessage.service-popup .modal-body .row-fluid.bloc-light #storeLocatorFragment .span3 {
    width: 236px;
    margin: 0 20px 0 0
}

@media screen and (max-width: 1024px) {
    #ModalMessage.service-popup .modal-body .row-fluid.bloc-light #storeLocatorFragment .span3 {
        width: 100%
    }
}

#ModalMessage.service-popup .modal-body .row-fluid.bloc-light #storeLocatorFragment .span9 {
    width: 768px;
    margin: 20px 0 0
}

@media screen and (max-width: 1024px) {
    #ModalMessage.service-popup .modal-body .row-fluid.bloc-light #storeLocatorFragment .span9 {
        width: 100%;
        margin: 0
    }
}

@media screen and (max-width: 1024px) {
    #ModalMessage.service-popup .modal-body .row-fluid.bloc-light #StoreLocator .detailStore .details-store-off {
        height: auto !important
    }
}

#ModalMessage.service-popup .modal-body .row-fluid.bloc-light .asp-choosed .pos-features-table-cell .krups-btn,
#ModalMessage.service-popup .modal-body .row-fluid.bloc-light .asp-choosed .pos-features-table-cell .panel-services-contact .more a,
.panel-services-contact .more #ModalMessage.service-popup .modal-body .row-fluid.bloc-light .asp-choosed .pos-features-table-cell a {
    display: none;
    color: #333;
    background-color: #e6e6e6
}

#ModalMessage.service-popup .modal-body .row-fluid.bloc-light .asp-choosed .pos-features-table-cell .btn-action-on {
    display: inline-block
}

#ModalMessage.service-popup .modal-body .row-fluid.bloc-light .btn-action-on {
    display: none
}

#ModalMessage.service-popup .modal-body .row-fluid.bloc-light .service-popup-btns {
    overflow: hidden;
    clear: both;
    text-align: right;
    margin-top: 20px;
    width: 100%;
    display: inline-block
}

#ModalMessage.service-popup .modal-body .row-fluid.bloc-light .service-popup-btns form {
    margin: 0
}

#ModalMessage.service-popup .modal-body .row-fluid.bloc-light .service-popup-btns .close-service-popup {
    background: #948e88;
    color: #fff;
    margin: 0;
    display: inline-block;
    font-size: 14.5px;
    width: auto
}

#ModalMessage.service-popup .modal-body .row-fluid.bloc-light .service-popup-btns .close-service-popup:hover {
    background: #a19a94
}

@media screen and (max-width: 1024px) {
    #ModalMessage.service-popup .modal-body .row-fluid.bloc-light .service-popup-btns .close-service-popup {
        font-size: 13px;
        margin: 0 0 10px
    }
}

#ModalMessage.service-popup .modal-body .row-fluid.bloc-light .service-popup-btns .validate-choose-asp {
    font-size: 14.5px;
    width: auto;
    margin: 0 0 0 16px;
    display: inline-block
}

@media screen and (max-width: 1024px) {
    #ModalMessage.service-popup .modal-body .row-fluid.bloc-light .service-popup-btns .validate-choose-asp {
        font-size: 13px
    }
}

#ModalMessage.service-popup .modal-body .row-fluid.bloc-light .service-popup-btns #add-service-messageError {
    color: #ed1c24;
    font-size: 14px;
    margin: 10px 0
}

.retour-service-popup {
    font-size: 14px;
    margin: 10px 0 0;
    padding: 9px 20px
}

.features {
    padding: 62px 0
}

.features .container {
    width: 100%;
    max-width: 1600px;
    padding: 0
}

.features .container .features-slider {
    padding: 0 90px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .features .container .features-slider {
        padding: 0 40px
    }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .features .container .features-slider {
        padding: 0 50px
    }
}

.features .container .features-slider .item {
    float: left;
    width: 33.33%
}

.rtl .features .container .features-slider .item {
    float: right
}

.features .container .features-slider .item:nth-child(n+4) {
    display: none
}

.features .container .features-slider .item .features-caption {
    width: 100%
}

.features .container .features-slider .owl-stage-outer .owl-stage .owl-item .item {
    float: left;
    width: inherit
}

.rtl .features .container .features-slider .owl-stage-outer .owl-stage .owl-item .item {
    float: right
}

.features .container .features-slider .owl-stage-outer .owl-stage .owl-item .item a:focus {
    text-decoration: none
}

.features .container .features-slider .owl-stage-outer .owl-stage .owl-item .item .features-caption {
    width: initial
}

.features .container .features-thumb {
    overflow: hidden;
    text-align: center;
    position: relative;
    padding: 0 0 75%
}

.features .container .features-thumb>a {
    display: block
}

.features .container .features-thumb>a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.features .container .features-caption {
    max-width: 100%;
    width: inherit;
    text-align: center;
    color: #2a2622
}

.features .container .features-caption p,
.features .container .features-caption .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .features .container .features-caption div {
    font-size: 14px;
    font-size: 1.4rem
}

.features .container .features-caption p:empty,
.features .container .features-caption .krups-block-univers .krups-block-wrapper div:empty,
.krups-block-univers .krups-block-wrapper .features .container .features-caption div:empty {
    display: none
}

.features .container .features-caption .features-caption-title {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 25px;
    font-size: 2.5rem;
    padding: 25px 0;
    line-height: 32px;
    height: 90px;
    width: inherit;
    vertical-align: top;
    overflow: hidden;
    text-transform: lowercase
}

.features .container .features-caption .features-caption-title:first-letter {
    text-transform: uppercase
}

.features .container .features-caption .features-caption-title a {
    color: #2a2622
}

.features .container .features-caption .desc {
    max-height: 210px;
    overflow: hidden;
    transition: max-height 5s ease-out;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px
}

.features .container .read-more {
    display: block;
    margin-top: 5px;
    color: #948e88;
    font-size: 14px;
    font-size: 1.4rem
}

@media screen and (max-width: 768px) {
    .features {
        background: #faf7f7;
        border-bottom: 5px solid #eaeeef;
        padding: 35px 0;
        margin: 0
    }

    .features .container .features-slider {
        padding: 0;
        margin: 0
    }

    .features .container .features-slider .item {
        width: 100%
    }

    .features .container .features-slider .item:nth-child(n+2) {
        display: none
    }

    .features .container .features-slider .owl-stage-outer .owl-stage .owl-item .item {
        float: none
    }

    .features .container .features-slider .owl-controls {
        margin-top: 30px
    }

    .features .container .features-slider .owl-controls .owl-dots .owl-dot {
        background: #bebdbd;
        width: 10px;
        height: 10px;
        margin: 5px 8px;
        border: 2px solid transparent;
        vertical-align: middle
    }

    .features .container .features-slider .owl-controls .owl-dots .owl-dot.active {
        background: transparent;
        border: 2px solid #bebdbd;
        width: 12px;
        height: 12px
    }

    .features .container .features-caption {
        padding: 0 15px
    }

    .features .container .features-caption .features-caption-title {
        font-size: 20px;
        font-size: 2rem
    }
}

@media screen and (max-width: 768px) {
    .page-ProductComparatorPage .main-content {
        background: #fff
    }
}

@media screen and (max-width: 768px) {
    .product-comparator-page {
        padding: 0
    }
}

.product-comparator-page .krups-block-paragraphe {
    text-align: left;
    padding: 30px 30px 100px 0;
    color: #948e88
}

.rtl .product-comparator-page .krups-block-paragraphe {
    text-align: right;
    padding: 30px 0 100px 30px
}

@media screen and (max-width: 768px) {
    .product-comparator-page .krups-block-paragraphe {
        padding: 25px 50px;
        text-align: center;
        background-color: #eaeeef
    }
}

.page-ProductComparatorPage .product-comparison,
.comparison {
    text-align: center;
    background: #fff
}

.page-ProductComparatorPage .product-comparison .anchor:before,
.comparison .anchor:before {
    background: rgba(0, 0, 0, 0.2)
}

.page-ProductComparatorPage .product-comparison .anchor span,
.comparison .anchor span {
    background: rgba(0, 0, 0, 0.2);
    color: #f38230
}

.page-ProductComparatorPage .product-comparison .anchor span:after,
.comparison .anchor span:after {
    border-color: #000
}

.page-ProductComparatorPage .product-comparison .anchor p:before,
.page-ProductComparatorPage .product-comparison .anchor .krups-block-univers .krups-block-wrapper div:before,
.krups-block-univers .krups-block-wrapper .page-ProductComparatorPage .product-comparison .anchor div:before,
.comparison .anchor p:before,
.comparison .anchor .krups-block-univers .krups-block-wrapper div:before,
.krups-block-univers .krups-block-wrapper .comparison .anchor div:before {
    background: #000
}

.page-ProductComparatorPage .product-comparison .table-compare,
.page-ProductComparatorPage .product-comparison .scrollableTable,
.comparison .table-compare,
.comparison .scrollableTable {
    color: #2a2622
}

.page-ProductComparatorPage .product-comparison .table-compare .product-content,
.page-ProductComparatorPage .product-comparison .scrollableTable .product-content,
.comparison .table-compare .product-content,
.comparison .scrollableTable .product-content {
    text-align: center;
    margin-top: 20px
}

.page-ProductComparatorPage .product-comparison .table-compare .caption,
.page-ProductComparatorPage .product-comparison .scrollableTable .caption,
.comparison .table-compare .caption,
.comparison .scrollableTable .caption {
    text-transform: uppercase;
    text-align: center;
    padding: 10px
}

.page-ProductComparatorPage .product-comparison .table-compare .name,
.page-ProductComparatorPage .product-comparison .scrollableTable .name,
.comparison .table-compare .name,
.comparison .scrollableTable .name {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    color: #f38230;
    text-transform: uppercase;
    padding-bottom: 10px
}

@media screen and (max-width: 768px) {

    .page-ProductComparatorPage .product-comparison .table-compare .name,
    .page-ProductComparatorPage .product-comparison .scrollableTable .name,
    .comparison .table-compare .name,
    .comparison .scrollableTable .name {
        padding-bottom: 5px;
        min-height: 81px
    }
}

.page-ProductComparatorPage .product-comparison .table-compare .name a,
.page-ProductComparatorPage .product-comparison .scrollableTable .name a,
.comparison .table-compare .name a,
.comparison .scrollableTable .name a {
    text-transform: uppercase
}

.page-ProductComparatorPage .product-comparison .table-compare .picture a img,
.page-ProductComparatorPage .product-comparison .scrollableTable .picture a img,
.comparison .table-compare .picture a img,
.comparison .scrollableTable .picture a img {
    max-height: 130px;
    width: auto
}

.page-ProductComparatorPage .product-comparison .table-compare a,
.page-ProductComparatorPage .product-comparison .scrollableTable a,
.comparison .table-compare a,
.comparison .scrollableTable a {
    display: block;
    text-decoration: none
}

.page-ProductComparatorPage .product-comparison .table-compare a.btn:first-letter,
.page-ProductComparatorPage .product-comparison .scrollableTable a.btn:first-letter,
.comparison .table-compare a.btn:first-letter,
.comparison .scrollableTable a.btn:first-letter {
    line-height: 1
}

.page-ProductComparatorPage .product-comparison .table-compare a.btn:hover:first-letter,
.page-ProductComparatorPage .product-comparison .scrollableTable a.btn:hover:first-letter,
.comparison .table-compare a.btn:hover:first-letter,
.comparison .scrollableTable a.btn:hover:first-letter {
    line-height: 1
}

.page-ProductComparatorPage .product-comparison .table-compare .sticker-small,
.page-ProductComparatorPage .product-comparison .scrollableTable .sticker-small,
.comparison .table-compare .sticker-small,
.comparison .scrollableTable .sticker-small {
    height: 70px;
    width: 70px
}

.page-ProductComparatorPage .product-comparison .table-compare .info,
.page-ProductComparatorPage .product-comparison .scrollableTable .info,
.comparison .table-compare .info,
.comparison .scrollableTable .info {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    vertical-align: middle
}

.page-ProductComparatorPage .product-comparison .table-compare table,
.page-ProductComparatorPage .product-comparison .scrollableTable table,
.comparison .table-compare table,
.comparison .scrollableTable table {
    border-collapse: separate;
    width: 910px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .page-ProductComparatorPage .product-comparison .table-compare table,
    .page-ProductComparatorPage .product-comparison .scrollableTable table,
    .comparison .table-compare table,
    .comparison .scrollableTable table {
        width: 100%
    }
}

.page-ProductComparatorPage .product-comparison .table-compare table tbody tr:nth-child(odd),
.page-ProductComparatorPage .product-comparison .scrollableTable table tbody tr:nth-child(odd),
.comparison .table-compare table tbody tr:nth-child(odd),
.comparison .scrollableTable table tbody tr:nth-child(odd) {
    background-color: #f5f7f7
}

.page-ProductComparatorPage .product-comparison .table-compare table tfoot .buyinstore,
.page-ProductComparatorPage .product-comparison .scrollableTable table tfoot .buyinstore,
.comparison .table-compare table tfoot .buyinstore,
.comparison .scrollableTable table tfoot .buyinstore {
    margin-top: 10px
}

.page-ProductComparatorPage .product-comparison .scrollable-lame,
.page-ProductComparatorPage .product-comparison .scrollableTable,
.comparison .scrollable-lame,
.comparison .scrollableTable {
    position: relative
}

.page-ProductComparatorPage .product-comparison .scrollable .slider,
.page-ProductComparatorPage .product-comparison .scrollableTable .slider,
.comparison .scrollable .slider,
.comparison .scrollableTable .slider {
    position: relative
}

.page-ProductComparatorPage .product-comparison table#compareTable th.active,
.page-ProductComparatorPage .product-comparison table#compareTable td.active,
.page-ProductComparatorPage .product-comparison .scrollableTable table th.active,
.page-ProductComparatorPage .product-comparison .scrollableTable table td.active,
.comparison table#compareTable th.active,
.comparison table#compareTable td.active,
.comparison .scrollableTable table th.active,
.comparison .scrollableTable table td.active {
    text-align: center;
    vertical-align: middle;
    position: relative
}

.page-ProductComparatorPage .product-comparison table#compareTable th.active,
.page-ProductComparatorPage .product-comparison .scrollableTable table th.active,
.comparison table#compareTable th.active,
.comparison .scrollableTable table th.active {
    vertical-align: top;
    max-width: 205px;
    padding-bottom: 5px
}

.page-ProductComparatorPage .product-comparison table#compareTable th,
.page-ProductComparatorPage .product-comparison table#compareTable td,
.page-ProductComparatorPage .product-comparison .scrollableTable table th,
.page-ProductComparatorPage .product-comparison .scrollableTable table td,
.comparison table#compareTable th,
.comparison table#compareTable td,
.comparison .scrollableTable table th,
.comparison .scrollableTable table td {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    background-color: transparent;
    vertical-align: middle;
    line-height: 1.2em;
    text-transform: lowercase;
    border: none;
    border-right: 1px solid #fff;
    padding: 14px 22px
}

.rtl .page-ProductComparatorPage .product-comparison table#compareTable th,
.rtl .page-ProductComparatorPage .product-comparison table#compareTable td,
.rtl .page-ProductComparatorPage .product-comparison .scrollableTable table th,
.rtl .page-ProductComparatorPage .product-comparison .scrollableTable table td,
.rtl .comparison table#compareTable th,
.rtl .comparison table#compareTable td,
.rtl .comparison .scrollableTable table th,
.rtl .comparison .scrollableTable table td {
    border-left: 1px solid #fff
}

.page-ProductComparatorPage .product-comparison table#compareTable th:first-letter,
.page-ProductComparatorPage .product-comparison table#compareTable td:first-letter,
.page-ProductComparatorPage .product-comparison .scrollableTable table th:first-letter,
.page-ProductComparatorPage .product-comparison .scrollableTable table td:first-letter,
.comparison table#compareTable th:first-letter,
.comparison table#compareTable td:first-letter,
.comparison .scrollableTable table th:first-letter,
.comparison .scrollableTable table td:first-letter {
    text-transform: uppercase
}

.page-ProductComparatorPage .product-comparison .table-compare table th,
.page-ProductComparatorPage .product-comparison .scrollableTable table th,
.comparison .table-compare table th,
.comparison .scrollableTable table th {
    background-color: #f38230;
    vertical-align: top;
    max-width: 254px
}

.page-ProductComparatorPage .product-comparison .scrollableTable table .btn-action td.info,
.comparison .scrollableTable table .btn-action td.info {
    font-size: 13px;
    font-size: 1.3rem;
    color: #9599a4;
    text-transform: none;
    text-align: left;
    font-weight: 100;
    line-height: 20px
}

.rtl .page-ProductComparatorPage .product-comparison .scrollableTable table .btn-action td.info,
.rtl .comparison .scrollableTable table .btn-action td.info {
    text-align: right
}

.page-ProductComparatorPage .product-comparison .scrollableTable .reference,
.comparison .scrollableTable .reference {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #948e88
}

.page-ProductComparatorPage .product-comparison .scrollableTable th.reference,
.comparison .scrollableTable th.reference {
    border-bottom: 4px solid #fff;
    padding-top: 2px
}

.page-ProductComparatorPage .product-comparison .scrollableTable table thead th.info,
.comparison .scrollableTable table thead th.info {
    max-height: 205px
}

.page-ProductComparatorPage .product-comparison .scrollable-lame,
.comparison .scrollable-lame {
    display: inline-block;
    width: 100%
}

.page-ProductComparatorPage .product-comparison .scrollable-lame .item,
.comparison .scrollable-lame .item {
    margin-left: 0;
    margin-bottom: 20px;
    margin-right: 1.32766%;
    width: 23.4043%;
    position: relative;
    float: left
}

.rtl .page-ProductComparatorPage .product-comparison .scrollable-lame .item,
.rtl .comparison .scrollable-lame .item {
    margin-right: 0;
    margin-left: 1.32766%;
    float: right
}

.page-ProductComparatorPage .product-comparison .scrollable-lame .thumbnails [class*="span"],
.comparison .scrollable-lame .thumbnails [class*="span"] {
    margin-left: 0;
    margin-right: 1.32766%
}

.rtl .page-ProductComparatorPage .product-comparison .scrollable-lame .thumbnails [class*="span"],
.rtl .comparison .scrollable-lame .thumbnails [class*="span"] {
    margin-right: 0;
    margin-left: 1.32766%
}

.page-ProductComparatorPage .product-comparison .scrollable-lame .lame-control,
.page-ProductComparatorPage .product-comparison .advices-list .advises-control,
.page-ProductComparatorPage .product-comparison .subnav .subnav-control,
.page-ProductComparatorPage .product-comparison .scrollableTable .scrollable-control,
.comparison .scrollable-lame .lame-control,
.comparison .advices-list .advises-control,
.comparison .subnav .subnav-control,
.comparison .scrollableTable .scrollable-control {
    color: #2a2622;
    font-size: 40px;
    font-weight: 100;
    height: 40px;
    line-height: 30px;
    margin-top: -20px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 90px;
    width: 40px;
    text-decoration: none
}

.page-ProductComparatorPage .product-comparison .scrollable-lame .disabled,
.page-ProductComparatorPage .product-comparison .advices-list .disabled,
.page-ProductComparatorPage .product-comparison .scrollable .disabled,
.page-ProductComparatorPage .product-comparison .scrollableTable .disabled,
.comparison .scrollable-lame .disabled,
.comparison .advices-list .disabled,
.comparison .scrollable .disabled,
.comparison .scrollableTable .disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: .4;
    visibility: hidden
}

.page-ProductComparatorPage .product-comparison .scrollable-lame .right,
.comparison .scrollable-lame .right {
    left: auto;
    right: -40px;
    top: 70px
}

.rtl .page-ProductComparatorPage .product-comparison .scrollable-lame .right,
.rtl .comparison .scrollable-lame .right {
    right: auto;
    left: -40px
}

.page-ProductComparatorPage .product-comparison .scrollable .right,
.page-ProductComparatorPage .product-comparison .scrollableTable .right,
.comparison .scrollable .right,
.comparison .scrollableTable .right {
    left: auto;
    right: -25px
}

.rtl .page-ProductComparatorPage .product-comparison .scrollable .right,
.rtl .page-ProductComparatorPage .product-comparison .scrollableTable .right,
.rtl .comparison .scrollable .right,
.rtl .comparison .scrollableTable .right {
    right: auto;
    left: -25px
}

.page-ProductComparatorPage .product-comparison .scrollable-lame .left,
.comparison .scrollable-lame .left {
    left: -40px;
    top: 70px
}

.rtl .page-ProductComparatorPage .product-comparison .scrollable-lame .left,
.rtl .comparison .scrollable-lame .left {
    right: -40px;
    left: auto
}

.page-ProductComparatorPage .product-comparison .scrollable .left,
.page-ProductComparatorPage .product-comparison .scrollableTable .left,
.comparison .scrollable .left,
.comparison .scrollableTable .left {
    left: 90%;
    top: 72px
}

.page-ProductComparatorPage .product-comparison .scrollableTable .right,
.comparison .scrollableTable .right {
    top: 80px !important
}

.page-ProductComparatorPage .product-comparison .scrollableTable .left,
.comparison .scrollableTable .left {
    top: 10px !important;
    left: 88% !important
}

.rtl .page-ProductComparatorPage .product-comparison .scrollableTable .left,
.rtl .comparison .scrollableTable .left {
    right: 88% !important;
    left: auto
}

.page-ProductComparatorPage .product-comparison .is,
.page-ProductComparatorPage .product-comparison .not,
.comparison .is,
.comparison .not {
    border-radius: 100%;
    height: 14px;
    display: inline-block;
    margin-top: 2px;
    background: url("../img/icon/ok-nok.png") no-repeat
}

.page-ProductComparatorPage .product-comparison .is,
.comparison .is {
    width: 18px;
    background-position: left top
}

.rtl .page-ProductComparatorPage .product-comparison .is,
.rtl .comparison .is {
    background-position: right top
}

.page-ProductComparatorPage .product-comparison .not,
.comparison .not {
    width: 15px;
    background-position: right top
}

.rtl .page-ProductComparatorPage .product-comparison .not,
.rtl .comparison .not {
    background-position: left top
}

.page-ProductComparatorPage .product-comparison .product-cat .scrollable-lame .caption,
.comparison .product-cat .scrollable-lame .caption {
    margin-top: 10px;
    padding: 0 45px 5px 0
}

.rtl .page-ProductComparatorPage .product-comparison .product-cat .scrollable-lame .caption,
.rtl .comparison .product-cat .scrollable-lame .caption {
    padding: 0 0 5px 45px
}

.page-ProductComparatorPage .product-comparison .product-accessories .left,
.page-ProductComparatorPage .product-comparison .product-accessories .right,
.comparison .product-accessories .left,
.comparison .product-accessories .right {
    top: 48%
}

.page-ProductComparatorPage .product-comparison .product-accessories .thumbnail:hover,
.comparison .product-accessories .thumbnail:hover {
    background-color: #F1F1F1
}

.page-ProductComparatorPage .product-comparison .product-accessories li:hover img,
.comparison .product-accessories li:hover img {
    border: 0 none !important
}

.page-ProductComparatorPage .product-comparison .product-recent .gocompare,
.comparison .product-recent .gocompare {
    display: none !important
}

.page-ProductComparatorPage .row-fluid.bloc-head {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 1
}

.page-ProductComparatorPage .row-fluid.bloc-head h1 {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 45px;
    font-size: 4.5rem;
    font-weight: normal
}

.rtl .page-ProductComparatorPage .row-fluid.bloc-head h1 {
    right: 50%;
    left: auto
}

.page-ProductComparatorPage .row-fluid.bloc-head h1::before {
    content: "";
    display: block;
    width: 100%;
    box-shadow: 0px 0px 107px 14px #f38230;
    -moz-box-shadow: 0px 0px 107px 14px #f38230;
    -webkit-box-shadow: 0px 0px 107px 14px #f38230;
    -o-box-shadow: 0px 0px 107px 14px #f38230;
    position: absolute;
    top: 29px
}

.page-ProductComparatorPage .row-fluid.bloc-head img {
    margin: 0 auto;
    display: block;
    width: 100%
}

@media screen and (max-width: 768px) {
    .page-ProductComparatorPage .row-fluid.bloc-head img {
        width: auto
    }
}

.page-ProductComparatorPage .product-comparison {
    position: relative;
    z-index: 5
}

@media screen and (max-width: 1024px) {
    .page-ProductComparatorPage .product-comparison {
        width: 100%
    }
}

.page-ProductComparatorPage .product-comparison .scrollableTable table th {
    background: #fff !important
}

.page-ProductComparatorPage .floatThead-container.shadow {
    box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75)
}

.filtre-comparator {
    background-color: #fff;
    width: 100%;
    margin-top: 30px
}

.filtre-comparator form,
.filtre-comparator label {
    margin: 0
}

@media screen and (max-width: 768px) {

    .filtre-comparator form,
    .filtre-comparator label {
        text-align: center
    }
}

.filtre-comparator hr {
    display: none
}

.filtre-comparator p,
.filtre-comparator .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .filtre-comparator div {
    margin: 0
}

.filtre-comparator .filters {
    width: 100%;
    padding: 20px
}

.filtre-comparator .filters .item,
.filtre-comparator .filters .facetValues,
.filtre-comparator .filters .allFacetValues,
.filtre-comparator .filters .facet_block {
    height: 100%
}

.filtre-comparator .name {
    display: none
}

.filtre-comparator .facet_block {
    overflow: hidden;
    padding: 0;
    margin: 0;
    display: table;
    width: 100%
}

.filtre-comparator .facet_block li {
    text-align: left;
    display: table-cell;
    list-style-type: none;
    vertical-align: middle
}

.rtl .filtre-comparator .facet_block li {
    text-align: right
}

.filtre-comparator .facet_block li .facet_block-label {
    float: left;
    line-height: 50px
}

.rtl .filtre-comparator .facet_block li .facet_block-label {
    float: right
}

@media screen and (max-width: 768px) {
    .filtre-comparator .facet_block li .facet_block-label {
        float: none;
        width: 100%;
        text-align: center
    }
}

.filtre-comparator .facet_block li .facet_block-label input {
    margin: -1px 1px 0 0
}

.rtl .filtre-comparator .facet_block li .facet_block-label input {
    margin: -1px 0 0 1px
}

.filtre-comparator .facet_block li .facet_block-label label {
    font-size: 16px;
    font-size: 1.6rem;
    display: inline-block
}

.filtre-comparator .facet_block li .facet_block-label [type="checkbox"]:not(:checked),
.filtre-comparator .facet_block li .facet_block-label [type="checkbox"]:checked {
    position: absolute;
    left: -9999px
}

.rtl .filtre-comparator .facet_block li .facet_block-label [type="checkbox"]:not(:checked),
.rtl .filtre-comparator .facet_block li .facet_block-label [type="checkbox"]:checked {
    right: -9999px;
    left: auto
}

.filtre-comparator .facet_block li .facet_block-label [type="checkbox"]:not(:checked)+label,
.filtre-comparator .facet_block li .facet_block-label [type="checkbox"]:checked+label {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    line-height: 30px
}

.rtl .filtre-comparator .facet_block li .facet_block-label [type="checkbox"]:not(:checked)+label,
.rtl .filtre-comparator .facet_block li .facet_block-label [type="checkbox"]:checked+label {
    padding-right: 40px
}

.filtre-comparator .facet_block li .facet_block-label [type="checkbox"]:not(:checked)+label:before,
.filtre-comparator .facet_block li .facet_block-label [type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 29px;
    height: 29px;
    border-radius: 100%;
    background: #eaeeef
}

.rtl .filtre-comparator .facet_block li .facet_block-label [type="checkbox"]:not(:checked)+label:before,
.rtl .filtre-comparator .facet_block li .facet_block-label [type="checkbox"]:checked+label:before {
    right: 0;
    left: auto
}

.filtre-comparator .facet_block li .facet_block-label [type="checkbox"]:not(:checked)+label:after,
.filtre-comparator .facet_block li .facet_block-label [type="checkbox"]:checked+label:after {
    content: '';
    width: 29px;
    height: 29px;
    border-radius: 100%;
    background: url("../img/tic.png") no-repeat #00ead7 center center;
    background-size: 17px 13px;
    position: absolute;
    left: 0;
    top: 0px
}

.rtl .filtre-comparator .facet_block li .facet_block-label [type="checkbox"]:not(:checked)+label:after,
.rtl .filtre-comparator .facet_block li .facet_block-label [type="checkbox"]:checked+label:after {
    right: 0;
    left: auto
}

.filtre-comparator .facet_block li .facet_block-label [type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

.filtre-comparator .facet_block li .facet_block-label [type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

.filtre-comparator .facet_block li p,
.filtre-comparator .facet_block li .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .filtre-comparator .facet_block li div {
    float: right;
    clear: none
}

.rtl .filtre-comparator .facet_block li p,
.rtl .filtre-comparator .facet_block li .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .rtl .filtre-comparator .facet_block li div {
    float: left
}

@media screen and (max-width: 768px) {

    .filtre-comparator .facet_block li p,
    .filtre-comparator .facet_block li .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .filtre-comparator .facet_block li div {
        float: none;
        width: 100%
    }
}

.filtre-comparator .facet_block li p a,
.filtre-comparator .facet_block li .krups-block-univers .krups-block-wrapper div a,
.krups-block-univers .krups-block-wrapper .filtre-comparator .facet_block li div a {
    color: #9599a4;
    font-size: 13px;
    font-size: 1.3rem;
    display: block;
    text-decoration: none;
    padding: 9px 14px;
    transition: all 0.3s
}

.filtre-comparator .facet_block li p a:hover,
.filtre-comparator .facet_block li .krups-block-univers .krups-block-wrapper div a:hover,
.krups-block-univers .krups-block-wrapper .filtre-comparator .facet_block li div a:hover {
    color: #2a2622
}

.filtre-comparator .facet_block li p .quitter-comparateur a,
.filtre-comparator .facet_block li .krups-block-univers .krups-block-wrapper div .quitter-comparateur a,
.krups-block-univers .krups-block-wrapper .filtre-comparator .facet_block li div .quitter-comparateur a {
    color: #2a2622;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    line-height: 50px;
    padding: 0 5px 0 0
}

.rtl .filtre-comparator .facet_block li p .quitter-comparateur a,
.rtl .filtre-comparator .facet_block li .krups-block-univers .krups-block-wrapper div .quitter-comparateur a,
.krups-block-univers .krups-block-wrapper .rtl .filtre-comparator .facet_block li div .quitter-comparateur a {
    padding: 0 0 0 5px
}

.filtre-comparator .facet_block li.print-content {
    width: 30px;
    height: 100%;
    text-align: center
}

@media screen and (max-width: 768px) {
    .filtre-comparator .facet_block li.print-content {
        display: none
    }
}

.filtre-comparator .facet_block li.print-content p.text-center,
.filtre-comparator .facet_block li.print-content .krups-block-univers .krups-block-wrapper div.text-center,
.krups-block-univers .krups-block-wrapper .filtre-comparator .facet_block li.print-content div.text-center {
    float: none;
    text-align: right
}

.rtl .filtre-comparator .facet_block li.print-content p.text-center,
.rtl .filtre-comparator .facet_block li.print-content .krups-block-univers .krups-block-wrapper div.text-center,
.krups-block-univers .krups-block-wrapper .rtl .filtre-comparator .facet_block li.print-content div.text-center {
    text-align: left
}

.filtre-comparator .facet_block li.share-conten {
    width: 132px;
    text-align: center
}

.filtre-comparator .facet_block li.share-conten a {
    line-height: 12px;
    margin: 0 5px
}

.filtre-comparator .facet_block li.share-conten a i::before {
    font-size: 18px
}

.filtre-comparator .facet_block li:last-child {
    border-right: 0
}

.rtl .filtre-comparator .facet_block li:last-child {
    border-left: 0
}

@media screen and (max-width: 768px) {
    .filtre-comparator .facet_block li span.print {
        display: none
    }
}

.filtre-comparator .facet_block li span.print a {
    display: block;
    float: none;
    font-family: ico;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    background: none;
    font-weight: 100;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0px;
    font-size: 0rem
}

.filtre-comparator .facet_block li span.print a:before {
    content: "\e623";
    color: #00ead7;
    font-size: 42px;
    font-size: 4.2rem
}

.share-social a {
    display: inline-block;
    vertical-align: top;
    background: none;
    color: #50535d;
    padding: 0 !important;
    font-size: 12px;
    width: auto;
    height: auto;
    margin: 0;
    transition: all 0.3s
}

.share-social a i {
    font-size: 0
}

.share-social a i::before {
    font-size: 20px
}

.share-social a:hover {
    color: #fff;
    text-decoration: none
}

.page-ProductComparatorPage .product-comparison,
.page-comparison {
    padding: 30px 0
}

.page-ProductComparatorPage .product-comparison table tbody tr td .price span,
.page-comparison table tbody tr td .price span {
    display: block;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 21px;
    font-size: 2.1rem;
    color: #f38230
}

.page-ProductComparatorPage .product-comparison table tbody tr td .price .disclamere,
.page-comparison table tbody tr td .price .disclamere {
    font-size: 10px;
    font-size: 1rem;
    color: #948e88;
    display: inline-block;
    padding-left: 5px
}

.rtl .page-ProductComparatorPage .product-comparison table tbody tr td .price .disclamere,
.rtl .page-comparison table tbody tr td .price .disclamere {
    padding-right: 5px
}

.page-ProductComparatorPage .product-comparison table tbody tr:nth-child(odd),
.page-comparison table tbody tr:nth-child(odd) {
    background-color: #f5f7f7
}

@media screen and (max-width: 768px) {

    .page-ProductComparatorPage .product-comparison table tbody tr:nth-child(odd),
    .page-comparison table tbody tr:nth-child(odd) {
        background-color: transparent
    }
}

.page-ProductComparatorPage .product-comparison table tbody tr:nth-child(even),
.page-comparison table tbody tr:nth-child(even) {
    background-color: #fff
}

@media screen and (max-width: 768px) {

    .page-ProductComparatorPage .product-comparison table tbody tr:nth-child(even),
    .page-comparison table tbody tr:nth-child(even) {
        background-color: transparent
    }
}

.page-ProductComparatorPage .product-comparison .picture button.close,
.page-comparison .picture button.close {
    position: absolute;
    top: 0;
    left: 75%;
    text-align: center;
    width: 15px;
    height: 15px;
    outline: none;
    transition: all 0.3s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    border-radius: 100%;
    margin-top: 10px
}

.rtl .page-ProductComparatorPage .product-comparison .picture button.close,
.rtl .page-comparison .picture button.close {
    right: 75%;
    left: auto
}

.page-ProductComparatorPage .product-comparison .picture button.close:hover,
.page-comparison .picture button.close:hover {
    background: #313131
}

.page-ProductComparatorPage .product-comparison .picture button.close:focus,
.page-ProductComparatorPage .product-comparison .picture button.close:active,
.page-comparison .picture button.close:focus,
.page-comparison .picture button.close:active {
    outline: none
}

@media screen and (max-width: 768px) {

    .page-ProductComparatorPage .product-comparison .picture button.close,
    .page-comparison .picture button.close {
        display: none
    }
}

.page-ProductComparatorPage .product-comparison .picture button.close img,
.page-comparison .picture button.close img {
    height: auto;
    width: auto;
    vertical-align: top
}

.page-ProductComparatorPage .product-comparison .table-compare,
.page-ProductComparatorPage .product-comparison .scrollableTable,
.page-comparison .table-compare,
.page-comparison .scrollableTable {
    overflow: hidden;
    width: 100%;
    margin: 0 auto
}

@media screen and (max-width: 1024px) {

    .page-ProductComparatorPage .product-comparison .table-compare,
    .page-ProductComparatorPage .product-comparison .scrollableTable,
    .page-comparison .table-compare,
    .page-comparison .scrollableTable {
        width: 100%
    }
}

.page-ProductComparatorPage .product-comparison .table-compare a.btn,
.page-ProductComparatorPage .product-comparison .scrollableTable a.btn,
.page-comparison .table-compare a.btn,
.page-comparison .scrollableTable a.btn {
    color: #f38230
}

.page-ProductComparatorPage .product-comparison .table-compare table,
.page-ProductComparatorPage .product-comparison .scrollableTable table,
.page-comparison .table-compare table,
.page-comparison .scrollableTable table {
    width: 100%
}

.page-ProductComparatorPage .product-comparison .table-compare table tr.btn-action td.on,
.page-ProductComparatorPage .product-comparison .table-compare table tr.btn-action td,
.page-ProductComparatorPage .product-comparison .scrollableTable table tr.btn-action td.on,
.page-ProductComparatorPage .product-comparison .scrollableTable table tr.btn-action td,
.page-comparison .table-compare table tr.btn-action td.on,
.page-comparison .table-compare table tr.btn-action td,
.page-comparison .scrollableTable table tr.btn-action td.on,
.page-comparison .scrollableTable table tr.btn-action td {
    background: #fff !important
}

.page-ProductComparatorPage .product-comparison .table-compare table tr.btn-action td,
.page-ProductComparatorPage .product-comparison .scrollableTable table tr.btn-action td,
.page-comparison .table-compare table tr.btn-action td,
.page-comparison .scrollableTable table tr.btn-action td {
    padding-top: 20px
}

.page-ProductComparatorPage .product-comparison .table-compare table tfoot a,
.page-ProductComparatorPage .product-comparison .scrollableTable table tfoot a,
.page-comparison .table-compare table tfoot a,
.page-comparison .scrollableTable table tfoot a {
    display: inline-block
}

.page-ProductComparatorPage .product-comparison .table-compare table tfoot .btn-action a.btn,
.page-ProductComparatorPage .product-comparison .scrollableTable table tfoot .btn-action a.btn,
.page-comparison .table-compare table tfoot .btn-action a.btn,
.page-comparison .scrollableTable table tfoot .btn-action a.btn {
    min-width: 205px
}

.page-ProductComparatorPage .product-comparison .table-compare table tfoot .btn-action a.btn:hover,
.page-ProductComparatorPage .product-comparison .scrollableTable table tfoot .btn-action a.btn:hover,
.page-comparison .table-compare table tfoot .btn-action a.btn:hover,
.page-comparison .scrollableTable table tfoot .btn-action a.btn:hover {
    background: #fff
}

@media screen and (max-width: 900px) {

    .page-ProductComparatorPage .product-comparison .table-compare table tfoot .btn-action a.btn,
    .page-ProductComparatorPage .product-comparison .scrollableTable table tfoot .btn-action a.btn,
    .page-comparison .table-compare table tfoot .btn-action a.btn,
    .page-comparison .scrollableTable table tfoot .btn-action a.btn {
        min-width: inherit;
        width: 100%;
        font-size: 12px;
        padding-left: 5px;
        line-height: 17px
    }

    .rtl .page-ProductComparatorPage .product-comparison .table-compare table tfoot .btn-action a.btn,
    .rtl .page-ProductComparatorPage .product-comparison .scrollableTable table tfoot .btn-action a.btn,
    .rtl .page-comparison .table-compare table tfoot .btn-action a.btn,
    .rtl .page-comparison .scrollableTable table tfoot .btn-action a.btn {
        padding-right: 5px
    }
}

.page-ProductComparatorPage .product-comparison .filtre-comparator,
.page-comparison .filtre-comparator {
    width: 100%
}

@media screen and (max-width: 768px) {

    .page-ProductComparatorPage .row-fluid.bloc-head,
    .page-ProductComparatorPage .scrollableTable,
    .page-ProductComparatorPage .product-comparison,
    .page-ProductComparatorPage .filtre-comparator {
        width: 100% !important;
        padding: 0
    }

    .page-ProductComparatorPage .row-fluid.bloc-head .banner-mobile {
        padding: 0 15px
    }

    .page-ProductComparatorPage .row-fluid.bloc-head .banner-mobile h1 {
        background: rgba(255, 255, 255, 0.8);
        height: 120px;
        top: auto;
        left: 15px;
        right: 15px;
        transform: translate(0, 0);
        bottom: 0;
        margin: 0;
        text-align: center;
        padding: 16px 30px 10px
    }

    .rtl .page-ProductComparatorPage .row-fluid.bloc-head .banner-mobile h1 {
        right: 15px;
        left: auto
    }

    .page-ProductComparatorPage .row-fluid.bloc-head .banner-mobile h1::before {
        display: none
    }

    .page-ProductComparatorPage .filtre-comparator .filters .facet_block li {
        border-right: 0
    }

    .rtl .page-ProductComparatorPage .filtre-comparator .filters .facet_block li {
        border-left: 0
    }

    .page-ProductComparatorPage .filtre-comparator .filters .facet_block li.share-conten {
        width: 100%
    }

    .page-ProductComparatorPage .filtre-comparator .filters .facet_block li.share-conten a {
        margin-right: 42px
    }

    .page-ProductComparatorPage .filtre-comparator .filters .facet_block li.share-conten a i {
        line-height: 50px
    }

    .page-ProductComparatorPage .filtre-comparator .filters .facet_block li.share-conten a i::before {
        font-size: 34px;
        font-size: 3.4rem
    }

    .rtl .page-ProductComparatorPage .filtre-comparator .filters .facet_block li.share-conten a {
        margin-left: 42px
    }

    .page-ProductComparatorPage .filtre-comparator .filters .facet_block li.share-conten a:last-child {
        margin-right: 0
    }

    .rtl .page-ProductComparatorPage .filtre-comparator .filters .facet_block li.share-conten a:last-child {
        margin-left: 0px
    }

    .page-ProductComparatorPage .filtre-comparator .filters .facet_block li:first-child {
        width: 100%
    }

    .page-ProductComparatorPage .filtre-comparator .filters .facet_block li .quitter-comparateur {
        display: none
    }

    .page-ProductComparatorPage .filtre-comparator .filters .facet_block li [type="checkbox"]:checked+label {
        padding-left: 34px;
        line-height: 25px
    }

    .rtl .page-ProductComparatorPage .filtre-comparator .filters .facet_block li [type="checkbox"]:checked+label {
        padding-right: 34px
    }

    .page-ProductComparatorPage .filtre-comparator .filters .facet_block li [type="checkbox"]:not(:checked)+label:before,
    .page-ProductComparatorPage .filtre-comparator .filters .facet_block li [type="checkbox"]:checked+label:before {
        width: 25px;
        height: 25px;
        top: 0
    }

    .page-ProductComparatorPage .filtre-comparator .filters .facet_block li [type="checkbox"]:not(:checked)+label:after,
    .page-ProductComparatorPage .filtre-comparator .filters .facet_block li [type="checkbox"]:checked+label:after {
        width: 25px;
        height: 25px;
        left: 0
    }

    .rtl .page-ProductComparatorPage .filtre-comparator .filters .facet_block li [type="checkbox"]:not(:checked)+label:after,
    .rtl .page-ProductComparatorPage .filtre-comparator .filters .facet_block li [type="checkbox"]:checked+label:after {
        right: 0;
        left: auto
    }

    .page-ProductComparatorPage .product-comparison .scrollableTable .table {
        display: block;
        width: 100%
    }

    .page-ProductComparatorPage .product-comparison .scrollableTable .table td {
        padding: 10px
    }

    .page-ProductComparatorPage .product-comparison .scrollableTable .table thead {
        display: block;
        width: 100%;
        padding-bottom: 15px
    }

    .page-ProductComparatorPage .product-comparison .scrollableTable .table thead tr {
        display: block;
        width: 100%
    }

    .page-ProductComparatorPage .product-comparison .scrollableTable .table thead tr .info {
        display: none !important
    }

    .page-ProductComparatorPage .product-comparison .scrollableTable .table thead tr th {
        display: inline-block !important;
        width: 49% !important;
        border-right: none
    }

    .rtl .page-ProductComparatorPage .product-comparison .scrollableTable .table thead tr th {
        border-left: none
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .page-ProductComparatorPage .product-comparison .scrollableTable .table thead tr th a {
        height: 130px;
        display: table-cell;
        vertical-align: middle
    }
}

@media screen and (max-width: 768px) {
    .page-ProductComparatorPage .product-comparison .scrollableTable .table tbody {
        display: block
    }

    .page-ProductComparatorPage .product-comparison .scrollableTable .table tbody tr {
        display: inline-block;
        width: 100%;
        margin: auto;
        text-align: center
    }

    .page-ProductComparatorPage .product-comparison .scrollableTable .table tbody tr td {
        width: 50% !important;
        max-width: inherit;
        border-right: none !important;
        display: inline-block !important;
        background-color: #fff
    }

    .rtl .page-ProductComparatorPage .product-comparison .scrollableTable .table tbody tr td {
        border-left: none !important
    }

    .page-ProductComparatorPage .product-comparison .scrollableTable .table tbody tr td.active {
        width: 50% !important
    }

    .page-ProductComparatorPage .product-comparison .scrollableTable .table tbody tr td:first-child {
        background: #eaeeef !important;
        display: block !important;
        margin: auto;
        text-align: center !important;
        width: 100% !important;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        max-width: inherit;
        color: #2a2622;
        font-size: 14px;
        font-size: 1.4rem;
        height: 40px;
        line-height: 24px
    }

    .page-ProductComparatorPage .product-comparison .scrollableTable .table tbody tr td:nth-child(2) {
        float: left !important;
        border-right: 1px solid #eaeeef !important
    }

    .rtl .page-ProductComparatorPage .product-comparison .scrollableTable .table tbody tr td:nth-child(2) {
        float: right !important;
        border-left: 1px solid #eaeeef !important
    }

    .page-ProductComparatorPage .product-comparison .scrollableTable .table tbody tr td:last-child {
        float: right !important
    }

    .rtl .page-ProductComparatorPage .product-comparison .scrollableTable .table tbody tr td:last-child {
        float: left !important
    }

    .page-ProductComparatorPage .product-comparison .scrollableTable .table tfoot {
        display: block;
        width: 100%;
        background-color: #eaeeef !important
    }

    .page-ProductComparatorPage .product-comparison .scrollableTable .table tfoot .btn-action {
        width: 100%;
        display: inline-table
    }

    .page-ProductComparatorPage .product-comparison .scrollableTable .table tfoot .btn-action .info {
        display: none !important;
        margin: auto
    }

    .page-ProductComparatorPage .product-comparison .scrollableTable .table tfoot .btn-action td {
        background-color: #eaeeef !important;
        border-right: none;
        width: 49% !important;
        display: inline-block !important
    }

    .rtl .page-ProductComparatorPage .product-comparison .scrollableTable .table tfoot .btn-action td {
        border-left: none
    }

    .page-ProductComparatorPage .product-comparison .scrollableTable .table tfoot .btn-orange {
        padding: 10px 25px
    }
}

.page-productDetails .comparison {
    padding: 60px 0
}

.comparison .theme-title {
    border: 1px solid #000 !important;
    background-color: #000 !important;
    text-align: left !important;
    color: #fff !important;
    font-size: 12pt !important
}

.faq {
    padding: 50px 0;
    background: #fff
}

.faq .krups-bloc-title {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 25px;
    font-size: 2.5rem;
    text-transform: uppercase;
    color: #2a2622;
    text-align: center
}

.faq .krups-bloc-title:after {
    content: '';
    display: block;
    height: 5px;
    width: 100px;
    background: #f38230;
    margin: 30px auto
}

.faq:not(.accordion-panel) h2 {
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 59px;
    text-align: center;
    text-transform: uppercase
}

.faq .product-faq {
    margin: 0 auto
}

.faq a {
    text-decoration: none
}

.faq .anchor span {
    background: #171413;
    color: #f38230
}

.faq .anchor span:after {
    border-color: #000
}

.faq .anchor p:before,
.faq .anchor .krups-block-univers .krups-block-wrapper div:before,
.krups-block-univers .krups-block-wrapper .faq .anchor div:before {
    background: #000
}

.faq .accordion-group {
    border: 0;
    margin: 0 0 10px 0
}

@media screen and (max-width: 768px) {
    .faq .accordion-group {
        margin: 0;
        border-bottom: 1px solid #eaeeef
    }
}

.faq .accordion-toggle {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 15px 40px 15px 20px;
    line-height: 32px;
    background: #232120;
    color: #fff;
    position: relative;
    margin: 0;
    outline: none;
    text-align: left;
    transition: all 0.3s
}

.rtl .faq .accordion-toggle {
    padding: 15px 20px 15px 40px;
    text-align: right
}

.faq .accordion-toggle:focus {
    outline: none
}

.faq .accordion-toggle.collapsed {
    border-bottom: 0
}

.faq .accordion-toggle.active {
    border-bottom: 1px solid #dadada
}

.faq .accordion-toggle:after {
    position: absolute;
    right: 20px;
    top: 26px;
    font-family: icokrups;
    font-size: 11px;
    font-size: 1.1rem;
    color: #fff;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e902";
    transition: all 0.3s
}

.rtl .faq .accordion-toggle:after {
    left: 20px;
    right: auto
}

.faq .accordion-toggle.active:after {
    content: "\e900";
    transition: all 0.3s
}

@media screen and (max-width: 768px) {
    .faq .accordion-toggle {
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
        font-size: 14px;
        font-size: 1.4rem;
        background: #372d26;
        padding: 12px 40px 12px 14px
    }

    .rtl .faq .accordion-toggle {
        padding: 12px 14px 12px 40px
    }

    .faq .accordion-toggle:after {
        font-size: 7px;
        font-size: .7rem;
        right: 21px
    }

    .rtl .faq .accordion-toggle:after {
        left: 21px
    }
}

.faq .accordieon-group {
    margin-bottom: 2px
}

.faq .accordion-inner {
    border: 0;
    padding: 0
}

.faq .accordion-inner .accordion-inner {
    background: #eaeeef;
    text-align: justify;
    padding: 4% 15%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4em
}

@media screen and (max-width: 768px) {
    .faq .accordion-inner .accordion-inner {
        background: #fff;
        padding: 15px
    }
}

.faq .accordion-inner .accordion-toggle {
    background: #eaeeef;
    border-color: #fff;
    text-align: left;
    text-transform: none;
    color: #bebdbd;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0
}

.rtl .faq .accordion-inner .accordion-toggle {
    text-align: right
}

.faq .accordion-inner .accordion-toggle.active {
    color: #fff
}

.faq .accordion-inner .accordion-toggle:after {
    font-size: 11px;
    font-size: 1.1rem;
    color: #50535d;
    content: "\e902"
}

.faq .accordion-inner .accordion-toggle.active:after {
    content: "\e900"
}

.faq .accordion-inner .accordion-group {
    margin: 0;
    border-bottom: 1px solid #fff
}

.faq .accordion-inner .accordion-group .accordion-heading .accordion-toggle {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #2a2622
}

@media screen and (max-width: 768px) {
    .faq .accordion-inner .accordion-group {
        border-bottom: 1px solid #eaeeef
    }

    .faq .accordion-inner .accordion-group .accordion-heading .accordion-toggle {
        font-size: 14px;
        font-size: 1.4rem;
        background: #fff;
        line-height: 20px;
        padding: 15px 40px 15px 14px;
        border-color: #eaeeef
    }

    .rtl .faq .accordion-inner .accordion-group .accordion-heading .accordion-toggle {
        padding: 15px 14px 15px 40px
    }

    .faq .accordion-inner .accordion-group .accordion-heading .accordion-toggle:after {
        font-size: 7px;
        font-size: .7rem
    }
}

.faq .accordion {
    margin-bottom: 3px
}

.product-faq-results h4 {
    margin: 0
}

.product-faq-results .item {
    border: 0;
    overflow: visible
}

.product-faq-results .item .accordion {
    margin: 0
}

.product-faq-results .item .accordion .accordion-toggle {
    position: relative
}

.product-faq-results .item .accordion .accordion-toggle:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e902";
    position: absolute;
    right: 28px;
    top: 28px;
    font-size: 10px;
    font-size: 1rem;
    color: #ffffff;
    font-family: icokrups;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

.rtl .product-faq-results .item .accordion .accordion-toggle:after {
    left: 28px;
    right: auto
}

.product-faq-results .item .accordion .accordion-toggle.active:after {
    content: "\e900"
}

.product-faq-results .item>.accordion {
    margin-bottom: 0
}

.product-faq-results .item>.accordion>.accordion-group {
    border: 0;
    margin: 0
}

.product-faq-results .item>.accordion>.accordion-group>.accordion-heading {
    margin: -1px 0 1px
}

.product-faq-results .item>.accordion>.accordion-group>.accordion-heading>.accordion-toggle {
    padding: 22px 40px 20px 12px;
    color: #ffffff;
    position: relative;
    margin: 0;
    outline: none;
    text-decoration: none;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    box-shadow: 1px 0 0 0 #dadada, 0 1px 0 0 #dadada, 1px 1px 0 0 #dadada, 1px 0 0 0 #dadada inset, 0 1px 0 0 #dadada inset;
    font-size: 16px;
    font-size: 1.6rem;
    background-color: #232120
}

.rtl .product-faq-results .item>.accordion>.accordion-group>.accordion-heading>.accordion-toggle {
    padding: 22px 12px 20px 40px
}

.product-faq-results .item>.accordion>.accordion-group>.accordion-heading>.accordion-toggle:focus {
    outline: none
}

.product-faq-results .item>.accordion>.accordion-group>.accordion-heading>.accordion-toggle.collapsed {
    color: #ffffff
}

.product-faq-results .item>.accordion>.accordion-group>.accordion-heading>.accordion-toggle:after {
    font-size: 10px;
    font-size: 1rem
}

.product-faq-results .item>.accordion>.accordion-group>.accordion-heading>.accordion-toggle.active:after {
    content: "\e900"
}

@media screen and (max-width: 768px) {
    .product-faq-results .item>.accordion>.accordion-group>.accordion-heading>.accordion-toggle {
        background-color: #372d26;
        font-size: 14px;
        font-size: 1.4rem
    }

    .product-faq-results .item>.accordion>.accordion-group>.accordion-heading>.accordion-toggle:after {
        font-size: 7px;
        font-size: .7rem
    }
}

.product-faq-results .item>.accordion>.accordion-group>.accordion-body {
    color: #f38230;
    background-color: #ffffff
}

.product-faq-results .item>.accordion>.accordion-group>.accordion-body>.accordion-inner>.accordion>.accordion-group .accordion-heading,
.product-faq-results .item>.accordion>.accordion-group>.accordion-body>.accordion-inner>.accordion>.accordion-group .faq-response {
    border-top: 2px solid #eaeeef;
    background: #eaeeef;
    margin: 1px 0px
}

@media screen and (max-width: 768px) {
    .product-faq-results .item>.accordion>.accordion-group>.accordion-body>.accordion-inner>.accordion {
        background: #ffffff;
        padding: 0 12px
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .product-faq-results .item>.accordion>.accordion-group>.accordion-body>.accordion-inner>.accordion {
        padding: 0px
    }
}

@media screen and (max-width: 768px) {
    .product-faq-results .item>.accordion>.accordion-group>.accordion-body>.accordion-inner>.accordion>.accordion-group {
        width: 100%;
        margin: 0;
        padding: 0
    }
}

.product-faq-results .item>.accordion .accordion-inner {
    border: 0;
    padding: 0px
}

.product-faq-results .item>.accordion .accordion-inner .accordion-group {
    margin: 0;
    border: 0;
    border-radius: 0
}

.product-faq-results .item>.accordion .accordion-inner .accordion-inner {
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.3em;
    color: #4b4b4b
}

.rtl .product-faq-results .item>.accordion .accordion-inner .accordion-inner {
    text-align: right
}

.product-faq-results .item>.accordion .accordion-inner .accordion-toggle {
    background: #f6f6f6;
    font-size: 16px;
    font-size: 1.6rem;
    color: #000000;
    text-align: left;
    margin: 0;
    padding: 20px 50px 20px 18px
}

.rtl .product-faq-results .item>.accordion .accordion-inner .accordion-toggle {
    padding: 20px 18px 20px 50px;
    text-align: right
}

.product-faq-results .item>.accordion .accordion-inner .accordion-toggle:after {
    color: #2a2622;
    right: 28px
}

.rtl .product-faq-results .item>.accordion .accordion-inner .accordion-toggle:after {
    left: 28px;
    right: auto
}

@media screen and (max-width: 768px) {
    .product-faq-results .item>.accordion .accordion-inner .accordion-toggle {
        background: #eaeeef;
        padding: 16px 49px 17px 10px;
        font-size: 14px;
        font-size: 1.4rem
    }

    .rtl .product-faq-results .item>.accordion .accordion-inner .accordion-toggle {
        padding: 16px 10px 17px 49px
    }

    .product-faq-results .item>.accordion .accordion-inner .accordion-toggle:after {
        right: 27px;
        font-size: 7px;
        font-size: .7rem
    }

    .rtl .product-faq-results .item>.accordion .accordion-inner .accordion-toggle:after {
        left: 27px;
        right: auto
    }
}

@media screen and (max-width: 768px) {
    .product-faq-results .item>.accordion .accordion-inner .accordion-body {
        padding: 0
    }
}

.product-faq-results .faq-response {
    padding: 30px 65px 37px 78px !important
}

.rtl .product-faq-results .faq-response {
    padding: 30px 78px 37px 65px !important
}

.search-product-item-content .item {
    min-height: 197px;
    border-bottom: 1px solid #eaeeef
}

@media screen and (max-width: 768px) {
    .search-product-item-content .item {
        border-bottom: 2px solid #eaeeef
    }
}

.search-product-item-content .item:nth-child(1) {
    border-top: 1px solid #eaeeef
}

#productList .item {
    min-height: 197px;
    border-bottom: 1px solid #eaeeef
}

@media screen and (max-width: 768px) {
    #productList .item {
        border-bottom: 2px solid #eaeeef
    }
}

#ifuList .item {
    min-height: 186px;
    border-bottom: 1px solid #dadada
}

#accessoryList .item {
    overflow: hidden
}

#recipesList .thumbnail img,
#productList .thumbnail img {
    max-height: 162px
}

.page-faqhomepage .row-fluid.bloc-light {
    padding-bottom: 37px;
    padding-top: 32px
}

@media screen and (max-width: 768px) {
    .page-faqhomepage .row-fluid.bloc-light {
        padding-top: 0
    }
}

.page-faqhomepage .row-fluid.bloc-light.bloc-services {
    padding: 0
}

.page-faqhomepage .push-home.push-guide li {
    display: none
}

.page-faqhomepage .push-home.push-guide li:first-child {
    display: block
}

.page-faq-categories-list .list-cat .container {
    width: auto
}

.page-faq-categories-list .sidebar-filters {
    margin-bottom: 37px
}

@media screen and (max-width: 768px) {
    .page-faq-categories-list .sidebar-filters {
        margin-bottom: 0
    }
}

.page-faq-categories-list .filters .item:nth-child(2),
.page-faq-categories-list .filters .item:nth-child(4) {
    display: block
}

.notation {
    padding: 10px 0 0;
    border-top: 1px solid #DBDDE1;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    max-width: 550px
}

.notation form {
    margin: 0 auto;
    width: 500px;
    text-align: center;
    padding-bottom: 10px
}

@media screen and (max-width: 768px) {
    .notation form {
        width: 100%
    }
}

.notation .satisfaction {
    overflow: hidden;
    text-align: center;
    text-transform: uppercase
}

@media screen and (max-width: 768px) {
    .notation .satisfaction {
        text-align: center
    }
}

.notation .satisfaction label {
    color: #50535d;
    display: inline-block;
    padding: 2px 0 0 0;
    margin: 0 10px 0 3px
}

.notation .satisfaction label.question {
    font-size: 13px;
    font-size: 1.3rem;
    padding-bottom: 5px;
    text-transform: initial;
    color: #9599a4
}

@media screen and (max-width: 768px) {
    .notation .satisfaction label.question {
        display: block
    }
}

.rtl .notation .satisfaction label {
    margin: 0 3px 0 10px
}

.notation .satisfaction input {
    display: inline-block;
    margin: 0
}

.notation .amelioration {
    overflow: hidden;
    clear: both;
    margin: 10px 0 5px 25px
}

.rtl .notation .amelioration {
    margin: 10px 25px 5px 0
}

@media screen and (max-width: 768px) {
    .notation .amelioration {
        margin: 10px 0 0
    }
}

.notation .amelioration label {
    float: left;
    padding: 2px 0 0 0;
    margin: 0 10px 2px 3px
}

.rtl .notation .amelioration label {
    float: right;
    margin: 0 3px 2px 10px
}

@media screen and (max-width: 768px) {
    .notation .amelioration label {
        float: none;
        text-align: left
    }

    .rtl .notation .amelioration label {
        text-align: right
    }
}

.notation .amelioration input {
    float: left;
    clear: both;
    margin: 4px 2px 0 0
}

.rtl .notation .amelioration input {
    margin: 4px 0 0 2px;
    float: right
}

@media screen and (max-width: 768px) {
    .notation .amelioration input {
        margin: 4px 5px 0 2px
    }

    .rtl .notation .amelioration input {
        margin: 4px 2px 0 5px
    }
}

.notation .btns {
    display: inline-block;
    margin-top: 16px;
    min-width: 50%
}

@media screen and (max-width: 768px) {
    .notation .btns {
        display: -ms-inline-grid;
        display: inline-grid;
        text-align: center
    }
}

.notation .btns span {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
    font-size: 1.5rem
}

.notation .btns input {
    margin: auto 0 !important
}

.notation .thanks {
    color: #f38230;
    padding: 8px 8px;
    text-align: center;
    font-size: 14.5px;
    font-size: 1.45rem
}

@media screen and (max-width: 768px) {
    #faq {
        padding: 0
    }

    #faq h2 {
        margin-bottom: 0
    }

    #faq .accordion#AccordionFAQ {
        background: #eaeeef;
        margin-bottom: 0;
        padding: 8px
    }

    #faq:not(.accordion-panel) h2 {
        line-height: 46px;
        margin-bottom: 50px;
        margin-top: 0
    }

    #faq:not(.accordion-panel) .accordion .accordion-group:last-child .accordion-toggle:not(.active) {
        border-bottom: 1px solid #dadada
    }

    #faq:not(.accordion-panel) .border-bottom {
        border-bottom: 0;
        padding-bottom: 40px
    }
}

.tags {
    margin: 0;
    padding: 0
}

.tags .tag {
    display: inline-block;
    float: left;
    background: #f2f2f2;
    color: #50535d;
    margin: 0 8px 8px 0;
    padding: 3px 30px 3px 7px;
    position: relative;
    font-size: 13px;
    font-size: 1.3rem
}

.rtl .tags .tag {
    float: right;
    margin: 0 0 8px 8px;
    padding: 3px 8px 3px 22px
}

.tags .tag .close {
    background: url(../img/icon/btn-delete.png) no-repeat 0 0;
    position: absolute;
    color: #f38230;
    font-weight: 100;
    font-size: 0px;
    font-size: 0rem;
    text-shadow: 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    transition: all 0.3s;
    top: 6px;
    right: 7px;
    width: 14px;
    transition: all 0.3s
}

.tags .tag .close:hover {
    color: #eaeeef;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5
}

.rtl .tags .tag .close {
    float: left;
    right: auto;
    left: 7px
}

@media screen and (max-width: 768px) {
    .tags .tag {
        margin: 0 3% 10px 0;
        float: left;
        width: 48.5%
    }

    .tags .tag:nth-child(2n+2) {
        margin-right: 0
    }
}

.active-filters {
    text-align: left;
    padding: 13px 10px 0
}

.active-filters .reset-botton {
    display: inline-block;
    vertical-align: top;
    margin: 2px 25px 0 0
}

.active-filters .reset-botton a {
    font-size: 13px;
    font-size: 1.3rem;
    color: #bebdbd;
    text-decoration: underline;
    font-style: italic
}

.active-filters .reset-botton a:hover {
    text-decoration: none
}

.active-filters ul {
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width: 768px) {
    .active-filters {
        padding: 0
    }

    .active-filters .reset-botton {
        margin: -5px 0 8px;
        display: block
    }

    .active-filters ul {
        display: block
    }
}

.desc {
    word-wrap: break-word
}

.page-SubCategoryPage .list-product .container {
    padding: 0 15px
}

.page-SubCategoryPage .krups-cta .krups-btn.krups-btn-orange,
.page-SubCategoryPage .krups-cta .panel-services-contact .more a.krups-btn-orange,
.panel-services-contact .more .page-SubCategoryPage .krups-cta a.krups-btn-orange {
    padding: 13px 30px
}

.bloc-head-cat {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    min-height: 545px;
    height: auto;
    padding: 0;
    margin: 0 auto;
    position: relative
}

.bloc-head-cat h1 {
    color: #fff;
    font-weight: normal;
    font-size: 60px;
    font-size: 6rem;
    width: 100%;
    max-width: 670px;
    line-height: 55px;
    font-style: italic;
    position: absolute;
    bottom: 40%;
    left: 50%;
    text-align: center;
    margin: 0;
    transform: translate(-50%, 0)
}

.bloc-head-cat h1:before {
    content: "";
    display: block;
    width: 100%;
    box-shadow: 34px 30px 186px 65px #fff;
    -moz-box-shadow: 34px 30px 186px 65px #fff;
    -webkit-box-shadow: 34px 30px 186px 65px #fff;
    -o-box-shadow: 34px 30px 186px 65px #fff;
    position: absolute;
    top: 29px;
    z-index: -1
}

.bloc-head-desc {
    color: #50535d;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 32px;
    padding: 42px 196px;
    text-align: center;
    margin-top: -98px;
    background: #fff;
    position: relative;
    z-index: 9
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .page-SubCategoryPage .bloc-head-desc {
        padding: 25px 50px;
        margin-bottom: 20px
    }

    .page-SubCategoryPage .master-slider-category {
        min-height: 535px
    }

    .page-SubCategoryPage .master-slider-category .container {
        padding: 0 15px
    }
}

@media screen and (max-width: 768px) {
    .page-SubCategoryPage .list-product .container {
        padding-left: 0;
        padding-right: 0
    }

    .bloc-head-cat {
        min-height: 230px;
        height: auto;
        margin-bottom: -2px
    }

    .bloc-head-cat h1 {
        font-size: 37px;
        font-size: 3.7rem;
        background: rgba(255, 255, 255, 0.8);
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        position: inherit;
        width: 100%;
        transform: translate(0, 0);
        padding: 20px 10px;
        line-height: 45px;
        position: absolute;
        bottom: 0
    }

    .bloc-head-desc {
        margin-top: 0;
        padding: 30px 15px
    }
}

.bloc-head-sub-cat {
    position: absolute;
    top: 540px;
    width: 100%;
    height: 121px;
    background-color: #FFF
}

.bloc-head-sub-cat h1 {
    color: #fff;
    font-weight: normal;
    font-size: 40px;
    font-size: 4rem;
    line-height: 55px;
    text-align: center;
    position: absolute;
    width: 100%;
    line-height: 106px
}

@media screen and (max-width: 768px) {
    .bloc-head-sub-cat {
        display: block;
        min-height: 231px;
        height: auto;
        background-color: transparent;
        position: absolute;
        top: 0px;
        z-index: 10;
        text-align: center
    }

    .bloc-head-sub-cat h1 {
        font-size: 33px;
        font-size: 3.3rem;
        background: rgba(255, 255, 255, 0.8);
        left: 0px;
        right: 0px;
        bottom: 0px;
        position: absolute;
        width: 100%;
        transform: translate(0, 0);
        min-height: 120px;
        padding: 29px;
        max-width: inherit;
        width: auto;
        margin: 0px 15px;
        padding: 29px 17px 28px
    }
}

.category-page .main-banner {
    margin-bottom: 34px;
    min-height: 641px
}

@media screen and (max-width: 768px) {
    .category-page .main-banner {
        margin-bottom: 0px
    }
}

.category-page .main-banner .category-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
    max-height: 480px;
    overflow: hidden
}

.category-page .main-banner .category-bg img {
    width: 100%;
    margin: -60px 0 0 0
}

@media screen and (max-width: 768px) {
    .category-page .main-banner {
        padding-top: 0px;
        min-height: inherit;
        height: auto;
        position: relative
    }

    .category-page .main-banner .category-bg {
        height: 231px;
        overflow: hidden;
        position: relative;
        width: auto
    }

    .category-page .main-banner .category-bg img {
        height: auto;
        width: 100%;
        margin: 0
    }

    .category-page .main-banner>.container {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .category-page .item {
        display: block !important
    }

    .category-page .item h3 {
        padding: 19px 0
    }

    .category-page .item h3 span {
        font-size: 1.8rem
    }
}

.page-ActifryFriteusesCategoryPage .main-banner {
    min-height: 578px
}

@media screen and (max-width: 768px) {
    .page-ActifryFriteusesCategoryPage .main-banner {
        min-height: inherit;
        height: auto
    }

    .page-ActifryFriteusesCategoryPage .main-banner .category-bg {
        position: relative;
        height: 231px
    }

    .page-ActifryFriteusesCategoryPage .main-banner .category-bg img {
        height: 140%;
        width: auto;
        max-width: 150%;
        margin: 0 0 0 -25%
    }
}

.page-ActifryFriteusesCategoryPage .bloc-head-sub-cat {
    position: absolute;
    top: 512px;
    width: 100%;
    height: auto
}

@media screen and (max-width: 768px) {
    .page-ActifryFriteusesCategoryPage .bloc-head-sub-cat {
        display: block;
        min-height: 231px;
        height: auto;
        background-color: transparent;
        position: absolute;
        top: 0px;
        z-index: 10
    }
}

.page-ActifryFriteusesCategoryPage h1 {
    line-height: normal;
    display: inline-block
}

.page-ActifryFriteusesCategoryPage h1 span {
    vertical-align: middle
}

@media screen and (max-width: 768px) {
    .page-ActifryFriteusesCategoryPage h1 {
        line-height: normal
    }
}

.category-page h1.h1Tag {
    line-height: normal;
    display: inline-block
}

.category-page h1.h1Tag span {
    vertical-align: middle
}

@media screen and (max-width: 768px) {
    .category-page h1.h1Tag {
        line-height: normal;
        font-family: 'LobsterTwo';
        font-size: 3.7rem
    }
}

.page-ExplodedViewDetailPage .exploded-view {
    display: table;
    padding-top: 225px
}

.page-ExplodedViewDetailPage .exploded-view a.btn-action {
    margin-top: 30px;
    width: 140px
}

.page-ExplodedViewDetailPage .exploded-view .exploded-view-detail-product {
    display: table-cell;
    vertical-align: top;
    position: relative;
    color: #50535d;
    padding-right: 25px
}

.page-ExplodedViewDetailPage .exploded-view .exploded-view-detail-product .exploded-view-return {
    text-transform: uppercase;
    color: #f38230;
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 20px;
    display: block
}

.page-ExplodedViewDetailPage .exploded-view .exploded-view-detail-product .exploded-view-return:hover {
    text-decoration: underline
}

.page-ExplodedViewDetailPage .exploded-view .exploded-view-detail-product .product-info {
    overflow: hidden;
    display: table;
    margin-bottom: 20px
}

.page-ExplodedViewDetailPage .exploded-view .exploded-view-detail-product .product-info .product-img {
    width: 30%;
    float: left;
    max-height: 200px;
    display: inline-block;
    padding-right: 30px;
    vertical-align: top;
    display: table-cell;
    overflow: hidden
}

.page-ExplodedViewDetailPage .exploded-view .exploded-view-detail-product .product-info .product-info-detail {
    vertical-align: top;
    display: table-cell;
    width: 70%;
    float: right
}

.page-ExplodedViewDetailPage .exploded-view .exploded-view-detail-product h1 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 30px;
    font-size: 3rem;
    font-weight: normal;
    color: #2a2622;
    position: relative;
    padding: 0 0 30px 0;
    margin: 0 0 25px;
    text-transform: uppercase;
    line-height: 33px
}

.page-ExplodedViewDetailPage .exploded-view .exploded-view-detail-product h1:before {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    bottom: 0;
    left: 0
}

.page-ExplodedViewDetailPage .exploded-view .exploded-view-detail-product .ref {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #948e88;
    line-height: 22px
}

.page-ExplodedViewDetailPage .exploded-view .exploded-view-detail-product .exploded-view-description {
    margin-bottom: 30px;
    line-height: 25px;
    font-size: 16px;
    font-size: 1.6rem
}

.page-ExplodedViewDetailPage .exploded-view .exploded-view-detail-product .vue-eclatee {
    color: #000;
    font-size: 18px;
    margin-bottom: 35px
}

.page-ExplodedViewDetailPage .exploded-view .exploded-view-detail-product .exploded-view-cont {
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0
}

.page-ExplodedViewDetailPage .exploded-view .exploded-view-detail-product .exploded-view-cont .title {
    font-size: 15px;
    color: #000
}

.page-ExplodedViewDetailPage .exploded-view .exploded-view-detail-product .exploded-view-cont .skip {
    color: #fff;
    text-align: left;
    display: none;
    float: left;
    font-size: 14px;
    font-size: 1.4rem
}

.page-ExplodedViewDetailPage .exploded-view .lecteur-pdf {
    display: table-cell;
    vertical-align: top;
    width: 550px
}

.page-ExplodedViewDetailPage .exploded-view .lecteur-pdf a.btn-action {
    margin: 0px;
    width: auto
}

@media screen and (max-width: 768px) {
    .page-ExplodedViewDetailPage .exploded-view .lecteur-pdf {
        text-align: center;
        width: 100% !important
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .page-ExplodedViewDetailPage .exploded-view {
        padding: 0 15px
    }

    .page-ExplodedViewDetailPage .exploded-view .exploded-view-detail-product,
    .page-ExplodedViewDetailPage .exploded-view .lecteur-pdf {
        width: 50%
    }
}

@media screen and (max-width: 768px) {
    .page-ExplodedViewDetailPage .exploded-view {
        display: block;
        padding: 40px 20px 0
    }

    .page-ExplodedViewDetailPage .exploded-view .exploded-view-detail-product {
        display: block;
        padding: 30px 0 0 0
    }

    .page-ExplodedViewDetailPage .exploded-view .exploded-view-detail-product h1 {
        font-size: 25px;
        font-size: 2.5rem;
        text-align: center;
        padding: 0 0 25px 0;
        margin: 0 0 18px
    }

    .page-ExplodedViewDetailPage .exploded-view .exploded-view-detail-product h1:before {
        right: 0
    }

    .page-ExplodedViewDetailPage .exploded-view .exploded-view-detail-product .ref {
        text-align: center
    }

    .page-ExplodedViewDetailPage .exploded-view .exploded-view-detail-product .product-info {
        display: block
    }

    .page-ExplodedViewDetailPage .exploded-view .exploded-view-detail-product .product-info .product-img {
        display: block;
        width: 100%;
        float: none;
        padding: 0;
        text-align: center
    }

    .page-ExplodedViewDetailPage .exploded-view .exploded-view-detail-product .product-info .product-info-detail {
        display: block;
        width: 100%;
        float: none;
        margin-bottom: 20px
    }

    .page-ExplodedViewDetailPage .exploded-view .lecteur-pdf {
        display: block;
        padding: 0;
        overflow-x: visible;
        overflow-y: scroll
    }
}

.page-recipe-list .wrap-breadcrumb a,
.page-recipe-list .wrap-breadcrumb li a {
    color: #fff
}

.page-recipe-list .wrap-breadcrumb a:hover,
.page-recipe-list .wrap-breadcrumb a.active,
.page-recipe-list .wrap-breadcrumb li a:hover,
.page-recipe-list .wrap-breadcrumb li a.active {
    color: #fff
}

.recipe-list .master-ban-head {
    padding-top: 0;
    overflow: hidden
}

.recipe-list .master-ban-head .header-banner .caption {
    margin: 0;
    top: 51.5%;
    transform: initial
}

@media screen and (max-width: 768px) {
    .recipe-list .master-ban-head .header-banner .caption {
        transform: translateY(-50%)
    }
}

@media screen and (max-width: 768px) {
    .recipe-list .master-ban-head {
        padding-top: 53px
    }
}

.recipe-list .search-result {
    background-color: #eaeeef;
    padding: 70px 0 40px;
    position: relative
}

.recipe-list .search-result .search-btn {
    text-align: center;
    width: 100%
}

.recipe-list .search-result .search-btn.search-btn-top {
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 3
}

.rtl .recipe-list .search-result .search-btn.search-btn-top {
    right: 0;
    left: auto
}

@media screen and (max-width: 768px) {
    .recipe-list .search-result .search-btn.search-btn-top {
        top: -16px
    }

    .recipe-list .search-result .search-btn.search-btn-top .btn {
        width: 90%;
        font-size: 0.9rem;
        padding: 12px
    }
}

.recipe-list .search-result .search-btn.search-btn-bottom {
    padding: 40px 0
}

@media screen and (max-width: 768px) {
    .recipe-list .search-result .search-btn.search-btn-bottom .btn-gray {
        width: 90%;
        line-height: 21px
    }
}

.recipe-list .search-result .filters {
    background-color: #232120;
    z-index: 2;
    padding: 60px 0 40px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    color: #fff
}

@media screen and (max-width: 768px) {
    .recipe-list .search-result .filters {
        padding: 45px 0 40px
    }
}

.rtl .recipe-list .search-result .filters {
    right: 0;
    left: auto
}

.recipe-list .search-result .filters .seconde-title {
    color: #fff
}

@media screen and (max-width: 768px) {
    .recipe-list .search-result .filters .seconde-title {
        font-size: 15px;
        font-size: 1.5rem;
        margin: 0 0 10px
    }

    .recipe-list .search-result .filters .seconde-title:after {
        width: 38px;
        border: 2px solid #f38230;
        bottom: 8px
    }
}

.recipe-list .search-result .filters .filter-container {
    width: 60%;
    margin: 0 auto;
    text-align: center
}

@media screen and (max-width: 768px) {
    .recipe-list .search-result .filters .filter-container {
        width: 100%
    }
}

.recipe-list .search-result .filters .filter-container .filter-categories {
    overflow: hidden
}

.recipe-list .search-result .filters .filter-container .filter-categories li {
    list-style: none;
    text-align: center;
    float: left;
    margin-bottom: 48px
}

@media screen and (max-width: 768px) {
    .recipe-list .search-result .filters .filter-container .filter-categories li {
        display: inline-block;
        float: none;
        width: 30% !important;
        margin-bottom: 41px
    }
}

.rtl .recipe-list .search-result .filters .filter-container .filter-categories li {
    float: right
}

.recipe-list .search-result .filters .filter-container .filter-categories li .border {
    display: block;
    width: 85px;
    height: 85px;
    border-radius: 100%;
    border: 2px solid #343332;
    cursor: pointer;
    margin: 0 auto;
    text-decoration: none;
    transition: all 0.3s;
    position: relative
}

.recipe-list .search-result .filters .filter-container .filter-categories li .border.touche {
    transition: none;
    transform: none
}

@media screen and (max-width: 768px) {
    .recipe-list .search-result .filters .filter-container .filter-categories li .border {
        width: 60px;
        height: 60px
    }
}

.recipe-list .search-result .filters .filter-container .filter-categories li .border .ico-filter {
    display: block;
    width: 50px;
    height: 35px;
    position: absolute;
    top: 50%;
    margin-top: -17.5px;
    left: 50%;
    margin-left: -25px;
    background-size: 50px 112px;
    background-position: 0 -40px;
    background-repeat: no-repeat;
    transition: all 0.6s
}

.rtl .recipe-list .search-result .filters .filter-container .filter-categories li .border .ico-filter {
    margin-right: -25px;
    background-position: 100% -40px
}

@media screen and (max-width: 767px) {
    .recipe-list .search-result .filters .filter-container .filter-categories li .border .ico-filter {
        transform: scale(0.8)
    }
}

@media screen and (min-width: 768px) {
    .recipe-list .search-result .filters .filter-container .filter-categories li .border:hover {
        border-color: #fff
    }

    .recipe-list .search-result .filters .filter-container .filter-categories li .border[data-tooltip="Breakfast"]:hover .ico-filter {
        background-position: 0 -80px
    }

    .rtl .recipe-list .search-result .filters .filter-container .filter-categories li .border[data-tooltip="Breakfast"]:hover .ico-filter {
        background-position: 100% -80px
    }

    .recipe-list .search-result .filters .filter-container .filter-categories li .border[data-tooltip="Coffee break"]:hover .ico-filter {
        background-position: 0 -80px
    }

    .rtl .recipe-list .search-result .filters .filter-container .filter-categories li .border[data-tooltip="Coffee break"]:hover .ico-filter {
        background-position: 100% -80px
    }

    .recipe-list .search-result .filters .filter-container .filter-categories li .border[data-tooltip="Snack"]:hover .ico-filter {
        background-position: 0 -80px
    }

    .rtl .recipe-list .search-result .filters .filter-container .filter-categories li .border[data-tooltip="Snack"]:hover .ico-filter {
        background-position: 100% -80px
    }

    .recipe-list .search-result .filters .filter-container .filter-categories li .border[data-tooltip="See all"]:hover .ico-filter {
        background-position: 0 -80px
    }
}

@media screen and (max-width: 768px) {
    .recipe-list .search-result .filters .filter-container .filter-categories li .border[data-tooltip="Dessert"]:hover:not(.active) .ico-filter {
        background-position: 0 -38px
    }
}

.recipe-list .search-result .filters .filter-container .filter-categories li .border[data-tooltip="Breakfast"] .ico-filter {
    height: 39px;
    top: 52%
}

.recipe-list .search-result .filters .filter-container .filter-categories li .border[data-tooltip="Coffee break"] .ico-filter {
    height: 36.5px
}

.recipe-list .search-result .filters .filter-container .filter-categories li .border[data-tooltip="Snack"] .ico-filter {
    height: 40px;
    top: 54%
}

.recipe-list .search-result .filters .filter-container .filter-categories li .border[data-tooltip="SHOW ALL"] .ico-filter {
    height: 40px;
    top: 53%
}

.recipe-list .search-result .filters .filter-container .filter-categories li .border[data-tooltip="Dessert"] .ico-filter {
    height: 37.5px !important;
    left: 52%
}

.recipe-list .search-result .filters .filter-container .filter-categories li .border[data-tooltip="Dessert"]:not(.active) .ico-filter {
    background-position: 0 -38px
}

.recipe-list .search-result .filters .filter-container .filter-categories li .border[data-tooltip="Dessert"]:hover .ico-filter {
    background-position: 0 -75px
}

.rtl .recipe-list .search-result .filters .filter-container .filter-categories li .border[data-tooltip="Dessert"]:hover .ico-filter {
    background-position: 100% -80px
}

.recipe-list .search-result .filters .filter-container .filter-categories li .border.active {
    border-color: #f38230
}

.recipe-list .search-result .filters .filter-container .filter-categories li .border.active .ico-filter {
    background-position: 0 0
}

.rtl .recipe-list .search-result .filters .filter-container .filter-categories li .border.active .ico-filter {
    background-position: 100% 0
}

.recipe-list .search-result .filters .filter-container .filter-categories li .border.active:hover .ico-filter {
    background-position: 0 0
}

.rtl .recipe-list .search-result .filters .filter-container .filter-categories li .border.active:hover .ico-filter {
    background-position: 100% 0
}

.recipe-list .search-result .filters .filter-container .filter-categories li:first-child:nth-last-child(1),
.recipe-list .search-result .filters .filter-container .filter-categories li:first-child:nth-last-child(1)~li {
    width: 100%
}

.recipe-list .search-result .filters .filter-container .filter-categories li:first-child:nth-last-child(2),
.recipe-list .search-result .filters .filter-container .filter-categories li:first-child:nth-last-child(2)~li {
    width: 50%
}

.recipe-list .search-result .filters .filter-container .filter-categories li:first-child:nth-last-child(3),
.recipe-list .search-result .filters .filter-container .filter-categories li:first-child:nth-last-child(3)~li {
    width: 33.33333%
}

.recipe-list .search-result .filters .filter-container .filter-categories li:first-child:nth-last-child(4),
.recipe-list .search-result .filters .filter-container .filter-categories li:first-child:nth-last-child(4)~li {
    width: 25%
}

.recipe-list .search-result .filters .filter-container .filter-categories li:first-child:nth-last-child(5),
.recipe-list .search-result .filters .filter-container .filter-categories li:first-child:nth-last-child(5)~li {
    width: 20%
}

.recipe-list .search-result .filters .filter-container .filter-categories li:first-child:nth-last-child(6),
.recipe-list .search-result .filters .filter-container .filter-categories li:first-child:nth-last-child(6)~li {
    width: 16.66667%
}

.recipe-list .search-result .filters .filter-container .filter-categories li:first-child:nth-last-child(7),
.recipe-list .search-result .filters .filter-container .filter-categories li:first-child:nth-last-child(7)~li {
    width: 14.28571%
}

.recipe-list .search-result .filters .filter-container .filter-categories li:first-child:nth-last-child(8),
.recipe-list .search-result .filters .filter-container .filter-categories li:first-child:nth-last-child(8)~li {
    width: 12.5%
}

.recipe-list .search-result .filters .filter-container .filter-categories li:first-child:nth-last-child(9),
.recipe-list .search-result .filters .filter-container .filter-categories li:first-child:nth-last-child(9)~li {
    width: 11.11111%
}

.recipe-list .search-result .filters .filter-container .filter-categories li:first-child:nth-last-child(10),
.recipe-list .search-result .filters .filter-container .filter-categories li:first-child:nth-last-child(10)~li {
    width: 10%
}

.recipe-list .search-result .filters .filter-container .filter-row {
    padding: 25px 40px;
    border-bottom: 1px solid #343332
}

.recipe-list .search-result .filters .filter-container .filter-row.filter-categories {
    padding: 10px 0 0
}

@media screen and (max-width: 768px) {
    .recipe-list .search-result .filters .filter-container .filter-row.filter-categories {
        padding: 0
    }
}

.recipe-list .search-result .filters .filter-container .filter-row .title {
    display: block;
    margin-bottom: 25px;
    font-size: 13px;
    font-size: 1.3rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase
}

.recipe-list .search-result .filters .filter-container .filter-row:last-child {
    border-bottom: none
}

.recipe-list .search-result .filters .filter-container .filter-items .filter-row {
    border-bottom: 1px solid #343332
}

.recipe-list .search-result .filters .filter-container .filter-items .filter-row .progress-bar-container {
    display: none
}

.recipe-list .search-result .filters .filter-container .filter-items .filter-row:nth-child(2) .progress-bar-container {
    display: block
}

@media screen and (max-width: 768px) {
    .recipe-list .search-result .filters .filter-container .filter-items .filter-row {
        padding: 20px 0
    }
}

.recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups {
    text-align: center;
    width: 100%
}

.recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .radios-groups-wrap {
    overflow: hidden;
    width: 80%;
    text-align: center;
    margin: 0 auto;
    position: relative
}

@media screen and (max-width: 768px) {
    .recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .radios-groups-wrap {
        width: 100%
    }
}

.recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .radios-groups-wrap .progress {
    display: block;
    height: 1px;
    width: 76%;
    top: 10px;
    left: 12%;
    background: #575554;
    position: absolute;
    z-index: 0;
    transition: all 1s
}

.rtl .recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .radios-groups-wrap .progress {
    right: 12%;
    left: auto
}

.recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .radios-groups-wrap .progress.on {
    background: #f38230;
    z-index: 1;
    width: 0
}

.recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .form-group {
    position: relative;
    width: 25%;
    float: left
}

.rtl .recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .form-group {
    float: right
}

.recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .form-group label {
    text-align: center;
    padding-top: 1px
}

.recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .form-group label.radioOn .input-wrapper {
    opacity: 1;
    z-index: 9
}

.recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .form-group label.radioOn .title {
    color: #f38230
}

.recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .form-group label.radioOn .title:after {
    background-color: #f38230
}

@media screen and (max-width: 768px) {
    .recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .form-group {
        width: 25%
    }
}

.recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .form-group .input-wrapper,
.recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .form-group input {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    z-index: 1;
    position: relative;
    opacity: 0;
    transition: all 0.3s
}

.recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .form-group .input-wrapper {
    display: inline-block
}

.recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .form-group .input-wrapper:after {
    content: '';
    width: 21px;
    height: 21px;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 1;
    background: #232120;
    border: 1px solid #575554;
    border-radius: 100%
}

.rtl .recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .form-group .input-wrapper:after {
    right: -1px;
    left: auto
}

.recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .form-group .input-wrapper:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 100%;
    background-color: #f38230;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -5.1px;
    margin-left: -5.1px;
    z-index: 2
}

.rtl .recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .form-group .input-wrapper:before {
    margin-right: -5.1px
}

.recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .form-group .input-wrapper input[type="hidden"] {
    z-index: 1
}

.recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .form-group .input-wrapper input[type="radio"] {
    z-index: 2
}

.recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .form-group .title {
    position: relative;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 11px;
    font-size: 1.1rem;
    color: #948e88;
    text-transform: uppercase;
    margin: 20px 0 0 0;
    transition: all 0.3s
}

.recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .form-group .title:after {
    transition: all 0.3s;
    position: absolute;
    top: -10px;
    content: '';
    display: block;
    width: 2px;
    height: 5px;
    background: #575554;
    left: 50%;
    margin-left: -1px
}

.rtl .recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .form-group .title:after {
    margin-right: -1px
}

@media screen and (max-width: 768px) {
    .recipe-list .search-result .filters .filter-container .filter-items .filter-row .radios-groups .form-group .title {
        color: transparent
    }
}

.recipe-list .search-result .filters .filter-container .filter-btns {
    padding: 40px 10% 0;
    overflow: hidden
}

.recipe-list .search-result .filters .filter-container .filter-btns .btn-search {
    float: right;
    min-width: 160px
}

.rtl .recipe-list .search-result .filters .filter-container .filter-btns .btn-search {
    float: left
}

.recipe-list .search-result .filters .filter-container .filter-btns .btn-reset {
    float: left;
    min-width: 160px;
    cursor: pointer;
    line-height: 15px
}

.rtl .recipe-list .search-result .filters .filter-container .filter-btns .btn-reset {
    float: right
}

@media screen and (max-width: 768px) {
    .recipe-list .search-result .filters .filter-container .filter-btns {
        padding: 40px 0 0 0
    }

    .recipe-list .search-result .filters .filter-container .filter-btns .btn-search,
    .recipe-list .search-result .filters .filter-container .filter-btns .btn-reset {
        width: 45%;
        min-width: initial
    }
}

@media screen and (max-width: 768px) {
    .recipe-list .search-result {
        padding: 65px 0 0 0
    }
}

.recipe-list .progress-bar-container {
    height: 50px;
    width: 61%;
    margin: 0 auto;
    margin-bottom: -10px;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .recipe-list .progress-bar-container {
        width: 76%
    }
}

.recipe-list .progress-bar-container .item-border {
    width: 100%;
    height: 1px;
    background: #312f2f;
    position: absolute;
    top: 50%;
    z-index: 2;
    left: 0;
    margin-top: -0.5px;
    transform: rotate(-6deg)
}

.rtl .recipe-list .progress-bar-container .item-border {
    left: auto;
    right: 0;
    transform: rotate(6deg)
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .recipe-list .progress-bar-container .item-border {
        top: 55%;
        transform: rotate(-7deg)
    }

    .rtl .recipe-list .progress-bar-container .item-border {
        transform: rotate(7deg)
    }
}

@media screen and (min-width: 768px) and (max-width: 1025px) {
    .recipe-list .progress-bar-container .item-border {
        top: 70%
    }
}

@media screen and (max-width: 768px) {
    .recipe-list .progress-bar-container .item-border {
        top: 60%;
        transform: rotate(-9deg)
    }

    .rtl .recipe-list .progress-bar-container .item-border {
        transform: rotate(9deg)
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) and (orientation: landscape) {
    .recipe-list .progress-bar-container .item-border {
        top: 50%;
        transform: rotate(-6deg)
    }

    .rtl .recipe-list .progress-bar-container .item-border {
        transform: rotate(6deg)
    }
}

.recipe-list .progress-bar-container .item-rotate {
    width: 110%;
    height: 100%;
    background: #232120;
    position: absolute;
    top: -27px;
    left: -10px;
    z-index: 1;
    transform: rotate(-6deg)
}

.rtl .recipe-list .progress-bar-container .item-rotate {
    right: -10px;
    left: auto
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .recipe-list .progress-bar-container .item-rotate {
        top: -24px;
        transform: rotate(-7deg)
    }

    .rtl .recipe-list .progress-bar-container .item-rotate {
        transform: rotate(7deg)
    }
}

@media screen and (min-width: 768px) and (max-width: 1025px) {
    .recipe-list .progress-bar-container .item-rotate {
        top: -16px
    }
}

@media screen and (max-width: 768px) {
    .recipe-list .progress-bar-container .item-rotate {
        top: -20px;
        transform: rotate(-9deg)
    }

    .rtl .recipe-list .progress-bar-container .item-rotate {
        transform: rotate(9deg)
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) and (orientation: landscape) {
    .recipe-list .progress-bar-container .item-rotate {
        top: -26px;
        transform: rotate(-6deg)
    }

    .rtl .recipe-list .progress-bar-container .item-rotate {
        transform: rotate(6deg)
    }
}

.recipe-list .progress-bar-container .item-bg {
    width: 0%;
    height: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #2c2a29;
    z-index: 0;
    transition: all 1s
}

.rtl .recipe-list .progress-bar-container .item-bg {
    right: 0;
    left: auto
}

.recipe-list .product-item {
    width: 32.3333333%;
    padding: 0
}

@media screen and (max-width: 768px) {
    .recipe-list .product-item {
        width: 100%
    }
}

.recipe-list .grid-wrap ul {
    overflow: hidden;
    width: 100% !important;
    height: auto !important
}

.recipe-list .grid-wrap ul li {
    width: 31.9999999%;
    list-style: none;
    float: left;
    margin-bottom: 24px;
    position: relative !important;
    left: auto !important;
    top: auto !important
}

.rtl .recipe-list .grid-wrap ul li {
    float: right;
    right: auto !important
}

@media screen and (max-width: 768px) {
    .recipe-list .grid-wrap ul li {
        width: 100%;
        margin-bottom: 0
    }
}

.recipe-list .grid-wrap ul li:nth-child(3n+2) {
    margin: 0 2% 24px
}

@media screen and (max-width: 768px) {
    .recipe-list .grid-wrap ul li:nth-child(3n+2) {
        margin: 0
    }
}

.recipe-list .grid-wrap ul li .visuel {
    height: 200px;
    overflow: hidden
}

.recipe-list .grid-wrap ul li .visuel img:not([data-src]) {
    width: 100%
}

.recipe-list .grid-wrap ul li .caption {
    background: transparent;
    padding: 30px 20px 10px;
    text-align: center;
    text-transform: uppercase;
    height: 115px;
    overflow: hidden
}

.recipe-list .grid-wrap ul li .caption .category {
    opacity: 0;
    color: #28201a;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 10px;
    font-size: 1rem;
    margin-bottom: 5px;
    transition: all 0.3s
}

.recipe-list .grid-wrap ul li .caption .title {
    opacity: 0;
    color: #f38230;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    height: 50px;
    overflow: hidden;
    transition: all 0.3s
}

.recipe-list .grid-wrap ul li.shown {
    background: #fff
}

.recipe-list .grid-wrap ul li.shown .caption {
    background: #fff
}

.recipe-list .grid-wrap ul li.shown .caption .category,
.recipe-list .grid-wrap ul li.shown .caption .title {
    opacity: 1
}

.recipe-list .grid-wrap ul li a:hover {
    color: initial
}

.recipe-list .close-open-filter {
    min-width: 170px
}

.recipe-list .close-open-filter.closed {
    background: #948e88
}

.recipe-list .close-open-filter.closed:hover,
.recipe-list .close-open-filter.closed:focus {
    background: #a19a94
}

.recipe-list [data-tooltip],
.recipe-list .tooltip {
    position: relative;
    cursor: pointer
}

.recipe-list [data-tooltip]:before,
.recipe-list [data-tooltip]:after,
.recipe-list .tooltip:before,
.recipe-list .tooltip:after,
.recipe-list [data-tooltip].touche:after,
.recipe-list [data-tooltip].touche:before {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transform: translate3d(0, 0, 0);
    pointer-events: none
}

@media screen and (max-width: 768px) {

    .recipe-list [data-tooltip]:before,
    .recipe-list [data-tooltip]:after,
    .recipe-list .tooltip:before,
    .recipe-list .tooltip:after,
    .recipe-list [data-tooltip].touche:after,
    .recipe-list [data-tooltip].touche:before {
        visibility: visible;
        opacity: 1;
        transform: translateY(12px)
    }
}

.recipe-list [data-tooltip].touche {
    transition: none;
    transform: none
}

.recipe-list [data-tooltip]:hover:before,
.recipe-list [data-tooltip]:hover:after,
.recipe-list [data-tooltip]:focus:before,
.recipe-list [data-tooltip]:focus:after,
.recipe-list .tooltip:hover:before,
.recipe-list .tooltip:hover:after,
.recipe-list .tooltip:focus:before,
.recipe-list .tooltip:focus:after {
    visibility: visible;
    opacity: 1
}

.recipe-list .tooltip:before,
.recipe-list [data-tooltip]:before {
    z-index: 1001;
    border: 6px solid transparent;
    background: transparent;
    content: ""
}

.recipe-list .tooltip:after,
.recipe-list [data-tooltip]:after {
    z-index: 1000;
    padding: 8px;
    width: 200px;
    background-color: #171413;
    content: attr(data-tooltip);
    font-size: 11px;
    font-size: 1.1rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #575554;
    text-transform: uppercase;
    font-weight: normal
}

@media screen and (max-width: 768px) {

    .recipe-list .tooltip:after,
    .recipe-list [data-tooltip]:after {
        width: 118px;
        padding: 4px;
        font-size: 9px;
        font-size: .9rem
    }
}

.recipe-list [data-tooltip]:before,
.recipe-list [data-tooltip]:after {
    bottom: 100%;
    left: 50%
}

.recipe-list .tooltip:before,
.recipe-list .tooltip:after {
    bottom: 100%;
    left: 50%
}

.recipe-list [data-tooltip]:before,
.recipe-list .tooltip:before {
    margin-left: -6px;
    margin-bottom: -12px;
    border-top-color: #171413
}

.rtl .recipe-list [data-tooltip]:before,
.rtl .recipe-list .tooltip:before {
    margin-right: -6px
}

.recipe-list [data-tooltip]:after,
.recipe-list .tooltip:after {
    margin-left: -95px
}

.rtl .recipe-list [data-tooltip]:after,
.rtl .recipe-list .tooltip:after {
    margin-right: -95px
}

@media screen and (max-width: 768px) {

    .recipe-list [data-tooltip]:after,
    .recipe-list .tooltip:after {
        margin-left: -59px
    }

    .rtl .recipe-list [data-tooltip]:after,
    .rtl .recipe-list .tooltip:after {
        margin-right: -75px
    }
}

.recipe-list [data-tooltip]:hover:before,
.recipe-list [data-tooltip]:hover:after {
    transform: translateY(-12px)
}

.recipe-list [data-tooltip]:focus:before,
.recipe-list [data-tooltip]:focus:after {
    transform: translateY(-12px)
}

.recipe-list .tooltip:hover:before,
.recipe-list .tooltip:hover:after {
    transform: translateY(-12px)
}

.recipe-list .tooltip:focus:before,
.recipe-list .tooltip:focus:after {
    transform: translateY(-12px)
}

.recipe-list .tooltip-bottom:before,
.recipe-list .tooltip-bottom:after {
    top: 100%;
    bottom: auto;
    left: 50%
}

@media screen and (max-width: 768px) {

    .recipe-list .tooltip-bottom:before,
    .recipe-list .tooltip-bottom:after {
        transform: translateY(12px)
    }
}

.recipe-list .tooltip-bottom:before {
    margin-top: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-bottom-color: #171413
}

.recipe-list .tooltip-bottom:hover:before,
.recipe-list .tooltip-bottom:hover:after {
    transform: translateY(12px)
}

.recipe-list .tooltip-bottom:focus:before,
.recipe-list .tooltip-bottom:focus:after {
    transform: translateY(12px)
}

#recipe-search {
    background: #fff;
    text-align: center;
    padding: 70px 90px
}

@media screen and (max-width: 768px) {
    #recipe-search {
        padding: 40px 35px 75px
    }
}

#recipe-search form {
    position: relative;
    margin: 0;
    max-width: 360px;
    margin: 0 auto
}

#recipe-search input[type=text] {
    height: 50px;
    width: 100%;
    display: block;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #eaeeef;
    padding-right: 55px;
    box-shadow: none;
    margin: 0
}

.rtl #recipe-search input[type=text] {
    padding-left: 55px
}

#recipe-search input[type=text]::-webkit-input-placeholder {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #bebdbd
}

#recipe-search input[type=text]:-moz-placeholder {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #bebdbd
}

#recipe-search input[type=text]::-moz-placeholder {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #bebdbd
}

#recipe-search input[type=text]:-ms-input-placeholder {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #bebdbd
}

#recipe-search button[type=submit] {
    border: none;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 24px;
    height: 22px;
    transform: translate(0, -42%);
    font-size: 0;
    padding: 0;
    background: url("../img/icon/icon-search2.png") no-repeat 0 0 transparent;
    background-size: 19px auto;
    z-index: 9;
    opacity: 1
}

.rtl #recipe-search button[type=submit] {
    left: 15px;
    right: auto;
    background: url("../img/icon/icon-search2.png") no-repeat 100% 0 transparent;
    background-size: 19px auto
}

#recipe-search button[type=submit]:hover {
    opacity: 0.5
}

@media screen and (max-width: 768px) {
    #recipe-search button[type=submit] {
        right: 0
    }

    .rtl #recipe-search button[type=submit] {
        left: 0;
        right: auto
    }
}

.recipe-list .grid li img,
.home-culture .grid li img {
    display: block;
    outline: none;
    border: none;
    transition: all 0.8s;
    margin: 0 auto
}

.recipe-list .grid li>a,
.home-culture .grid li>a {
    position: relative;
    overflow: hidden;
    display: block;
    outline: none;
    border: none;
    transition: all 0.8s
}

.recipe-list .grid li>a:hover img,
.home-culture .grid li>a:hover img {
    transform: scale(1.5)
}

.recipe-list .grid .curtain,
.home-culture .grid .curtain {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: #232120 !important
}

.rtl .recipe-list .grid .curtain,
.rtl .home-culture .grid .curtain {
    right: 0;
    left: auto
}

.recipe-list .grid.swipe-right .curtain,
.home-culture .grid.swipe-right .curtain {
    transform: translate3d(-100%, 0, 0)
}

.rtl .recipe-list .grid.swipe-right .curtain,
.rtl .home-culture .grid.swipe-right .curtain {
    transform: translate3d(100%, 0, 0)
}

.recipe-list .grid.swipe-down .curtain,
.home-culture .grid.swipe-down .curtain {
    transform: translate3d(0, -100%, 0)
}

.recipe-list .grid.swipe-rotate .curtain,
.home-culture .grid.swipe-rotate .curtain {
    width: 200%;
    height: 200%;
    transform: rotate3d(0, 0, 1, 90deg);
    transform-origin: top left
}

.rtl .recipe-list .grid.swipe-rotate .curtain,
.rtl .home-culture .grid.swipe-rotate .curtain {
    transform: rotate3d(0, 0, 1, -90deg);
    transform-origin: top right
}

.recipe-list .grid .curtain::after,
.home-culture .grid .curtain::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    content: ''
}

.rtl .recipe-list .grid .curtain::after,
.rtl .home-culture .grid .curtain::after {
    right: 0;
    left: auto
}

.recipe-list .grid.swipe-down .curtain::after,
.home-culture .grid.swipe-down .curtain::after {
    top: -100%
}

.recipe-list .grid.swipe-down li.animate .curtain,
.home-culture .grid.swipe-down li.animate .curtain {
    animation: swipeDown 1.5s cubic-bezier(0.6, 0, 0.4, 1) forwards
}

.recipe-list .grid.swipe-right li.animate .curtain,
.home-culture .grid.swipe-right li.animate .curtain {
    animation: swipeRight 1.5s cubic-bezier(0.6, 0, 0.4, 1) forwards
}

.recipe-list .grid li.animate .curtain::after,
.home-culture .grid li.animate .curtain::after {
    animation: fadeOut 1.5s ease forwards;
    animation-delay: inherit
}

.js .grid li img,
.js .grid li h3 {
    visibility: hidden
}

.recipe-list .no-results {
    text-align: center;
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .recipe-list .no-results {
        margin-bottom: 15px;
        padding-bottom: 15px
    }
}

.recipe-list .grid li.animate img,
.recipe-list .grid li.animate h3,
.home-culture .grid li.animate img,
.home-culture .grid li.animate h3 {
    animation: showMe 1.5s step-end forwards
}

.recipe-list .grid li.shown img,
.recipe-list .grid li.shown h3,
.home-culture .grid li.shown img,
.home-culture .grid li.shown h3 {
    visibility: visible
}

@keyframes swipeDown {
    0% {}

    50%,
    60% {
        transform: translate(0)
    }

    100% {
        transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOut {
    0% {}

    50%,
    60% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes showMe {
    from {
        visibility: hidden
    }

    60%,
    100% {
        visibility: visible
    }
}

.grid.swipe-right li.animate .curtain {
    animation: swipeRight 1.5s cubic-bezier(0.6, 0, 0.4, 1) forwards
}

@keyframes swipeRight {
    0% {}

    50%,
    60% {
        transform: translate(0)
    }

    100% {
        transform: translate3d(100%, 0, 0)
    }
}

.page-recipe-details .banner-recipe h2.accordion-panel-title {
    display: none
}

@media screen and (max-width: 768px) {
    .page-recipe-details .banner-recipe h2.accordion-panel-title {
        display: block
    }
}

.page-recipe-details #master-detail-product .product-detail .product-detai-content .subtitle {
    margin-bottom: 0
}

.page-recipe-details #master-detail-product .bloc-product {
    height: 100%
}

.page-recipe-details #master-detail-product .product-viewer {
    height: 100%
}

.page-recipe-details #master-detail-product .product-viewer .product-viewer-content {
    margin: 230px 0 0;
    padding: 0;
    height: inherit
}

.page-recipe-details #master-detail-product .product-viewer .product-viewer-content .visuel {
    position: relative;
    transform: translateY(-50%);
    top: 35.3%
}

@media screen and (max-width: 1366px) and (min-width: 768px) {
    .page-recipe-details #master-detail-product .product-viewer .product-viewer-content .visuel {
        top: 34%
    }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
    .page-recipe-details #master-detail-product .product-viewer .product-viewer-content .visuel {
        top: 33.5%
    }
}

.page-recipe-details #master-detail-product .product-viewer .product-viewer-content .visuel.recipe-visuel-ie {
    transform: translateY(0) !important
}

.page-recipe-details #master-detail-product .product-viewer .product-viewer-content .visuel .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.page-recipe-details #master-detail-product .product-viewer .product-viewer-content .visuel .play img {
    width: 59px
}

.page-recipe-details #master-detail-product .product-viewer .product-viewer-content.video-content {
    padding: 260px 0 0 0;
    margin: 0
}

.page-recipe-details #master-detail-product .product-viewer .product-viewer-content.video-content .visuel {
    padding: 90px 0;
    background: #232120;
    transform: none;
    top: auto
}

@media screen and (max-width: 768px) {
    .page-recipe-details #master-detail-product .product-viewer .product-viewer-content.video-content {
        padding: 0
    }

    .page-recipe-details #master-detail-product .product-viewer .product-viewer-content.video-content .visuel {
        padding: 37.5px 0
    }
}

@media screen and (max-width: 768px) {
    .page-recipe-details #master-detail-product .product-viewer {
        margin-bottom: 0
    }

    .page-recipe-details #master-detail-product .product-viewer .product-viewer-content {
        margin: 0
    }

    .page-recipe-details #master-detail-product .product-viewer .product-viewer-content .visuel {
        top: 0;
        transform: none
    }
}

@media screen and (min-width: 768px) {
    .page-recipe-details .product-detail {
        position: relative;
        padding-bottom: 80px
    }

    .page-recipe-details .product-detail .comments-share {
        position: absolute;
        bottom: 40px;
        left: 12%
    }

    .rtl .page-recipe-details .product-detail .comments-share {
        left: auto;
        right: 12%
    }
}

.recipe-step ul {
    list-style: none
}

.recipe-step li {
    font-size: 14px;
    font-size: 1.4rem;
    color: #2a2622;
    overflow: hidden;
    border-bottom: 1px solid #cecdcd;
    line-height: 22px;
    padding: 20px 0
}

.recipe-step li span {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    float: right
}

.rtl .recipe-step li span {
    float: left
}

.recipe-step li:last-child {
    border-bottom: 0
}

.recipe-step li.level span {
    text-transform: uppercase
}

@media screen and (max-width: 768px) {
    .recipe-step {
        padding: 0 20px
    }

    .recipe-step li {
        padding: 15px 0
    }
}

.wrap-infos-recipe {
    display: table;
    width: 100%;
    table-layout: fixed;
    background: #232120
}

.fiche-infos-recipe {
    background: #fff;
    display: table-cell;
    vertical-align: top;
    width: 65%
}

.fiche-infos-recipe .infos-recipe-content {
    float: right;
    max-width: 990px;
    width: 100%;
    padding: 60px 80px
}

.rtl .fiche-infos-recipe .infos-recipe-content {
    float: left
}

@media screen and (max-width: 768px) {
    .fiche-infos-recipe {
        display: block;
        width: 100%
    }

    .fiche-infos-recipe .infos-recipe-content {
        padding: 0;
        float: none
    }
}

.block-machine {
    display: table-cell;
    vertical-align: top;
    width: 35%
}

.block-machine .block-machine-content {
    float: left;
    max-width: 570px;
    width: 100%;
    padding: 60px 80px;
    text-align: center
}

.rtl .block-machine .block-machine-content {
    float: right
}

.block-machine .block-machine-content h2 {
    color: #fff
}

.block-machine .block-machine-content .btn-gray {
    padding: 17px 45px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .block-machine {
        background: #232120;
        display: block;
        width: 100%
    }

    .block-machine .block-machine-content {
        padding: 0;
        float: none;
        max-width: 100%
    }

    .block-machine .block-machine-content h2 {
        color: #2a2622
    }

    .block-machine .block-machine-content .btn-gray {
        width: auto;
        margin-top: 30%
    }
}

.recipe-ingredients {
    margin-bottom: 60px
}

.recipe-ingredients h2 {
    text-align: left;
    margin: 0 0 20px
}

.rtl .recipe-ingredients h2 {
    text-align: right
}

.recipe-ingredients h2:after {
    right: auto
}

.rtl .recipe-ingredients h2:after {
    left: auto;
    right: 0
}

.recipe-ingredients p,
.recipe-ingredients .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .recipe-ingredients div {
    margin: 0 0 20px;
    text-transform: uppercase;
    color: #f38230;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 100;
    line-height: 1em
}

.recipe-ingredients ul {
    list-style-type: none;
    vertical-align: top;
    margin: 0;
    padding: 0
}

.recipe-ingredients ul li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    display: block;
    padding: 2px 13px;
    position: relative
}

.recipe-ingredients ul li:before {
    content: "-";
    color: #f38230;
    position: absolute;
    left: 0;
    top: 3px
}

.rtl .recipe-ingredients ul li:before {
    right: 0;
    left: auto
}

@media screen and (max-width: 768px) {
    .recipe-ingredients {
        background: #fff;
        float: none;
        width: auto;
        margin: 0 10px 30px
    }

    .recipe-ingredients h2 {
        margin: 0
    }

    .recipe-ingredients h2:after {
        right: 28px
    }

    .rtl .recipe-ingredients h2:after {
        left: 28px;
        right: auto
    }

    .recipe-ingredients ul {
        background: #faf7f7;
        padding: 20px 20px 25px;
        border-bottom: 5px solid #eaeeef
    }
}

.recipe-instructions {
    margin-bottom: 35px
}

.recipe-instructions h2 {
    text-align: left
}

.rtl .recipe-instructions h2 {
    text-align: right
}

.recipe-instructions h2:after {
    right: auto
}

.rtl .recipe-instructions h2:after {
    left: auto;
    right: 0
}

.recipe-instructions ul {
    margin: 0;
    list-style: none
}

.recipe-instructions ul li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    display: block;
    padding: 2px 13px;
    position: relative
}

.recipe-instructions ul li:before {
    content: "-";
    color: #f38230;
    position: absolute;
    left: 0;
    top: 3px
}

.rtl .recipe-instructions ul li:before {
    left: auto;
    right: 0
}

@media screen and (max-width: 768px) {
    .recipe-instructions {
        background: #fff;
        float: none;
        width: auto;
        margin: 0 10px;
        padding: 0
    }

    .recipe-instructions h2:after {
        right: 28px
    }

    .rtl .recipe-instructions h2:after {
        right: auto;
        left: 28px
    }

    .recipe-instructions ul {
        background: #faf7f7;
        padding: 20px 20px 25px;
        border-bottom: 5px solid #eaeeef
    }
}

.list-resipe-machine {
    margin: 100px 0 0
}

.list-resipe-machine .item {
    margin-bottom: 100px
}

.list-resipe-machine .item .visuel {
    background: #fff;
    min-height: 140px;
    text-align: center
}

.list-resipe-machine .item .visuel>a {
    display: block
}

.list-resipe-machine .item .visuel>a img {
    margin: 10px 0
}

.list-resipe-machine .item .caption h3 {
    background: #948e88;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
    text-transform: uppercase;
    padding: 17px 25px;
    line-height: 15px
}

.list-resipe-machine .item .caption h3 a {
    color: #fff;
    display: block
}

@media screen and (max-width: 768px) {
    .list-resipe-machine {
        margin: 20px 0 0;
        border-bottom: 5px solid #eaeeef
    }

    .list-resipe-machine .item {
        margin-bottom: 20px
    }

    .list-resipe-machine .item .visuel {
        min-height: 186px
    }

    .list-resipe-machine .item .caption {
        display: table;
        width: 100%
    }

    .list-resipe-machine .item .caption h3 {
        height: 64px;
        display: table-cell;
        width: 100%;
        vertical-align: middle
    }
}

.banner-recipe .visuel {
    text-align: center
}

.banner-recipe .visuel:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.banner-recipe .caption {
    position: absolute;
    top: 0;
    right: 0;
    width: 42%;
    padding: 5% 13% 0 0
}

.rtl .banner-recipe .caption {
    right: auto;
    left: 0
}

.rtl .banner-recipe .caption {
    padding: 5% 0 0 13%
}

.banner-recipe .caption h3 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: light;
    font-size: 50px;
    font-size: 5rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 50px;
    position: relative;
    padding: 0 0 28px;
    margin: 0 0 30px
}

.banner-recipe .caption h3 span {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #f38230;
    display: block
}

.banner-recipe .caption h3:after {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    bottom: 0;
    left: 0
}

.rtl .banner-recipe .caption h3:after {
    left: auto;
    right: 0
}

.banner-recipe .caption p,
.banner-recipe .caption .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .banner-recipe .caption div {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff
}

@media screen and (max-width: 768px) {
    .banner-recipe>h2 {
        display: block;
        z-index: 5
    }

    .banner-recipe>h2:after {
        top: 50% !important
    }

    .banner-recipe .visuel img {
        max-width: 225%;
        margin: 0 0 0 -140px
    }

    .rtl .banner-recipe .visuel img {
        margin: 0 -140px 0 0
    }

    .banner-recipe .caption {
        width: 100%;
        padding: 59px 30px 0;
        top: 50%;
        text-align: center;
        transform: translateY(-50%);
        z-index: 0
    }

    .banner-recipe .caption h3 {
        background: none;
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 28px
    }

    .banner-recipe .caption h3:after {
        right: 0
    }

    .rtl .banner-recipe .caption h3:after {
        left: 0;
        right: auto
    }
}

.recipe-product-made {
    padding: 60px 0
}

.page-recipe-details .also-like {
    padding: 60px 0 90px
}

.page-recipe-details .also-like .infos-horloge {
    text-align: center;
    margin: 0 0 20px
}

.page-recipe-details .also-like .infos-horloge img {
    width: 50px
}

@media screen and (max-width: 768px) {
    .page-recipe-details .also-like {
        padding: 30px 0 20px
    }
}

.recipe-btn:hover {
    cursor: pointer
}

.boutique-accessoire .carousel-control {
    display: none
}

.boutique-accessoire .display-filters {
    padding: 30px 0 12px
}

.boutique-accessoire.section-search {
    padding: 48px 0 30px
}

.boutique-accessoire.section-search .content-search-title {
    text-align: center;
    background: #fff;
    padding: 60px 20% 0
}

@media screen and (max-width: 768px) {
    .boutique-accessoire.section-search .content-search-title h2 {
        padding: 0 0 22px;
        margin: 0 0 22px;
        line-height: 24px
    }
}

.boutique-accessoire.section-search .content-search-title .content-search-txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    padding-bottom: 10px
}

@media screen and (max-width: 768px) {
    .boutique-accessoire.section-search .content-search-title .content-search-txt {
        padding: 0 30px 10px
    }
}

.boutique-accessoire.section-search .bloc-categories .faq-banner .caption:not(.bloc-title) {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    padding-bottom: 10px
}

.boutique-accessoire.section-search .search {
    background: #fff;
    text-align: center;
    padding: 0 0 60px
}

.boutique-accessoire.section-search .search form {
    margin: 0
}

.boutique-accessoire.section-search .search .input-append {
    display: block;
    width: 100%;
    max-width: 360px;
    position: relative;
    margin: 0 auto
}

.boutique-accessoire.section-search .search input[type=text] {
    height: 50px;
    width: 100%;
    display: block;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #eaeeef;
    padding-right: 55px;
    box-shadow: none
}

.rtl .boutique-accessoire.section-search .search input[type=text] {
    padding-left: 55px
}

.boutique-accessoire.section-search .search input[type=text]::-webkit-input-placeholder {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #bebdbd
}

.boutique-accessoire.section-search .search input[type=text]:-moz-placeholder {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #bebdbd
}

.boutique-accessoire.section-search .search input[type=text]::-moz-placeholder {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #bebdbd
}

.boutique-accessoire.section-search .search input[type=text]:-ms-input-placeholder {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #bebdbd
}

.boutique-accessoire.section-search .search button[type=submit] {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 24px;
    height: 22px;
    transform: translate(0, -42%);
    font-size: 0;
    padding: 0;
    background: url("../img/icon/icon-search2.png") no-repeat 0 0 transparent;
    background-size: 19px auto;
    z-index: 9;
    opacity: 1
}

.rtl .boutique-accessoire.section-search .search button[type=submit] {
    left: 15px;
    top: 50%;
    right: auto
}

.boutique-accessoire.section-search .search button[type=submit]:hover {
    opacity: 0.5
}

@media screen and (max-width: 768px) {
    .boutique-accessoire.section-search .search button[type=submit] {
        right: 0
    }

    .rtl .boutique-accessoire.section-search .search button[type=submit] {
        left: 0;
        right: auto
    }
}

.boutique-accessoire.section-search .search .popup-rating-plates a {
    display: inline-block;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #948e88;
    margin: 15px 0;
    transition: all 0.3s
}

.boutique-accessoire.section-search .search .popup-rating-plates a:hover {
    color: #948e88;
    text-decoration: underline
}

.boutique-accessoire.section-search .span12 .display-filters .control-label-sort {
    color: #4b4b4b;
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 11px
}

.boutique-accessoire.section-search .span12 .display-filters .controls .select-style {
    min-width: initial;
    border: 0;
    margin: 0;
    padding: 0 10px
}

@media screen and (max-width: 768px) {
    .boutique-accessoire.section-search .span12 .display-filters .controls .select-style {
        border: none
    }
}

.boutique-accessoire.section-search .span12 .display-filters .controls .select-style:before {
    display: none
}

.boutique-accessoire.section-search .span12 .display-filters .controls .select-style .sort {
    background: transparent;
    position: relative
}

@media screen and (max-width: 768px) {
    .boutique-accessoire.section-search .span12 .display-filters .controls .select-style .sort {
        max-width: 100%
    }
}

.boutique-accessoire.section-search .span12 .display-filters .controls .select-style .sort:before {
    cursor: pointer;
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    z-index: 9;
    right: 20px;
    top: 50%;
    margin-top: -2.5px
}

.rtl .boutique-accessoire.section-search .span12 .display-filters .controls .select-style .sort:before {
    left: 20px;
    right: auto
}

.boutique-accessoire.section-search .span12 .display-filters .controls .select-style select {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    padding: 15px 30px 15px 20px;
    outline: none;
    min-height: 50px;
    position: relative;
    z-index: 5;
    border-radius: 30px;
    border: none;
    background-color: #bebdbd;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-font-smoothing: antialiased
}

.rtl .boutique-accessoire.section-search .span12 .display-filters .controls .select-style select {
    padding: 15px 20px 15px 30px
}

.boutique-accessoire.section-search .bloc-categories {
    overflow: hidden;
    display: table;
    width: 100%;
    padding: 25px 0 0
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-liste {
    width: 285px;
    display: table-cell;
    vertical-align: top
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-liste #accordionFiltersFaq .accordion-heading.title-categorie {
    margin: 0;
    padding: 0
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-liste #accordionFiltersFaq .accordion-heading.title-categorie h3 {
    background: none;
    border: 1px solid #dadada
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-liste #accordionFiltersFaq>.accordion-group {
    border: 0;
    padding: 0;
    margin: 0
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-liste .accordion-inner {
    border: 0;
    padding: 0
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-liste .accordion-inner .accordion-group {
    background: #fff;
    margin: 0 0 2px;
    border-radius: 0;
    border: 0
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-liste .accordion-inner .accordion-group a {
    color: #4b4b4b;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    padding: 18px 15px;
    text-decoration: none;
    transition: all 0.4s;
    position: relative
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-liste .accordion-inner .accordion-group a:hover {
    text-decoration: none;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

@media screen and (max-width: 768px) {
    .boutique-accessoire.section-search .bloc-categories .bloc-categories-liste .accordion-inner .accordion-group a:hover {
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    }
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-liste .accordion-inner .accordion-group .accordion-heading {
    position: relative
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-liste .accordion-inner .accordion-group .accordion-heading a:before {
    display: block;
    position: absolute;
    font-family: icokrups;
    font-size: 10px;
    font-size: 1rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    right: 10px;
    top: 55%;
    margin: -6px 0 0 0;
    content: "\e902";
    speak: none;
    text-transform: none;
    line-height: 1;
    color: #2a2622;
    -webkit-font-smoothing: antialiased
}

.rtl .boutique-accessoire.section-search .bloc-categories .bloc-categories-liste .accordion-inner .accordion-group .accordion-heading a:before {
    left: 10px;
    top: 55%;
    right: auto
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-liste .accordion-inner .accordion-group .accordion-heading.active a:before {
    content: "\e900"
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-liste .accordion-inner .accordion-group .accordion-heading.active .accordion-toggle {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #4b4b4b
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-liste .accordion-inner .accordion-group .accordion-heading.one-active .accordion-toggle:after {
    display: none
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-liste .accordion-inner .facetValues ul.facet_block {
    padding: 0
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-liste .accordion-inner .facetValues ul.facet_block li {
    list-style: none;
    padding: 0
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-liste .accordion-inner .facetValues ul.facet_block li a {
    border: 0;
    display: block;
    text-transform: none;
    padding-left: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 15px 15px 15px 40px
}

.rtl .boutique-accessoire.section-search .bloc-categories .bloc-categories-liste .accordion-inner .facetValues ul.facet_block li a {
    padding-right: 20px;
    padding: 15px 40px 15px 15px
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-liste .accordion-inner .facetValues ul.facet_block li.active a {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere {
    display: table-cell;
    vertical-align: top
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .faq-banner .caption {
    margin-right: 285px
}

.rtl .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .faq-banner .caption {
    margin-right: 0px;
    margin-left: 285px
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .display-filters .control-label-sort {
    color: #4b4b4b;
    font-size: 13px;
    font-size: 1.3rem
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-list .item {
    border: 0;
    float: left;
    width: 33.33%;
    min-height: 183px;
    overflow: hidden;
    position: relative;
    padding: 0 0 0 70px;
    margin-bottom: 60px
}

@media screen and (max-width: 1023px) {
    .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-list .item {
        padding: 0 0 0 15px;
        margin-bottom: 15px
    }
}

.rtl .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-list .item {
    float: right;
    padding: 0 25px 0 0;
    margin-bottom: 25px
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-list .item>div {
    background-color: #fff;
    min-height: 183px
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-list .item>div>a {
    background-color: #f38230;
    min-height: 183px;
    height: 100%;
    width: 100%;
    display: block;
    transition: all 0.4s
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-list .item a,
.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-list .item a:hover {
    text-decoration: none
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-list .item .border {
    height: 240px;
    overflow: hidden;
    position: relative;
    background-color: #fff
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-list .item .border img {
    transition: all 0.4s;
    width: auto;
    height: auto
}

@media screen and (min-width: 900px) {
    .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-list .item .border img {
        position: absolute;
        top: 50%;
        left: 50%;
        min-height: 100%;
        min-width: 100%;
        transform: translate(-50%, -50%)
    }
}

@media screen and (max-width: 1023px) {
    .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-list .item .border {
        height: auto
    }
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-list .item h3 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    transition: all 0.4s;
    margin: 0;
    line-height: 18px;
    letter-spacing: 1px;
    height: 50px;
    display: table;
    width: 100%
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-list .item h3 span {
    padding: 7px 5px;
    display: table-cell;
    vertical-align: middle
}

@media screen and (max-width: 499px) {
    .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-list .item h3 {
        font-size: 10px;
        font-size: 1rem
    }
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-list .item a:hover .border img {
    min-height: 103%;
    min-width: 103%
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list {
    padding: 0 0 0 25px
}

.rtl .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list {
    padding: 0 25px 0 0
}

@media screen and (max-width: 768px) {
    .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list {
        padding: 0
    }
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .range {
    overflow: hidden;
    margin-bottom: 20px
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .lame-filter-list {
    background: #fff;
    margin: 0 0 1px 0;
    padding: 15px 15px
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .lame-filter-list h4 {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 22px;
    font-size: 2.2rem
}

@media screen and (max-width: 768px) {
    .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .lame-filter-list h4 {
        font-size: 16px;
        font-size: 1.6rem
    }
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .item {
    text-align: center;
    background: #fff;
    position: relative;
    margin: -1px -1px 0 0;
    width: 33.41%;
    height: 295px;
    overflow: hidden;
    border: 1px solid #d9dbe0;
    display: block;
    float: left
}

.rtl .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .item {
    margin: -1px 0 0 -1px;
    float: right
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .item .border {
    height: 214px;
    padding: 30px 0 10px
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .item .border .play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    margin: -27px 0 0 -27px
}

.rtl .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .item .border .play {
    right: 50%;
    left: auto;
    margin: -27px -27px 0 0
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .item .border img {
    height: auto;
    display: inline-block;
    max-height: 100%;
    width: auto;
    transition: all 0.3s;
    transform: scale(1)
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .item a {
    display: block;
    height: 295px;
    min-height: 100%;
    background: #fff;
    transition: all 0.3s;
    position: relative
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .item a::after {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    content: "";
    display: block;
    opacity: 0;
    transition: all 0.6s;
    background: linear-gradient(to bottom, rgba(238, 238, 238, 0) 26%, rgba(238, 238, 238, 0.22) 76%, rgba(0, 0, 0, 0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00eeeeee', endColorstr='#66000000', GradientType=0)
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .item a:hover {
    text-decoration: none
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .item a:hover .border img {
    transform: scale(1.025)
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .item a:hover::after {
    opacity: 0.2
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .item h3 {
    padding: 0 15px;
    margin: 0 0 3px 0;
    color: #f38230;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    min-height: 40px
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .item h6 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    color: #948e88;
    padding: 0 15px;
    margin: 0;
    text-align: center;
    font-weight: normal
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .button-seemore {
    background: #948e88;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    border: 0;
    border-radius: 25px;
    display: inline-block;
    transition: all 0.5s;
    min-width: 167px;
    padding: 17px 25px;
    line-height: 15px;
    position: relative;
    cursor: pointer;
    letter-spacing: 1.5px
}

.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .button-seemore:hover,
.boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .button-seemore:focus {
    color: #fff;
    text-decoration: none;
    background: #a19a94
}

@media screen and (max-width: 768px) {
    .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .button-seemore {
        font-size: 14px;
        font-size: 1.4rem;
        width: 159px;
        padding: 13px 15px 13px 15px;
        min-height: initial
    }
}

.boutique-accessoire.section-petits-plaisirs {
    background: #fff;
    padding: 73px 0 0
}

.boutique-accessoire .carousel {
    margin: 0
}

.boutique-accessoire .accessorie-rapidlinks {
    background-image: url("../img/bg/bg-boutique-accessoire.jpg");
    background-size: cover;
    background-position: center center;
    text-align: center;
    padding: 48px 0 60px;
    width: 100%;
    max-width: 100%
}

.boutique-accessoire .accessorie-rapidlinks .span3 {
    display: none
}

.boutique-accessoire .accessorie-rapidlinks .span6 {
    width: 100%;
    margin: 0
}

.boutique-accessoire .accessorie-rapidlinks h3 {
    display: inline-block;
    line-height: 1.2em;
    font-size: 34px;
    font-size: 3.4rem;
    position: relative;
    font-weight: 100;
    margin: 0;
    color: #f38230;
    position: relative;
    z-index: 20
}

@media screen and (max-width: 500px) {
    .boutique-accessoire .accessorie-rapidlinks h3 {
        width: 65%
    }
}

@media screen and (max-width: 768px) {
    .boutique-accessoire .accessorie-rapidlinks h3 {
        font-size: 28px;
        font-size: 2.8rem;
        font-weight: 100
    }
}

.boutique-accessoire .accessorie-rapidlinks h3:after,
.boutique-accessoire .accessorie-rapidlinks h3:before {
    position: absolute;
    content: "";
    width: 40px;
    height: 2px;
    background: #f38230;
    top: 50%
}

.boutique-accessoire .accessorie-rapidlinks h3:after {
    right: -50px
}

.boutique-accessoire .accessorie-rapidlinks h3:before {
    left: -50px
}

@media screen and (max-width: 500px) {

    .boutique-accessoire .accessorie-rapidlinks h3:after,
    .boutique-accessoire .accessorie-rapidlinks h3:before {
        top: 25%
    }

    .boutique-accessoire .accessorie-rapidlinks h3:after {
        right: -40px
    }

    .boutique-accessoire .accessorie-rapidlinks h3:before {
        left: -40px
    }
}

.boutique-accessoire .accessorie-rapidlinks h3:after,
.boutique-accessoire .accessorie-rapidlinks h3:before {
    background: #f38230
}

.boutique-accessoire .accessorie-rapidlinks .search .input-append {
    margin: 0
}

@media screen and (max-width: 1024px) {
    .boutique-accessoire .accessorie-rapidlinks .search .input-append {
        width: 100%;
        padding: 0 20px
    }
}

.boutique-accessoire .accessorie-rapidlinks .search .search-query {
    border-radius: 0;
    border: 0 none;
    padding: 10px 20px;
    width: 366px;
    height: 50px
}

@media screen and (max-width: 1024px) {
    .boutique-accessoire .accessorie-rapidlinks .search .search-query {
        width: 75%
    }
}

.boutique-accessoire .accessorie-rapidlinks .search .btn {
    background: #f38230;
    color: #fff;
    width: auto;
    height: 50px;
    padding: 10px 25px;
    border-radius: 0
}

@media screen and (max-width: 1024px) {
    .boutique-accessoire .accessorie-rapidlinks .search .btn {
        width: 25%;
        font-size: 0;
        padding: 10px 10px 0 10px
    }

    .boutique-accessoire .accessorie-rapidlinks .search .btn:before {
        font-size: 24px;
        font-size: 2.4rem;
        content: "\e609";
        font-family: ico;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        background: none;
        width: auto;
        height: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
}

.boutique-accessoire .accessorie-rapidlinks .search .btn:hover {
    background: #eaeeef
}

.boutique-accessoire .accessorie-rapidlinks .search+p,
.boutique-accessoire .accessorie-rapidlinks .krups-block-univers .krups-block-wrapper .search+div,
.krups-block-univers .krups-block-wrapper .boutique-accessoire .accessorie-rapidlinks .search+div {
    color: #f38230;
    font-size: 35px;
    font-size: 3.5rem;
    margin: 0 0 20px
}

@media screen and (max-width: 1024px) {

    .boutique-accessoire .accessorie-rapidlinks .search+p,
    .boutique-accessoire .accessorie-rapidlinks .krups-block-univers .krups-block-wrapper .search+div,
    .krups-block-univers .krups-block-wrapper .boutique-accessoire .accessorie-rapidlinks .search+div {
        font-size: 28px;
        font-size: 2.8rem
    }
}

.boutique-accessoire .accessorie-rapidlinks p a.btn-action,
.boutique-accessoire .accessorie-rapidlinks .krups-block-univers .krups-block-wrapper div a.btn-action,
.krups-block-univers .krups-block-wrapper .boutique-accessoire .accessorie-rapidlinks div a.btn-action {
    background: #ED1C24;
    color: #FFF;
    padding: 15px 25px;
    font-size: 16px;
    width: 470px;
    background: #f38230
}

@media screen and (max-width: 1024px) {

    .boutique-accessoire .accessorie-rapidlinks p a.btn-action,
    .boutique-accessoire .accessorie-rapidlinks .krups-block-univers .krups-block-wrapper div a.btn-action,
    .krups-block-univers .krups-block-wrapper .boutique-accessoire .accessorie-rapidlinks div a.btn-action {
        width: 70%
    }
}

.boutique-accessoire .accessorie-rapidlinks p a.btn-action:hover,
.boutique-accessoire .accessorie-rapidlinks .krups-block-univers .krups-block-wrapper div a.btn-action:hover,
.krups-block-univers .krups-block-wrapper .boutique-accessoire .accessorie-rapidlinks div a.btn-action:hover {
    background: #eaeeef
}

#AccessoriesPush form#addToCartForm,
#AccessoriesPush form.add_to_cart_form,
#accessoires-recommandes form#addToCartForm,
#accessoires-recommandes form.add_to_cart_form,
#detachedPieces form#addToCartForm,
#detachedPieces form.add_to_cart_form,
#accessoires form#addToCartForm,
#accessoires form.add_to_cart_form {
    position: absolute;
    width: 100%;
    text-align: center;
    margin: 0;
    left: 0;
    bottom: -24px
}

.rtl #AccessoriesPush form#addToCartForm,
.rtl #AccessoriesPush form.add_to_cart_form,
.rtl #accessoires-recommandes form#addToCartForm,
.rtl #accessoires-recommandes form.add_to_cart_form,
.rtl #detachedPieces form#addToCartForm,
.rtl #detachedPieces form.add_to_cart_form,
.rtl #accessoires form#addToCartForm,
.rtl #accessoires form.add_to_cart_form {
    right: 0;
    left: auto
}

.external-site {
    background: #fff;
    color: #bebdbd;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    padding: 70px 0 0
}

.external-site .container {
    padding: 0 90px
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .external-site .container {
        padding: 0 50px
    }
}

.external-site .external-site-cont {
    border-top: 2px solid #f38230;
    border-bottom: 2px solid #f38230;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 35px 10px;
    text-align: justify;
    color: #2a2622
}

.external-site .external-site-cont a {
    color: #948e88
}

.external-site .external-site-cont a:hover {
    color: #f38230
}

.accessories-services {
    padding: 60px 0 50px;
    text-align: center;
    background: #fff
}

.accessories-services .container {
    padding: 0
}

@media screen and (max-width: 768px) {
    .accessories-services {
        padding: 30px 0 10px;
        margin: 0
    }
}

.accessories-services a {
    display: block;
    color: #2a2622;
    text-decoration: none;
    transition: all 0.3s
}

.accessories-services a:hover {
    color: #f38230
}

.accessories-services a:hover .border {
    border-color: #f38230
}

@media screen and (max-width: 768px) {
    .accessories-services a:hover {
        color: #2a2622
    }

    .accessories-services a:hover .border {
        border-color: #f0f0f0
    }
}

.accessories-services .owl-item li {
    width: 100%
}

.accessories-services ul {
    margin: 0;
    padding: 0 90px;
    text-align: center;
    font-size: 0
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .accessories-services ul {
        padding: 0 50px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .accessories-services ul {
        padding: 0 40px
    }
}

.accessories-services ul p:first-child,
.accessories-services ul .krups-block-univers .krups-block-wrapper div:first-child,
.krups-block-univers .krups-block-wrapper .accessories-services ul div:first-child {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 0 5px;
    line-height: 20px;
    text-transform: uppercase
}

@media screen and (max-width: 768px) {

    .accessories-services ul p:first-child,
    .accessories-services ul .krups-block-univers .krups-block-wrapper div:first-child,
    .krups-block-univers .krups-block-wrapper .accessories-services ul div:first-child {
        font-size: 13px;
        font-size: 1.3rem
    }
}

@media screen and (max-width: 768px) {
    .accessories-services ul {
        margin: 0 auto;
        padding: 0
    }

    .accessories-services ul .owl-item {
        display: block
    }
}

.accessories-services li {
    padding: 0;
    margin: 0;
    display: inline-block;
    float: left;
    vertical-align: top;
    width: 25%
}

.rtl .accessories-services li {
    float: right
}

.accessories-services li:nth-child(n+5) {
    display: none
}

@media screen and (max-width: 768px) {
    .accessories-services li {
        width: 50%;
        margin-bottom: 20px
    }
}

.accessories-services li .border {
    margin: 0;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #f0f0f0;
    border-radius: 100%;
    width: 84px;
    height: 84px;
    transition: all 0.3s
}

.accessories-services li .border img {
    max-width: 47px;
    transform: translateY(-50%);
    position: relative;
    top: 50%
}

.accessories-services li .caption {
    padding: 15px 40px 0
}

@media screen and (max-width: 768px) {
    .accessories-services li .caption {
        text-align: center;
        vertical-align: middle;
        padding: 15px 0 0
    }
}

.accessories-services li img {
    height: auto
}

.accessories-services li.service-2 .border img {
    max-width: 27px
}

.accessories-services li.service-3 .border img {
    max-width: 34px
}

.bloc-reparabilite {
    background: #fff;
    color: #2a2622;
    padding: 65px 0;
    text-align: center
}

.page-AccessoriesHomePage .bloc-reparabilite {
    background: #eaeeef
}

.bloc-reparabilite .visuel {
    margin-bottom: 15px
}

.bloc-reparabilite .visuel img {
    width: 83px
}

.bloc-reparabilite .discription,
.bloc-reparabilite .discription p,
.bloc-reparabilite .discription .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .bloc-reparabilite .discription div {
    color: #2a2622;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    max-width: 500px;
    margin: 0 auto 25px
}

.bloc-reparabilite .btn-fleche>a {
    width: 248px
}

@media screen and (max-width: 768px) {
    .bloc-reparabilite {
        padding: 40px 20px
    }
}

.page-AccessoryListPage .banner-push.header-banner .caption {
    position: absolute;
    top: 50%;
    margin: -25px 0 0 0
}

.page-AccessoryListPage .banner-push.header-banner .caption .btn-orange {
    margin: 0;
    min-height: 50px
}

@media screen and (max-width: 768px) {
    .page-AccessoryListPage .banner-push.header-banner .visuel img {
        max-width: 140%
    }
}

@media screen and (max-width: 768px) {

    .page-CSSIFUProductPage #master-detail-product,
    .page-CSSFAQProductPage #master-detail-product,
    .page-AccessoryDetailPage #master-detail-product,
    .page-AccessoryFinishedProductDetailPage #master-detail-product {
        background: #fff
    }
}

.page-CSSIFUProductPage .row-fluid.bloc,
.page-CSSFAQProductPage .row-fluid.bloc,
.page-AccessoryDetailPage .row-fluid.bloc,
.page-AccessoryFinishedProductDetailPage .row-fluid.bloc {
    padding: 0 0 30px;
    width: auto
}

@media screen and (max-width: 768px) {

    .page-CSSIFUProductPage .row-fluid.bloc,
    .page-CSSFAQProductPage .row-fluid.bloc,
    .page-AccessoryDetailPage .row-fluid.bloc,
    .page-AccessoryFinishedProductDetailPage .row-fluid.bloc {
        padding-top: 0
    }
}

.page-CSSIFUProductPage .row-fluid.bloc.bloc-services,
.page-CSSFAQProductPage .row-fluid.bloc.bloc-services,
.page-AccessoryDetailPage .row-fluid.bloc.bloc-services,
.page-AccessoryFinishedProductDetailPage .row-fluid.bloc.bloc-services {
    padding: 0
}

.page-CSSIFUProductPage .zoom,
.page-CSSFAQProductPage .zoom,
.page-AccessoryDetailPage .zoom,
.page-AccessoryFinishedProductDetailPage .zoom {
    display: none
}

.page-CSSIFUProductPage #CarouselDetailProductBig,
.page-CSSFAQProductPage #CarouselDetailProductBig,
.page-AccessoryDetailPage #CarouselDetailProductBig,
.page-AccessoryFinishedProductDetailPage #CarouselDetailProductBig {
    background: #fff
}

.page-CSSIFUProductPage #CarouselDetailProductBig .carousel-inner .play img,
.page-CSSFAQProductPage #CarouselDetailProductBig .carousel-inner .play img,
.page-AccessoryDetailPage #CarouselDetailProductBig .carousel-inner .play img,
.page-AccessoryFinishedProductDetailPage #CarouselDetailProductBig .carousel-inner .play img {
    padding: 0;
    border: 0;
    height: auto
}

.page-CSSIFUProductPage #CarouselDetailProductBig .carousel-inner img,
.page-CSSFAQProductPage #CarouselDetailProductBig .carousel-inner img,
.page-AccessoryDetailPage #CarouselDetailProductBig .carousel-inner img,
.page-AccessoryFinishedProductDetailPage #CarouselDetailProductBig .carousel-inner img {
    padding: 40px;
    display: inline-block;
    height: 345px
}

@media screen and (max-width: 768px) {

    .page-CSSIFUProductPage #CarouselDetailProductBig .carousel-inner img,
    .page-CSSFAQProductPage #CarouselDetailProductBig .carousel-inner img,
    .page-AccessoryDetailPage #CarouselDetailProductBig .carousel-inner img,
    .page-AccessoryFinishedProductDetailPage #CarouselDetailProductBig .carousel-inner img {
        padding: 0;
        border: 0
    }
}

.page-CSSIFUProductPage #CarouselDetailProductBig .carousel-inner .sticker img,
.page-CSSFAQProductPage #CarouselDetailProductBig .carousel-inner .sticker img,
.page-AccessoryDetailPage #CarouselDetailProductBig .carousel-inner .sticker img,
.page-AccessoryFinishedProductDetailPage #CarouselDetailProductBig .carousel-inner .sticker img {
    border: 0
}

.page-AccessoryDetailPage .row-fluid .span7 {
    margin: 0
}

.page-AccessoryDetailPage .row-fluid .span7 .product-detail {
    margin: 0
}

.page-AccessoryDetailPage .row-fluid .trashs {
    clear: both;
    margin: 0
}

@media screen and (max-width: 768px) {
    .page-AccessoryDetailPage .product-viewer {
        height: auto
    }
}

.page-AccessoriesStoreRedirect2 h1 {
    margin: 0 0 15px;
    font-weight: 100;
    font-size: 28px;
    font-size: 2.8rem
}

.page-AccessoriesStoreRedirect2 h1 strong,
.page-AccessoriesStoreRedirect2 h1 span {
    font-weight: 100
}

.page-AccessoriesStoreRedirect2 p,
.page-AccessoriesStoreRedirect2 .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-AccessoriesStoreRedirect2 div {
    font-size: 14.5px;
    font-size: 1.45rem
}

.page-AccessoriesStoreRedirect2 .btn-action {
    width: auto;
    clear: both;
    padding: 9px 20px
}

@media screen and (max-width: 1024px) {
    .page-AccessoriesStoreRedirect2 .chapter-bloc {
        padding: 0 15px
    }
}

#ModalMessage .compatibilite-comp-par1,
#ModalCartError .compatibilite-comp-par1 {
    margin-right: 40px
}

.rtl #ModalMessage .compatibilite-comp-par1,
.rtl #ModalCartError .compatibilite-comp-par1 {
    margin-left: 40px
}

@media screen and (max-width: 768px) {

    #ModalMessage .compatibilite-comp-par1,
    #ModalCartError .compatibilite-comp-par1 {
        margin-right: 0
    }

    .rtl #ModalMessage .compatibilite-comp-par1,
    .rtl #ModalCartError .compatibilite-comp-par1 {
        margin-left: 0
    }
}

#ModalMessage .compatibilite-comp-par1 .validate-compatibilite-comp-list ul,
#ModalCartError .compatibilite-comp-par1 .validate-compatibilite-comp-list ul {
    list-style: none;
    margin-left: 0
}

#ModalMessage .compatibilite-comp-par1 .validate-compatibilite-comp-list ul li:first-child,
#ModalCartError .compatibilite-comp-par1 .validate-compatibilite-comp-list ul li:first-child {
    font-size: 25px;
    text-align: center;
    margin-bottom: 20px
}

#ModalMessage .compatibilite-comp-par1 .validate-compatibilite-comp-list ul li:nth-child(2),
#ModalCartError .compatibilite-comp-par1 .validate-compatibilite-comp-list ul li:nth-child(2) {
    margin-bottom: 10px
}

#ModalMessage .compatibilite-comp-par1 .validate-compatibilite-comp-btn div.pull-right,
#ModalCartError .compatibilite-comp-par1 .validate-compatibilite-comp-btn div.pull-right {
    width: 100%;
    margin-bottom: 20px
}

#ModalMessage .compatibilite-comp-par1 .validate-compatibilite-comp-btn div.pull-right .btn-action,
#ModalCartError .compatibilite-comp-par1 .validate-compatibilite-comp-btn div.pull-right .btn-action {
    width: 100px
}

#ModalMessage .compatibilite-comp-par1 .validate-compatibilite-comp-btn div.pull-right .btn-action:first-of-type,
#ModalCartError .compatibilite-comp-par1 .validate-compatibilite-comp-btn div.pull-right .btn-action:first-of-type {
    margin-left: 10px
}

.rtl #ModalMessage .compatibilite-comp-par1 .validate-compatibilite-comp-btn div.pull-right .btn-action:first-of-type,
.rtl #ModalCartError .compatibilite-comp-par1 .validate-compatibilite-comp-btn div.pull-right .btn-action:first-of-type {
    margin-right: 10px
}

#ModalMessage .compatibilite-comp-par2,
#ModalCartError .compatibilite-comp-par2 {
    margin-right: 40px
}

.rtl #ModalMessage .compatibilite-comp-par2,
.rtl #ModalCartError .compatibilite-comp-par2 {
    margin-left: 40px
}

@media screen and (max-width: 768px) {

    #ModalMessage .compatibilite-comp-par2,
    #ModalCartError .compatibilite-comp-par2 {
        margin-right: 0
    }

    .rtl #ModalMessage .compatibilite-comp-par2,
    .rtl #ModalCartError .compatibilite-comp-par2 {
        margin-left: 0
    }
}

#ModalMessage .compatibilite-comp-par2 #upgradeCompanionForm table tr,
#ModalCartError .compatibilite-comp-par2 #upgradeCompanionForm table tr {
    height: 50px
}

#ModalMessage .compatibilite-comp-par2 #upgradeCompanionForm table tr td:last-child,
#ModalCartError .compatibilite-comp-par2 #upgradeCompanionForm table tr td:last-child {
    padding-left: 15px
}

.rtl #ModalMessage .compatibilite-comp-par2 #upgradeCompanionForm table tr td:last-child,
.rtl #ModalCartError .compatibilite-comp-par2 #upgradeCompanionForm table tr td:last-child {
    padding-right: 15px
}

#ModalMessage .compatibilite-comp-par2 #upgradeCompanionForm table tr td:last-child input,
#ModalCartError .compatibilite-comp-par2 #upgradeCompanionForm table tr td:last-child input {
    height: 25px;
    margin-top: 5px;
    margin-bottom: 5px
}

@media screen and (max-width: 768px) {

    #ModalMessage .compatibilite-comp-par2 #upgradeCompanionForm table tr td:last-child input,
    #ModalCartError .compatibilite-comp-par2 #upgradeCompanionForm table tr td:last-child input {
        margin-top: 15px
    }
}

#ModalMessage .compatibilite-comp-par2 #upgradeCompanionForm table tr td:last-child span,
#ModalCartError .compatibilite-comp-par2 #upgradeCompanionForm table tr td:last-child span {
    color: #fff;
    margin-left: 15px
}

.rtl #ModalMessage .compatibilite-comp-par2 #upgradeCompanionForm table tr td:last-child span,
.rtl #ModalCartError .compatibilite-comp-par2 #upgradeCompanionForm table tr td:last-child span {
    margin-right: 15px
}

#ModalMessage .compatibilite-comp-par2 #upgradeCompanionForm .validate-compatibilite-comp-btn div.pull-right,
#ModalCartError .compatibilite-comp-par2 #upgradeCompanionForm .validate-compatibilite-comp-btn div.pull-right {
    width: 100%;
    margin-bottom: 20px
}

#ModalMessage .compatibilite-comp-par2 #upgradeCompanionForm .validate-compatibilite-comp-btn div.pull-right .btn-action,
#ModalCartError .compatibilite-comp-par2 #upgradeCompanionForm .validate-compatibilite-comp-btn div.pull-right .btn-action {
    width: 100px
}

#ModalMessage .compatibilite-comp-par2 #upgradeCompanionForm .validate-compatibilite-comp-btn div.pull-right .btn-action:first-of-type,
#ModalCartError .compatibilite-comp-par2 #upgradeCompanionForm .validate-compatibilite-comp-btn div.pull-right .btn-action:first-of-type {
    margin-left: 10px
}

.rtl #ModalMessage .compatibilite-comp-par2 #upgradeCompanionForm .validate-compatibilite-comp-btn div.pull-right .btn-action:first-of-type,
.rtl #ModalCartError .compatibilite-comp-par2 #upgradeCompanionForm .validate-compatibilite-comp-btn div.pull-right .btn-action:first-of-type {
    margin-right: 10px
}

#ModalMessage .title-prd-non-cumulable,
#ModalCartError .title-prd-non-cumulable {
    display: block;
    text-align: center;
    font-size: 25px;
    margin-bottom: 20px;
    margin-right: 40px
}

.rtl #ModalMessage .title-prd-non-cumulable,
.rtl #ModalCartError .title-prd-non-cumulable {
    margin-left: 40px
}

@media screen and (max-width: 768px) {

    #ModalMessage .title-prd-non-cumulable,
    #ModalCartError .title-prd-non-cumulable {
        margin-right: 0
    }

    .rtl #ModalMessage .title-prd-non-cumulable,
    .rtl #ModalCartError .title-prd-non-cumulable {
        margin-left: 0
    }
}

#ModalMessage .msg1-prd-non-cumulable,
#ModalCartError .msg1-prd-non-cumulable {
    display: block;
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
    margin-right: 40px
}

.rtl #ModalMessage .msg1-prd-non-cumulable,
.rtl #ModalCartError .msg1-prd-non-cumulable {
    margin-left: 40px
}

@media screen and (max-width: 768px) {

    #ModalMessage .msg1-prd-non-cumulable,
    #ModalCartError .msg1-prd-non-cumulable {
        margin-right: 0
    }

    .rtl #ModalMessage .msg1-prd-non-cumulable,
    .rtl #ModalCartError .msg1-prd-non-cumulable {
        margin-left: 0
    }
}

#ModalMessage .msg2-prd-non-cumulable,
#ModalCartError .msg2-prd-non-cumulable {
    display: block;
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
    margin-right: 40px
}

.rtl #ModalMessage .msg2-prd-non-cumulable,
.rtl #ModalCartError .msg2-prd-non-cumulable {
    margin-left: 40px
}

@media screen and (max-width: 768px) {

    #ModalMessage .msg2-prd-non-cumulable,
    #ModalCartError .msg2-prd-non-cumulable {
        margin-right: 0
    }

    .rtl #ModalMessage .msg2-prd-non-cumulable,
    .rtl #ModalCartError .msg2-prd-non-cumulable {
        margin-left: 0
    }
}

#ModalMessage .prod-actions,
#ModalCartError .prod-actions {
    padding-right: 40px
}

.rtl #ModalMessage .prod-actions,
.rtl #ModalCartError .prod-actions {
    padding-left: 40px
}

@media screen and (max-width: 768px) {

    #ModalMessage .prod-actions,
    #ModalCartError .prod-actions {
        padding-right: 0
    }

    .rtl #ModalMessage .prod-actions,
    .rtl #ModalCartError .prod-actions {
        padding-left: 0
    }
}

#ModalCartError .prod-actions {
    padding: 0;
    margin-top: 10px;
    text-align: right
}

#ModalCartError .prod-actions .btn {
    margin: 5px
}

#ModalCartError .prod-actions .btn:first-child {
    margin-left: 0
}

.rtl #ModalCartError .prod-actions .btn:first-child {
    margin-right: 0
}

#ModalCartError .prod-actions .btn:last-child {
    margin-right: 0
}

.rtl #ModalCartError .prod-actions .btn:last-child {
    margin-left: 0
}

.ui-widget-header {
    background: #fff !important;
    color: #313131 !important
}

.ui-state-active {
    border: 1px solid #fff !important;
    background: #fff !important
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .boutique-accessoire .container {
        padding-left: 15px;
        padding-right: 15px
    }

    .rtl .boutique-accessoire .container {
        padding-right: 15px
    }
}

@media screen and (max-width: 768px) {
    .boutique-accessoire.section-search {
        padding: 0
    }

    .boutique-accessoire.section-search .content-search-title {
        padding: 30px 10px 10px
    }

    .boutique-accessoire.section-search .search {
        padding: 0 30px 40px
    }

    .boutique-accessoire.section-search .bloc-categories {
        display: block;
        width: 100%;
        padding: 10px 0 0
    }

    .boutique-accessoire.section-search .bloc-categories .bloc-categories-liste {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0
    }

    .boutique-accessoire.section-search .bloc-categories .bloc-categories-liste .accordion {
        margin: 0
    }

    .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere {
        display: none
    }

    .boutique-accessoire.section-search .bloc-categories .product-list-topics-limit,
    .boutique-accessoire.section-search .bloc-categories .faq-banner {
        display: none
    }

    .boutique-accessoire.section-search:after {
        display: none
    }

    .boutique-accessoire.boutique-accessoire .bloc-categories .bloc-categories-liste #accordionFiltersFaq .accordion-heading.title-categorie {
        display: block
    }

    .boutique-accessoire.boutique-accessoire .bloc-categories .bloc-categories-liste #accordionFiltersFaq .accordion-body {
        height: auto
    }

    .boutique-accessoire.boutique-accessoire .bloc-categories .bloc-categories-liste #accordionFiltersFaq .collapse {
        transition: inherit
    }

    .boutique-accessoire.section-petits-plaisirs {
        background: #eaeeef;
        padding: 40px 0 0 0
    }

    .boutique-accessoire.section-petits-plaisirs .external-site {
        display: none
    }

    .page-AccessoryListPage .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere {
        display: block;
        width: 100%;
        padding: 0 15px
    }

    .page-AccessoryListPage .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .display-filters .pull-right {
        width: 100%;
        float: none
    }

    .page-AccessoryListPage .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .form-horizontal .control-label {
        float: none;
        width: 100%;
        display: block;
        text-align: center;
        font-size: 22px;
        font-size: 2.2rem;
        margin-bottom: 10px
    }

    .page-AccessoryListPage .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .form-horizontal .controls {
        margin: 0;
        width: 100%
    }

    .page-AccessoryListPage .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .item {
        display: block;
        width: 100%;
        margin: -1px 0 0 0;
        float: none
    }

    .template-pages-css-cssCategoriesListPage .boutique-accessoire.section-search .span12 .form-horizontal .control-label {
        float: none;
        width: 100%;
        display: block;
        text-align: center;
        font-size: 22px;
        font-size: 2.2rem;
        margin-bottom: 10px
    }

    .template-pages-css-cssCategoriesListPage .boutique-accessoire.section-search .span12 .form-horizontal .controls {
        margin: 0;
        width: 100%
    }

    .template-pages-css-cssCategoriesListPage .boutique-accessoire.section-search .span12 .pull-right {
        width: 100%;
        float: none
    }

    .template-pages-css-cssCategoriesListPage .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere {
        display: block;
        width: 100%;
        padding: 0 15px
    }

    .template-pages-css-cssCategoriesListPage .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .display-filters .pull-right {
        width: 100%;
        float: none
    }

    .template-pages-css-cssCategoriesListPage .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .form-horizontal .control-label {
        float: none;
        width: 100%;
        display: block;
        text-align: center;
        font-size: 22px;
        font-size: 2.2rem;
        margin-bottom: 10px
    }

    .template-pages-css-cssCategoriesListPage .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .form-horizontal .controls {
        margin: 0;
        width: 100%
    }

    .template-pages-css-cssCategoriesListPage .boutique-accessoire.section-search .bloc-categories .bloc-categories-banniere .product-sous-cat-list .item {
        display: block;
        width: 100%;
        margin: -1px 0 0 0;
        float: none
    }

    .external-site {
        display: none
    }
}

.accessoires {
    padding: 70px 0;
    margin: 0
}

.accessoires .container {
    padding: 0
}

@media screen and (max-width: 768px) {
    .accessoires {
        padding: 30px 0
    }
}

.banner-accesoires {
    position: relative
}

@media screen and (max-width: 768px) {
    .banner-accesoires .header-banner .visuel img {
        max-width: 140%
    }
}

.banner-accesoires .header-banner .caption {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 768px) {
    .banner-accesoires .header-banner .caption {
        padding: 0 30px
    }

    .banner-accesoires .header-banner .caption .btn-orange {
        width: 100%;
        max-width: 400px
    }
}

.accessories-push .container {
    padding: 0
}

@media screen and (max-width: 768px) {
    .page-AccessoriesHomePage .mini-banners .banners-left .banner .visuel {
        padding: 0
    }
}

.mini-banners {
    display: none
}

.mini-banners .spinner {
    display: none
}

.accessory-banner-container.categoryDiscoverBanner {
    text-align: center;
    position: relative;
    padding-left: 70px;
    margin-bottom: 30px
}

@media screen and (max-width: 767px) {
    .accessory-banner-container.categoryDiscoverBanner {
        padding: 0;
        height: 160px;
        overflow: hidden
    }
}

.accessory-banner-container.categoryDiscoverBanner img {
    width: 100%
}

@media screen and (max-width: 767px) {
    .accessory-banner-container.categoryDiscoverBanner img {
        position: absolute;
        width: 600px;
        left: 50%;
        margin-left: -300px;
        max-width: inherit
    }
}

.accessory-banner-container.categoryDiscoverBanner img[data-src] {
    width: auto
}

.accessory-banner-container.categoryDiscoverBanner .accessory-banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 80%;
    color: #fff
}

.accessory-banner-container.categoryDiscoverBanner .accessory-banner-text .accessory-banner-headline {
    margin: 0;
    width: 100%;
    min-height: auto;
    line-height: normal;
    color: white;
    position: static;
    text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 2px 2px 7px rgba(0, 0, 0, 0.5);
    font-size: 45px !important;
    font-weight: bold
}

@media screen and (max-width: 767px) {
    .accessory-banner-container.categoryDiscoverBanner .accessory-banner-text .accessory-banner-headline {
        font-size: 30px !important
    }
}

.accessory-banner-container.categoryDiscoverBanner .accessory-banner-text .accessory-banner-headline:after {
    display: none
}

.accessory-banner-container.categoryDiscoverBanner .accessory-banner-text .accessory-banner-content {
    margin: 0;
    width: 100%;
    color: white;
    min-height: auto;
    line-height: normal;
    position: static;
    text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 2px 2px 7px rgba(0, 0, 0, 0.8)
}

.accessory-banner-container.categoryDiscoverBanner .accessory-banner-text .accessory-banner-content p,
.accessory-banner-container.categoryDiscoverBanner .accessory-banner-text .accessory-banner-content .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .accessory-banner-container.categoryDiscoverBanner .accessory-banner-text .accessory-banner-content div {
    margin: 0;
    height: auto;
    min-height: auto;
    font-size: 22px !important
}

@media screen and (max-width: 767px) {

    .accessory-banner-container.categoryDiscoverBanner .accessory-banner-text .accessory-banner-content p,
    .accessory-banner-container.categoryDiscoverBanner .accessory-banner-text .accessory-banner-content .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .accessory-banner-container.categoryDiscoverBanner .accessory-banner-text .accessory-banner-content div {
        font-size: 17px !important
    }
}

.accessory-banner-container.categoryDiscoverBanner .accessory-banner-text .accessory-banner-cta {
    width: 100%;
    margin-top: 15px
}

.accessory-banner-container.categoryDiscoverBanner .accessory-banner-text .accessory-banner-cta a {
    transform: none;
    position: static;
    margin: 0;
    width: auto;
    font-size: 16px
}

@media screen and (max-width: 767px) {
    .accessory-banner-container.categoryDiscoverBanner .accessory-banner-text .accessory-banner-cta a {
        font-size: 14px !important
    }
}

.boutique-accessoire.section-search .bloc-categories .faq-banner .caption p,
.boutique-accessoire.section-search .bloc-categories .faq-banner .caption .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .boutique-accessoire.section-search .bloc-categories .faq-banner .caption div {
    margin-left: 70px
}

.notices-garantie ul {
    text-align: center;
    padding-top: 15px
}

.notices-garantie ul li {
    list-style: none;
    display: inline-block;
    width: 85px;
    text-transform: uppercase;
    color: #50535d;
    margin-right: 100px;
    line-height: 1.5em
}

.notices-garantie ul li a {
    font-size: 13px;
    font-size: 1.3rem;
    color: #50535d;
    line-height: 1em;
    transition: all 0.3s
}

.notices-garantie ul li a::before {
    content: "";
    display: block;
    width: 62px;
    height: 62px;
    margin: 0 auto 5px;
    background: url("../img/icon/sprite.png") no-repeat 0 -22px
}

.notices-garantie ul li a.notice-info::before {
    background-position: -71px -22px
}

.notices-garantie ul li a:hover {
    color: #fff;
    text-decoration: none
}

.notices-garantie ul li:last-child {
    margin-right: 0
}

.wrap-push {
    text-align: center;
    width: 240px;
    padding: 30px 0;
    float: left
}

@media screen and (max-width: 768px) {
    .wrap-push {
        margin: 0 auto;
        float: none;
        clear: both;
        padding: 30px 0 10px
    }
}

.rtl .wrap-push {
    float: right
}

.wrap-push a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: #f38230;
    position: relative;
    width: 154px;
    height: 154px;
    margin: 0 0 20px;
    border-radius: 100%;
    font-size: 15px;
    font-size: 1.5rem;
    transition: all 0.3s
}

.wrap-push a:hover {
    background: #eaeeef;
    color: #fff
}

.wrap-push a:after {
    width: 160px;
    height: 160px;
    position: absolute;
    top: -3px;
    left: -3px;
    content: "";
    display: block;
    border: 1px solid #f38230;
    border-radius: 100%
}

.wrap-push p,
.wrap-push .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .wrap-push div {
    position: absolute;
    top: 50%;
    left: 20px;
    right: 20px;
    transform: translateY(-50%);
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1.6rem
}

.wrap-push p span,
.wrap-push .krups-block-univers .krups-block-wrapper div span,
.krups-block-univers .krups-block-wrapper .wrap-push div span {
    font-size: 6px;
    font-size: .6rem;
    display: block;
    margin: 2px 0 0
}

.wrap-push p:after,
.wrap-push .krups-block-univers .krups-block-wrapper div:after,
.krups-block-univers .krups-block-wrapper .wrap-push div:after {
    content: "\e613";
    font-size: 6px;
    font-size: .6rem;
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin: 0 0 0 -7px;
    color: #fff;
    font-family: ico;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    width: 14px;
    height: 6px
}

.page-faq-categories-list .list-cat,
.list-cat {
    margin-top: 30px
}

@media screen and (max-width: 768px) {

    .page-faq-categories-list .list-cat,
    .list-cat {
        padding: 0;
        margin-top: 5px
    }
}

@media screen and (max-width: 1024px) {

    .page-faq-categories-list .list-cat .container,
    .list-cat .container {
        width: 100%
    }
}

.page-faq-categories-list .list-cat .span3,
.list-cat .span3 {
    width: 23.2%;
    padding-right: 2px;
    margin-left: 0
}

.page-faq-categories-list .list-cat .span9,
.list-cat .span9 {
    width: 74.3%;
    margin-left: 0;
    float: right
}

.page-faq-categories-list .list-cat .faq-banner .caption,
.list-cat .faq-banner .caption {
    padding: 25px
}

@media screen and (max-width: 768px) {

    .page-faq-categories-list .list-cat .faq-banner .caption,
    .list-cat .faq-banner .caption {
        padding: 15px 0
    }
}

.page-faq-categories-list .list-cat .faq-banner .caption p,
.page-faq-categories-list .list-cat .faq-banner .caption .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-faq-categories-list .list-cat .faq-banner .caption div,
.list-cat .faq-banner .caption p,
.list-cat .faq-banner .caption .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .list-cat .faq-banner .caption div {
    font-weight: 100;
    font-size: 14.5px;
    font-size: 1.45rem
}

.page-faq-categories-list .list-cat .faq-banner .caption h4,
.list-cat .faq-banner .caption h4 {
    font-weight: 700;
    margin: 0 0 5px;
    font-size: 14.5px;
    font-size: 1.45rem
}

.page-faq-categories-list .list-cat .faq-banner h1:not(.force-display),
.list-cat .faq-banner h1:not(.force-display) {
    display: none
}

.page-faq-categories-list .list-cat .faq-banner p,
.page-faq-categories-list .list-cat .faq-banner .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-faq-categories-list .list-cat .faq-banner div,
.list-cat .faq-banner p,
.list-cat .faq-banner .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .list-cat .faq-banner div {
    line-height: 1.4em;
    margin: 0;
    font-size: 14.5px;
    font-size: 1.45rem
}

.page-faq-categories-list .list-cat .see-more .span-12,
.list-cat .see-more .span-12 {
    padding: 0;
    text-align: center
}

.page-faq-categories-list .list-cat .span-12,
.list-cat .span-12 {
    padding: 25px
}

.page-faq-categories-list .list-cat .span-12 p,
.page-faq-categories-list .list-cat .span-12 .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-faq-categories-list .list-cat .span-12 div,
.list-cat .span-12 p,
.list-cat .span-12 .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .list-cat .span-12 div {
    line-height: 1.2em;
    margin: 0
}

.page-faq-categories-list .list-cat .selected-filters,
.list-cat .selected-filters {
    display: none
}

.page-faq-categories-list .list-cat .lame-filter-list,
.list-cat .lame-filter-list {
    clear: both;
    margin-top: 15px;
    position: relative;
    padding: 10px 0px
}

.page-faq-categories-list .list-cat .lame-filter-list h4,
.list-cat .lame-filter-list h4 {
    color: #000000;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-weight: normal;
    font-size: 16px;
    font-size: 1.6rem;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 0 1px;
    padding: 12px 14px;
    text-align: center
}

@media screen and (max-width: 768px) {

    .page-faq-categories-list .list-cat .lame-filter-list h4,
    .list-cat .lame-filter-list h4 {
        font-size: 20px;
        font-size: 2rem
    }
}

.page-faq-categories-list .list-cat .lame-filter-list:after,
.list-cat .lame-filter-list:after {
    content: "";
    width: 30px;
    margin: 0 auto;
    border-bottom: 3px solid #f38230;
    position: absolute;
    top: 71px;
    left: 0;
    right: 0
}

@media screen and (max-width: 768px) {

    .page-faq-categories-list .list-cat .lame-filter-list:after,
    .list-cat .lame-filter-list:after {
        border-bottom: 5px solid #f38230
    }
}

.page-faq-categories-list .list-cat .range,
.list-cat .range {
    overflow: hidden
}

.page-faq-categories-list .list-cat .product-liste-zone .lame-filter-list,
.list-cat .product-liste-zone .lame-filter-list {
    padding-top: 24px;
    margin-bottom: 45px;
    margin-top: 28px
}

@media screen and (max-width: 768px) {

    .page-faq-categories-list .list-cat .product-liste-zone .lame-filter-list,
    .list-cat .product-liste-zone .lame-filter-list {
        margin-bottom: 28px;
        margin-top: 0px
    }
}

.page-faq-categories-list .list-cat,
.page-ifu-categories-list .list-cat {
    padding: 0 !important
}

.list-products .faq-topics-list .lame-filter-list+.item {
    margin: 0;
    width: 240px
}

.list-products .faq-topics-list .item {
    text-align: center;
    background: #f38230;
    float: left;
    position: relative;
    margin: 0 0 0 -1px;
    border: 1px solid #000;
    height: 290px;
    width: 241px
}

.list-products .faq-topics-list .item .border {
    width: 240px;
    height: 176px;
    padding: 10px
}

.list-products .faq-topics-list .item .border .play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    margin: -27px 0 0 -27px
}

.list-products .faq-topics-list .item .border img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    display: inline;
    margin: 0 0 10px
}

.list-products .faq-topics-list .item a {
    min-width: 240px;
    min-height: 290px;
    background: #fff;
    text-decoration: none;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#edeef0');
    background-image: -owg-linear-gradient(top, #fff 0%, #fbfdfc 31%, #edeef0 100%);
    background-image: linear-gradient(top, #fff 0%, #fbfdfc 31%, #edeef0 100%);
    display: block;
    transition: all 0.3s
}

.list-products .faq-topics-list .item a:hover {
    background: rgba(0, 0, 0, 0.2);
    background-image: -owg-linear-gradient(top, #edeef0 0%, #edeef0 31%, #edeef0 100%);
    background-image: linear-gradient(top, #edeef0 0%, #edeef0 31%, #edeef0 100%)
}

.main-nav .navigation .accordion-inner .list-products .faq-topics-list .item a:hover {
    background: rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#EDEEF0', endColorstr='#EDEEF0');
    background-image: -owg-linear-gradient(top, #edeef0 0%, #edeef0 31%, #edeef0 100%);
    background-image: linear-gradient(top, #edeef0 0%, #edeef0 31%, #edeef0 100%)
}

.list-products .faq-topics-list .item h6 {
    font-size: 12px;
    font-size: 1.2rem;
    color: #f38230;
    font-weight: 100;
    margin: 0;
    min-height: 0;
    line-height: 1.2em;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px
}

.list-products .faq-topics-list .item h3 {
    position: relative;
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 10px;
    color: #fff;
    font-weight: 100;
    line-height: 20px;
    background: transparent;
    font-style: italic;
    transition: all 0.4s
}

.register-product .register-product-content {
    height: 185px;
    background-size: 100% 185px;
    background-repeat: no-repeat;
    *zoom: 1
}

.register-product .register-product-content:before,
.register-product .register-product-content:after {
    content: " ";
    display: table
}

.register-product .register-product-content:after {
    clear: both
}

.register-product .register-product-content .btn-fleche {
    height: 185px;
    width: 100%;
    position: relative
}

@media screen and (max-width: 1024px) {
    .register-product .register-product-content .btn-fleche {
        width: 100%
    }
}

.register-product .register-product-content .btn-fleche .register-product-btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%)
}

@media screen and (max-width: 768px) {
    .register-product .register-product-content .btn-fleche .register-product-btn {
        left: 50%;
        right: auto;
        top: 50%;
        width: 90%;
        max-width: 420px;
        padding-top: 10px;
        padding-bottom: 10px;
        height: 76px;
        font-size: 20px;
        font-size: 2rem;
        transform: translate(-50%, -50%)
    }
}

h2.force-display {
    font-size: 38.5px;
    padding-left: 25px
}

.where-to-buy .main-content {
    overflow: hidden;
    padding-top: 2.5%
}

@media screen and (max-width: 768px) {
    .where-to-buy .main-content {
        padding-top: 0
    }
}

.where-to-buy .main-content .krups-lg-3 {
    padding: 0
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .where-to-buy .main-content .krups-lg-3 {
        width: 34%
    }
}

.where-to-buy .main-content .krups-lg-9 {
    padding: 0 0 0 2%
}

.rtl .where-to-buy .main-content .krups-lg-9 {
    padding: 0 2% 0 0
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .where-to-buy .main-content .krups-lg-9 {
        width: 66%
    }
}

@media screen and (max-width: 768px) {
    .where-to-buy .main-content .krups-lg-9 {
        padding: 0;
        margin-top: 10px
    }
}

.where-to-buy.container {
    padding-bottom: 4%
}

.panel-services-contact {
    background: #fff;
    position: relative;
    text-align: center
}

.panel-services-contact .krups-block-title {
    font-size: 16px;
    font-size: 1.6rem;
    color: #161414
}

.panel-services-contact .krups-block-title:after {
    margin: 8% auto 10%
}

.panel-services-contact .content {
    padding: 10% 8% 20% 8%
}

.panel-services-contact .content .description {
    line-height: 21px
}

@media screen and (max-width: 768px) {
    .panel-services-contact .content {
        padding: 5%
    }
}

.panel-services-contact .more {
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -10%
}

.rtl .panel-services-contact .more {
    right: 0;
    left: auto
}

.panel-services-contact .more a {
    background-color: #948e88;
    border-color: #948e88 !important;
    margin: 0
}

.panel-services-contact .more a:hover {
    background-color: #a39a93 !important;
    border-color: #a39a93 !important
}

@media screen and (max-width: 768px) {
    .panel-services-contact .more a {
        margin-top: 5%
    }
}

@media screen and (max-width: 768px) {
    .panel-services-contact .more {
        position: static;
        left: auto;
        bottom: auto
    }

    .rtl .panel-services-contact .more {
        right: auto
    }
}

@media screen and (max-width: 768px) {
    .panel-store-liste {
        padding: 0
    }
}

.panel-store-liste .introduction-block {
    background: #fff;
    padding: 10%;
    margin-bottom: 7%;
    text-align: justify
}

@media screen and (max-width: 768px) {
    .panel-store-liste .introduction-block {
        padding: 5%;
        margin-bottom: 10%
    }
}

.panel-store-liste .introduction-block div {
    line-height: 21px
}

.panel-store-liste .introduction-block h2 {
    padding-bottom: 2.5%;
    font-size: 20px;
    font-size: 2rem;
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-weight: normal
}

.panel-store-liste .introduction-block a {
    color: #948e88
}

.panel-store-liste .introduction-block a:hover {
    text-decoration: underline
}

@media screen and (max-width: 768px) {
    .panel-store-liste .introduction-block {
        text-align: center
    }
}

.panel-store-liste .items-list-title h2 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 25px;
    font-size: 2.5rem;
    color: #2a2622;
    text-transform: uppercase;
    text-align: center;
    line-height: 25px;
    margin-top: 40px
}

.panel-store-liste .items-list-title h2:after {
    content: '';
    display: block;
    height: 5px;
    width: 100px;
    background: #f38230;
    margin: 2% auto 5%
}

@media screen and (max-width: 768px) {
    .panel-store-liste .items-list-title h2:after {
        margin-bottom: 10%
    }
}

@media screen and (max-width: 768px) {
    .panel-store-liste .items-list-title h2 {
        font-size: 20px;
        font-size: 2rem
    }
}

@media screen and (max-width: 768px) {
    .panel-store-liste .items-container {
        padding: 0 2%
    }
}

.panel-store-liste .items-container .thumbnails {
    margin: 0
}

.panel-store-liste .items-container li {
    text-align: center;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 210px;
    width: 32.3333333%
}

@media screen and (max-width: 768px) {
    .panel-store-liste .items-container li {
        width: 100%;
        margin-bottom: 20px
    }
}

.panel-store-liste .items-container li:nth-child(3n+2) {
    margin: 0 1.5%
}

@media screen and (max-width: 768px) {
    .panel-store-liste .items-container li:nth-child(3n+2) {
        margin: 0 0 20px 0
    }
}

.panel-store-liste .items-container li a {
    background: #fff;
    overflow: hidden;
    height: 150px;
    width: 100%;
    display: table;
    table-layout: fixed
}

.panel-store-liste .items-container li a .border {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.panel-store-liste .items-container li a .border img {
    margin: 0 auto;
    max-width: 70%;
    max-height: 120px;
    transition: all 1s;
    transform-origin: top 0 left 0;
    transform: scale(1)
}

.rtl .panel-store-liste .items-container li a .border img {
    transform-origin: top 0 right 0
}

.panel-store-liste .items-container li a:hover .border img {
    transform: scale(1.1)
}

.panel-store-liste .items-container li a .caption {
    width: 100%;
    position: absolute;
    left: 0;
    top: 155px;
    padding-top: 10px;
    color: #f38230;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase;
    transition: all 0.3s
}

.rtl .panel-store-liste .items-container li a .caption {
    right: 0;
    left: auto
}

@media screen and (max-width: 768px) {
    .panel-store-liste .items-container li a .caption {
        top: 175px;
        padding-top: 0
    }
}

@media screen and (min-width: 768px) {
    .panel-store-liste .items-container li a:hover .caption {
        color: #948e88
    }
}

.panel-store-liste .krups-block-title.center {
    display: none
}

.bloc-contact-services {
    height: auto;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0
}

.rtl .bloc-contact-services {
    background-position: 100% 0
}

.bloc-contact-services .container {
    height: auto;
    overflow: hidden
}

.bloc-contact-services .content {
    width: 452px;
    min-height: 185px;
    padding: 10px 60px;
    height: 185px;
    background-color: rgba(255, 255, 255, 0.9);
    float: right;
    text-align: center;
    color: #50535d;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1.6rem;
    display: table;
    line-height: 25px
}

.rtl .bloc-contact-services .content {
    float: left
}

.bloc-contact-services .content .content-txt {
    display: table-cell;
    vertical-align: middle
}

.bloc-contact-services .content h3 {
    color: #fff;
    font-family: 'LobsterTwo', sans-serif;
    font-style: italic;
    font-size: 35px;
    font-size: 3.5rem;
    font-weight: normal;
    text-transform: none
}

.bloc-contact-services .content a {
    font-style: italic;
    text-transform: none;
    color: #f38230;
    font-size: 16px;
    font-size: 1.6rem;
    text-decoration: underline;
    transition: all 0.4s
}

.bloc-contact-services .content a:hover {
    color: black
}

.bloc-contact-services .content .btn-fleche {
    margin-top: 12px
}

.bloc-contact-services .content .btn-fleche a {
    font-size: 13.5px;
    font-size: 1.35rem;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-style: normal
}

@media screen and (max-width: 768px) {
    .bloc-contact-services {
        display: none
    }
}

.page-CSSRepairers .row-fluid,
.page-storefinderPage .row-fluid {
    max-width: 100%
}

.page-CSSRepairers .filters-prod,
.page-storefinderPage .filters-prod {
    background-color: #fff;
    padding: 30px 5px;
    margin-bottom: 22.5px
}

.page-CSSRepairers .filtre-store,
.page-storefinderPage .filtre-store {
    margin: 0
}

.page-CSSRepairers .search-style1,
.page-storefinderPage .search-style1 {
    margin: 0
}

.page-CSSRepairers .search-style1 input[type=text],
.page-storefinderPage .search-style1 input[type=text] {
    border: none;
    border-bottom: 1px solid #eaeeef;
    color: #2a2622
}

.page-CSSRepairers .search-style1 input[type=text]:focus,
.page-storefinderPage .search-style1 input[type=text]:focus {
    border: none;
    border-bottom: 1px solid #bebdbd
}

.page-CSSRepairers .search-style1 .sort,
.page-storefinderPage .search-style1 .sort {
    margin-top: 5px
}

.page-CSSRepairers .search-style1 .sort:after,
.page-storefinderPage .search-style1 .sort:after {
    content: "\e902";
    font-family: icokrups;
    font-size: .8rem;
    width: 35px;
    height: 38px;
    border-radius: 5px;
    position: absolute;
    top: 1px;
    right: 1px;
    background: #fff;
    text-align: center;
    line-height: 40px
}

.page-CSSRepairers .search-style1 .sort select,
.page-storefinderPage .search-style1 .sort select {
    height: 40px;
    font-size: 1.4rem;
    padding: 10px 18px;
    box-shadow: none;
    border-radius: 5px;
    margin: 0;
    float: none;
    display: block;
    width: 100%;
    position: relative;
    background: transparent;
    z-index: 5;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-font-smoothing: antialiased
}

.page-CSSRepairers .search-style1 .sort select:focus,
.page-storefinderPage .search-style1 .sort select:focus {
    border-color: #00ead7
}

.page-CSSRepairers .search-style1 button,
.page-storefinderPage .search-style1 button {
    top: auto;
    bottom: 0px
}

.page-CSSRepairers h2,
.page-storefinderPage h2 {
    text-align: center;
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
    margin-bottom: 20px
}

.page-CSSRepairers .filters-prod .header-search-repairs,
.page-storefinderPage .filters-prod .header-search-repairs {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    color: #161414;
    text-align: center
}

.page-CSSRepairers .filters-prod .header-search-repairs:after,
.page-storefinderPage .filters-prod .header-search-repairs:after {
    content: '';
    display: block;
    height: 5px;
    width: 50px;
    background: #f38230;
    margin: 15px auto 20px
}

@media screen and (max-width: 768px) {

    .page-CSSRepairers .filters-prod .header-search-repairs:after,
    .page-storefinderPage .filters-prod .header-search-repairs:after {
        width: 25px
    }
}

@media screen and (max-width: 768px) {

    .page-CSSRepairers .filters-prod #nearMeStorefinderForm p.text-center,
    .page-CSSRepairers .filters-prod #nearMeStorefinderForm .krups-block-univers .krups-block-wrapper div.text-center,
    .krups-block-univers .krups-block-wrapper .page-CSSRepairers .filters-prod #nearMeStorefinderForm div.text-center,
    .page-storefinderPage .filters-prod #nearMeStorefinderForm p.text-center,
    .page-storefinderPage .filters-prod #nearMeStorefinderForm .krups-block-univers .krups-block-wrapper div.text-center,
    .krups-block-univers .krups-block-wrapper .page-storefinderPage .filters-prod #nearMeStorefinderForm div.text-center {
        padding: 0
    }
}

@media screen and (max-width: 768px) {

    .page-CSSRepairers .panel-centres-reparation-map,
    .page-storefinderPage .panel-centres-reparation-map {
        padding: 0
    }

    .page-CSSRepairers .panel-centres-reparation-map .filters-recipes,
    .page-storefinderPage .panel-centres-reparation-map .filters-recipes {
        padding: 10px 0 0
    }
}

.page-CSSRepairers .panel-centres-reparation-map #StoreLocatorZone .span9,
.page-storefinderPage .panel-centres-reparation-map #StoreLocatorZone .span9 {
    float: right
}

.rtl .page-CSSRepairers .panel-centres-reparation-map #StoreLocatorZone .span9,
.rtl .page-storefinderPage .panel-centres-reparation-map #StoreLocatorZone .span9 {
    float: left
}

@media screen and (max-width: 768px) {

    .page-CSSRepairers .panel-centres-reparation-map #StoreLocatorZone .span9,
    .page-storefinderPage .panel-centres-reparation-map #StoreLocatorZone .span9 {
        padding-top: 0px
    }
}

.page-CSSRepairers .panel-centres-reparation-map #StoreLocatorZone .span3,
.page-storefinderPage .panel-centres-reparation-map #StoreLocatorZone .span3 {
    float: left;
    margin: 0;
    vertical-align: top;
    background-color: #fff;
    padding: 20px 10px 20px 10px
}

.rtl .page-CSSRepairers .panel-centres-reparation-map #StoreLocatorZone .span3,
.rtl .page-storefinderPage .panel-centres-reparation-map #StoreLocatorZone .span3 {
    float: right
}

.rtl .page-CSSRepairers .panel-centres-reparation-map #StoreLocatorZone .span3 .slimScrollBar,
.rtl .page-CSSRepairers .panel-centres-reparation-map #StoreLocatorZone .span3 .slimScrollRail,
.rtl .page-storefinderPage .panel-centres-reparation-map #StoreLocatorZone .span3 .slimScrollBar,
.rtl .page-storefinderPage .panel-centres-reparation-map #StoreLocatorZone .span3 .slimScrollRail {
    left: 0 !important;
    right: auto !important
}

.page-CSSRepairers .panel-centres-reparation-map .reparation-presentattion,
.page-storefinderPage .panel-centres-reparation-map .reparation-presentattion {
    width: 100%;
    text-align: center;
    background-color: #fff;
    padding: 5% 15% 0 15%;
    margin-bottom: 22.5px
}

.page-CSSRepairers .panel-centres-reparation-map .reparation-presentattion .bloc-title,
.page-storefinderPage .panel-centres-reparation-map .reparation-presentattion .bloc-title {
    max-width: 100%;
    margin: 0
}

.page-CSSRepairers .panel-centres-reparation-map .reparation-presentattion .bloc-title a:hover,
.page-storefinderPage .panel-centres-reparation-map .reparation-presentattion .bloc-title a:hover {
    color: #97928e;
    text-decoration: underline
}

@media screen and (max-width: 768px) {

    .page-CSSRepairers .panel-centres-reparation-map .filters-prod .search-style1,
    .page-storefinderPage .panel-centres-reparation-map .filters-prod .search-style1 {
        margin: 0 0 10px
    }

    .page-CSSRepairers .panel-centres-reparation-map .filters-prod .filtre-store,
    .page-storefinderPage .panel-centres-reparation-map .filters-prod .filtre-store {
        margin: 0
    }

    .page-CSSRepairers .panel-centres-reparation-map .filters-prod .filtre-store p,
    .page-CSSRepairers .panel-centres-reparation-map .filters-prod .filtre-store .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .page-CSSRepairers .panel-centres-reparation-map .filters-prod .filtre-store div,
    .page-storefinderPage .panel-centres-reparation-map .filters-prod .filtre-store p,
    .page-storefinderPage .panel-centres-reparation-map .filters-prod .filtre-store .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .page-storefinderPage .panel-centres-reparation-map .filters-prod .filtre-store div {
        padding: 10px 0
    }
}

.page-CSSRepairers .panel-centres-reparation-map .filters-prod form,
.page-storefinderPage .panel-centres-reparation-map .filters-prod form {
    margin-top: 10px;
    line-height: 13px
}

.page-CSSRepairers .panel-centres-reparation-map .filters-prod form p,
.page-CSSRepairers .panel-centres-reparation-map .filters-prod form .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-CSSRepairers .panel-centres-reparation-map .filters-prod form div,
.page-storefinderPage .panel-centres-reparation-map .filters-prod form p,
.page-storefinderPage .panel-centres-reparation-map .filters-prod form .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-storefinderPage .panel-centres-reparation-map .filters-prod form div {
    padding: 0px
}

@media screen and (max-width: 768px) {

    .page-CSSRepairers .panel-centres-reparation-map .filters-prod form,
    .page-storefinderPage .panel-centres-reparation-map .filters-prod form {
        margin: 0px 25px 0
    }

    .page-CSSRepairers .panel-centres-reparation-map .filters-prod form br,
    .page-storefinderPage .panel-centres-reparation-map .filters-prod form br {
        display: none
    }
}

.page-CSSRepairers .panel-centres-reparation-map .filters-prod form#nearMeStorefinderForm,
.page-storefinderPage .panel-centres-reparation-map .filters-prod form#nearMeStorefinderForm {
    margin-top: 0
}

.page-CSSRepairers .panel-centres-reparation-map .filters-prod form#nearMeStorefinderForm br,
.page-storefinderPage .panel-centres-reparation-map .filters-prod form#nearMeStorefinderForm br {
    display: none
}

.page-CSSRepairers .panel-centres-reparation-map .filters-prod .pagination,
.page-storefinderPage .panel-centres-reparation-map .filters-prod .pagination {
    text-align: center;
    margin: -5px 0 0 0
}

.page-CSSRepairers .panel-centres-reparation-map .filters-prod .pagination ul>li a,
.page-CSSRepairers .panel-centres-reparation-map .filters-prod .pagination ul>li span,
.page-storefinderPage .panel-centres-reparation-map .filters-prod .pagination ul>li a,
.page-storefinderPage .panel-centres-reparation-map .filters-prod .pagination ul>li span {
    border: 0;
    background: none;
    padding: 0 3px;
    font-size: 13px;
    font-size: 1.3rem;
    color: #50535d
}

.page-CSSRepairers .panel-centres-reparation-map .filters-prod .pagination ul>li span.prev,
.page-CSSRepairers .panel-centres-reparation-map .filters-prod .pagination ul>li span.next,
.page-storefinderPage .panel-centres-reparation-map .filters-prod .pagination ul>li span.prev,
.page-storefinderPage .panel-centres-reparation-map .filters-prod .pagination ul>li span.next {
    color: #b5b6b9
}

.page-CSSRepairers .panel-centres-reparation-map .filters-prod .pagination ul>li:first-child span,
.page-CSSRepairers .panel-centres-reparation-map .filters-prod .pagination ul>li:first-child a,
.page-storefinderPage .panel-centres-reparation-map .filters-prod .pagination ul>li:first-child span,
.page-storefinderPage .panel-centres-reparation-map .filters-prod .pagination ul>li:first-child a {
    padding-right: 20px;
    font-size: 15px;
    font-size: 1.5rem
}

.rtl .page-CSSRepairers .panel-centres-reparation-map .filters-prod .pagination ul>li:first-child span,
.rtl .page-CSSRepairers .panel-centres-reparation-map .filters-prod .pagination ul>li:first-child a,
.rtl .page-storefinderPage .panel-centres-reparation-map .filters-prod .pagination ul>li:first-child span,
.rtl .page-storefinderPage .panel-centres-reparation-map .filters-prod .pagination ul>li:first-child a {
    padding-right: 20px
}

.page-CSSRepairers .panel-centres-reparation-map .filters-prod .pagination ul>li:last-child span,
.page-CSSRepairers .panel-centres-reparation-map .filters-prod .pagination ul>li:last-child a,
.page-storefinderPage .panel-centres-reparation-map .filters-prod .pagination ul>li:last-child span,
.page-storefinderPage .panel-centres-reparation-map .filters-prod .pagination ul>li:last-child a {
    padding-left: 20px;
    font-size: 15px;
    font-size: 1.5rem
}

.rtl .page-CSSRepairers .panel-centres-reparation-map .filters-prod .pagination ul>li:last-child span,
.rtl .page-CSSRepairers .panel-centres-reparation-map .filters-prod .pagination ul>li:last-child a,
.rtl .page-storefinderPage .panel-centres-reparation-map .filters-prod .pagination ul>li:last-child span,
.rtl .page-storefinderPage .panel-centres-reparation-map .filters-prod .pagination ul>li:last-child a {
    padding-right: 20px
}

.page-CSSRepairers .panel-centres-reparation-map .filters-prod .pagination ul>li.active a,
.page-CSSRepairers .panel-centres-reparation-map .filters-prod .pagination ul>li.active span,
.page-storefinderPage .panel-centres-reparation-map .filters-prod .pagination ul>li.active a,
.page-storefinderPage .panel-centres-reparation-map .filters-prod .pagination ul>li.active span {
    color: #fff
}

.page-CSSRepairers .panel-centres-reparation-map .store-locator-detail,
.page-storefinderPage .panel-centres-reparation-map .store-locator-detail {
    padding: 40px 0 80px 0;
    margin: 0 0 0 -2%;
    width: 102%
}

.rtl .page-CSSRepairers .panel-centres-reparation-map .store-locator-detail,
.rtl .page-storefinderPage .panel-centres-reparation-map .store-locator-detail {
    margin: 0 -2% 0 0
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

    .page-CSSRepairers .panel-centres-reparation-map .container,
    .page-CSSRepairers .panel-centres-reparation-map>.row-fluid,
    .page-storefinderPage .panel-centres-reparation-map .container,
    .page-storefinderPage .panel-centres-reparation-map>.row-fluid {
        padding-left: 15px;
        padding-right: 15px
    }

    .rtl .page-CSSRepairers .panel-centres-reparation-map .container,
    .rtl .page-CSSRepairers .panel-centres-reparation-map>.row-fluid,
    .rtl .page-storefinderPage .panel-centres-reparation-map .container,
    .rtl .page-storefinderPage .panel-centres-reparation-map>.row-fluid {
        padding-right: 15px
    }
}

@media screen and (max-width: 768px) {

    .page-CSSRepairers .panel-centres-reparation-map .reparation-presentattion,
    .page-storefinderPage .panel-centres-reparation-map .reparation-presentattion {
        margin-bottom: 0;
        padding: 8% 1%
    }

    .page-CSSRepairers .panel-centres-reparation-map .span3,
    .page-CSSRepairers .panel-centres-reparation-map .span9,
    .page-CSSRepairers .panel-centres-reparation-map .span12,
    .page-storefinderPage .panel-centres-reparation-map .span3,
    .page-storefinderPage .panel-centres-reparation-map .span9,
    .page-storefinderPage .panel-centres-reparation-map .span12 {
        width: 100%;
        margin: 0
    }

    .page-CSSRepairers .panel-centres-reparation-map .span9,
    .page-CSSRepairers .panel-centres-reparation-map .span12,
    .page-storefinderPage .panel-centres-reparation-map .span9,
    .page-storefinderPage .panel-centres-reparation-map .span12 {
        padding: 0 15px
    }

    .page-CSSRepairers .panel-centres-reparation-map #StoreLocatorZone .span3,
    .page-CSSRepairers .panel-centres-reparation-map .content-list-store,
    .page-storefinderPage .panel-centres-reparation-map #StoreLocatorZone .span3,
    .page-storefinderPage .panel-centres-reparation-map .content-list-store {
        display: none
    }

    .page-CSSRepairers .panel-centres-reparation-map .store-locator-detail,
    .page-storefinderPage .panel-centres-reparation-map .store-locator-detail {
        padding-top: 0;
        padding-bottom: 45px
    }
}

.page-storefinderPage .btn-store-on .inner>a {
    margin: 10px 5px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.page-storefinderPage .btn-store-on .inner>a strong {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.page-storefinderPage .btn-store-on .inner>a.krups-btn,
.page-storefinderPage .btn-store-on .panel-services-contact .more .inner>a,
.panel-services-contact .more .page-storefinderPage .btn-store-on .inner>a {
    border-radius: 50px
}

.page-storefinderPage .btn-store-on .inner>a.btn-block {
    display: block
}

.page-storefinderPage .btn-store-on .inner>a.krups-btn-gray {
    border-color: #948e88;
    background-color: #948e88
}

.page-storefinderPage .btn-store-on .inner>a.krups-btn-gray:hover,
.page-storefinderPage .btn-store-on .inner>a.krups-btn-gray:focus {
    border-color: #a19a94;
    background-color: #a19a94
}

.page-storefinderPage .search-style1 .sort select {
    border: 1px solid #eaeeef
}

.page-ifu-categories-list .arrow-bloc-presentattion,
.page-faq-categories-list .arrow-bloc-presentattion,
.page-CSSFAQProductPage .arrow-bloc-presentattion,
.page-AccessoryListPage .arrow-bloc-presentattion {
    padding-bottom: 10px;
    line-height: 22px
}

.page-ifu-categories-list .product-viewer,
.page-faq-categories-list .product-viewer,
.page-CSSFAQProductPage .product-viewer,
.page-AccessoryListPage .product-viewer {
    height: auto
}

.page-ifu-categories-list .product-viewer .container-fluid,
.page-faq-categories-list .product-viewer .container-fluid,
.page-CSSFAQProductPage .product-viewer .container-fluid,
.page-AccessoryListPage .product-viewer .container-fluid {
    padding: 0;
    display: block
}

@media screen and (max-width: 768px) {

    .page-ifu-categories-list .bloc-categories-liste-hide,
    .page-faq-categories-list .bloc-categories-liste-hide,
    .page-CSSFAQProductPage .bloc-categories-liste-hide,
    .page-AccessoryListPage .bloc-categories-liste-hide {
        display: none !important
    }

    .page-ifu-categories-list .bloc-categories-liste-hide.bloc-categories-banniere,
    .page-faq-categories-list .bloc-categories-liste-hide.bloc-categories-banniere,
    .page-CSSFAQProductPage .bloc-categories-liste-hide.bloc-categories-banniere,
    .page-AccessoryListPage .bloc-categories-liste-hide.bloc-categories-banniere {
        display: block !important
    }
}

@media screen and (max-width: 768px) {

    .page-ifu-categories-list .bloc-categories-liste-show.bloc-categories-banniere,
    .page-faq-categories-list .bloc-categories-liste-show.bloc-categories-banniere,
    .page-CSSFAQProductPage .bloc-categories-liste-show.bloc-categories-banniere,
    .page-AccessoryListPage .bloc-categories-liste-show.bloc-categories-banniere {
        display: block !important
    }
}

@media screen and (max-width: 768px) {

    .page-ifu-categories-list .css-page-list-category,
    .page-faq-categories-list .css-page-list-category,
    .page-CSSFAQProductPage .css-page-list-category,
    .page-AccessoryListPage .css-page-list-category {
        display: block
    }
}

@media screen and (max-width: 768px) {

    .page-ifu-categories-list .content-search-title h2,
    .page-faq-categories-list .content-search-title h2,
    .page-CSSFAQProductPage .content-search-title h2 {
        display: block !important;
        margin-top: 30px !important
    }
}

.page-ifu-categories-list .boutique-accessoire-search,
.page-faq-categories-list .boutique-accessoire-search,
.page-CSSFAQProductPage .boutique-accessoire-search {
    padding-top: 0;
    margin-top: 0
}

.content-page-back .page-back {
    color: #fff;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    padding-top: 15px
}

.content-page-back .page-back::before {
    content: "\e601";
    display: table-cell;
    font-family: ico;
    font-size: 9px !important;
    font-weight: bold;
    width: 11px;
    padding-top: 3px
}

.content-page-back .page-back p,
.content-page-back .page-back .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .content-page-back .page-back div {
    display: table-cell
}

.content-page-back.mobile {
    display: none
}

.panel-community {
    padding-bottom: 60px;
    padding-top: 77px
}

.panel-community .content-community .seb-banner .visuel,
.panel-community .content-community .item-ban .visuel {
    position: absolute;
    height: 100%;
    width: 100%
}

.panel-community .content-community .seb-banner .visuel img,
.panel-community .content-community .item-ban .visuel img {
    width: 100%;
    transition: all 0.6s
}

.panel-community .content-community .seb-banner .container-seb-banner>img,
.panel-community .content-community .item-ban .container-seb-banner>img {
    transition: all 0.6s
}

.panel-community .content-community .seb-banner .container-seb-banner .caption,
.panel-community .content-community .item-ban .container-seb-banner .caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.panel-community .content-community .seb-banner .container-seb-banner .content,
.panel-community .content-community .item-ban .container-seb-banner .content {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 8px 16px 8px 15px
}

.panel-community .content-community .seb-banner .container-seb-banner:hover>img,
.panel-community .content-community .item-ban .container-seb-banner:hover>img {
    transform: scale(1.025)
}

.panel-community .content-community .seb-banner:hover .visuel img,
.panel-community .content-community .item-ban:hover .visuel img {
    transform: scale(1.025)
}

.panel-community .content-community .item-large-ban .visuel {
    position: absolute;
    height: 100%
}

.panel-community .content-community .item-large-ban .visuel img {
    transition: all 0.6s
}

.panel-community .content-community .item-large-ban:hover .visuel img {
    transform: scale(1.025)
}

.panel-community .content-community .item {
    width: 49%;
    float: left;
    height: 260px;
    min-height: 260px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    padding: 0;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .panel-community .content-community .item {
        height: 190px;
        min-height: 190px
    }
}

.panel-community .content-community .item:nth-child(odd) {
    margin-right: 1%
}

.panel-community .content-community .item:nth-child(even) {
    margin-left: 1%
}

.panel-community .content-community .item.item-ban .caption {
    width: 50%;
    min-width: 274px;
    height: 100%;
    padding: 15px 20px;
    background-color: rgba(255, 255, 255, 0.85);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 11
}

@media screen and (max-width: 768px) {
    .panel-community .content-community .item.item-ban .caption {
        width: 80%;
        top: 50%;
        left: 50%;
        height: 70%
    }
}

.panel-community .content-community .item .caption .title {
    font-size: 30px;
    font-size: 3rem;
    font-style: italic;
    color: #fff;
    line-height: 30px
}

.panel-community .content-community .item .caption .desc {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px
}

.panel-community .content-community .item .caption .more a {
    font-size: 16px;
    font-size: 1.6rem;
    text-decoration: none
}

.panel-community .content-community .item .caption .more a:hover {
    color: #c10218
}

.panel-community .content-community .item .container-seb-banner .content {
    margin-top: -15px;
    width: 378px;
    padding-top: 16px
}

.panel-community .content-community .item-video {
    width: 49%;
    float: left;
    padding-right: 0;
    margin-left: 1%
}

.panel-community .content-community .item-video .play {
    display: none
}

.page-CSSIFUProductPage #CarouselDetailProductBig,
.page-CSSFAQProductPage #CarouselDetailProductBig {
    padding-left: 0;
    padding: 15px
}

.page-CSSIFUProductPage .product-viewer,
.page-CSSFAQProductPage .product-viewer {
    height: auto
}

@media screen and (max-width: 1024px) {

    .panel-community .content-community .item,
    .panel-community .content-community .item-video {
        max-width: 545px;
        float: none;
        margin: 0 auto 20px;
        width: 100%;
        padding: 0
    }

    .panel-community .content-community .item:nth-child(odd),
    .panel-community .content-community .item-video:nth-child(odd) {
        margin-right: auto;
        margin-left: auto
    }

    .panel-community .content-community .item:nth-child(even),
    .panel-community .content-community .item-video:nth-child(even) {
        margin-left: auto;
        margin-right: auto
    }

    .content-page-back {
        padding: 0 15px
    }
}

@media screen and (max-width: 768px) {

    .page-ifu-categories-list .arrow-bloc-presentattion,
    .page-faq-categories-list .arrow-bloc-presentattion {
        display: none
    }

    .page-ifu-categories-list .boutique-accessoire.section-search,
    .page-faq-categories-list .boutique-accessoire.section-search {
        padding-bottom: 0
    }

    .panel-community {
        padding: 0
    }

    .panel-community .content-community .item {
        margin: 0
    }

    .panel-community .content-community .item .caption {
        min-width: 350px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        bottom: auto;
        height: auto;
        text-align: center
    }

    .panel-community .content-community .item .caption .title {
        font-size: 28px;
        font-size: 2.8rem;
        margin-bottom: 5px
    }

    .panel-community .content-community .item .caption .desc {
        font-size: 18px;
        font-size: 1.8rem;
        margin-bottom: 5px
    }

    .panel-community .content-community .item .caption .more a {
        font-size: 20px;
        font-size: 2rem;
        font-style: italic;
        text-decoration: underline
    }

    .panel-community .content-community .item-video {
        display: none
    }

    .page-CSSIFUProductPage .product-detail-top,
    .page-CSSFAQProductPage .product-detail-top {
        display: none
    }

    .content-page-back {
        display: none
    }

    .content-page-back.mobile {
        display: block;
        margin-bottom: 40px
    }

    .content-page-back.mobile .page-back {
        font-size: 18px;
        font-size: 1.8rem
    }

    .content-page-back.mobile .page-back::before {
        font-size: 11px;
        vertical-align: top;
        line-height: 16px
    }
}

.simple-edito.container {
    padding-bottom: 4%
}

@media screen and (max-width: 768px) {
    .simple-edito.container {
        padding-bottom: 0
    }
}

.simple-edito p,
.simple-edito .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .simple-edito div {
    text-align: justify;
    margin-bottom: 10px
}

.simple-edito .presentation {
    background: #fff;
    padding: 5% 10%;
    margin-bottom: 22.5px;
    overflow: hidden
}

.simple-edito .presentation .krups-row .krups-lg-6:nth-child(1) {
    padding-left: 0
}

@media screen and (max-width: 768px) {
    .simple-edito .presentation .krups-row .krups-lg-6:nth-child(1) {
        padding-left: 10px
    }
}

.simple-edito .presentation li {
    list-style: none
}

.simple-edito .presentation li a {
    display: block;
    text-decoration: underline;
    margin-bottom: 8px;
    line-height: 21px
}

.simple-edito .presentation li a:hover {
    color: #948e88
}

.simple-edito .presentation h1,
.simple-edito .presentation h2 {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .simple-edito .presentation {
        margin: 0;
        padding: 5% 10% 0 10%
    }
}

.simple-edito .simple-edito-content {
    padding: 5% 10%;
    background-color: #fff;
    text-align: justify
}

.page-terms-of-use .simple-edito .simple-edito-content {
    padding: 5% 15%
}

@media screen and (max-width: 768px) {
    .page-terms-of-use .simple-edito .simple-edito-content {
        padding: 5% 10%
    }
}

.simple-edito .simple-edito-content h2 {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
    text-align: left;
    margin-bottom: 20px
}

.rtl .simple-edito .simple-edito-content h2 {
    text-align: right
}

.page-PrivacyPage .simple-edito .simple-edito-content h1,
.page-PrivacyPage .simple-edito .simple-edito-content h2,
.page-PrivacyPage .simple-edito .simple-edito-content h4,
.page-PrivacyPage .simple-edito .simple-edito-content h5,
.page-PrivacyPage .simple-edito .simple-edito-content #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-PrivacyPage .simple-edito .simple-edito-content .messages-area>.h5,
.page-PrivacyPage .simple-edito .simple-edito-content #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-PrivacyPage .simple-edito .simple-edito-content .elements-suggestion-area>h5,
.page-PrivacyPage .simple-edito .simple-edito-content #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-PrivacyPage .simple-edito .simple-edito-content .elements-suggestion-area>.h5,
.page-HelpPage .simple-edito .simple-edito-content h1,
.page-HelpPage .simple-edito .simple-edito-content h2,
.page-HelpPage .simple-edito .simple-edito-content h4,
.page-HelpPage .simple-edito .simple-edito-content h5,
.page-HelpPage .simple-edito .simple-edito-content #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-HelpPage .simple-edito .simple-edito-content .messages-area>.h5,
.page-HelpPage .simple-edito .simple-edito-content #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-HelpPage .simple-edito .simple-edito-content .elements-suggestion-area>h5,
.page-HelpPage .simple-edito .simple-edito-content #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-HelpPage .simple-edito .simple-edito-content .elements-suggestion-area>.h5,
.page-SalesConditionsPage .simple-edito .simple-edito-content h1,
.page-SalesConditionsPage .simple-edito .simple-edito-content h2,
.page-SalesConditionsPage .simple-edito .simple-edito-content h4,
.page-SalesConditionsPage .simple-edito .simple-edito-content h5,
.page-SalesConditionsPage .simple-edito .simple-edito-content #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-SalesConditionsPage .simple-edito .simple-edito-content .messages-area>.h5,
.page-SalesConditionsPage .simple-edito .simple-edito-content #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-SalesConditionsPage .simple-edito .simple-edito-content .elements-suggestion-area>h5,
.page-SalesConditionsPage .simple-edito .simple-edito-content #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-SalesConditionsPage .simple-edito .simple-edito-content .elements-suggestion-area>.h5 {
    margin: 10px 0;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem
}

.simple-edito .simple-edito-content ol {
    counter-reset: my-badass-counter
}

.simple-edito .simple-edito-content ol li {
    margin-bottom: 20px;
    list-style: none
}

.simple-edito .simple-edito-content ol li:before {
    content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
    margin-right: 10px;
    color: #f38230
}

.simple-edito .simple-edito-content ul li {
    list-style: none
}

.simple-edito a {
    color: #948e88
}

.simple-edito a:hover {
    color: #f38230
}

@media screen and (max-width: 768px) {
    .simple-edito a:hover {
        color: #948e88
    }
}

.simple-edito br {
    display: none
}

.social-media-bar {
    float: right;
    white-space: nowrap;
    margin: 0 0 18px
}

.rtl .social-media-bar {
    float: left
}

.social-media-bar p,
.social-media-bar .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .social-media-bar div {
    display: inline-block;
    background: #fff;
    height: 38px;
    margin: 0;
    float: left;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 9px 10px
}

.rtl .social-media-bar p,
.rtl .social-media-bar .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .rtl .social-media-bar div {
    float: right
}

.social-media-bar ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: left
}

.social-media-bar li {
    list-style-type: none;
    margin: 0 0 0 1px;
    float: left
}

.rtl .social-media-bar li {
    margin: 0 1px 0 0;
    float: right
}

.social-media-bar li a {
    display: block;
    height: 38px;
    width: 38px;
    background: #f38230;
    text-align: center;
    padding: 9px 0 0 0;
    transition: all 0.3s
}

.social-media-bar li a:hover {
    background: #eaeeef
}

.social-media-bar li a img {
    max-width: 22px
}

@media screen and (max-width: 768px) {
    .social-media-bar {
        display: none
    }
}

.table-container {
    width: 100%;
    overflow-y: auto;
    _overflow: auto;
    margin: 0 0 1em
}

.content-edito {
    float: left;
    width: 100%;
    padding: 28px 30px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8)
}

@media screen and (max-width: 768px) {
    .content-edito {
        padding: 15px
    }
}

.content-edito .about-content .row-fluid {
    margin-top: 35px
}

.rtl .content-edito {
    float: right
}

.content-edito .pic {
    float: left;
    margin: 0 24px 24px 0
}

@media screen and (max-width: 768px) {
    .content-edito .pic {
        float: none;
        margin: 0 -15px 30px -15px
    }
}

.rtl .content-edito .pic {
    float: right;
    margin: 0 0 24px 24px
}

@media screen and (max-width: 768px) {
    .rtl .content-edito .pic {
        float: none;
        margin: 0 -15px 30px -15px
    }
}

.content-edito h1 {
    font-size: 24px;
    font-size: 2.4rem;
    text-transform: none
}

@media screen and (max-width: 768px) {
    .content-edito h1 {
        text-align: left;
        margin: 0 0 10px
    }
}

.content-edito h2 {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 0 10px;
    font-weight: 100;
    line-height: 1.2em
}

.content-edito h3 {
    font-size: 14.5px;
    font-size: 1.45rem;
    margin: 0 0 10px;
    font-weight: 700;
    line-height: 1.2em
}

.content-edito li,
.content-edito p,
.content-edito .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .content-edito div {
    font-size: 14.5px;
    font-size: 1.45rem;
    line-height: 1.25em
}

.content-edito li a,
.content-edito p a,
.content-edito .krups-block-univers .krups-block-wrapper div a,
.krups-block-univers .krups-block-wrapper .content-edito div a {
    text-decoration: none
}

.content-edito li a:hover,
.content-edito p a:hover,
.content-edito .krups-block-univers .krups-block-wrapper div a:hover,
.krups-block-univers .krups-block-wrapper .content-edito div a:hover {
    color: #eaeeef
}

.content-edito li.chapo,
.content-edito p.chapo,
.content-edito .krups-block-univers .krups-block-wrapper div.chapo,
.krups-block-univers .krups-block-wrapper .content-edito div.chapo {
    font-size: 18px;
    font-size: 1.8rem
}

.content-edito li img,
.content-edito p img,
.content-edito .krups-block-univers .krups-block-wrapper div img,
.krups-block-univers .krups-block-wrapper .content-edito div img {
    margin-bottom: 10px
}

.content-edito li img[align=LEFT],
.content-edito p img[align=LEFT],
.content-edito .krups-block-univers .krups-block-wrapper div img[align=LEFT],
.krups-block-univers .krups-block-wrapper .content-edito div img[align=LEFT] {
    margin: 0 10px 10px 0
}

.rtl .content-edito li img[align=LEFT],
.rtl .content-edito p img[align=LEFT],
.rtl .content-edito .krups-block-univers .krups-block-wrapper div img[align=LEFT],
.krups-block-univers .krups-block-wrapper .rtl .content-edito div img[align=LEFT] {
    margin: 0 0 10px 10px
}

.content-edito li img[align=RIGHT],
.content-edito p img[align=RIGHT],
.content-edito .krups-block-univers .krups-block-wrapper div img[align=RIGHT],
.krups-block-univers .krups-block-wrapper .content-edito div img[align=RIGHT] {
    margin: 0 0 10px 10px
}

.rtl .content-edito li img[align=RIGHT],
.rtl .content-edito p img[align=RIGHT],
.rtl .content-edito .krups-block-univers .krups-block-wrapper div img[align=RIGHT],
.krups-block-univers .krups-block-wrapper .rtl .content-edito div img[align=RIGHT] {
    margin: 0 10px 10px 0
}

.content-edito ol {
    margin-bottom: 15px
}

.rtl .content-edito ol {
    margin: 0 25px 10px 0
}

.content-edito ol ol {
    margin-bottom: 0
}

.content-edito ul {
    margin-bottom: 15px
}

.rtl .content-edito ul {
    margin: 0 25px 10px 0
}

.content-edito ul ul {
    margin-bottom: 0
}

.content-edito ul li {
    list-style-type: disc
}

.content-edito ul li li {
    list-style-type: square
}

.content-edito table thead tr th {
    border-right: 1px solid #fff
}

.content-edito table thead tr th:first-child {
    background: none
}

.content-edito table th {
    color: #fff;
    background: #eaeeef;
    font-weight: 100
}

.content-edito table th,
.content-edito table td {
    border: 0;
    padding: 5px 10px;
    font-size: 14.5px;
    font-size: 1.45rem
}

.content-edito table tbody th {
    text-align: right
}

.rtl .content-edito table tbody th {
    text-align: left
}

.content-edito table tbody td {
    border-right: 1px solid #fff
}

.content-edito table tbody>tr:nth-child(even)>td {
    background: rgba(0, 0, 0, 0.2)
}

.content-edito table tbody>tr:nth-child(odd)>td {
    background: #fff
}

.content-edito table tbody>tr:nth-child(odd)>th {
    background: #cecdcd
}

.content-edito table tbody>tr:nth-child(even)>th {
    background: #eaeeef
}

.content-edito .row-fluid .span6 {
    width: 410px;
    margin: 0 0 0 35px
}

@media screen and (max-width: 1024px) {
    .content-edito .row-fluid .span6 {
        width: 100%;
        margin: 0 0 15px 0
    }
}

.rtl .content-edito .row-fluid .span6 {
    margin: 0 35px 0 0
}

@media screen and (max-width: 1024px) {
    .rtl .content-edito .row-fluid .span6 {
        margin: 0 0 15px 0
    }
}

.content-edito .row-fluid .span6.highlight {
    margin-bottom: 35px;
    background: rgba(0, 0, 0, 0.2)
}

.content-edito .row-fluid .span6.highlight h2 {
    font-size: 24px;
    font-size: 2.4rem;
    color: #f38230;
    font-weight: 100;
    padding: 20px 23px;
    margin: 0
}

.content-edito .row-fluid .span6.highlight h3 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 100
}

.content-edito .row-fluid .span6.highlight p,
.content-edito .row-fluid .span6.highlight .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .content-edito .row-fluid .span6.highlight div {
    font-size: 14.5px;
    font-size: 1.45rem
}

.content-edito .row-fluid .span6.highlight a {
    font-size: 18px;
    font-size: 1.8rem;
    text-decoration: none
}

.content-edito .row-fluid .span6.highlight .btn {
    font-size: 18px;
    font-size: 1.8rem
}

.content-edito .row-fluid .span6:nth-child(odd) {
    margin-left: 0
}

.rtl .content-edito .row-fluid .span6:nth-child(odd) {
    margin-right: 0
}

.content-edito .row-fluid .span6 .pic {
    margin: 0
}

@media screen and (max-width: 1024px) {
    .content-edito .row-fluid .span6 .pic {
        margin: 0 0 15px 0;
        width: 50%
    }
}

@media screen and (max-width: 768px) {
    .content-edito .row-fluid .span6 .pic {
        width: 100%
    }

    .content-edito .row-fluid .span6 .pic img {
        width: 100%
    }
}

.content-edito .row-fluid .span6 .txt {
    padding: 24px 23px;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .content-edito .row-fluid .span6 .txt {
        width: 50%;
        padding: 0 20px 20px 20px
    }
}

@media screen and (max-width: 768px) {
    .content-edito .row-fluid .span6 .txt {
        width: 100%
    }
}

.slot-wrapper {
    display: table;
    width: 100%
}

@media screen and (max-width: 768px) {
    .slot-wrapper {
        width: 100%;
        display: block
    }
}

.left-slot,
.main-content-slot,
.right-slot {
    display: table-cell;
    vertical-align: top
}

@media screen and (max-width: 768px) {

    .left-slot,
    .main-content-slot,
    .right-slot {
        width: 100%;
        display: block
    }
}

@media screen and (max-width: 768px) {
    .main-content-slot table {
        width: 100% !important
    }
}

.right-slot .comments-share {
    float: left;
    padding: 0;
    width: 39px;
    margin: 0 0 0 1px
}

@media screen and (max-width: 768px) {
    .right-slot .comments-share {
        display: none
    }
}

.rtl .right-slot .comments-share {
    float: right
}

.main-pic img {
    width: 100%;
    height: auto
}

.content-sitemap {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 34px 37px
}

@media screen and (max-width: 768px) {
    .content-sitemap {
        padding: 20px 15px
    }
}

.content-sitemap ul {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0
}

.content-sitemap ul li {
    width: 25%;
    float: left;
    list-style-type: none;
    color: #f38230;
    font-size: 24px;
    font-size: 2.4rem
}

@media screen and (max-width: 768px) {
    .content-sitemap ul li {
        width: 100%;
        margin: 0 0 10px
    }
}

.rtl .content-sitemap ul li {
    float: right
}

.content-sitemap ul li ul {
    margin: 27px 0 0
}

@media screen and (max-width: 768px) {
    .content-sitemap ul li ul {
        margin: 10px 0 0
    }
}

.content-sitemap ul li ul li {
    width: 100%;
    clear: both;
    color: #f38230;
    margin: 0 0 1px;
    font-size: 14.5px;
    font-size: 1.45rem
}

@media screen and (max-width: 768px) {
    .content-sitemap ul li ul li {
        margin: 0
    }
}

.content-sitemap ul li ul li a {
    display: block;
    color: #f38230;
    text-decoration: none
}

.content-sitemap ul li ul li a:hover {
    color: #eaeeef
}

.app {
    overflow: hidden;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    clear: both
}

.app h2 {
    font-weight: 100;
    color: #f38230;
    font-size: 24px;
    font-size: 2.4rem;
    padding: 0 0 0 470px;
    margin: 0 0 15px
}

@media screen and (max-width: 1024px) {
    .app h2 {
        padding: 0 25px
    }
}

@media screen and (max-width: 768px) {
    .app h2 {
        line-height: 1.2em
    }
}

.rtl .app h2 {
    padding: 0 470px 0 0
}

@media screen and (max-width: 1024px) {
    .rtl .app h2 {
        padding: 0 25px
    }
}

.app .pic {
    overflow: hidden;
    margin: 0 0 25px
}

@media screen and (max-width: 768px) {
    .app .pic {
        margin: 0 auto 20px
    }
}

@media screen and (max-width: 600px) {
    .app .pic {
        margin: 0 0 20px
    }
}

.app .pic img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: .4
}

.app .pic a {
    display: block
}

.app .pic a img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.app .content {
    background: #313131;
    padding: 27px 20px 27px 30px;
    display: table;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .app .content {
        padding: 27px 20px
    }
}

@media screen and (max-width: 768px) {
    .app .content {
        padding: 27px 15px
    }
}

.rtl .app .content {
    padding: 27px 30px 27px 20px
}

@media screen and (max-width: 1024px) {
    .rtl .app .content {
        padding: 27px 20px
    }
}

@media screen and (max-width: 768px) {
    .rtl .app .content {
        padding: 27px 15px
    }
}

.app .app-pic {
    float: left;
    margin: -75px 20px 0 0
}

@media screen and (max-width: 1024px) {
    .app .app-pic {
        margin: 0;
        width: 40%;
        padding: 0 20px 0 0
    }
}

@media screen and (max-width: 768px) {
    .app .app-pic {
        width: 100%;
        margin: 0 0 20px;
        padding: 0;
        text-align: center;
        float: none
    }
}

.rtl .app .app-pic {
    float: right;
    margin: -75px 0 0 20px
}

@media screen and (max-width: 1024px) {
    .rtl .app .app-pic {
        margin: 0 0 0 20px
    }
}

@media screen and (max-width: 768px) {
    .rtl .app .app-pic {
        float: none
    }
}

.app .ios .pic,
.app .android .pic {
    height: 60px;
    display: table
}

.app .ios .pic a,
.app .ios .pic img,
.app .android .pic a,
.app .android .pic img {
    display: table-cell;
    vertical-align: middle
}

.app .ios p,
.app .ios .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .app .ios div,
.app .android p,
.app .android .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .app .android div {
    font-size: 14.5px;
    font-size: 1.45rem;
    overflow: hidden
}

@media screen and (max-width: 1024px) {

    .app .ios,
    .app .android {
        width: 30%;
        float: left;
        margin: 0 0 20px
    }
}

@media screen and (max-width: 768px) {

    .app .ios,
    .app .android {
        width: 50%;
        text-align: center
    }
}

@media screen and (max-width: 600px) {

    .app .ios,
    .app .android {
        width: 100%;
        text-align: left
    }
}

.app .ios {
    float: left;
    margin: 0 20px 20px 0
}

@media screen and (max-width: 1024px) {
    .app .ios {
        margin: 0 0 20px
    }
}

.rtl .app .ios {
    float: right;
    margin: 0 0 20px 20px
}

@media screen and (max-width: 768px) {
    .newsletter-managment {
        padding: 0px 10px
    }
}

.newsletter-managment #newsLetterSubscriptionForm fieldset {
    border-top-color: #C0C0C0
}

@media screen and (max-width: 768px) {
    .newsletter-managment #newsLetterSubscriptionForm fieldset {
        padding: 0
    }
}

.newsletter-managment h1 {
    margin: 40px 0 13px;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1em;
    color: #f38230;
    border: 0
}

@media screen and (max-width: 768px) {
    .newsletter-managment h1 {
        font-size: 21px;
        font-size: 2.1rem
    }
}

.newsletter-managment p,
.newsletter-managment .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .newsletter-managment div {
    font-size: 16px;
    font-size: 1.6rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: light;
    margin: 10px
}

.newsletter-managment #newsLetterSubscriptionForm {
    width: 77.5%
}

.newsletter-managment #newsLetterSubscriptionForm .control-group {
    display: block
}

.newsletter-managment #newsLetterSubscriptionForm .control-group input[type="text"],
.newsletter-managment #newsLetterSubscriptionForm .control-group select {
    width: 416px !important
}

.newsletter-managment #newsLetterSubscriptionForm .control-group input[type="text"].small,
.newsletter-managment #newsLetterSubscriptionForm .control-group select.small {
    width: 134px !important;
    min-width: inherit
}

.newsletter-managment #newsLetterSubscriptionForm .control-group input[type="text"]:focus {
    border-color: #00ead7
}

.newsletter-managment #newsLetterSubscriptionForm .zone-mandatory {
    margin: 5px 0 0;
    font-size: 14px
}

@media screen and (max-width: 768px) {
    .newsletter-managment #newsLetterSubscriptionForm {
        width: 100%;
        margin: 0
    }

    .newsletter-managment #newsLetterSubscriptionForm .control-group input[type="text"],
    .newsletter-managment #newsLetterSubscriptionForm .control-group select {
        width: 100% !important
    }

    .newsletter-managment #newsLetterSubscriptionForm .zone-mandatory {
        margin: 5px 0 10px
    }
}

.newsletter-managment .unsubscribe-block {
    margin: 30px 0 50px;
    overflow: hidden
}

.newsletter-managment .unsubscribe-block p span,
.newsletter-managment .unsubscribe-block .krups-block-univers .krups-block-wrapper div span,
.krups-block-univers .krups-block-wrapper .newsletter-managment .unsubscribe-block div span {
    float: left;
    margin: 13px 0 0 0;
    width: 75%;
    text-align: left
}

@media screen and (max-width: 768px) {

    .newsletter-managment .unsubscribe-block p span,
    .newsletter-managment .unsubscribe-block .krups-block-univers .krups-block-wrapper div span,
    .krups-block-univers .krups-block-wrapper .newsletter-managment .unsubscribe-block div span {
        margin: 0 0 15px;
        width: 100%
    }
}

.newsletter-managment .unsubscribe-block p .btn,
.newsletter-managment .unsubscribe-block .krups-block-univers .krups-block-wrapper div .btn,
.krups-block-univers .krups-block-wrapper .newsletter-managment .unsubscribe-block div .btn {
    background: #a39a93;
    color: #ffffff;
    border-radius: 100px
}

.newsletter-managment .unsubscribe-block p .btn:hover,
.newsletter-managment .unsubscribe-block .krups-block-univers .krups-block-wrapper div .btn:hover,
.krups-block-univers .krups-block-wrapper .newsletter-managment .unsubscribe-block div .btn:hover {
    background: #958e88;
    color: #fff
}

.page-newsletter #newsLetterSubscriptionForm p,
.page-newsletter #newsLetterSubscriptionForm .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-newsletter #newsLetterSubscriptionForm div {
    text-align: right
}

.rtl .page-newsletter #newsLetterSubscriptionForm p,
.rtl .page-newsletter #newsLetterSubscriptionForm .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .rtl .page-newsletter #newsLetterSubscriptionForm div {
    text-align: left
}

.rtl .page-newsletter #newsLetterSubscriptionForm p:last-child,
.rtl .page-newsletter #newsLetterSubscriptionForm .krups-block-univers .krups-block-wrapper div:last-child,
.krups-block-univers .krups-block-wrapper .rtl .page-newsletter #newsLetterSubscriptionForm div:last-child {
    float: left
}

.page-newsletter .newsletter-managment.newsletter-content {
    background: #fff;
    padding: 60px 40px
}

@media screen and (max-width: 768px) {
    .page-newsletter .newsletter-managment.newsletter-content {
        padding: 40px 15px
    }
}

.page-newsletter .newsletter-managment.newsletter-content .newsletter-managment-top {
    text-align: center
}

@media screen and (max-width: 768px) {
    .page-newsletter .newsletter-managment.newsletter-content .newsletter-managment-top {
        text-align: left
    }

    .rtl .page-newsletter .newsletter-managment.newsletter-content .newsletter-managment-top {
        text-align: right
    }
}

.page-newsletter .newsletter-managment.newsletter-content p,
.page-newsletter .newsletter-managment.newsletter-content .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-newsletter .newsletter-managment.newsletter-content div,
.page-newsletter .newsletter-managment.newsletter-content strong {
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-weight: normal;
    text-align: left
}

.rtl .page-newsletter .newsletter-managment.newsletter-content p,
.rtl .page-newsletter .newsletter-managment.newsletter-content .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .rtl .page-newsletter .newsletter-managment.newsletter-content div,
.rtl .page-newsletter .newsletter-managment.newsletter-content strong {
    text-align: right
}

@media screen and (max-width: 768px) {

    .page-newsletter .newsletter-managment.newsletter-content p,
    .page-newsletter .newsletter-managment.newsletter-content .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .page-newsletter .newsletter-managment.newsletter-content div,
    .page-newsletter .newsletter-managment.newsletter-content strong {
        text-align: left
    }

    .rtl .page-newsletter .newsletter-managment.newsletter-content p,
    .rtl .page-newsletter .newsletter-managment.newsletter-content .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .rtl .page-newsletter .newsletter-managment.newsletter-content div,
    .rtl .page-newsletter .newsletter-managment.newsletter-content strong {
        text-align: right
    }
}

.page-newsletter .newsletter-managment.newsletter-content p,
.page-newsletter .newsletter-managment.newsletter-content .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-newsletter .newsletter-managment.newsletter-content div {
    margin-bottom: 10px
}

.page-newsletter .newsletter-managment.newsletter-content h1 {
    font-weight: normal;
    margin: 0 0 30px 0;
    color: #232120;
    text-align: center;
    font-family: "Libre-Baskerville", "Arial", sans-serif
}

.page-newsletter .newsletter-managment.newsletter-content h1.unsubscription-title {
    font-size: 16px;
    font-size: 1.6rem
}

.page-newsletter .newsletter-managment.newsletter-content strong {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.page-newsletter .newsletter-managment.newsletter-content #newsLetterSubscriptionForm,
.page-newsletter .newsletter-managment.newsletter-content #newsLetterUnsubscriptionForm {
    margin: 40px auto 0
}

.page-newsletter .newsletter-managment.newsletter-content #newsLetterSubscriptionForm .row-fluid,
.page-newsletter .newsletter-managment.newsletter-content #newsLetterUnsubscriptionForm .row-fluid {
    padding: 0 !important
}

.page-newsletter .newsletter-managment.newsletter-content #newsLetterSubscriptionForm fieldset,
.page-newsletter .newsletter-managment.newsletter-content #newsLetterUnsubscriptionForm fieldset {
    border: none
}

@media screen and (max-width: 768px) {

    .page-newsletter .newsletter-managment.newsletter-content #newsLetterSubscriptionForm,
    .page-newsletter .newsletter-managment.newsletter-content #newsLetterUnsubscriptionForm {
        width: 100%
    }
}

@media screen and (max-width: 768px) {

    .page-newsletter .newsletter-managment.newsletter-content #newsLetterSubscriptionForm .sort,
    .page-newsletter .newsletter-managment.newsletter-content #newsLetterUnsubscriptionForm .sort {
        float: none;
        width: 100%
    }

    .page-newsletter .newsletter-managment.newsletter-content #newsLetterSubscriptionForm .control-group select.small,
    .page-newsletter .newsletter-managment.newsletter-content #newsLetterUnsubscriptionForm .control-group select.small {
        width: 100% !important;
        margin-bottom: 15px
    }
}

.page-newsletter .newsletter-managment.newsletter-content #newsLetterSubscriptionForm .row-fluid {
    max-width: 710px
}

.page-newsletter .newsletter-managment.newsletter-content #newsLetterUnsubscriptionForm p,
.page-newsletter .newsletter-managment.newsletter-content #newsLetterUnsubscriptionForm .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-newsletter .newsletter-managment.newsletter-content #newsLetterUnsubscriptionForm div {
    margin: 0;
    clear: both
}

.page-newsletter .newsletter-managment.newsletter-content #newsLetterUnsubscriptionForm p:nth-child(2),
.page-newsletter .newsletter-managment.newsletter-content #newsLetterUnsubscriptionForm .krups-block-univers .krups-block-wrapper div:nth-child(2),
.krups-block-univers .krups-block-wrapper .page-newsletter .newsletter-managment.newsletter-content #newsLetterUnsubscriptionForm div:nth-child(2) {
    text-align: left
}

@media screen and (max-width: 768px) {

    .page-newsletter .newsletter-managment.newsletter-content #newsLetterUnsubscriptionForm p:nth-child(2),
    .page-newsletter .newsletter-managment.newsletter-content #newsLetterUnsubscriptionForm .krups-block-univers .krups-block-wrapper div:nth-child(2),
    .krups-block-univers .krups-block-wrapper .page-newsletter .newsletter-managment.newsletter-content #newsLetterUnsubscriptionForm div:nth-child(2) {
        margin: 20px 0
    }
}

.page-newsletter .newsletter-managment.newsletter-content #newsLetterUnsubscriptionForm p:nth-child(3),
.page-newsletter .newsletter-managment.newsletter-content #newsLetterUnsubscriptionForm .krups-block-univers .krups-block-wrapper div:nth-child(3),
.krups-block-univers .krups-block-wrapper .page-newsletter .newsletter-managment.newsletter-content #newsLetterUnsubscriptionForm div:nth-child(3) {
    text-align: right
}

.page-newsletter .newsletter-managment.newsletter-content #newsLetterUnsubscriptionForm fieldset .span12 {
    padding-right: 0 !important
}

.page-newsletter .newsletter-managment.newsletter-content #newsLetterUnsubscriptionForm .control-group {
    float: left
}

@media screen and (max-width: 768px) {
    .page-newsletter .newsletter-managment.newsletter-content #newsLetterUnsubscriptionForm .control-group {
        float: none
    }
}

.page-newsletter .newsletter-managment.newsletter-content label {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem
}

@media screen and (max-width: 768px) {
    .page-newsletter .newsletter-managment.newsletter-content label {
        width: 100%;
        padding: 10px;
        text-align: left
    }
}

.page-newsletter .newsletter-managment.newsletter-content input,
.page-newsletter .newsletter-managment.newsletter-content select {
    height: 40px;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 18px;
    box-shadow: none;
    border: 1px solid #eaeeef;
    border-radius: 5px;
    margin: 0;
    display: block;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem
}

@media screen and (max-width: 768px) {

    .page-newsletter .newsletter-managment.newsletter-content input,
    .page-newsletter .newsletter-managment.newsletter-content select {
        width: 100%;
        text-align: left
    }
}

.page-newsletter .newsletter-managment.newsletter-content input:focus,
.page-newsletter .newsletter-managment.newsletter-content select:focus {
    border-color: #00ead7
}

.page-newsletter .newsletter-managment.newsletter-content select {
    padding-right: 44px
}

.page-newsletter .newsletter-managment.newsletter-content .unsubscribe-block {
    margin: 25px auto 0;
    width: 77.5%
}

.slider-4 {
    text-align: center;
    font-size: 0px;
    font-size: 0rem;
    margin: 0;
    padding: 0 90px
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .slider-4 {
        padding: 0 50px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .slider-4 {
        padding: 0 40px
    }
}

.slider-4 a {
    display: block
}

.slider-4 .claim a:hover,
.slider-4 .claim a:active,
.slider-4 .claim a:focus {
    color: #f38230
}

.slider-4 .item {
    background: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    vertical-align: top;
    padding: 35px 15px;
    width: 24.95%;
    border-left: 15px solid #eaeeef;
    min-height: 480px
}

.slider-4 .item:first-child {
    border-left: 0
}

.slider-4 .item:nth-child(n+5) {
    display: none
}

.product-recent .slider-4 .item,
.also-like .slider-4 .item {
    padding: 35px 15px 15px;
    min-height: 390px
}

.slider-4 .item .visuel {
    display: block;
    margin: 20px 0;
    position: relative
}

.slider-4 .item .visuel>a {
    position: relative;
    padding-bottom: 50%
}

.slider-4 .item .visuel img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 60%;
    max-height: 100%
}

.slider-4 .item .visuel .p-badges .p-badge {
    position: absolute;
    margin: 0 !important;
    padding: 15px !important;
    left: 20px;
    width: auto;
    height: 75px;
    z-index: 2
}

.slider-4 .item .visuel .p-badges .p-badge:nth-child(1) {
    top: 0px !important
}

.slider-4 .item .visuel .p-badges .p-badge:nth-child(2) {
    top: 35px !important
}

.slider-4 .item .visuel .p-badges .p-badge:nth-child(3) {
    top: 70px !important
}

.slider-4 .item .visuel .p-badges .p-badge:nth-child(4) {
    top: 105px !important
}

.slider-4 .item .visuel .p-badges .p-badge:nth-child(5) {
    top: 140px !important
}

.slider-4 .item .head-title {
    height: 80px
}

.product-recent .slider-4 .item .head-title,
.also-like .slider-4 .item .head-title {
    height: 40px
}

.slider-4 .item .title {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #f38230;
    text-transform: uppercase;
    margin-bottom: 8px;
    line-height: 18px;
    height: 36px;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .slider-4 .item .title {
        height: auto
    }
}

.slider-4 .item .title a {
    color: #f38230
}

.slider-4 .item .title a:focus {
    text-decoration: none
}

.slider-4 .item .ref {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    color: #948e88
}

.slider-4 .item .claim,
.slider-4 .item .desc,
.slider-4 .item .description {
    color: #2a2622;
    overflow: hidden;
    height: 65px;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    -o-line-clamp: 3;
    line-clamp: 3;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px
}

.slider-4 .item .claim:empty,
.slider-4 .item .desc:empty,
.slider-4 .item .description:empty {
    display: none
}

.slider-4 .item .claim a,
.slider-4 .item .desc a,
.slider-4 .item .description a {
    display: inline
}

.slider-4 .item .stock {
    font-size: 13px;
    font-size: 1.3rem;
    color: #948e88
}

.slider-4 .item .unavailable {
    font-size: 13px;
    font-size: 1.3rem;
    color: #948e88;
    margin-bottom: 15px
}

.slider-4 .item .unavailable a {
    text-decoration: underline;
    color: #948e88;
    display: inline-block;
    padding: 0 0 0 2px
}

.slider-4 .item .unavailable a:hover {
    text-decoration: none
}

.slider-4 .item .price {
    font-size: 21px;
    font-size: 2.1rem;
    color: #f38230;
    margin: 15px 0 18px
}

.slider-4 .item .price:empty {
    display: none
}

.slider-4 .item .price a {
    color: #f38230
}

.slider-4 .item .add_to_cart_form {
    margin: 24px 0 -60px 0
}

.slider-4 .item .product-item-content {
    height: 470px
}

@media screen and (max-width: 768px) {
    .slider-4 .item .product-item-content {
        height: inherit
    }
}

.slider-4.owl-carousel {
    font-size: inherit
}

.slider-4 .owl-stage-outer .owl-stage {
    padding: 0 0 25px
}

.product-recent .slider-4 .owl-stage-outer .owl-stage,
.also-like .slider-4 .owl-stage-outer .owl-stage {
    padding: 0
}

.slider-4 .owl-stage-outer .owl-stage .owl-item {
    border: 1px solid #eaeeef
}

.product-recent .slider-4 .owl-stage-outer .owl-stage .owl-item,
.also-like .slider-4 .owl-stage-outer .owl-stage .owl-item {
    padding: 0
}

.slider-4 .owl-stage-outer .owl-stage .owl-item .item {
    width: 100%;
    border: 0
}

.slider-4 .owl-controls .owl-nav>div {
    top: 42%
}

@media screen and (max-width: 768px) {
    .slider-4 {
        padding: 12px 0
    }

    .slider-4 .owl-stage-outer {
        padding-bottom: 30px
    }

    .slider-4 .owl-stage-outer .owl-stage {
        padding: 0
    }

    .slider-4 .owl-stage-outer .owl-stage .owl-item {
        padding-bottom: 2px
    }

    .slider-4 .item {
        width: 100%;
        min-height: inherit
    }

    .slider-4 .item:nth-child(n+2) {
        display: none
    }
}

.designed {
    padding: 70px 0;
    margin: 0
}

.designed .container {
    padding: 0
}

.designed .seconde-title {
    color: #fff
}

.designed .slider-4 .owl-stage-outer .owl-stage {
    padding: 0
}

.designed .slider-4 .owl-stage-outer .owl-stage .owl-item {
    border: 0;
    padding: 0
}

.designed .slider-4 .item {
    background: #ffffff;
    border: 0;
    min-height: inherit;
    padding: 10px
}

.designed .slider-4 .item .visuel img {
    max-height: 100%
}

.designed .slider-4 .item .caption {
    display: none
}

@media screen and (max-width: 768px) {
    .designed {
        padding: 40px 0
    }

    .designed .slider-4 {
        padding: 0
    }

    .designed .slider-4 .owl-stage-outer {
        padding: 0
    }

    .designed .slider-4 .item .head-title {
        height: auto
    }
}

.bx-wrapper .bx-controls-direction a {
    background: #f38230;
    border-radius: 100px;
    width: 38px;
    height: 38px;
    z-index: 1;
    font-family: ico;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #fff;
    font-size: 0;
    text-indent: 0;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.3s
}

.bx-wrapper .bx-controls-direction a:hover {
    background: #eaeeef
}

.bx-wrapper .bx-controls-direction a:hover:before {
    border-color: #eaeeef
}

.bx-wrapper .bx-controls-direction a:before {
    content: "";
    display: block;
    border: 1px solid #f38230;
    width: 44px;
    height: 44px;
    position: absolute;
    top: -3px;
    left: -3px;
    background: transparent;
    border-radius: 100px;
    transition: all 0.3s;
    z-index: 1
}

.bx-wrapper .bx-controls-direction a:before:hover {
    border-color: #eaeeef
}

.bx-wrapper .bx-controls-direction a:after {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    text-indent: 0;
    color: #fff;
    font-size: 7.5px;
    font-size: .75rem
}

.bx-wrapper .bx-controls-direction .bx-prev {
    left: -18px
}

.bx-wrapper .bx-controls-direction .bx-prev:after {
    content: "\e601";
    margin: -5px 0 0 -4px
}

.bx-wrapper .bx-controls-direction .bx-next {
    right: -18px
}

.bx-wrapper .bx-controls-direction .bx-next:after {
    content: "\e600";
    margin: -5px 0 0 -2px
}

.bx-wrapper .bx-controls-direction a.disabled {
    cursor: default;
    display: block;
    background: #948e88
}

.bx-wrapper .bx-controls-direction a.disabled:before {
    border-color: #948e88
}

.bx-wrapper .bx-controls-direction a.disabled:hover {
    background: #948e88
}

.carousel-control {
    background: #f38230;
    border-radius: 100px;
    width: 38px;
    height: 38px;
    z-index: 1;
    font-family: ico;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #fff;
    font-size: 0;
    text-indent: 0;
    text-decoration: none;
    border: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    left: -18px
}

.carousel-control:hover {
    background: #eaeeef
}

.carousel-control:hover:before {
    border-color: #eaeeef
}

.carousel-control:before {
    content: "";
    display: block;
    border: 1px solid #f38230;
    width: 44px;
    height: 44px;
    position: absolute;
    top: -3px;
    left: -3px;
    background: transparent;
    border-radius: 100px;
    z-index: 1
}

.carousel-control:before:hover {
    border-color: #eaeeef
}

.carousel-control:after {
    content: "\e601";
    margin: -5px 0 0 -4px
}

.carousel-control:after {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    text-indent: 0;
    color: #fff;
    font-size: 7.5px;
    font-size: .75rem
}

.carousel-control.right {
    right: -18px
}

.carousel-control.right:after {
    content: "\e600";
    margin: -5px 0 0 -2px
}

.carousel-indicators {
    text-align: center;
    left: 0;
    right: 0;
    bottom: 22px;
    top: auto;
    width: 100%
}

.carousel-indicators li {
    cursor: pointer;
    margin: 0 5px;
    padding: 0;
    background: #fff;
    width: 16px;
    overflow: hidden;
    float: none;
    height: 16px;
    display: inline-block;
    transition: all 0.3s;
    transform: translate(0, 0);
    border-radius: 100px
}

.carousel-indicators li:hover {
    background: #eaeeef
}

.carousel-indicators li.active {
    background: #f38230
}

.scrollable-lame {
    position: relative
}

.scrollable-lame a.lame-control {
    background: #f38230;
    border-radius: 100px;
    width: 38px;
    height: 38px;
    z-index: 1;
    font-family: ico;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #fff;
    font-size: 0;
    text-indent: 0;
    position: absolute;
    text-decoration: none;
    top: 50%;
    margin: -18px 0 0 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.3s
}

.scrollable-lame a.lame-control:hover {
    background: #eaeeef
}

.scrollable-lame a.lame-control:hover:before {
    border-color: #eaeeef
}

.scrollable-lame a.lame-control:before {
    content: "";
    display: block;
    border: 1px solid #f38230;
    width: 44px;
    height: 44px;
    position: absolute;
    top: -3px;
    left: -3px;
    background: transparent;
    border-radius: 100px;
    transition: all 0.3s;
    z-index: 1
}

.scrollable-lame a.lame-control:before:hover {
    border-color: #eaeeef
}

.scrollable-lame a.lame-control:after {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    text-indent: 0;
    color: #fff;
    font-size: 7.5px;
    font-size: .75rem
}

.scrollable-lame .left {
    left: 4px
}

.scrollable-lame .left:after {
    content: "\e601";
    margin: -5px 0 0 -4px
}

.scrollable-lame .right {
    right: 4px;
    float: right
}

.scrollable-lame .right:after {
    content: "\e600";
    margin: -5px 0 0 -2px
}

.scrollable-lame a.disabled {
    cursor: default;
    display: block;
    background: #948e88
}

.scrollable-lame a.disabled:before {
    border-color: #948e88
}

.scrollable-lame a.disabled:hover {
    background: #948e88
}

.scrollable-lame a.disabled:hover:before {
    border-color: #948e88
}

.master-slider .container {
    width: 100%;
    text-align: center
}

@media screen and (max-width: 768px) {
    .master-slider .simple-slider {
        display: none
    }

    .master-slider .caption {
        margin: 0px
    }
}

.page-homepage .master-slider {
    background: #fff
}

@media screen and (max-width: 1280px) {
    .page-homepage .master-slider .container {
        overflow: hidden
    }
}

.master-slider .bx-wrapper {
    margin: 0 auto
}

.master-slider .item {
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .master-slider .item img {
        width: 100%
    }
}

.master-slider .item a img {
    margin: 0 auto;
    max-width: none
}

.master-slider .simpleSlider-wrapper {
    left: 0
}

.rtl .master-slider .simpleSlider-wrapper {
    right: 0
}

.master-slider .item {
    display: none
}

.master-slider .item:first-child {
    display: block
}

.recipe-carousel {
    padding: 0 90px
}

.recipe-carousel ul {
    list-style: none;
    padding: 0 90px
}

.recipe-carousel .owl-item .item {
    float: none
}

.recipe-carousel .item {
    background: #fff;
    float: left;
    text-align: center;
    min-height: 242px
}

.recipe-carousel .item .visuel {
    min-height: 195px;
    max-height: 195px;
    overflow: hidden
}

.recipe-carousel .item .caption {
    padding: 20px 30px;
    min-height: 76px
}

.recipe-carousel .item .caption h3,
.recipe-carousel .item .caption h3 a {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    color: #f38230;
    text-transform: uppercase;
    text-align: center;
    line-height: 18px
}

@media screen and (max-width: 768px) {
    .recipe-carousel ul {
        padding: 0
    }
}

.news .date {
    padding: 60px 0 0 0;
    width: 120px;
    text-align: center;
    float: left;
    overflow: hidden;
    min-height: 180px;
    clear: both;
    font-size: 22px;
    font-size: 2.2rem;
    background-color: #fafbfd;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFAFBFD', endColorstr='#FFE1E1E3');
    background-image: -owg-linear-gradient(left, #fafbfd 0%, #f9f7f8 66%, #e1e1e3 100%);
    background-image: linear-gradient(left, #fafbfd 0%, #f9f7f8 66%, #e1e1e3 100%);
    color: #f38230
}

.lt-ie9 .news .date {
    min-height: 120px
}

@media screen and (max-width: 768px) {
    .news .date {
        font-size: 19px;
        font-size: 1.9rem
    }
}

.rtl .news .date {
    float: right;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFAFBFD', endColorstr='#FFE1E1E3');
    background-image: -owg-linear-gradient(right, #fafbfd 0%, #f9f7f8 66%, #e1e1e3 100%);
    background-image: linear-gradient(right, #fafbfd 0%, #f9f7f8 66%, #e1e1e3 100%)
}

.news .date span {
    display: block
}

@media screen and (max-width: 768px) {
    .news .date span {
        display: inline
    }
}

@media screen and (max-width: 768px) {
    .news .date {
        width: 100%;
        min-height: 0px;
        padding: 10px
    }
}

.list-news ul {
    margin: 0;
    padding: 0
}

.list-news li {
    list-style-type: none;
    overflow: hidden;
    clear: both;
    min-height: 180px;
    margin: 0 0 20px
}

@media screen and (max-width: 768px) {
    .list-news li {
        min-height: 10px
    }
}

.list-news a {
    display: block;
    text-decoration: none;
    overflow: hidden
}

.list-news a:hover h2 {
    color: #f38230
}

.list-news a:hover p,
.list-news a:hover .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .list-news a:hover div {
    color: #f38230
}

.list-news a:hover span {
    color: #f38230
}

.list-news a:hover .date {
    color: #f38230
}

.list-news a:hover .date span {
    color: #f38230
}

.list-news a:hover .description {
    background: rgba(0, 0, 0, 0.2)
}

.list-news .description,
.list-news .pic {
    float: left;
    overflow: hidden;
    min-height: 180px
}

@media screen and (max-width: 768px) {

    .list-news .description,
    .list-news .pic {
        width: 100%
    }

    .list-news .description img,
    .list-news .pic img {
        width: 100%;
        height: auto
    }
}

.rtl .list-news .description,
.rtl .list-news .pic {
    float: right
}

.list-news .pic {
    max-width: 240px
}

@media screen and (max-width: 768px) {
    .list-news .pic {
        max-width: 100%
    }
}

.list-news .description {
    width: 600px;
    padding: 26px 18px 18px 32px;
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFFFFFF', endColorstr='#FFEDEEF0');
    background-image: -owg-linear-gradient(left, #fff 0%, #edeef0 100%);
    background-image: linear-gradient(left, #fff 0%, #edeef0 100%)
}

.lt-ie9 .list-news .description {
    min-height: 136px
}

@media screen and (max-width: 768px) {
    .list-news .description {
        width: 100%;
        padding: 26px 10px 18px 10px;
        background: transparent
    }
}

.list-news .description h2 {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 0 9px;
    line-height: 1.2em;
    font-weight: 100;
    transition: all 0.3s
}

.list-news .description p,
.list-news .description .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .list-news .description div {
    display: inline;
    color: #f38230;
    line-height: 1em;
    font-size: 14.5px;
    font-size: 1.45rem;
    margin: 0;
    transition: all 0.3s
}

.wrap-header {
    z-index: 310;
    position: relative
}

.open-nav .wrap-header {
    visibility: visible;
    opacity: 1
}

.open-search .wrap-header {
    z-index: 1040;
    visibility: visible;
    opacity: 1;
    position: static
}

header:not([class*="pr-"]) {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    min-width: 320px;
    z-index: 30
}

.rtl header:not([class*="pr-"]) {
    top: 0;
    right: 0;
    left: 0
}

.sm-menu header:not([class*="pr-"]),
.mini-header header:not([class*="pr-"]) {
    margin-top: 0;
    max-width: 100%
}

.open-search header:not([class*="pr-"]) {
    z-index: 2000
}

@media screen and (max-width: 768px) {
    header:not([class*="pr-"]) {
        padding: 0;
        margin: 0;
        height: 53px;
        width: 100%;
        max-width: inherit
    }

    .open-nav header:not([class*="pr-"]),
    .open-search header:not([class*="pr-"]),
    .sm-menu header:not([class*="pr-"]),
    .mini-header header:not([class*="pr-"]) {
        max-width: 768px;
        margin: 0
    }
}

header:not([class*="pr-"]).none-fixed {
    position: absolute
}

.head-entry {
    float: left;
    width: 50%;
    height: 65px;
    transition: all 0.5s
}

.rtl .head-entry {
    float: right
}

.head-entry>ul {
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    list-style: none;
    min-width: 260px
}

.head-entry>ul>li {
    float: left;
    margin: 0;
    height: 65px;
    width: 65px;
    transition: all 0.5s
}

.rtl .head-entry>ul>li {
    float: right
}

.head-entry>ul>li:empty {
    display: none
}

.head-entry>ul>li:empty:after {
    display: none
}

.head-entry>ul>li:first-child:after {
    border: 0
}

.head-entry>ul>li.item-toggle {
    background: #232120;
    text-align: center
}

.head-entry>ul>li.item-search {
    background: #1e1c1b;
    overflow: hidden
}

.head-entry>ul>li.item-user {
    background: #171413
}

.head-entry>ul>li.item-dropmenu {
    background: #100b0a
}

.head-entry>ul>li.language-selector {
    background: #171413;
    width: auto;
    display: none
}

.head-entry>ul>li.language-selector .langchoose {
    font-size: 9px;
    color: #fff;
    padding: 25px 10px
}

.head-entry>ul>li.language-selector #country-selector {
    display: none
}

.head-entry>ul>li.currency-selector {
    background: #171413;
    width: auto;
    display: none
}

.head-entry>ul>li.currency-selector>a {
    color: #fff;
    padding: 22px 10px;
    display: block;
    font-size: 10px
}

@media screen and (min-width: 768px) {

    .open-nav .head-entry>ul>li.item-dropmenu,
    .open-nav .head-entry>ul>li.item-user,
    .open-nav .head-entry>ul>li.item-search {
        opacity: 0;
        transition: all 0.3s;
        display: none;
        z-index: -1
    }
}

@media screen and (max-width: 768px) {
    .head-entry>ul .my-space {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .head-entry {
        margin: 0;
        padding: 0;
        width: 60%;
        height: 53px
    }

    .head-entry>ul {
        width: 100%;
        min-width: inherit;
        position: static;
        display: -ms-flexbox;
        display: flex
    }

    .head-entry>ul>li {
        position: static;
        width: 25%;
        height: 53px;
        min-width: inherit;
        padding: 0
    }

    .head-entry>ul>li:after {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .head-entry .social-wrap {
        display: none
    }
}

.head-entry .social-wrap .social-selector {
    color: #4f5559;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    display: inline-block;
    line-height: 16px;
    outline: none
}

.head-entry .social-wrap .social_media {
    padding: 14px 0
}

.head-entry .social-wrap .social_media:before {
    right: 40px
}

.rtl .head-entry .social-wrap .social_media:before {
    left: 40px
}

.head-entry .social-wrap .social_media:after {
    right: 41px
}

.rtl .head-entry .social-wrap .social_media:after {
    left: 41px
}

.head-entry .social-wrap .social_media .social-media-navtop {
    margin: 0;
    list-style: none;
    min-width: 150px;
    padding: 10px;
    text-align: center
}

.head-entry .social-wrap .social_media .social-media-navtop li {
    float: none;
    display: table-cell;
    vertical-align: middle
}

.head-entry .social-wrap .social_media .social-media-navtop li img {
    filter: contrast(0%);
    -moz-filter: contrast(0%);
    -o-filter: contrast(0%);
    -ms-filter: contrast(0%)
}

.head-entry .social-wrap .social_media .social-media-navtop li img:hover {
    filter: contrast(100%);
    -moz-filter: contrast(100%);
    -o-filter: contrast(100%);
    -ms-filter: contrast(100%)
}

.head-entry .social-wrap .social_media .social-media-navtop li canvas,
.head-entry .social-wrap .social_media .social-media-navtop li .clone {
    vertical-align: middle
}

.head-entry .social-wrap .social_media .social-media-navtop li .real {
    display: none
}

.head-entry .social-wrap .social_media .social-media-navtop li a {
    min-height: 22px;
    display: inline-block;
    text-align: center;
    min-width: 36px
}

.head-entry .social-wrap .social_media .social-media-navtop li a:hover canvas,
.head-entry .social-wrap .social_media .social-media-navtop li a:hover .clone {
    display: none
}

.head-entry .social-wrap .social_media .social-media-navtop li a:hover .real {
    display: inline-block
}

.head-entry .social-wrap:hover .social-selector {
    text-decoration: none;
    color: #e2001a
}

.head-entry .country>a,
.head-entry .lang a,
.head-entry a.dropmenu-toggle,
.head-entry span.dropmenu-toggle,
.head-entry #cart_content a {
    color: #4f5559;
    font-size: 13px;
    font-size: 1.3rem;
    transition: all 0.5s;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    display: block;
    line-height: 16px;
    outline: none;
    padding: 17px 0
}

@media screen and (max-width: 768px) {

    .sm-menu .head-entry .country>a,
    .mini-header .head-entry .country>a,
    .sm-menu .head-entry .lang a,
    .mini-header .head-entry .lang a,
    .sm-menu .head-entry a.dropmenu-toggle,
    .mini-header .head-entry a.dropmenu-toggle,
    .sm-menu .head-entry span.dropmenu-toggle,
    .mini-header .head-entry span.dropmenu-toggle,
    .sm-menu .head-entry #cart_content a,
    .mini-header .head-entry #cart_content a {
        padding: 11px 0px 10px 4px
    }

    .rtl .sm-menu .head-entry .country>a,
    .rtl .mini-header .head-entry .country>a,
    .rtl .sm-menu .head-entry .lang a,
    .rtl .mini-header .head-entry .lang a,
    .rtl .sm-menu .head-entry a.dropmenu-toggle,
    .rtl .mini-header .head-entry a.dropmenu-toggle,
    .rtl .sm-menu .head-entry span.dropmenu-toggle,
    .rtl .mini-header .head-entry span.dropmenu-toggle,
    .rtl .sm-menu .head-entry #cart_content a,
    .rtl .mini-header .head-entry #cart_content a {
        padding: 11px 4px 10px 0px
    }
}

.head-entry .country {
    display: table;
    height: 96px;
    transition: all 0.5s
}

.mini-header .head-entry .country {
    height: 63px;
    padding: 0
}

.head-entry .country span {
    padding: 0 16px;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.head-entry .country>a {
    color: #f38230
}

.head-entry .logged_in a.dropmenu-toggle {
    color: #f38230 !important
}

.head-entry .logged_in .ico-user {
    position: relative;
    background-image: url("../img/icon/icon-user-connecte.png") !important;
    width: 24px
}

.head-entry .logged_in a.dropmenu-toggle:hover .ico-user,
.head-entry .logged_in span.dropmenu-toggle:hover .ico-user {
    background-image: url("../img/icon/icon-user-connecte.png")
}

.head-entry .logged_in.open .ico-user,
.head-entry .logged_in:hover .ico-user {
    background-image: url("../img/icon/icon-user-connecte.png")
}

.head-entry .ico-user {
    background: url("../img/icon/icon-user.png") no-repeat center 0;
    background-size: 24px auto;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    margin: 5px 0 0
}

@media screen and (max-width: 768px) {
    .head-entry .ico-user {
        background-size: 21px auto;
        width: 21px;
        height: 21px;
        margin: 6px 0 0
    }
}

.head-entry .item-currency .currency {
    background-size: 24px auto;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: sub;
    color: #FFFFFF;
    font-size: 28px;
    margin-top: 0.3em
}

@media screen and (max-width: 768px) {
    .head-entry .item-currency .currency {
        background-size: 21px auto;
        width: 21px;
        height: 21px;
        margin: 6px 0 0
    }
}

.head-entry .item-currency .drop-currency {
    left: 0;
    width: 100%
}

.head-entry .item-currency .currency-list {
    list-style: none
}

.head-entry .item-currency .currency-list li {
    color: #ffffff;
    text-align: center;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 17px;
    margin: 11px
}

.head-entry .item-currency .currency-list li a {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 17px;
    font-size: 2rem;
    color: #fff;
    display: inline-block
}

.head-entry .item-currency .currency-list li a:hover {
    color: #f38230
}

.head-entry .item-currency .currency-list .active {
    color: #f38230
}

@media screen and (max-width: 768px) {
    .head-entry .item-currency .drop-currency.drop-user.dropdown-menu {
        top: 53px;
        left: 40%;
        width: 60%
    }
}

.head-entry .item-language .dropmenu-toggle.trigger-user {
    padding: 18px 0 10px
}

.head-entry .item-language .language {
    background-size: 24px auto;
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: sub;
    color: #FFFFFF;
    font-size: 22px;
    margin-top: 0.4em;
    font-weight: 600
}

@media screen and (max-width: 768px) {
    .head-entry .item-language .language {
        background-size: 21px auto;
        font-size: 20px;
        margin: 2px 0 0
    }
}

.head-entry .item-language .drop-language {
    left: 0;
    width: 100%
}

.head-entry .item-language .language-list {
    list-style: none
}

.head-entry .item-language .language-list li {
    color: #ffffff;
    text-align: center;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 17px;
    margin: 11px
}

.head-entry .item-language .language-list li a {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 17px;
    font-size: 2rem;
    color: #fff;
    display: inline-block
}

.head-entry .item-language .language-list li a:hover {
    color: #f38230
}

.head-entry .item-language .language-list .active {
    color: #f38230
}

@media screen and (max-width: 768px) {
    .head-entry .item-language .drop-language.drop-user.dropdown-menu {
        top: 53px;
        left: 40%;
        width: 60%
    }
}

.head-entry .icon-cart {
    background: url("../img/icon/icon-panier.png") no-repeat 0 0;
    background-size: 27px auto;
    width: 27px;
    height: 25px;
    display: inline-block;
    vertical-align: top;
    margin: 5px 0 0
}

@media screen and (max-width: 768px) {
    .head-entry .icon-cart {
        background-size: 22px auto;
        width: 22px;
        height: 22px;
        margin: 6px 0 0
    }
}

.head-entry .ico-basket {
    background: url("../img/icon/icon-search.png") no-repeat 0 0;
    width: 17px;
    height: 16px;
    display: inline-block;
    vertical-align: top
}

.rtl .head-entry .ico-basket {
    background: url("../img/icon/icon-search.png") no-repeat 100% 0
}

.head-entry .lang {
    position: relative;
    top: -6px;
    margin: 0 7px 0 0
}

.rtl .head-entry .lang {
    margin: 0 0 0 7px
}

.head-entry .lang a {
    color: #f38230;
    line-height: 3em;
    font-size: 14.5px;
    font-size: 1.45rem;
    padding: 32px 16px 0;
    transition: all 0.5s
}

@media screen and (max-width: 768px) {
    .head-entry .lang a {
        line-height: 2.4em
    }
}

.mini-header .head-entry .lang a {
    padding: 18px 16px 0
}

.head-entry .lang a:hover {
    background: transparent;
    color: #958e88
}

.head-entry .dropdown-menu {
    border-radius: 0;
    border: 0;
    top: 65px;
    right: 0;
    left: auto;
    margin: 0;
    box-shadow: none;
    background: #232120
}

.rtl .head-entry .dropdown-menu {
    left: 0;
    right: auto
}

.head-entry .dropdown-menu.search-input-wrapper {
    background: #fff;
    top: 0;
    right: 65px;
    border: 0;
    padding: 0;
    width: 174.2%
}

.rtl .head-entry .dropdown-menu.search-input-wrapper {
    top: 0;
    left: 65px
}

@media screen and (max-width: 768px) {
    .head-entry .dropdown-menu.search-input-wrapper {
        right: 53px
    }

    .rtl .head-entry .dropdown-menu.search-input-wrapper {
        left: 53px
    }
}

.country {
    color: #f38230;
    font-size: 14.5px;
    font-size: 1.45rem
}

@media screen and (max-width: 768px) {
    .country.mobile-only {
        display: block;
        color: #fff
    }

    .country.mobile-only a {
        display: block;
        color: #fff;
        text-align: center;
        padding: 14px 32px 12px
    }
}

@media screen and (min-width: 768px) {
    .country.mobile-only {
        display: none
    }
}

.country.open>a {
    background: #f38230;
    color: #fff
}

.country.open .txt {
    color: #fff
}

.country .flags a {
    white-space: nowrap
}

.country a,
.country span {
    color: #f38230;
    text-decoration: none
}

.country a.dropmenu-toggle:hover .txt,
.country span.dropmenu-toggle:hover .txt {
    color: #fff
}

.country .txt {
    height: 28px;
    color: #f38230
}

.country .txt .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.country .txt img {
    max-height: 28px;
    vertical-align: middle
}

.country #country-selector {
    padding: 10px 15px;
    text-align: center;
    min-width: 0
}

.drop-user {
    width: 260px;
    padding: 14px;
    transition: all 0.5s
}

.drop-user.dropdown-menu {
    background: #171413
}

.drop-user.dropdown-menu:before {
    right: 42px
}

.rtl .drop-user.dropdown-menu:before {
    left: 42px
}

.drop-user.dropdown-menu:after {
    right: 43px
}

.rtl .drop-user.dropdown-menu:after {
    left: 43px
}

@media screen and (max-width: 768px) {
    .drop-user.dropdown-menu {
        top: 53px;
        right: 0;
        left: 0;
        width: 100%
    }

    .rtl .drop-user.dropdown-menu {
        right: 0
    }

    .drop-user.dropdown-menu:before {
        right: 67px
    }

    .rtl .drop-user.dropdown-menu:before {
        left: 67px
    }

    .drop-user.dropdown-menu:after {
        right: 68px
    }

    .rtl .drop-user.dropdown-menu:after {
        left: 68px
    }
}

@media screen and (max-width: 768px) {
    .logged_in .drop-user {
        width: 100%
    }
}

.logged_in .drop-user p,
.logged_in .drop-user .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .logged_in .drop-user div {
    margin: 0;
    padding: 10px 20px 20px;
    color: #ffffff;
    text-align: center;
    font-size: 15px;
    font-size: 1.5rem
}

.logged_in .drop-user .logout {
    color: #ffffff;
    background: #958e88;
    margin-bottom: 5px
}

.logged_in .drop-user .logout:hover {
    background: #a39a93
}

.logged_in .drop-user a {
    font-size: 13px;
    font-size: 1.3rem;
    text-align: center;
    padding: 17px 25px;
    margin: 0 5px 15px;
    line-height: 15px;
    display: block;
    text-decoration: none;
    background: #f38230;
    color: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    transition: all 0.3s;
    border-radius: 100px;
    text-transform: uppercase
}

.logged_in .drop-user a:hover {
    background: #ff720d
}

.logged_in .drop-user a span {
    display: inline;
    color: #fff;
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 0 0 7px;
    line-height: 15px
}

.rtl .logged_in .drop-user a span {
    margin: 0 7px 0 0
}

.drop-user legend {
    border: 0;
    font-size: 15px;
    font-size: 1.5rem;
    color: #fff;
    line-height: 30px;
    margin: 0
}

.drop-user label {
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 7px;
    cursor: auto
}

.drop-user select,
.drop-user input[type=TEXT],
.drop-user input[type=PASSWORD] {
    font-size: 14px;
    font-size: 1.4rem;
    border-color: #c4c4c4;
    width: 100%;
    height: 30px;
    padding: 4px 35px 6px 10px;
    box-shadow: 0 0 transparent;
    border-radius: 0;
    outline: none
}

.rtl .drop-user select,
.rtl .drop-user input[type=TEXT],
.rtl .drop-user input[type=PASSWORD] {
    padding: 4px 10px 6px 35px
}

.drop-user select:-webkit-autofill,
.drop-user input[type=TEXT]:-webkit-autofill,
.drop-user input[type=PASSWORD]:-webkit-autofill {
    background: none !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset
}

.drop-user #password {
    margin-bottom: 0
}

.drop-user .skip {
    clear: both;
    float: left;
    color: #F04950;
    width: 100%;
    text-align: left;
    margin-top: 8px;
    line-height: 17px
}

.rtl .drop-user .skip {
    float: right;
    text-align: right
}

.drop-user a.forgotten {
    border: 0;
    font-size: 15px;
    font-size: 1.5rem;
    color: #9599a4;
    line-height: 30px;
    margin: 0
}

.drop-user a.forgotten:hover {
    background: transparent;
    color: #ff8833;
    text-decoration: none
}

.drop-user p.text-center,
.drop-user .krups-block-univers .krups-block-wrapper div.text-center,
.krups-block-univers .krups-block-wrapper .drop-user div.text-center {
    margin: 0
}

.drop-user form {
    margin: 0
}

.drop-user form#FormLogin legend {
    padding: 13px 41px 12px 20px;
    border-bottom: 1px solid #000
}

.rtl .drop-user form#FormLogin legend {
    padding: 13px 20px 12px 41px
}

.drop-user form p.text-right,
.drop-user form .krups-block-univers .krups-block-wrapper div.text-right,
.krups-block-univers .krups-block-wrapper .drop-user form div.text-right {
    margin: 0
}

.drop-user .btn {
    background: #958e88;
    color: #ffffff;
    text-align: center;
    margin: 0;
    display: inline-block;
    padding: 17px 20px;
    border-radius: 40px;
    position: relative;
    outline: none;
    width: 100%
}

.drop-user .btn:hover {
    background: #a39a93
}

.drop-user .btn-action {
    background: #f38230;
    color: #fff;
    margin: 5px 0 15px;
    border: 0
}

.drop-user .btn-action:before {
    display: none
}

.drop-user .btn-action:hover {
    background: #ff720d
}

.head-entry .picto-header {
    padding: 0px;
    padding-right: 10px
}

.rtl .head-entry .picto-header {
    padding-left: 10px
}

@media screen and (max-width: 768px) {
    .head-entry .picto-header {
        padding-right: 5px
    }

    .rtl .head-entry .picto-header {
        padding-left: 5px
    }
}

.head-entry .picto-header img {
    width: 33px
}

@media screen and (max-width: 768px) {
    .head-entry .picto-header.left-flow {
        position: absolute;
        left: 37px
    }

    .rtl .head-entry .picto-header.left-flow {
        right: 37px
    }
}

@media screen and (max-width: 1024px) {
    .head-entry .picto-header.left-flow {
        position: absolute;
        left: 37px
    }

    .rtl .head-entry .picto-header.left-flow {
        right: 37px
    }

    .head-entry .picto-header.left-flow:after {
        border: 0
    }
}

#ModalNewsLetterHeader {
    width: 742px;
    margin-left: -371px;
    top: 25%
}

.rtl #ModalNewsLetterHeader {
    margin-right: -371px
}

#ModalNewsLetterHeader .modal-header .modal-newsLetter-title,
#ModalNewsLetterHeader .modal-header h3 {
    font-size: 18px;
    font-size: 1.8rem
}

#ModalNewsLetterHeader .modal-header .modal-newsLetter-title {
    margin: 0;
    line-height: 30px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    letter-spacing: 1.5px
}

#ModalNewsLetterHeader .modal-body {
    padding: 20px 90px 33px
}

#ModalNewsLetterHeader .modal-body form {
    margin: 0
}

#ModalNewsLetterHeader .modal-body>p,
#ModalNewsLetterHeader .krups-block-univers .krups-block-wrapper .modal-body>div,
.krups-block-univers .krups-block-wrapper #ModalNewsLetterHeader .modal-body>div {
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: uppercase;
    margin: 0
}

#ModalNewsLetterHeader .modal-body label {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 23px;
    display: -ms-flexbox;
    display: flex
}

#ModalNewsLetterHeader .modal-body label input[type="checkbox"] {
    margin: 6px 7px 0 0
}

.rtl #ModalNewsLetterHeader .modal-body label input[type="checkbox"] {
    margin: 6px 0 0 7px
}

#ModalNewsLetterHeader .modal-body .label-email {
    font-size: 17px;
    font-size: 1.7rem;
    text-transform: uppercase;
    margin-top: 14px;
    display: block
}

#ModalNewsLetterHeader .modal-body .control {
    background: #f5f6f8;
    border-top: 3px solid #f38230;
    padding: 10px;
    margin-bottom: 30px
}

#ModalNewsLetterHeader .modal-body .control input {
    font-size: 15px;
    font-size: 1.5rem;
    border: 1px solid #dbdbdd;
    border-radius: 0;
    width: 100%;
    box-shadow: none;
    padding: 0 10px;
    height: 36px
}

#ModalNewsLetterHeader .modal-body .control input::-webkit-input-placeholder {
    color: #9599a4
}

#ModalNewsLetterHeader .modal-body .control input::-moz-placeholder {
    color: #9599a4
}

#ModalNewsLetterHeader .modal-body .control input:-ms-input-placeholder {
    color: #9599a4
}

#ModalNewsLetterHeader .modal-body .control input:-moz-placeholder {
    color: #9599a4
}

#ModalNewsLetterHeader .modal-body .btn-action {
    background: #f38230;
    width: auto;
    padding: 5px 20px 7px 13px;
    font-size: 14px;
    font-size: 1.4rem;
    border-radius: 5px;
    float: right;
    text-align: left;
    width: 180px;
    color: #fff
}

.rtl #ModalNewsLetterHeader .modal-body .btn-action {
    padding: 5px 13px 7px 20px;
    float: left;
    text-align: right
}

@media screen and (max-width: 1024px) {
    #ModalNewsLetterHeader {
        width: 94%;
        margin: 0;
        left: 3%;
        right: 3%
    }

    .rtl #ModalNewsLetterHeader {
        right: 3%
    }

    #ModalNewsLetterHeader .modal-body {
        padding: 20px
    }
}

.template-pages-layout-empty2TemplatePage .logo-Krups {
    max-width: 200px;
    margin: 0 auto
}

.template-pages-layout-empty2TemplatePage .block-404 .bg-left {
    height: 528px
}

.template-pages-layout-empty2TemplatePage .block-404 .bg-right {
    height: 528px
}

footer .fp-auto-height {
    overflow: auto !important
}

.wrap-footer {
    clear: both;
    background: #232120;
    position: relative
}

.wrap-footer .owl-stage,
.wrap-footer .owl-stage-outer {
    max-height: 160px
}

.wrap-footer .footer {
    border-top: 5px solid #f38230;
    display: table;
    width: 100%
}

.wrap-footer .footer .h3,
.wrap-footer .footer h3 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    color: #fff;
    line-height: 20px;
    position: relative;
    text-transform: uppercase;
    margin: 0 0 22px;
    letter-spacing: 1.5px
}

.wrap-footer .footer .h3 a,
.wrap-footer .footer h3 a {
    color: #fff
}

.wrap-footer .footer .h3 a:hover,
.wrap-footer .footer .h3 a:focus,
.wrap-footer .footer h3 a:hover,
.wrap-footer .footer h3 a:focus {
    text-decoration: none;
    color: #dadada
}

.wrap-footer .footer .footer-left {
    width: 68.5%;
    height: 100%;
    display: table-cell;
    padding: 60px 0 20px 90px;
    vertical-align: top
}

.rtl .wrap-footer .footer .footer-left {
    padding: 60px 60px 20px 90px
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .wrap-footer .footer .footer-left {
        padding: 60px 0 20px 50px
    }

    .rtl .wrap-footer .footer .footer-left {
        padding: 60px 50px 20px 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .wrap-footer .footer .footer-left {
        padding: 60px 0 20px 20px
    }

    .rtl .wrap-footer .footer .footer-left {
        padding: 60px 20px 20px 0
    }
}

.wrap-footer .footer .footer-left>ul {
    max-width: 100%;
    margin: 0;
    list-style: none
}

.wrap-footer .footer .footer-left>ul>li {
    margin: 0 0 15px;
    padding: 0;
    color: #f38230;
    list-style-type: none;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    width: 50%;
    float: right
}

.rtl .wrap-footer .footer .footer-left>ul>li {
    float: left
}

.wrap-footer .footer .footer-left>ul>li:nth-child(4) {
    clear: right
}

.rtl .wrap-footer .footer .footer-left>ul>li:nth-child(4) {
    clear: left
}

.wrap-footer .footer .footer-left>ul>li:last-child {
    float: left;
    width: 100%;
    clear: left
}

.rtl .wrap-footer .footer .footer-left>ul>li:last-child {
    float: left;
    clear: right
}

.wrap-footer .footer .footer-left>ul>li ul {
    margin: 0;
    list-style: none
}

.wrap-footer .footer .footer-left>ul>li ul li {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: light;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 17px
}

.wrap-footer .footer .footer-left>ul>li ul li a {
    color: #948e88;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s
}

.wrap-footer .footer .footer-left>ul>li ul li a:hover {
    color: #dadada
}

.wrap-footer .footer .footer-left>ul>li ul li p,
.wrap-footer .footer .footer-left>ul>li ul li .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .wrap-footer .footer .footer-left>ul>li ul li div {
    margin: 0
}

.wrap-footer .footer .footer-left>ul>li.rs-footer .h3 {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding-right: 25px
}

.rtl .wrap-footer .footer .footer-left>ul>li.rs-footer .h3 {
    margin: 0;
    padding-left: 25px
}

.wrap-footer .footer .footer-left>ul>li.rs-footer ul {
    display: inline-block;
    vertical-align: middle
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .wrap-footer .footer .footer-left>ul>li.rs-footer ul {
        margin-top: 15px
    }
}

.wrap-footer .footer .footer-left>ul>li.rs-footer ul li {
    display: inline-block;
    margin: 0px 20px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .wrap-footer .footer .footer-left>ul>li.rs-footer ul li {
        margin: 0 10px
    }
}

.wrap-footer .footer .footer-left>ul>li.rs-footer ul li a {
    border: 1px solid #575554;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    display: block;
    transition: all 0.3s;
    line-height: 100%
}

.wrap-footer .footer .footer-left>ul>li.rs-footer ul li a img {
    max-width: 40%;
    max-height: 40%;
    transform: translateY(-50%);
    position: relative;
    top: 50%
}

@media screen and (max-width: 768px) {
    .wrap-footer .footer .footer-left>ul>li.rs-footer ul li a img {
        top: 47%
    }
}

.wrap-footer .footer .footer-left>ul>li.rs-footer ul li a:hover {
    border-color: #f38230
}

@media screen and (max-width: 768px) {
    .wrap-footer .footer .footer-left>ul>li.rs-footer ul li a {
        width: 40px;
        height: 40px
    }
}

.wrap-footer .footer .footer-right {
    background: url(../img/bg/bg-newsletter.jpg) no-repeat 0 0;
    background-size: cover;
    width: 31.5%;
    height: 100%;
    display: table-cell;
    vertical-align: top;
    position: relative
}

.rtl .wrap-footer .footer .footer-right {
    background: url(../img/bg/bg-newsletter.jpg) no-repeat 100% 0
}

.wrap-footer .footer .footer-right .social-links {
    display: none;
    margin: 11px 0px 0px 0px
}

.wrap-footer .footer .footer-right .social-links li {
    margin: 0 8px
}

.wrap-footer .newsletter {
    padding: 0 85px;
    height: 100%
}

.wrap-footer .newsletter p.h3,
.wrap-footer .newsletter .krups-block-univers .krups-block-wrapper div.h3,
.krups-block-univers .krups-block-wrapper .wrap-footer .newsletter div.h3 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 25px;
    font-size: 2.5rem;
    color: #fff;
    text-transform: none;
    text-transform: uppercase;
    text-align: center;
    line-height: 30px;
    position: relative;
    padding: 60px 0 30px 0;
    margin: 0 0 50px;
    letter-spacing: 1.5px
}

.wrap-footer .newsletter p.h3:before,
.wrap-footer .newsletter .krups-block-univers .krups-block-wrapper div.h3:before,
.krups-block-univers .krups-block-wrapper .wrap-footer .newsletter div.h3:before {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.rtl .wrap-footer .newsletter p.h3:before,
.rtl .wrap-footer .newsletter .krups-block-univers .krups-block-wrapper div.h3:before,
.krups-block-univers .krups-block-wrapper .rtl .wrap-footer .newsletter div.h3:before {
    bottom: 0;
    right: 0;
    left: 0
}

.wrap-footer .newsletter form {
    padding: 15px 0;
    position: relative;
    margin: 0
}

.wrap-footer .newsletter form .form-groupe {
    position: relative;
    margin-bottom: 30px
}

.wrap-footer .newsletter form .form-groupe:before {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: -1px;
    background: #f38230;
    height: 4px;
    transition-property: right;
    transition-duration: 0.3s;
    transition-timing-function: ease-out
}

.rtl .wrap-footer .newsletter form .form-groupe:before {
    right: 0;
    left: 100%;
    transition-property: left
}

.wrap-footer .newsletter form .form-groupe.focus:before,
.wrap-footer .newsletter form .form-groupe.filled:before {
    right: 0
}

.rtl .wrap-footer .newsletter form .form-groupe.focus:before,
.rtl .wrap-footer .newsletter form .form-groupe.filled:before {
    left: 0
}

.wrap-footer .newsletter form .form-groupe.focus label,
.wrap-footer .newsletter form .form-groupe.filled label {
    top: -18px
}

.wrap-footer .newsletter label {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
    position: absolute;
    top: 6px;
    left: 8px;
    cursor: text;
    transition: all 0.3s
}

.rtl .wrap-footer .newsletter label {
    top: 6px;
    right: 8px
}

.wrap-footer .newsletter label sup {
    color: #f38200
}

.wrap-footer .newsletter input[type=text],
.wrap-footer .newsletter input[type=email] {
    background: transparent;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
    min-height: 38px;
    line-height: 1.2em;
    border: 0;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    width: 100%;
    box-shadow: 0 0 transparent;
    margin: 0;
    padding: 0 8px 5px
}

.wrap-footer .newsletter input[type=text]::-webkit-input-placeholder,
.wrap-footer .newsletter input[type=email]::-webkit-input-placeholder {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #fff;
    letter-spacing: 1px
}

.wrap-footer .newsletter input[type=text]:-moz-placeholder,
.wrap-footer .newsletter input[type=email]:-moz-placeholder {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #fff;
    letter-spacing: 1px
}

.wrap-footer .newsletter input[type=text]::-moz-placeholder,
.wrap-footer .newsletter input[type=email]::-moz-placeholder {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #fff;
    letter-spacing: 1px
}

.wrap-footer .newsletter input[type=text]:-ms-input-placeholder,
.wrap-footer .newsletter input[type=email]:-ms-input-placeholder {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #fff;
    letter-spacing: 1px
}

.wrap-footer .newsletter input[type=submit] {
    background-color: rgba(0, 0, 0, 0.2);
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #fff;
    border-radius: 50px;
    width: 100%;
    padding: 15px 0;
    transition: all 0.3s
}

.wrap-footer .newsletter input[type=submit]:hover {
    background-color: rgba(255, 255, 255, 0.1)
}

.wrap-footer .newsletter .mandatory {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    color: #948e88;
    display: block;
    text-align: center;
    margin-top: 15px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .wrap-footer .newsletter {
        padding: 0 55px
    }
}

@media screen and (max-width: 768px) {
    .wrap-footer .newsletter {
        padding: 20px 50px
    }
}

.wrap-footer .social-links {
    padding: 0;
    clear: both;
    text-align: center;
    margin: 0 0 15px;
    filter: brightness(0) invert(1)
}

.wrap-footer .social-links ul {
    margin: 0;
    overflow: hidden;
    font-size: 0
}

.wrap-footer .social-links li {
    display: inline-block;
    margin: 3px 2px
}

.wrap-footer .social-links a img {
    transition: all 0.3s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.wrap-footer .social-links a:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.wrap-footer .lang span {
    padding: 1px 0 0 0;
    display: inline-block
}

.wrap-footer .lang img {
    display: inline-block;
    width: 16px;
    margin: 0 3px 0 0;
    position: relative;
    top: -2px
}

.rtl .wrap-footer .lang img {
    margin: 0 0 0 3px
}

.wrap-footer .bottom-footer-links {
    background: #111111;
    padding: 13px 90px;
    height: 49px;
    overflow: hidden
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .wrap-footer .bottom-footer-links {
        padding: 13px 50px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .wrap-footer .bottom-footer-links {
        padding: 13px 20px;
        height: auto
    }
}

.wrap-footer .bottom-footer-links>ul {
    margin: 0
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .wrap-footer .bottom-footer-links>ul {
        text-align: center
    }
}

.wrap-footer .bottom-footer-links>ul>li {
    display: inline-block
}

.wrap-footer .bottom-footer-links>ul>li a,
.wrap-footer .bottom-footer-links>ul>li span {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: light;
    font-size: 12px;
    font-size: 1.2rem;
    color: #948e88;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    position: relative;
    margin: 0 10px 0 0;
    transition: all 0.3s
}

.rtl .wrap-footer .bottom-footer-links>ul>li a,
.rtl .wrap-footer .bottom-footer-links>ul>li span {
    margin: 0 0 0 10px
}

.wrap-footer .bottom-footer-links>ul>li a:hover,
.wrap-footer .bottom-footer-links>ul>li span:hover {
    color: #dadada
}

.wrap-footer .bottom-footer-links>ul>li:first-child img {
    width: 23px;
    vertical-align: top;
    margin: 3px 0 0
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .wrap-footer .bottom-footer-links>ul>li:first-child {
        display: block;
        text-align: center
    }
}

.wrap-footer .bottom-footer-links>ul>li:last-child {
    float: right
}

.rtl .wrap-footer .bottom-footer-links>ul>li:last-child {
    float: left
}

.wrap-footer .bottom-footer-links>ul>li:last-child img {
    width: 68px;
    vertical-align: top;
    margin: 3px 0 0
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .wrap-footer .bottom-footer-links>ul>li:last-child {
        display: block;
        text-align: center;
        float: none
    }
}

.wrap-footer .bottom-footer-links>ul>li ul li {
    display: inline-block
}

.wrap-footer .bottom-footer-links .caption {
    display: none
}

@media screen and (max-width: 768px) {
    .wrap-footer .footer .footer-left {
        display: block;
        width: 100%;
        padding: 0 !important
    }

    .wrap-footer .footer .footer-left>ul {
        padding: 30px 0 25px
    }

    .wrap-footer .footer .footer-left>ul>li {
        display: none
    }

    .wrap-footer .footer .footer-left>ul>li:last-child {
        display: block;
        width: 100%;
        float: none;
        margin: 25px 0 0
    }

    .wrap-footer .footer .footer-left>ul>li:last-child h3 {
        display: none
    }

    .wrap-footer .footer .footer-left>ul>li.our-products {
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: light;
        font-size: 12px;
        font-size: 1.2rem;
        display: block;
        width: 100%;
        float: none;
        text-align: center;
        margin: 0 0 12px
    }

    .wrap-footer .footer .footer-left>ul>li.our-products a {
        color: #948e88
    }

    .wrap-footer .footer .footer-left>ul>li.rs-footer ul {
        display: block;
        text-align: center
    }

    .wrap-footer .footer .footer-right {
        display: block;
        width: 100%
    }

    .wrap-footer .newsletter p.h3,
    .wrap-footer .newsletter .krups-block-univers .krups-block-wrapper div.h3,
    .krups-block-univers .krups-block-wrapper .wrap-footer .newsletter div.h3 {
        display: none
    }

    .wrap-footer .newsletter form {
        padding: 6px 0
    }

    .wrap-footer .newsletter form input[type="text"] {
        min-height: 50px;
        font-size: 14px;
        font-size: 1.4rem
    }

    .wrap-footer .newsletter form input[type="submit"] {
        font-size: 14px;
        font-size: 1.4rem
    }

    .wrap-footer .bottom-footer-links ul li {
        float: none;
        width: 100%;
        text-align: center
    }

    .wrap-footer .bottom-footer-links ul li:last-child {
        display: none
    }
}

.wrap-footer .external-country-selector {
    color: #948e88
}

@media screen and (max-width: 768px) {
    .wrap-footer .external-country-selector {
        padding: 0;
        font-size: 12px;
        letter-spacing: 0;
        padding-top: 12px
    }
}

.wrap-footer .external-country-selector ul.external-footer {
    text-align: center
}

.wrap-footer .external-country-selector ul.external-footer li {
    float: none !important;
    display: inline-table
}

.wrap-footer .external-country-selector .external-footer a {
    color: #f38230
}

.services {
    padding: 100px 0 60px;
    text-align: center;
    background: #232120
}

.services .container {
    padding: 0
}

@media screen and (max-width: 768px) {
    .services {
        padding: 40px 0 20px
    }
}

.services a {
    display: block;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s
}

.services a:hover {
    color: #f38230
}

.services a:hover .border {
    border-color: #f38230
}

@media screen and (max-width: 768px) {
    .services a:hover {
        color: #fff
    }

    .services a:hover .border {
        border-color: #575554
    }
}

.services h2,
.services .h2 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 25px;
    font-size: 2.5rem;
    color: #fff;
    text-transform: none;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    position: relative;
    padding: 0 0 35px 0;
    margin: 0 0 50px;
    letter-spacing: 1.5px
}

.services h2:before,
.services .h2:before {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

@media screen and (max-width: 768px) {

    .services h2,
    .services .h2 {
        font-size: 20px;
        font-size: 2rem;
        margin: 0 0 30px;
        padding: 0 0 25px 0
    }
}

.services ul {
    margin: 0;
    padding: 0 90px;
    text-align: center;
    font-size: 0
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .services ul {
        padding: 0 50px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .services ul {
        padding: 0 20px
    }
}

.services ul p:first-child,
.services ul .krups-block-univers .krups-block-wrapper div:first-child,
.krups-block-univers .krups-block-wrapper .services ul div:first-child {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 0 5px;
    line-height: 20px;
    text-transform: uppercase
}

.services ul .owl-item li {
    width: auto
}

@media screen and (max-width: 768px) {
    .services ul {
        margin: 0 auto;
        padding: 0
    }

    .services ul .owl-item {
        display: block
    }
}

.services li {
    padding: 0;
    margin: 0;
    display: inline-block;
    float: none;
    vertical-align: top;
    width: 19%
}

.services li:nth-child(n+6) {
    display: none
}

@media screen and (max-width: 768px) {
    .services li {
        width: 100%
    }

    .services li:nth-child(n+2) {
        display: none
    }
}

.services li .border {
    margin: 0;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #575554;
    border-radius: 100%;
    width: 84px;
    height: 84px;
    transition: all 0.3s
}

.services li .border img {
    max-width: 40%;
    transform: translateY(-50%);
    position: relative;
    top: 50%
}

.services li .caption {
    padding: 15px 0 0
}

@media screen and (max-width: 768px) {
    .services li .caption {
        text-align: center;
        vertical-align: middle
    }
}

.services li img {
    height: auto
}

.services li.service-1 .border img {
    max-width: 32%
}

.h1TagSEO h1.h1Tag {
    margin: 25px 0 25px 0;
    border: 1px solid #DDD;
    color: #888;
    font-size: 13px;
    line-height: 18px;
    font-family: "EurostileNextLTPro-Regular", arial, helvetica, sans-serif;
    padding: 3px 1%;
    border-radius: 6px 6px 0px
}

@media screen and (max-width: 768px) {
    .h1TagSEO h1.h1Tag {
        margin: 25px 5px 5px 5px
    }
}

@media screen and (min-width: 721px) and (max-width: 1022px) {
    .h1TagSEO h1.h1Tag {
        margin: 25px 10px 5px
    }
}

.h1TagSEO+.span12 {
    margin: 0
}

.pos-info-block-glow {
    outline: 0 none;
    transition: border-color 0.5s ease-in-out;
    border: 1px solid #fff
}

.pos-info-block-glow.activate {
    border-color: #f5821f !important
}

.pos-features-not-found {
    margin-bottom: 10px;
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.details-store-off.pos-features-details {
    padding: 0;
    width: 100%;
    margin-bottom: 20px
}

.details-store-off.pos-features-details .store-details {
    height: 100%
}

.details-store-off.pos-features-details .store-details .inner {
    height: 100%
}

.details-store-off.pos-features-details h4 {
    margin-bottom: 15px
}

@media screen and (max-width: 768px) {
    .details-store-off.pos-features-details h4 {
        font-size: 13px;
        font-size: 1.3rem;
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    }
}

.details-store-off.pos-features-details h4 span {
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    display: block;
    padding: 10px;
    color: #f5821f;
    margin: 0
}

@media screen and (max-width: 768px) {
    .details-store-off.pos-features-details h4 span {
        min-height: auto
    }
}

.pos-features-table {
    display: table;
    width: 100%;
    height: 100%;
    padding: 10px 0
}

@media screen and (max-width: 768px) {
    .pos-features-table {
        display: block
    }
}

.pos-features-table-row {
    display: table-row
}

@media screen and (max-width: 768px) {
    .pos-features-table-row {
        display: block
    }
}

.pos-features-table-cell {
    display: table-cell
}

@media screen and (max-width: 768px) {
    .pos-features-table-cell {
        display: block
    }
}

.pos-features-table-cell:nth-child(odd) {
    width: 300px;
    max-width: 300px;
    padding: 0 10px
}

@media screen and (max-width: 768px) {
    .pos-features-table-cell:nth-child(odd) {
        width: 100%;
        max-width: 100%
    }
}

.pos-features-table-cell:nth-child(odd) ul {
    list-style: none
}

.pos-features-table-cell:nth-child(even) {
    border-left: 1px solid #dadada;
    padding-left: 45px;
    text-align: left
}

@media screen and (max-width: 768px) {
    .pos-features-table-cell:nth-child(even) {
        padding-left: 0;
        text-align: center;
        border-left: 0
    }
}

.pos-features-table-cell:nth-child(even) .h2 {
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    margin: 10px 0;
    text-transform: uppercase
}

@media screen and (max-width: 768px) {
    .pos-features-table-cell:nth-child(even) .h2 {
        margin: 30px 0 10px
    }
}

.pos-features-table-cell:nth-child(even) ul {
    display: block;
    list-style-type: disc;
    padding-left: 20px
}

@media screen and (max-width: 768px) {
    .pos-features-table-cell:nth-child(even) ul {
        padding: 0 40px 15px;
        text-align: left
    }
}

.pos-features-table-cell:nth-child(even) ul li {
    line-height: 25px
}

.pos-features-table-cell:nth-child(even) ul li span {
    font-size: 12px;
    font-size: 1.2rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    position: relative;
    left: -2px
}

.page-CSSRepairersWithMap .pos-features-table-cell a[href^="mailto"] {
    display: inline;
    margin: 0;
    width: auto
}

.pos-features-table-cell .krups-btn,
.pos-features-table-cell .panel-services-contact .more a,
.panel-services-contact .more .pos-features-table-cell a {
    background-color: #f5821f;
    color: #fff;
    padding: 10px 13px;
    border-radius: 100px;
    font-size: 10px;
    font-size: 1rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    display: table;
    margin: 10px auto 0;
    min-width: 101px;
    letter-spacing: 1.2px
}

.pos-features-table-cell .krups-btn:hover,
.pos-features-table-cell .panel-services-contact .more a:hover,
.panel-services-contact .more .pos-features-table-cell a:hover {
    background-color: #f5a561
}

.pos-features-table-cell #btn-direction {
    border-color: #89827b;
    background-color: #fff;
    color: #89827b;
    cursor: pointer
}

.pos-features-table-cell .pos-address {
    font-size: 13px;
    font-size: 1.3rem
}

.pos-features-table-cell .pos-address span {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    display: block
}

.google-maps .gm-style-iw a.pos-feature-link {
    color: #f47a14;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: underline;
    position: relative;
    top: -6px
}

.row-fluid.google-maps.list-store-off .row-fluid [class*=span]:first-child,
#StoreLocator .span4.store-list:first-of-type {
    margin-left: 0
}

@media screen and (min-width: 768px) {
    #StoreLocator.google-maps.list-store-off {
        padding-left: 20px
    }
}

.page-CSSRepairers #StoreLocator,
.page-CSSRepairersWithMap #StoreLocator {
    width: auto
}

.page-CSSRepairers #StoreLocator .store-locator-detail,
.page-storefinderPage #StoreLocator .store-locator-detail {
    padding: 10px 0 80px 0;
    margin: 0 0 0 0%;
    width: 100%
}

@media screen and (max-width: 768px) {

    .page-CSSRepairers #StoreLocator .store-locator-detail,
    .page-storefinderPage #StoreLocator .store-locator-detail {
        padding: 0 15px 80px 15px
    }
}

.page-CSSRepairers #StoreLocator .store-locator-detail .details-store-off,
.page-storefinderPage #StoreLocator .store-locator-detail .details-store-off {
    margin: 0 0 3% 0
}

.page-CSSRepairers #StoreLocatorZone .span4.filters-recipes,
.page-storefinderPage #StoreLocatorZone .span4.filters-recipes {
    padding: 0 5px;
    margin-left: 0;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {

    .page-CSSRepairers #StoreLocatorZone .span9,
    .page-storefinderPage #StoreLocatorZone .span9 {
        padding: 0
    }
}

@media screen and (max-width: 768px) {

    .page-CSSRepairers .filters-prod,
    .page-storefinderPage .filters-prod {
        margin-bottom: 0
    }
}

#repair-store-filter .repairs_filters {
    background: #fff;
    border-bottom: 1px solid #bfbdbe;
    padding: 0
}

@media screen and (max-width: 768px) {
    #repair-store-filter .repairs_filters {
        border: 1px solid #bfbdbe;
        border-top: 0;
        margin-bottom: 0
    }
}

#repair-store-filter .repairs_filters .input-container {
    color: #4e4e4e;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: normal;
    padding: 7px 24px
}

#repair-store-filter .repairs_filters .input-container input[type='checkbox'] {
    margin-top: 4px;
    margin-right: 8px;
    min-width: 13px
}

#repair-store-filter .filter-list .name,
#repair-store-filter .subfilter .h3 {
    position: relative
}

#repair-store-filter .filter-list .name:after,
#repair-store-filter .subfilter .h3:after {
    display: block;
    position: absolute;
    font-size: 1.6rem;
    right: 20px;
    top: 50%;
    content: "\e600";
    font-family: ico;
    speak: none;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transform: translateY(-50%) rotate(-90deg)
}

#repair-store-filter .filter-list .collapsed.name:after,
#repair-store-filter .subfilter .collapsed.h3:after {
    transform: translateY(-50%) rotate(90deg)
}

#repair-store-filter .filter-list .name {
    background: #232120;
    color: #fff;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0;
    padding: 16px 29px 15px 15px;
    text-align: left;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    #repair-store-filter .filter-list .name {
        text-align: center;
        padding: 14px 29px 13px 15px
    }

    #repair-store-filter .filter-list .name:after {
        content: "";
        display: none
    }
}

#repair-store-filter .h3 {
    color: #4e4e4e;
    font-size: 13px;
    font-size: 1.3rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    margin: 0;
    border-bottom: 1px solid #bfbdbe;
    padding: 12px 15px;
    background: #fff;
    text-transform: uppercase
}

@media screen and (max-width: 768px) {
    #repair-store-filter .h3 {
        font-size: 14px;
        font-size: 1.4rem;
        padding: 14px 15px;
        border-left: 1px solid #bfbdbe;
        border-right: 1px solid #bfbdbe
    }
}

#repair-store-filter .subfilter .h3 {
    background: #bfbdbe none scroll;
    color: #fff;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

#repair-store-filter .subfilter .repairs_filters .input-container {
    padding: 12px 24px;
    border-bottom: 3px double #f9f9f9
}

@media (min-width: 768px) {
    #repair-store-filter .subfilter .repairs_filters .input-container {
        border-bottom: 2px solid #f9f9f9
    }
}

#repair-store-filter .subfilter .repairs_filters .input-container:last-child {
    border-bottom: none
}

@media screen and (max-width: 768px) {
    #repair-store-filter {
        background: #fff;
        margin: 16px 8px
    }
}

#repair-store-filter .accordion-group {
    padding: 0 10px;
    border: none
}

@media screen and (max-width: 768px) {
    #repair-store-filter .accordion-group {
        padding: 20px 0;
        margin-bottom: 0
    }
}

#repair-store-filter .accordion-group .accordion-heading {
    background-color: #EEEEF0;
    text-transform: uppercase;
    text-decoration: none;
    position: relative
}

#repair-store-filter .accordion-group .accordion-heading a {
    background: #232120;
    color: #fff;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 14px 15px
}

#repair-store-filter .accordion-group .accordion-heading a:hover,
#repair-store-filter .accordion-group .accordion-heading a:focus {
    text-decoration: none
}

#repair-store-filter .accordion-group .accordion-heading span.accordion-more {
    position: absolute;
    top: 24px;
    transform: translateY(-50%);
    right: 5%
}

#repair-store-filter .accordion-group .accordion-heading span.accordion-more:before {
    content: "\e900";
    font-family: icokrups;
    font-weight: normal;
    font-size: 1rem;
    display: block;
    color: #fff
}

#repair-store-filter .accordion-group .accordion-heading .accordion-toggle.active span.accordion-more:before {
    content: "\e902"
}

#StoreLocator.ajax-overlay {
    position: relative
}

#StoreLocator.ajax-overlay .list-store-off,
#StoreLocator.ajax-overlay .store-list {
    filter: opacity(15%)
}

#StoreLocator.ajax-overlay:before {
    top: 180px;
    left: 50%;
    transform: translate(-50%, -50%);
    content: url(../img/img-defer-spinner-small.svg);
    position: absolute;
    display: block;
    z-index: 1
}

.filters-container form {
    margin: 0
}

.page-CSSRepairers .panel-centres-reparation-map .filters-prod .pagination ul>li.active a {
    color: #f38230
}

.crumbs-container .crumbs {
    list-style: none;
    margin: 10px !important
}

.crumbs-container .crumbs .crumb {
    display: inline-block;
    padding: 5px;
    font-size: 13px;
    background: #f2f2f2;
    margin: 5px
}

@media screen and (min-width: 768px) {
    .crumbs-container .crumbs .crumb {
        background: #fff
    }
}

.crumbs-container .crumbs .crumb span,
.crumbs-container .crumbs .crumb a {
    vertical-align: middle
}

.crumbs-container .crumbs .crumb a {
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #f38230
}

.crumbs-container .crumbs .filter-init {
    background: #f38230;
    color: #fff;
    cursor: pointer
}

.crumbs-container .crumbs .filter-init:hover,
.crumbs-container .crumbs .filter-init:active {
    background: #e3670d
}

.repairs-filter-distance {
    padding-bottom: 0 !important
}

.repairs-filter-distance .input-append {
    padding: 9px 5px 0 5px !important;
    min-height: 72px !important
}

.repairs-filter-distance #find {
    display: none
}

.repairs-filter-distance label {
    text-align: left;
    margin: 10px 0
}

.repairs-filter-distance input {
    border: 1px solid #ccc !important
}

.repairs-filter-distance form {
    margin: 0 !important
}

@media screen and (max-width: 768px) {
    .repairs-filter-distance .search button[type=SUBMIT] {
        display: block;
        position: relative;
        width: 100% !important;
        border: 0;
        right: 0 !important;
        border-radius: 35px;
        height: 50px !important;
        top: 42px;
        text-align: center;
        font-size: 12px;
        font-size: 1.2rem;
        text-shadow: none;
        transition: all 0.3s;
        -o-box-shadow: none;
        box-shadow: none;
        background: #f38230;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-decoration: none
    }

    .repairs-filter-distance .search button[type=SUBMIT] #find {
        display: block;
        min-width: 140px
    }

    .repairs-filter-distance .search button[type=SUBMIT] .search-icon,
    .repairs-filter-distance .search button[type=SUBMIT] search-icon:before,
    .repairs-filter-distance .search button[type=SUBMIT] search-icon:after {
        display: none !important
    }
}

.repairs-filter-distance .search input[type=TEXT] {
    border-radius: 0 !important;
    height: 32px !important
}

.repairs-filter-distance #findStoresNearMe {
    width: 100%
}

@media screen and (min-width: 769px) {
    .repairs-filter-distance #findStoresNearMe {
        width: 200px;
        margin: 0;
        padding: 9px 9px
    }
}

@media screen and (min-width: 769px) {
    .repairs-filter-distance #repairs-search .country-item-filter~button {
        right: -30px
    }

    .repairs-filter-distance .filter-list .name {
        display: block;
        text-transform: uppercase;
        background: transparent;
        line-height: 20px;
        font-size: 18rem
    }

    .repairs-filter-distance .caption {
        padding: 0 !important
    }

    .repairs-filter-distance .input-append {
        display: -ms-flexbox !important;
        display: flex !important;
        padding: 0px 0px 0 17px
    }

    .repairs-filter-distance .search input[type=TEXT] {
        border-radius: 4px !important;
        height: 32px !important;
        padding: 7px;
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    }

    .repairs-filter-distance .search button[type=SUBMIT] {
        min-width: unset !important;
        top: 72px !important;
        height: 39px !important;
        right: 40px;
        background-size: 24px;
        width: 28px
    }

    .repairs-filter-distance .rue-item-filter {
        float: left;
        width: 52%
    }

    .repairs-filter-distance .rue-item-filter input {
        width: 97% !important
    }

    .repairs-filter-distance .postal-item-filter {
        float: left;
        width: 17%
    }

    .repairs-filter-distance .postal-item-filter input {
        width: 90% !important
    }

    .repairs-filter-distance .city-item-filter {
        float: left;
        width: 25%;
        min-height: 100px
    }

    .repairs-filter-distance .city-item-filter input {
        width: 90% !important
    }

    .repairs-filter-distance .country-item-filter {
        width: 32%
    }

    .repairs-filter-distance .country-item-filter .sort {
        width: 95%
    }

    .repairs-filter-distance .country-item-filter .sort select {
        height: 32px;
        padding: 0px 5px;
        font-size: 1.4rem
    }

    .repairs-filter-distance .country-item-filter .sort:after {
        top: 45px;
        left: 20.5%
    }

    .repairs-filter-distance .search-icon {
        width: 25px !important;
        height: 25px !important;
        right: 20% !important;
        border: 3px solid #f38230 !important
    }

    .repairs-filter-distance .search-icon:before,
    .repairs-filter-distance .search-icon:after {
        background-color: #f38230 !important;
        width: 2px !important;
        height: 8px !important;
        right: -1px !important;
        top: 16px !important
    }
}

.repairs-filter-distance .errM {
    color: red;
    text-align: left;
    font-weight: 100
}

.repairs-filter-distance .header-search-repairs {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    color: #161414;
    text-align: center
}

.repairs-filter-distance .header-search-repairs:after {
    content: '';
    display: block;
    height: 5px;
    width: 120px;
    background: #f38230;
    margin: 15px auto 20px
}

@media screen and (max-width: 768px) {
    .details-store-off {
        float: none !important
    }

    .details-store-off .display-buttons-desktop {
        display: none
    }

    .country-item-filter .sort select {
        height: 32px;
        width: 100%
    }

    .country-item-filter .sort:after {
        top: 50px !important
    }
}

@media screen and (min-width: 721px) {
    .display-buttons-mobile {
        display: none
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    #cssRepairersMapFilter .row-fluid .span3 {
        width: 20% !important
    }

    #cssRepairersMapFilter .row-fluid .span9 {
        width: 70% !important
    }
}

@media screen and (max-width: 768px) {
    .page-CSSRepairers .panel-centres-reparation-map .span9 {
        padding: 0 !important
    }
}

@media screen and (max-width: 768px) {
    #ModalMessage .page-CSSRepairersWithMap .repairs-filter-distance .search button[type=SUBMIT] {
        top: 42px !important;
        margin-bottom: 30px !important;
        font-size: 3vw
    }
}

#ModalMessage .page-CSSRepairersWithMap .caption {
    padding: 0 !important
}

#ModalMessage .page-CSSRepairersWithMap #nearMeStorefinderForm .text-center {
    padding: 0
}

@media screen and (min-width: 719px) {
    #ModalMessage .page-CSSRepairersWithMap .repairs-filter-distance .search button[type=SUBMIT] {
        right: 24px !important
    }
}

@media screen and (max-width: 1024px) {
    #ModalMessage .page-CSSRepairersWithMap #StoreLocator .detailStore .details-store-off {
        border: 1px solid #eaeeef
    }
}

@media screen and (min-width: 768px) {
    #ModalMessage .page-CSSRepairersWithMap #repair-store-filter {
        margin-top: 30px
    }
}

@media screen and (min-width: 768px) {
    #ModalMessage .page-CSSRepairersWithMap #storeLocatorFragment .span3 {
        width: 27% !important;
        float: left
    }
}

@media screen and (min-width: 768px) {
    #ModalMessage .page-CSSRepairersWithMap #storeLocatorFragment .span9 {
        width: 70% !important;
        float: left
    }
}

#ModalMessage .page-CSSRepairersWithMap #repair-store-search {
    margin: 0 !important
}

#cssRepairersMapFilter .filter-disabled .details-store-off {
    height: 377px !important
}

#cssRepairersMapFilter .filter-disabled .details-store-off .span4 {
    bottom: 60px !important
}

@media screen and (max-width: 719px) {
    #cssRepairersMapFilter .filter-disabled #StoreLocator .span12 .map-container {
        float: left !important;
        width: 100% !important
    }
}

@media screen and (max-width: 768px) {
    #cssRepairersMapFilter .filter-disabled #StoreLocator>.span12.store-locator-detail>.detail-store {
        padding: 0 15px 80px 15px !important
    }
}

#cssRepairersMapFilter .filter-disabled #StoreLocator .span12 {
    padding: 0 !important
}

.modal #relayPointsContainer #nearMeRelayPointfinderForm {
    text-align: center
}

.modal #relayPointsContainer #nearMeRelayPointfinderForm #findRelayPointsNearMe {
    width: 200px;
    margin: 0;
    padding: 9px 9px;
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: center;
    border-radius: 50px;
    background-color: #948e88;
    cursor: pointer;
    transition: all 0.3s;
    letter-spacing: 1.5px;
    min-height: unset;
    line-height: 15.95px
}

@media screen and (max-width: 767px) {
    .modal #relayPointsContainer #nearMeRelayPointfinderForm #findRelayPointsNearMe {
        width: 90% !important;
        position: relative;
        display: inline-block;
        text-decoration: none;
        color: #fff;
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
        text-transform: uppercase;
        font-weight: 700;
        text-align: center;
        padding: 15px 25px 15px 40px;
        font-size: 13px;
        font-size: 1.3rem;
        text-align: center;
        border-radius: 50px;
        background-color: #948e88;
        cursor: pointer;
        transition: all 0.3s;
        letter-spacing: 1.5px
    }
}

.modal #relayPointsContainer #nearMeRelayPointfinderForm #findRelayPointsNearMe img {
    display: none
}

.modal #relayPointsContainer #nearMeRelayPointfinderForm #findRelayPointsNearMe:before {
    background: unset
}

.modal #relayPointsContainer #nearMeRelayPointfinderForm #findRelayPointsNearMe:after {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -10px;
    content: '';
    width: 17px;
    height: 20px;
    display: block;
    background: url(../img/icon/pin.png) no-repeat 0 0;
    transform: unset
}

.modal #relayPointsContainer .faq-banner .caption p,
.modal #relayPointsContainer .faq-banner .caption .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .modal #relayPointsContainer .faq-banner .caption div {
    margin: 0;
    padding: 10px;
    line-height: 1.4em;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: light;
    font-size: 14.5px;
    font-size: 1.45rem;
    margin: 0 0 5px
}

.modal #relayPointsContainer .faq-banner .caption h3 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    color: #161414;
    text-align: center;
    line-height: 20px !important;
    letter-spacing: 0px
}

.modal #relayPointsContainer .faq-banner .caption h3:after {
    content: '';
    display: block;
    height: 5px;
    width: 120px;
    background: #f38230;
    margin: 15px auto 20px
}

.community {
    background: transparent
}

.community .anchor span {
    background: #ffffff
}

.community .anchor:before {
    background: #ffffff
}

.community .ui-widget-content {
    border: none
}

.community .community-wrapper {
    padding: 25px 5px 75px 5px
}

@media screen and (max-width: 768px) {
    .community .community-wrapper {
        padding-left: 25px;
        padding-right: 25px
    }
}

.community .community-wrapper .community-title-wrapper {
    text-align: center;
    width: 40%;
    margin: 0 auto
}

@media screen and (max-width: 900px) {
    .community .community-wrapper .community-title-wrapper {
        width: 50%
    }
}

@media screen and (max-width: 768px) {
    .community .community-wrapper .community-title-wrapper {
        width: 100%
    }
}

.community .community-wrapper .community-title-wrapper .community-title {
    font-size: 30px;
    font-size: 3rem;
    color: #fff;
    padding: 5px 25px 5px 25px;
    margin-bottom: 5%
}

@media screen and (max-width: 768px) {
    .community .community-wrapper .community-title-wrapper .community-title {
        margin-bottom: 2.5%;
        font-size: 25px;
        font-size: 2.5rem;
        padding: 5px 5px 5px 5px
    }
}

.community .community-wrapper .community-tabs-wrapper {
    margin-bottom: 1%
}

@media screen and (max-width: 900px) {
    .community .community-wrapper .community-tabs-wrapper {
        margin-bottom: 3%
    }
}

@media screen and (max-width: 768px) {
    .community .community-wrapper .community-tabs-wrapper {
        margin-bottom: 6%
    }
}

.community .community-wrapper .community-tabs-wrapper ul {
    margin: 0 auto;
    width: 25%;
    text-align: center;
    border-top: 1px solid #948e88
}

@media screen and (max-width: 768px) {
    .community .community-wrapper .community-tabs-wrapper ul {
        width: 65%
    }
}

.community .community-wrapper .community-tabs-wrapper ul li {
    color: #a39a93;
    text-align: center;
    width: 50%;
    padding: 3%;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 600
}

.community .community-wrapper .community-tabs-wrapper ul li.active {
    color: #fff
}

.community .community-wrapper .community-question-wrapper {
    margin: 0 auto;
    width: 87%;
    *zoom: 1
}

@media screen and (max-width: 1024px) {
    .community .community-wrapper .community-question-wrapper {
        width: 91%
    }
}

@media screen and (max-width: 768px) {
    .community .community-wrapper .community-question-wrapper {
        width: 100%
    }
}

.community .community-wrapper .community-question-wrapper:before,
.community .community-wrapper .community-question-wrapper:after {
    content: " ";
    display: table
}

.community .community-wrapper .community-question-wrapper:after {
    clear: both
}

.community .community-wrapper .community-question-wrapper .community-question {
    width: 50%;
    float: left;
    font-size: 27.5px;
    font-size: 2.75rem;
    line-height: 2.75rem;
    text-transform: uppercase
}

@media screen and (max-width: 768px) {
    .community .community-wrapper .community-question-wrapper .community-question {
        width: 96%;
        margin-left: 2%
    }
}

.community .community-wrapper .community-answers-wrapper {
    list-style: none;
    margin: 0;
    *zoom: 1
}

.community .community-wrapper .community-answers-wrapper:before,
.community .community-wrapper .community-answers-wrapper:after {
    content: " ";
    display: table
}

.community .community-wrapper .community-answers-wrapper:after {
    clear: both
}

.community .community-wrapper .community-answers-wrapper .community-answer-wrapper {
    padding: 0;
    width: 50%;
    float: left
}

@media screen and (max-width: 768px) {
    .community .community-wrapper .community-answers-wrapper .community-answer-wrapper {
        width: 100%
    }
}

.community .community-wrapper .community-answers-wrapper .community-answer-wrapper .community-best-answer {
    margin-left: 2%;
    margin-right: 2%;
    min-height: 25px
}

.community .community-wrapper .community-answers-wrapper .community-answer-wrapper .community-answer {
    opacity: 0.8;
    background: #FCFCFC;
    padding: 10%;
    margin-left: 2%;
    margin-right: 2%;
    position: relative
}

@media screen and (max-width: 768px) {
    .community .community-wrapper .community-answers-wrapper .community-answer-wrapper .community-answer {
        padding: 15%
    }
}

.community .community-wrapper .community-answers-wrapper .community-answer-wrapper .community-answer .community-answer-logo {
    display: block;
    position: absolute;
    top: 15px;
    left: 10px;
    height: 25px;
    width: 25px
}

.community .community-wrapper .community-answers-wrapper .community-answer-wrapper .community-answer .community-answer-header {
    position: absolute;
    top: 0;
    margin: 1% 0 5% 0
}

.community .community-wrapper .community-answers-wrapper .community-answer-wrapper .community-answer .community-answer-header span:last-child {
    font-size: 15px;
    font-size: 1.5rem;
    color: #fff;
    margin-left: 5px
}

.community .community-wrapper .community-answers-wrapper .community-answer-wrapper .community-answer .community-answer-body {
    margin: 3% 0 10% 0;
    position: relative;
    font-size: 15px;
    font-size: 1.5rem
}

@media screen and (max-width: 768px) {
    .community .community-wrapper .community-answers-wrapper .community-answer-wrapper .community-answer .community-answer-body {
        padding-top: 3%
    }
}

.community .community-wrapper .community-answers-wrapper .community-answer-wrapper .community-answer .community-answer-footer {
    position: absolute;
    bottom: 0;
    text-transform: uppercase
}

.community .community-wrapper .community-answers-wrapper .community-answer-wrapper .community-answer .community-answer-footer .utility {
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold
}

.community .community-wrapper .community-answers-wrapper .community-answer-wrapper .community-answer .community-answer-footer .utility .utility-count {
    color: #fff;
    margin-left: 3px
}

.community .community-wrapper .community-participation-wrapper {
    text-align: center;
    padding: 3% 0 3% 0
}

@media screen and (max-width: 768px) {
    .community .community-wrapper .community-participation-wrapper {
        margin-bottom: 3%
    }
}

.community .community-wrapper .community-participation-wrapper .btn-community {
    color: #f5f7f7;
    width: 150px;
    text-align: left;
    font-size: 17.5px;
    font-size: 1.75rem;
    line-height: 2rem
}

.community .community-wrapper .community-participation-wrapper .btn-community span:last-child {
    text-transform: uppercase
}

.community .community-reviews .community-question {
    width: 100% !important;
    font-size: 17.5px !important;
    font-size: 1.75rem !important;
    text-transform: none !important;
    text-align: center;
    margin-bottom: 50px
}

.community .community-reviews .community-answer-header {
    color: #fff;
    margin: 5% 0 5% 0 !important;
    font-family: "sat", san-serif;
    font-size: 30px !important;
    font-size: 3rem !important
}

.community .community-reviews .community-answer-footer {
    right: 0;
    margin-right: 15px;
    *zoom: 1
}

.community .community-reviews .community-answer-footer:before,
.community .community-reviews .community-answer-footer:after {
    content: " ";
    display: table
}

.community .community-reviews .community-answer-footer:after {
    clear: both
}

.community .community-reviews .community-answer-footer .utility-reviews {
    color: #fff;
    font-weight: bold
}

.community .community-reviews .community-answer-footer .utility-reviews:hover {
    text-decoration: none;
    cursor: pointer
}

.community .community-reviews .community-reviews-publisher {
    margin: 15px 0
}

.community .community-reviews .community-reviews-publisher span {
    font-size: 15px;
    font-size: 1.5rem
}

.community .community-reviews .community-reviews-publisher span:first-child {
    margin-right: 5px;
    display: inline-block;
    border-bottom: 1px solid #000000;
    padding-bottom: 10px;
    color: #a39a93
}

.community .community-reviews .community-reviews-publisher span:last-child {
    margin-left: 5px;
    font-weight: bold
}

.community .community-review-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem
}

.community .bx-controls .disabled {
    display: none !important
}

.community .ui-widget-header {
    background: none !important;
    border: none !important
}

.community .community-wrapper .community-tabs-wrapper ul {
    border-top: 1px solid #C5C5C6 !important;
    border-radius: 0
}

.community .community-wrapper .community-tabs-wrapper ul li {
    display: inline-block !important;
    width: 100px !important
}

@media screen and (max-width: 768px) {
    .community .community-wrapper .community-tabs-wrapper ul li {
        width: 50px !important;
        margin-right: 10px;
        margin-left: 10px
    }
}

.community .community-wrapper .community-tabs-wrapper ul li a.disabled {
    pointer-events: none !important;
    cursor: default !important
}

.community .ui-widget-content {
    background: transparent
}

.community .bx-wrapper .bx-viewport {
    background: transparent
}

.community .ui-state-active {
    border: none !important;
    background: transparent !important;
    color: #fff !important
}

.community .ui-state-default,
.community .ui-widget-content .ui-state-default,
.community .ui-widget-header .ui-state-default {
    border: none;
    background: transparent
}

.community .ui-state-active a,
.community .ui-state-active a:link,
.community .ui-state-active a:visited {
    color: #fff
}

.krups-article-listing {
    background-color: #171413;
    color: #fff
}

@media screen and (max-width: 768px) {
    .krups-article-listing {
        padding: 9% 0;
        color: #2a2622;
        text-align: center;
        background-color: #eaeeef
    }

    .krups-article-listing a {
        color: #2a2622;
        transition: all 0.3s
    }

    .krups-article-listing a:hover {
        color: #2a2622;
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    }

    .krups-article-listing .sm-hide.sm-title {
        color: #2a2622;
        font-size: 20px;
        font-size: 2rem;
        text-transform: uppercase;
        padding-top: 45px
    }
}

.krups-article-listing .krups-lg-6 {
    padding: 0
}

.krups-article-listing h2 {
    font-size: 25px;
    font-size: 2.5rem
}

@media only screen and (max-width: 950px) {
    .krups-article-listing h2 {
        font-size: 20px;
        font-size: 2rem
    }
}

.krups-article-listing .krups-article-listing-item {
    overflow: hidden;
    display: table;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
    .krups-article-listing .krups-article-listing-item:first-of-type {
        padding: 65px 0 0
    }
}

@media screen and (max-width: 768px) {
    .krups-article-listing .krups-article-listing-item {
        max-height: initial;
        text-align: center
    }

    .krups-article-listing .krups-article-listing-item:last-child .mobile-content a {
        padding-bottom: 0
    }
}

.krups-article-listing .krups-article-listing-item:nth-child(even) .krups-img {
    float: right
}

.rtl .krups-article-listing .krups-article-listing-item:nth-child(even) .krups-img {
    float: left
}

.krups-article-listing .krups-article-listing-item:nth-child(odd) .krups-img {
    float: left
}

.rtl .krups-article-listing .krups-article-listing-item:nth-child(odd) .krups-img {
    float: right
}

.krups-article-listing .krups-article-listing-item .krups-block-title {
    color: #fff;
    line-height: 25px
}

.krups-article-listing .krups-img {
    min-height: 1px
}

.krups-article-listing .krups-img img {
    display: block;
    width: 100%
}

.krups-article-listing .krups-block-content-wrap {
    padding: 60px 5% !important;
    height: inherit;
    display: table
}

.krups-article-listing .krups-block-content-wrap .vertical-centering {
    display: table-cell;
    vertical-align: middle
}

.krups-article-listing .krups-block-content-wrap .vertical-centering .krups-block-content {
    height: 85px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width: 950px) {
    .krups-article-listing .krups-block-content-wrap .vertical-centering .krups-block-content {
        max-height: 42px;
        -webkit-line-clamp: 2
    }
}

.krups-article-listing .krups-block-content-wrap .krups-block-title:after {
    margin: 25px 0
}

@media only screen and (max-width: 950px) {
    .krups-article-listing .krups-block-content-wrap .krups-block-title:after {
        margin: 20px 0
    }
}

@media screen and (max-width: 768px) {
    .krups-article-listing .krups-block-content-wrap .krups-block-title:after {
        margin: 25px auto
    }
}

.krups-article-listing .krups-block-content-wrap .krups-btn,
.krups-article-listing .krups-block-content-wrap .panel-services-contact .more a,
.panel-services-contact .more .krups-article-listing .krups-block-content-wrap a {
    padding: 14px 25px;
    border-radius: 28px
}

@media only screen and (max-width: 950px) {

    .krups-article-listing .krups-block-content-wrap .krups-btn,
    .krups-article-listing .krups-block-content-wrap .panel-services-contact .more a,
    .panel-services-contact .more .krups-article-listing .krups-block-content-wrap a {
        margin-top: 15px
    }
}

@media only screen and (max-width: 1280px) {
    .krups-article-listing .krups-block-content-wrap {
        padding: 20px 5% !important
    }
}

@media only screen and (max-width: 950px) {
    .krups-article-listing .krups-block-content-wrap {
        padding: 15px 2.5% !important
    }
}

.krups-article-listing .sm-hide {
    display: none
}

@media screen and (max-width: 768px) {
    .krups-article-listing .sm-hide {
        display: block
    }

    .krups-article-listing .sm-hide.mobile-content a {
        display: block;
        padding: 20px 0
    }

    .krups-article-listing .sm-hide.mobile-content a:after {
        content: '';
        display: block;
        width: 43px;
        height: 1px;
        background-color: #bebdbd;
        margin: 30px auto 0
    }
}

@media screen and (max-width: 768px) {

    .krups-article-listing .krups-img,
    .krups-article-listing .krups-block-content-wrap {
        display: none
    }
}

.krups-article-listing .iScrollIndicator {
    background: rgba(255, 255, 255, 0.3) !important
}

.krups-block-paragraphe {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    padding: 2%
}

.krups-animate .krups-block-large,
.krups-block-large {
    position: relative
}

.krups-animate .krups-block-large .krups-img-mobile-wrap:before,
.krups-block-large .krups-img-mobile-wrap:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.krups-animate .krups-block-large .krups-block-title,
.krups-block-large .krups-block-title {
    width: 90%;
    animation-duration: .5s;
    animation-delay: .5s;
    line-height: 50px
}

.krups-animate .krups-block-large .krups-block-title:after,
.krups-block-large .krups-block-title:after {
    width: 50px
}

@media screen and (min-width: 768px) and (max-height: 768px) {

    .krups-animate .krups-block-large .krups-block-title,
    .krups-block-large .krups-block-title {
        font-size: 30px;
        font-size: 3rem;
        padding: 0 0 25px;
        margin-bottom: 15px;
        line-height: 34px
    }
}

@media (max-height: 670px) and (min-width: 768px) {

    .krups-animate .krups-block-large .krups-block-title,
    .krups-block-large .krups-block-title {
        font-size: 30px;
        font-size: 3rem;
        padding: 0 0 25px;
        margin-bottom: 15px;
        line-height: 34px
    }
}

@media screen and (max-width: 768px) {

    .krups-animate .krups-block-large .krups-block-title,
    .krups-block-large .krups-block-title {
        width: 70%;
        margin: 0 auto;
        line-height: 20px
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

    .krups-animate .krups-block-large .krups-block-title,
    .krups-block-large .krups-block-title {
        font-size: 30px;
        font-size: 3rem;
        width: 90%;
        line-height: 30px
    }
}

.krups-animate .krups-block-large .krups-block-content,
.krups-block-large .krups-block-content {
    animation-duration: .8s;
    animation-delay: .8s
}

.krups-animate .krups-block-large .krups-block-wrapper,
.krups-block-large .krups-block-wrapper {
    position: absolute;
    top: 30%;
    left: 14.785%;
    color: #fff
}

.rtl .krups-animate .krups-block-large .krups-block-wrapper,
.rtl .krups-block-large .krups-block-wrapper {
    left: auto;
    right: 14.785%
}

@media screen and (max-width: 768px) {

    .krups-animate .krups-block-large .krups-block-wrapper,
    .krups-block-large .krups-block-wrapper {
        left: auto;
        text-align: center;
        padding: 0 5%
    }

    .rtl .krups-animate .krups-block-large .krups-block-wrapper,
    .rtl .krups-block-large .krups-block-wrapper {
        left: auto;
        right: auto;
        padding: 0 5%
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {

    .krups-animate .krups-block-large .krups-block-wrapper,
    .krups-block-large .krups-block-wrapper {
        top: 80px
    }
}

@media screen and (min-width: 600px) and (max-width: 700px) and (orientation: landscape) {

    .krups-animate .krups-block-large .krups-block-wrapper,
    .krups-block-large .krups-block-wrapper {
        top: 110px
    }
}

@media screen and (min-width: 700px) and (max-width: 768px) and (orientation: landscape) {

    .krups-animate .krups-block-large .krups-block-wrapper,
    .krups-block-large .krups-block-wrapper {
        top: 130px
    }
}

.krups-animate .krups-block-large .krups-block-wrapper-right,
.krups-block-large .krups-block-wrapper-right {
    left: auto;
    right: 0
}

.krups-animate .krups-block-large .krups-block-wrapper-dark,
.krups-block-large .krups-block-wrapper-dark {
    color: #000
}

.krups-animate .krups-block-large .block-horloge,
.krups-block-large .block-horloge {
    position: absolute;
    top: 30%;
    left: 10%;
    transform: translateY(-50%);
    z-index: 10
}

.rtl .krups-animate .krups-block-large .block-horloge,
.rtl .krups-block-large .block-horloge {
    left: auto;
    right: 10%
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .krups-animate .krups-block-large .block-horloge,
    .krups-block-large .block-horloge {
        left: 8%
    }
}

@media screen and (max-width: 768px) {

    .krups-animate .krups-block-large .block-horloge,
    .krups-block-large .block-horloge {
        top: 20%;
        left: 50%;
        margin-left: -25px
    }
}

@media screen and (max-width: 768px) and (orientation: landscape) {

    .krups-animate .krups-block-large .block-horloge,
    .krups-block-large .block-horloge {
        top: 80px
    }
}

.krups-animate .krups-block-large .block-horloge img,
.krups-block-large .block-horloge img {
    width: 50px
}

.krups-img-mobile-wrap img {
    width: 100%;
    height: 100vh
}

@media screen and (max-width: 768px) {
    .krups-img-mobile-wrap img {
        width: auto;
        height: auto
    }
}

.krups-block-univers .krups-block-wrapper div {
    animation-duration: .8s;
    animation-delay: .8s;
    width: 85%
}

@media screen and (max-width: 768px) {
    .krups-block-univers .krups-block-wrapper div {
        width: 100%
    }

    .krups-block-univers .krups-block-wrapper div.krups-block-content {
        padding: 0 30px
    }
}

@media screen and (max-width: 768px) {
    .krups-block-univers .krups-block-wrapper span {
        line-height: 25px;
        margin-bottom: 10px
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .pageType-CategoryPage section.krups-push-wrapper.style-best-seller .caption-section .cont-section h2 {
        font-size: 30px;
        font-size: 3rem;
        width: 90%;
        line-height: 30px
    }
}

@media screen and (min-width: 768px) and (max-height: 768px) {
    .pageType-CategoryPage section.krups-push-wrapper.style-best-seller .caption-section .cont-section h2 {
        font-size: 30px;
        font-size: 3rem;
        width: 90%;
        line-height: 30px
    }
}

@media screen and (max-width: 768px) {
    .pageType-CategoryPage .krups-timeshop .pr_snippet_product .pr-snippet-wrapper {
        padding-top: 0
    }
}

.krups-lamehero .krups-img-mobile-wrap.cover-image {
    height: 100% !important;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.krups-lamehero .krups-img-mobile-wrap.cover-image img {
    background-position: 1% 0 !important
}

.rtl .krups-lamehero .krups-img-mobile-wrap.cover-image img {
    background-position: 99% 0 !important
}

.krups-slider-sync {
    height: 100%;
    width: 100%;
    z-index: 500;
    min-height: 600px
}

@media screen and (max-width: 768px) {
    .krups-slider-sync {
        min-height: 520px
    }
}

.krups-slider-sync .krups-btn.krups-btn-dark,
.krups-slider-sync .panel-services-contact .more a.krups-btn-dark,
.panel-services-contact .more .krups-slider-sync a.krups-btn-dark {
    padding: 18.5px 21.5px;
    border-radius: 37px;
    border: 2px solid #fff
}

@media screen and (max-width: 768px) {

    .krups-slider-sync .krups-btn.krups-btn-dark,
    .krups-slider-sync .panel-services-contact .more a.krups-btn-dark,
    .panel-services-contact .more .krups-slider-sync a.krups-btn-dark {
        padding: 13px
    }
}

.krups-slider-sync .krups-slider-1-wrap {
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute
}

.krups-slider-sync .krups-slider-1-wrap .flex-viewport {
    overflow: visible !important;
    height: 100%
}

.krups-slider-sync .krups-slider-1-wrap ul.krups-block {
    height: 100%
}

.krups-slider-sync .krups-slider-1-wrap ul.krups-block li {
    height: 100%;
    width: 100%;
    position: relative
}

@media screen and (max-width: 768px) {
    .krups-slider-sync .krups-slider-1-wrap ul.krups-block li {
        transition: all 1s;
        opacity: 0
    }

    .krups-slider-sync .krups-slider-1-wrap ul.krups-block li:first-child {
        opacity: 1
    }

    .krups-slider-sync .krups-slider-1-wrap ul.krups-block li.active {
        opacity: 1
    }

    .krups-slider-sync .krups-slider-1-wrap ul.krups-block li.hide {
        opacity: 0
    }
}

@media screen and (max-width: 768px) and (orientation: landscape) {
    .krups-slider-sync .krups-slider-1-wrap ul.krups-block li .krups-btn-dark {
        margin-top: 5px
    }
}

.krups-slider-sync .krups-slider-1-wrap ul.krups-block.active {
    display: block
}

.krups-slider-sync .krups-slider-1-wrap ul.krups-block.hide {
    display: none
}

.krups-slider-sync .krups-slider-1-wrap .krups-slider-1-item img {
    position: absolute;
    bottom: 0;
    left: 20%;
    max-height: 300px;
    width: auto
}

.rtl .krups-slider-sync .krups-slider-1-wrap .krups-slider-1-item img {
    right: 20%;
    left: auto
}

@media screen and (min-width: 1281px) {
    .krups-slider-sync .krups-slider-1-wrap .krups-slider-1-item img {
        bottom: 160px
    }
}

@media screen and (max-width: 1280px) {
    .krups-slider-sync .krups-slider-1-wrap .krups-slider-1-item img {
        bottom: 160px
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .krups-slider-sync .krups-slider-1-wrap .krups-slider-1-item img {
        left: 10%
    }

    .rtl .krups-slider-sync .krups-slider-1-wrap .krups-slider-1-item img {
        right: 10%;
        left: auto
    }
}

@media screen and (max-width: 768px) {
    .krups-slider-sync .krups-slider-1-wrap .krups-slider-1-item img {
        display: none !important
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .krups-slider-sync .krups-slider-1-wrap .krups-slider-1-item img {
        width: auto;
        height: auto
    }
}

.krups-slider-sync .krups-slider-1-wrap .krups-block-wrapper-right {
    position: absolute;
    top: 40%;
    right: 0;
    transform: translateY(-50%)
}

.rtl .krups-slider-sync .krups-slider-1-wrap .krups-block-wrapper-right {
    left: 0;
    right: auto
}

@media screen and (min-width: 768px) and (max-height: 768px) {
    .krups-slider-sync .krups-slider-1-wrap .krups-block-wrapper-right .krups-block-title {
        font-size: 30px;
        font-size: 3rem;
        line-height: 32px;
        padding: 0
    }
}

@media screen and (max-width: 768px) {
    .krups-slider-sync .krups-slider-1-wrap .krups-block-wrapper-right {
        transform: none;
        top: 65px;
        padding: 0 10px;
        right: 0
    }

    .rtl .krups-slider-sync .krups-slider-1-wrap .krups-block-wrapper-right {
        left: 0;
        right: auto
    }
}

.krups-slider-sync .krups-slider-1-wrap .krups-block-content {
    max-width: 80%;
    line-height: 25px
}

@media screen and (max-width: 768px) {
    .krups-slider-sync .krups-slider-1-wrap .krups-block-content {
        max-width: 100%;
        padding: 0 10px
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) and (orientation: landscape) {
    .krups-slider-sync .krups-slider-1-wrap .krups-block-content {
        font-size: 16px;
        font-size: 1.6rem
    }
}

@media screen and (max-width: 768px) and (orientation: landscape) {
    .krups-slider-sync .krups-slider-1-wrap .krups-block-title:after {
        margin: 2% auto
    }
}

.krups-slider-sync .wrap-table {
    background: url("../img/bg/bg-carousel-machine.jpg") no-repeat 0 bottom;
    background-size: 100% 220px;
    padding-bottom: 18%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 220px
}

@media screen and (max-width: 768px) {
    .krups-slider-sync .wrap-table {
        background-size: 100% 220px;
        padding-bottom: 180px
    }
}

.krups-slider-sync .krups-thumbs {
    position: absolute;
    bottom: 65px;
    z-index: 100
}

@media screen and (max-width: 768px) {
    .krups-slider-sync .krups-thumbs {
        bottom: 162px
    }
}

.krups-slider-sync .krups-thumbs .flex-viewport {
    overflow: visible !important
}

.krups-slider-sync .krups-thumbs ul.slides {
    width: 1280px;
    margin: 0 auto;
    height: 100%
}

@media screen and (max-width: 768px) {
    .krups-slider-sync .krups-thumbs ul.slides {
        width: auto
    }
}

.krups-slider-sync .krups-thumbs ul.slides li {
    max-width: 118px;
    height: 72.5px;
    text-align: center;
    cursor: pointer;
    float: left;
    margin: 0 57.2px
}

.rtl .krups-slider-sync .krups-thumbs ul.slides li {
    float: right !important
}

@media screen and (min-width: 769px) {
    .krups-slider-sync .krups-thumbs ul.slides li {
        transition: all 0.3s
    }
}

.krups-slider-sync .krups-thumbs ul.slides li:first-child {
    margin-left: 0
}

.rtl .krups-slider-sync .krups-thumbs ul.slides li:first-child {
    margin-right: 0;
    margin-right: 0 !important;
    margin-left: 57.2px !important
}

.krups-slider-sync .krups-thumbs ul.slides li:nth-child(6) {
    margin-right: 0
}

.rtl .krups-slider-sync .krups-thumbs ul.slides li:nth-child(6) {
    margin-left: 0
}

@media screen and (max-width: 768px) {

    .krups-slider-sync .krups-thumbs ul.slides li,
    .krups-slider-sync .krups-thumbs ul.slides li:first-child,
    .krups-slider-sync .krups-thumbs ul.slides li:nth-child(6) {
        max-width: initial;
        margin: 0;
        float: none;
        height: auto
    }
}

.krups-slider-sync .krups-thumbs ul.slides li .krups-thumbs-item {
    position: relative;
    background: #fff;
    width: 130px;
    height: 72.5px;
    padding: 0 10px 10px 10px;
    text-align: center;
    cursor: pointer;
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    .krups-slider-sync .krups-thumbs ul.slides li .krups-thumbs-item {
        width: 190px;
        height: 100px
    }
}

@media screen and (min-width: 769px) {
    .krups-slider-sync .krups-thumbs ul.slides li .krups-thumbs-item {
        transition: all 0.3s
    }
}

.krups-slider-sync .krups-thumbs ul.slides li .krups-thumbs-item img {
    max-width: 113px;
    position: absolute;
    top: -35px;
    left: 50%;
    margin-left: -56.5px;
    transition: all 0.3s
}

@media screen and (max-width: 768px) {
    .krups-slider-sync .krups-thumbs ul.slides li .krups-thumbs-item img {
        margin: 0 auto !important;
        position: absolute;
        left: 0;
        right: 0;
        top: -30px;
        max-width: 70% !important;
        max-height: 130px;
        height: initial
    }

    .rtl .krups-slider-sync .krups-thumbs ul.slides li .krups-thumbs-item img {
        right: 0
    }
}

.krups-slider-sync .krups-thumbs ul.slides li .krups-thumbs-item-title {
    color: #fff;
    text-transform: uppercase;
    display: block;
    padding-top: 10px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    line-height: 16px;
    height: 60px;
    overflow: hidden;
    width: 160px;
    display: block;
    margin-left: -16px
}

@media screen and (min-width: 769px) {
    .krups-slider-sync .krups-thumbs ul.slides li .krups-thumbs-item-title {
        transition: all 0.3s
    }
}

@media screen and (max-width: 768px) {
    .krups-slider-sync .krups-thumbs ul.slides li .krups-thumbs-item-title {
        width: auto;
        max-height: 55px;
        padding-top: 20px
    }
}

.krups-slider-sync .krups-thumbs ul.slides li .see-product {
    display: block
}

.krups-slider-sync .krups-thumbs ul.slides li .see-product>span {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #00ead7;
    line-height: 16px;
    padding: 10px 0 0 10px;
    margin: -20px 0 0;
    line-height: 16px;
    display: inline-block;
    top: -20px;
    position: relative;
    text-transform: uppercase;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s
}

.rtl .krups-slider-sync .krups-thumbs ul.slides li .see-product>span {
    padding: 10px 10px 0 0
}

.krups-slider-sync .krups-thumbs ul.slides li.sc-selected .krups-thumbs-item,
.krups-slider-sync .krups-thumbs ul.slides li.flex-active-slide .krups-thumbs-item {
    background: #00ead7
}

.krups-slider-sync .krups-thumbs ul.slides li.sc-selected .krups-thumbs-item-title,
.krups-slider-sync .krups-thumbs ul.slides li.flex-active-slide .krups-thumbs-item-title {
    color: #00ead7
}

@media screen and (min-width: 1024px) {
    .krups-slider-sync .krups-thumbs ul.slides li:hover .krups-thumbs-item {
        background: #00ead7
    }

    .krups-slider-sync .krups-thumbs ul.slides li:hover .krups-thumbs-item-title {
        color: #00ead7
    }

    .krups-slider-sync .krups-thumbs ul.slides li:hover .krups-thumbs-item-title {
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s
    }

    .krups-slider-sync .krups-thumbs ul.slides li:hover img {
        max-width: 100%;
        top: -50px;
        left: 44%;
        transition: all 0.3s
    }

    .krups-slider-sync .krups-thumbs ul.slides li:hover .see-product>span {
        visibility: visible;
        opacity: 1;
        transition: all 0.3s
    }
}

.krups-slider-sync .flex-control-paging {
    display: none
}

.krups-slider-sync .mobile-content {
    display: none
}

@media screen and (max-width: 768px) {
    .krups-slider-sync .owl-item.active.center {
        display: block
    }

    .krups-slider-sync .owl-item.active.center li .krups-thumbs-item {
        width: 100%;
        height: 90px;
        margin-top: -16.5px
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) and (orientation: landscape) {
    .krups-slider-sync .owl-item.active.center li .krups-thumbs-item {
        width: 40%
    }
}

@media screen and (max-width: 768px) {
    .krups-slider-sync .owl-item.active.center li .krups-thumbs-item img {
        top: -65px;
        max-width: 150px;
        height: initial;
        width: auto;
        max-width: 150px;
        margin-left: -65px
    }

    .rtl .krups-slider-sync .owl-item.active.center li .krups-thumbs-item img {
        margin-right: -65px
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) and (orientation: landscape) {
    .krups-slider-sync .owl-item.active.center li .krups-thumbs-item img {
        width: auto;
        max-width: 75px;
        margin-left: -35px;
        top: -10px
    }

    .rtl .krups-slider-sync .owl-item.active.center li .krups-thumbs-item img {
        margin-right: -35px
    }
}

@media screen and (max-width: 768px) {
    .krups-slider-sync .owl-item.active.center .krups-thumbs-item {
        background: #00ead7
    }

    .krups-slider-sync .owl-item.active.center .krups-thumbs-item-title {
        color: #00ead7
    }

    .krups-slider-sync .owl-item.active.center .krups-block-content {
        max-width: 100%
    }

    .krups-slider-sync .owl-stage-outer,
    .krups-slider-sync .owl-stage,
    .krups-slider-sync .owl-item {
        height: 100%
    }

    .krups-slider-sync .owl-carousel .owl-stage-outer {
        overflow: visible
    }
}

@media screen and (min-width: 769px) {
    @keyframes fadeInRight {
        0% {
            opacity: 0;
            transform: translate3d(200%, 0, 0) translateY(-50%)
        }

        50% {
            opacity: 0.5
        }

        100% {
            opacity: 1
        }
    }

    @keyframes fadeOutRight {
        0% {
            opacity: 1
        }

        50% {
            opacity: 0.5
        }

        100% {
            opacity: 0;
            transform: translate3d(200%, 0, 0) translateY(-50%)
        }
    }
}

@media only screen and (max-width: 768px) and (min-width: 480px) and (max-width: 767px) {
    .sky-carousel .sc-overlay {
        width: 160px !important
    }
}

@media only screen and (max-width: 768px) and (max-width: 479px) {
    .sky-carousel .sc-overlay {
        width: 70px !important
    }
}

@media screen and (max-width: 768px) {
    .sky-carousel {
        width: 100%
    }

    .sky-carousel .sky-carousel-container {
        position: relative;
        float: left;
        margin: 0;
        padding: 0
    }

    .rtl .sky-carousel .sky-carousel-container {
        float: right
    }

    .sky-carousel .sky-carousel-container li {
        position: absolute
    }
}

.lame-reinsurance {
    background-color: #232120
}

.krups-slider-wrap {
    position: relative
}

@media screen and (max-width: 1024px) {
    .krups-slider-wrap.krups-slider-2 {
        background-color: #232120
    }
}

.krups-slider-wrap li {
    list-style: none
}

.krups-slider-wrap .krups-row {
    clear: none
}

.wrap-table .krups-slider-wrap ul.flex-direction-nav {
    display: none
}

.krups-slider-wrap ul.flex-direction-nav li.flex-nav-prev {
    position: absolute;
    top: 50%;
    left: 5%;
    z-index: 500
}

.krups-slider-wrap ul.flex-direction-nav li.flex-nav-prev a {
    background: url(../img/arrows/carousel-arrow-left2.png) no-repeat 0 0;
    background-size: 15px auto;
    font-size: 0px;
    font-size: 0rem;
    display: block;
    width: 35px;
    height: 35px
}

.krups-slider-wrap ul.flex-direction-nav li.flex-nav-prev a.flex-disabled {
    display: none
}

.krups-slider-wrap ul.flex-direction-nav li.flex-nav-next {
    position: absolute;
    top: 50%;
    right: 5%;
    z-index: 500
}

.krups-slider-wrap ul.flex-direction-nav li.flex-nav-next a {
    background: url(../img/arrows/carousel-arrow-right2.png) no-repeat 0 0;
    background-size: 15px auto;
    font-size: 0px;
    font-size: 0rem;
    display: block;
    width: 35px;
    height: 35px
}

.krups-slider-wrap ul.flex-direction-nav li.flex-nav-next a.flex-disabled {
    display: none
}

.krups-slider-wrap .flex-control-paging {
    position: absolute;
    bottom: 2%;
    left: 0;
    z-index: 1;
    text-align: center;
    width: 100%
}

.krups-slider-wrap .flex-control-paging li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1
}

.krups-slider-wrap .flex-control-paging li a {
    width: 14px;
    height: 14px;
    display: block;
    background: transparent;
    background: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    text-indent: -9999px;
    -o-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    transition: all 0.6s
}

@media screen and (max-width: 768px) {
    .krups-slider-wrap .flex-control-paging li a {
        width: 7px;
        height: 7px
    }
}

.krups-slider-wrap .flex-control-paging li a:hover,
.krups-slider-wrap .flex-control-paging li a.flex-active {
    background: transparent;
    border: 1.5px solid #fff;
    width: 17px;
    height: 17px
}

@media screen and (max-width: 768px) {

    .krups-slider-wrap .flex-control-paging li a:hover,
    .krups-slider-wrap .flex-control-paging li a.flex-active {
        width: 10px;
        height: 10px
    }
}

.krups-slider-wrap .krups-slider-2 img {
    display: block;
    max-width: 100%;
    width: auto;
    margin: 0 auto
}

.krups-slider-wrap .krups-slider-2 .krups-lg-6 {
    padding: 0
}

.krups-slider-wrap .krups-slider-2 .krups-slider-2-item {
    position: relative;
    background-color: #232120
}

.krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-img,
.krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-block-content-wrap {
    display: table
}

.krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-img-wrap-xs img {
    max-width: 40%
}

@media screen and (max-width: 768px) {
    .krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-img-wrap-xs {
        padding: 30% 0 10% 0
    }
}

.krups-slider-wrap .krups-slider-2 .krups-slider-2-item .title-wrapper {
    position: absolute;
    top: 15%;
    left: 0;
    width: 100%
}

@media screen and (max-width: 768px) {
    .krups-slider-wrap .krups-slider-2 .krups-slider-2-item .title-wrapper {
        position: relative;
        left: auto;
        top: auto;
        clear: both
    }
}

.krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-block-title {
    position: relative;
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 50px;
    overflow: hidden;
    padding-bottom: 35px;
    font-weight: normal
}

.krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-block-title span {
    width: 50%;
    float: left;
    display: block
}

.krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-block-title span:first-child {
    text-align: right;
    padding-right: 17px;
    font-family: "Open Sans", "Arial", sans-serif;
font-weight: light;
}

.krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-block-title span:last-child {
    text-align: left;
    color: #f38230;
    padding-left: 17px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

@media screen and (max-width: 768px) {
    .krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-block-title span {
        width: 100%;
        float: none
    }

    .krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-block-title span:first-child {
        text-align: center;
        padding-right: 0
    }

    .krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-block-title span:last-child {
        text-align: center
    }
}

@media screen and (max-width: 768px) {
    .krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-block-title {
        clear: both;
        position: initial;
        top: auto;
        left: auto;
        margin-left: auto;
        padding: 5%;
        text-align: center;
        line-height: 25px
    }
}

.krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-block-title:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    clear: both;
    width: 50px
}

.krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-img {
    height: 100%;
    background-color: #171413;
    display: table
}

@media screen and (max-width: 768px) {
    .krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-img {
        min-height: 300px;
        height: auto
    }

    .krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-img img {
        height: auto;
        width: auto
    }
}

.krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-img .krups-img-wrap {
    display: table-cell;
    vertical-align: middle
}

.krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-block-content-wrap {
    padding: 0 5%;
    height: 100%;
    color: #fff;
    background-color: #232120;
    display: table
}

@media screen and (max-width: 768px) {
    .krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-block-content-wrap {
        text-align: center;
        padding: 5% 5% 15% 5%;
        height: auto;
        min-height: auto;
        display: block
    }
}

.krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-block-content-wrap .krups-block-content {
    display: table-cell;
    vertical-align: middle;
    line-height: 21px
}

@media screen and (max-width: 768px) {
    .krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-block-content-wrap .krups-block-content {
        display: block
    }
}

.krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-block-content-wrap .krups-italic,
.krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-block-content-wrap span,
.krups-slider-wrap .krups-slider-2 .krups-slider-2-item .krups-block-content-wrap span {
    display: block;
    margin: 10% 0
}

@media screen and (max-width: 768px) {
    .krups-slider-wrap .krups-slider-2 .krups-row-vh {
        height: auto !important
    }
}

.krups-horizontal-article {
    position: relative;
    z-index: 2;
    overflow: hidden
}

@media screen and (max-width: 768px) {

    .krups-horizontal-article,
    .krups-horizontal-article .krups-row-vh {
        height: auto !important
    }

    .krups-horizontal-article .krups-btn,
    .krups-horizontal-article .panel-services-contact .more a,
    .panel-services-contact .more .krups-horizontal-article a {
        margin-top: 0
    }
}

.krups-horizontal-article .krups-horizontal-article-item {
    height: 100%;
    display: table;
    position: relative
}

.krups-horizontal-article .krups-horizontal-article-item img {
    max-width: 100%;
    position: absolute;
    bottom: -52px
}

@media screen and (max-width: 768px) {
    .krups-horizontal-article .krups-horizontal-article-item img {
        height: auto;
        bottom: 24px;
        left: 0px
    }
}

.krups-horizontal-article .krups-horizontal-article-item .krups-block-title {
    color: #fff;
    font-size: 30px;
    font-size: 3rem;
    line-height: 30px
}

@media screen and (max-width: 768px) {
    .krups-horizontal-article .krups-horizontal-article-item .krups-block-title {
        font-size: 20px;
        font-size: 2rem
    }
}

.krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item-1 .krups-block-title {
    text-align: left
}

.rtl .krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item-1 .krups-block-title {
    text-align: right
}

@media screen and (max-width: 768px) {
    .krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item-1 .krups-block-title {
        text-align: center
    }

    .rtl .krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item-1 .krups-block-title {
        text-align: center
    }
}

.krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item,
.krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item-1 {
    color: #fff;
    padding: 255px 3.73540856% 5% 0;
    background-color: #232120
}

.rtl .krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item,
.rtl .krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item-1 {
    padding: 255px 0 5% 3.73540856%
}

.krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item .krups-content,
.krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item-1 .krups-content {
    display: table-cell;
    vertical-align: top;
    text-align: justify
}

.krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item .krups-content p:last-child,
.krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item .krups-content .krups-block-univers .krups-block-wrapper div:last-child,
.krups-block-univers .krups-block-wrapper .krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item .krups-content div:last-child,
.krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item-1 .krups-content p:last-child,
.krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item-1 .krups-content .krups-block-univers .krups-block-wrapper div:last-child,
.krups-block-univers .krups-block-wrapper .krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item-1 .krups-content div:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 768px) {

    .krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item,
    .krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item-1 {
        padding: 95px 25px 35px 25px;
        text-align: center;
        height: auto;
        display: block;
        background-color: #232120
    }

    .rtl .krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item,
    .rtl .krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item-1 {
        padding: 95px 25px 35px 25px
    }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {

    .krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item,
    .krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item-1 {
        padding-left: 20px
    }

    .rtl .krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item,
    .rtl .krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item-1 {
        padding-right: 20px
    }
}

.krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item-2 {
    padding: 205px 0 0 3.73540856%;
    background-color: #181413
}

.rtl .krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item-2 {
    padding: 205px 3.73540856% 0 0
}

.krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item-2 .krups-block-title {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 30px
}

@media screen and (max-width: 768px) {
    .krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item-2 .krups-block-title {
        font-size: 20px;
        font-size: 2rem;
        line-height: 21px
    }
}

.krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item-2 .krups-img-mobile {
    display: block;
    vertical-align: bottom;
    position: relative;
    overflow: hidden;
    height: 325px
}

.krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item-2 .krups-img-mobile:before {
    content: "";
    box-shadow: inset 0px 11px 62px -11px #181413;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000
}

@media screen and (max-width: 768px) {
    .krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item-2 {
        min-height: initial;
        height: auto;
        padding: 0;
        min-height: 250px;
        background-color: #181413
    }

    .rtl .krups-horizontal-article .krups-horizontal-article-item.krups-horizontal-article-item-2 {
        padding: 0
    }
}

.krups-horizontal-article .krups-horizontal-article-item .krups-cta {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 252px;
    padding: 0 25px;
    z-index: 99999
}

@media screen and (max-width: 768px) {
    .krups-horizontal-article .krups-horizontal-article-item .krups-cta {
        height: 100%;
        top: 0;
        padding: 10% 25px 5% 25px
    }
}

.krups-horizontal-article .bg-left,
.krups-horizontal-article .bg-right {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 0;
    top: 0
}

@media screen and (max-width: 768px) {

    .krups-horizontal-article .bg-left,
    .krups-horizontal-article .bg-right {
        display: none
    }
}

.krups-horizontal-article .bg-left {
    background-color: #232120;
    left: 0
}

.rtl .krups-horizontal-article .bg-left {
    right: 0;
    left: auto
}

.krups-horizontal-article .bg-right {
    background-color: #181413;
    right: 0
}

.rtl .krups-horizontal-article .bg-right {
    left: 0;
    right: auto
}

@media screen and (max-width: 768px) {
    .krups-horizontal-article .bg-right {
        width: 100%;
        height: 30vh;
        top: 70vh
    }
}

.krups-colored-bloc {
    text-align: center;
    padding: 72.5px 0
}

.krups-colored-bloc .krups-bloc-title {
    font-size: 25px;
    font-size: 2.5rem;
    text-transform: uppercase;
    color: #fff;
    text-align: center
}

.krups-colored-bloc .krups-bloc-title:after {
    content: '';
    display: block;
    height: 5px;
    width: 100px;
    background: #f38230;
    margin: 30px auto
}

.krups-colored-bloc .krups-bloc-subtitle {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    color: #f38230;
    margin-bottom: 30px
}

.krups-colored-bloc.krups-colored-bloc-dark {
    background-color: #232120;
    color: #fff
}

.krups-colored-bloc.krups-colored-bloc-gray {
    background-color: #eaeeef
}

.krups-colored-bloc.krups-colored-bloc-gray .krups-bloc-title {
    color: #2a2622;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 25px;
    font-size: 2.5rem;
    text-transform: uppercase
}

.social-news {
    margin-bottom: 62px
}

.social-news .social-news-item {
    max-height: 380px;
    overflow: hidden
}

.social-news .social-news-item .social-news-item-thumb {
    min-height: 197.5px;
    max-height: 197.5px;
    overflow: hidden
}

.social-news .social-news-item .social-news-item-thumb img {
    display: block;
    width: 100%
}

.social-news .social-news-item .social-news-item-content {
    color: #313131;
    background: #fff;
    padding: 25px;
    text-align: center
}

.social-news .social-news-item .social-news-item-content .social-news-item-category,
.social-news .social-news-item .social-news-item-content .social-news-item-title {
    margin-bottom: 5px;
    display: block;
    color: #2a2622;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 10px;
    font-size: 1rem;
    text-transform: uppercase
}

.social-news .social-news-item .social-news-item-content .social-news-item-title {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    color: #f38230
}

.social-news .social-news-item .social-news-item-content .read-more {
    display: block;
    color: #948e88;
    margin-top: 5px
}

.clearfix::after,
#autocomplete-container::after,
#autocomplete-container .autocomplete-container .container.autocomplete-body::after,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul li.item::after,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.contents-list::after,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area .suggestion-slider::after,
#autocomplete-container .autocomplete-container .container.autocomplete-footer .categories ul::after,
#autocomplete-container .autocomplete-container .container.autocomplete-footer .categories ul li.item::after {
    content: "";
    clear: both;
    display: table
}

#autocomplete-container .autocomplete-container *,
#autocomplete-container .autocomplete-container .container * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    word-wrap: break-word
}

#autocomplete-container .autocomplete-container [class*="col-"] {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    float: left
}

#autocomplete-container .autocomplete-container .col-4 {
    width: 33.333333%
}

#autocomplete-container .autocomplete-container .col-6 {
    width: 50%
}

#autocomplete-container .autocomplete-container .col-8 {
    width: 66.666667%
}

@media (max-width: 1199px) and (min-width: 768px) {
    #autocomplete-container .autocomplete-container .col-sm-12 {
        width: 100%
    }

    #autocomplete-container .autocomplete-container .col-sm-6 {
        width: 50%
    }
}

@media (max-width: 767px) {
    #autocomplete-container .autocomplete-container .col-xs-12 {
        width: 100%
    }

    #autocomplete-container .autocomplete-container .col-xs-6 {
        width: 50%
    }
}

#autocomplete-container .autocomplete-container,
#autocomplete-container .autocomplete-container .container {
    position: relative !important;
    margin: 0 auto;
    width: 100%;
    max-width: 768px
}

@media (min-width: 1200px) {

    #autocomplete-container .autocomplete-container,
    #autocomplete-container .autocomplete-container .container {
        max-width: 1072px
    }
}

#autocomplete-container .autocomplete-container,
#autocomplete-container .autocomplete-container .container.autocomplete-body {
    display: block !important;
    width: 100% !important
}

@media (min-width: 768px) {

    #autocomplete-container .autocomplete-container,
    #autocomplete-container .autocomplete-container .container.autocomplete-body {
        display: inline-block !important;
        width: auto !important
    }
}

#oneClickSuggest-container,
#noResult-container {
    display: none
}

html.no-overflow,
body.no-overflow {
    max-height: 100vh !important;
    height: 100vh !important;
    position: relative;
    overflow: hidden
}

#autocomplete-container {
    position: fixed;
    width: 100vw !important;
    height: 100vh !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 5;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    text-align: center
}

#autocomplete-container .autocomplete-container {
    border: none;
    background-color: transparent;
    max-height: calc(100vh - 65px);
    overflow-y: auto;
    left: auto !important;
    box-shadow: none
}

@media (max-width: 1199px) and (min-width: 768px) {
    #autocomplete-container .autocomplete-container {
        max-height: calc(100vh - 65px)
    }
}

@media (max-width: 767px) {
    #autocomplete-container .autocomplete-container {
        max-height: calc(100vh - 53px)
    }
}

#autocomplete-container .autocomplete-container .container {
    padding: 12px;
    border: none
}

#autocomplete-container .autocomplete-container .container.autocomplete-body {
    background-color: #fff;
    text-align: left;
    min-height: 470px
}

#autocomplete-container .autocomplete-container .container.autocomplete-body.one-click-suggest,
#autocomplete-container .autocomplete-container .container.autocomplete-body.no-result-found {
    min-height: auto
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat-title {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 1.507rem;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: uppercase;
    line-height: 3.8rem
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul {
    margin-bottom: 4px
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul li.item {
    list-style-type: none;
    display: block;
    height: 88px;
    max-height: 88px;
    background: #fff;
    border: none
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul li.item>a {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul li.item>a span {
    font-weight: normal !important
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul li.item:hover {
    background: #fff
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul li.item:hover .product-name {
    color: #ff720d !important
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul li.item:hover .content-title {
    color: #ff720d !important
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.products-list li.item {
    padding: 8px 0 6px;
    border-bottom: 1px solid #f3f3f3
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.products-list li.item:first-child {
    border-top: 1px solid #f3f3f3
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.products-list li.item .product-img {
    position: relative;
    float: left;
    height: 72px;
    width: 72px;
    text-align: center
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.products-list li.item .product-img::after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.products-list li.item .product-img img {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    max-height: 72px;
    max-width: 72px
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.products-list li.item .product-description {
    background-color: transparent;
    position: relative;
    min-height: 1px;
    float: left;
    padding: 8px 4px 0 12px;
    max-width: calc(100% - 72px);
    text-align: left;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 1.206rem;
    font-weight: normal !important;
    color: #666
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.products-list li.item .product-name {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 1.206rem;
    line-height: 1.5rem;
    color: #282828;
    margin-bottom: 4px;
    word-wrap: break-word;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: uppercase
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.products-list li.item .product-price-value.original {
    text-decoration: line-through
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.products-list li.item .product-price-value.discounted {
    color: #f38230;
    margin-left: 10px
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.contents-list {
    margin-right: -10px
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.contents-list li.item {
    padding: 0 12px 10px 0
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.contents-list li.item .content-img {
    position: relative;
    float: left;
    height: 80px;
    width: 160px;
    text-align: center
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.contents-list li.item .content-img::after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.contents-list li.item .content-img img {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    max-height: 80px;
    max-width: 160px
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.contents-list li.item .content-img.recipe-img {
    overflow: hidden
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.contents-list li.item .content-img.recipe-img img {
    position: absolute;
    max-height: none;
    width: 160px;
    margin-top: -42%;
    top: 50%;
    left: 0
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.contents-list li.item .content-body {
    background-color: transparent;
    position: relative;
    min-height: 1px;
    float: left;
    padding: 4px 0 0 12px;
    max-width: calc(100% - 160px);
    line-height: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 1.206rem;
    font-weight: normal !important;
    color: #666;
    overflow: hidden;
    max-height: 82px
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.contents-list li.item .content-title {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 1.206rem;
    line-height: 1.5rem;
    color: #282828;
    margin-bottom: 4px;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: uppercase;
    overflow: hidden;
    max-height: 45px
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.contents-list li.item .content-description {
    overflow: hidden;
    max-height: 42px
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.suggestions-list li.item {
    height: auto;
    padding: 8px 0 6px;
    border-top: 1px solid #f3f3f3
}

@media (max-width: 767px) {
    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.suggestions-list li.item:last-child {
        border-bottom: 1px solid #f3f3f3
    }
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.suggestions-list li.item a {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>ul.suggestions-list li.item a:hover {
    color: #ff720d
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat>.btn {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #fff;
    font-size: 1.306rem !important;
    text-transform: uppercase;
    font-weight: normal;
    padding: 12px;
    margin: 8px 0;
    width: 100%
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area {
    margin: 32px 0 12px;
    background: #F2F2F2;
    padding: 16px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-family: 1.206rem !important
}

@media (min-width: 1200px) {
    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area {
        margin: 12px 0
    }
}

@media (max-width: 767px) {
    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area {
        margin: 0;
        padding: 8px 0 16px;
        background-color: transparent
    }
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold; !important;
    font-size: 1.708rem;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: uppercase;
    margin-bottom: 18px;
    color: #282828 !important;
    line-height: 1.8788rem
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5 #autosuggest-search-term,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5 .term {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold; !important;
    text-transform: none;
    font-weight: normal
}

@media (max-width: 767px) {
    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5 {
        text-transform: none;
        line-height: 20px
    }
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area .message,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area p strong,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area .krups-block-univers .krups-block-wrapper div strong,
.krups-block-univers .krups-block-wrapper #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area div strong {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold; !important;
    font-weight: normal;
    font-size: 1.206rem;
    color: #666
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area li {
    display: list-item;
    list-style: none;
    border: none;
    background: transparent !important;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold; !important;
    font-weight: normal;
    font-size: 1.206rem;
    color: #666
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area li::before {
    content: '•';
    display: inline-block;
    font-weight: bold;
    padding-right: .4rem;
    text-align: right;
    width: 1.2rem
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold; !important;
    font-size: 1.482rem;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    margin: 5px 0 12px;
    color: #f1823C !important;
    line-height: 1.6302rem
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area .suggestion-slider {
    width: 100%;
    margin-bottom: 18px
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area .suggestion-slider>.item {
    margin-right: 11.98px;
    width: calc(25% - 3*12px/4);
    float: left
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area .suggestion-slider>.item:last-child {
    margin: 0
}

@media (max-width: 767px) {
    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area .suggestion-slider>.item {
        margin-right: 0;
        width: 50%
    }

    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area .suggestion-slider>.item:nth-child(even) {
        border-left: none !important
    }

    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area .suggestion-slider>.item:nth-child(n+3) {
        border-top: none !important
    }
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area .suggestion-slider .item {
    border: 1px solid #ddd;
    height: 145px;
    overflow: hidden;
    position: relative;
    background: #fff
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area .suggestion-slider .item .thumbnail {
    min-height: inherit;
    border-radius: 0;
    border: 0;
    height: 100px !important;
    line-height: 100px;
    box-shadow: none
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area .suggestion-slider .item .thumbnail .caption {
    display: none
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area .suggestion-slider .item .thumbnail .name {
    height: 40px !important;
    overflow: hidden;
    padding: 0 10px;
    width: auto
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area .suggestion-slider .item .thumbnail img {
    margin: 0;
    display: initial;
    max-height: 90px
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area .suggestion-slider .item .thumbnail>a {
    text-align: center;
    display: block
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area .suggestion-slider .item .caption {
    text-align: center;
    margin: 0 0 5px
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area .suggestion-slider .item .caption .name {
    position: relative;
    top: 0;
    margin: 0;
    overflow: hidden;
    padding: 8px 12px 4px;
    height: 40px !important;
    line-height: 1.22rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold; !important;
    font-size: 1.22rem;
    font-weight: Bold;
    text-transform: uppercase;
    color: #282828
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area .suggestion-slider .item .caption .name a {
    font-weight: Bold;
    color: #282828
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area .suggestion-slider .item:hover .name {
    color: #ff720d
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area .suggestion-slider .item:hover .name a {
    color: #ff720d
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area .suggestion-slider .owl-nav>div {
    width: 13px;
    height: 29px;
    top: 36%;
    position: absolute
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area .suggestion-slider .owl-nav>div:before {
    border: none
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area .suggestion-slider .owl-nav .owl-next {
    right: -13px
}

#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area .suggestion-slider .owl-nav .owl-prev {
    left: -13px
}

@media (min-width: 1200px) {
    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat.col-8 {
        width: 698.66667px
    }

    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat.col-4 {
        width: 349.33333px
    }

    #autocomplete-container .autocomplete-container .container.autocomplete-body.no-result-found .autocomplete-cat.col-8:not(:last-child) {
        padding-right: 20px
    }
}

@media (max-width: 1200px) and (min-width: 768px) {
    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat.col-sm-12 {
        width: 744px
    }

    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat.col-sm-6 {
        width: 372px
    }
}

#autocomplete-container .autocomplete-container .container.autocomplete-footer {
    background-color: #333130;
    text-align: left;
    min-height: 84px
}

#autocomplete-container .autocomplete-container .container.autocomplete-footer.sm-container {
    max-width: 722px
}

#autocomplete-container .autocomplete-container .container.autocomplete-footer.sm-container .categories li.item.col-sm-6 {
    width: 50%
}

#autocomplete-container .autocomplete-container .container.autocomplete-footer .categories-title {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 1.507rem;
    color: #f1823C;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    line-height: 3.8rem;
    padding: 0 10px
}

#autocomplete-container .autocomplete-container .container.autocomplete-footer .categories p,
#autocomplete-container .autocomplete-container .container.autocomplete-footer .categories .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #autocomplete-container .autocomplete-container .container.autocomplete-footer .categories div {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 1.408rem;
    color: #fff;
    font-weight: normal;
    padding: 0 10px
}

#autocomplete-container .autocomplete-container .container.autocomplete-footer .categories ul {
    margin-bottom: 12px;
    list-style: inside
}

#autocomplete-container .autocomplete-container .container.autocomplete-footer .categories ul li.item {
    display: list-item;
    list-style-type: none;
    background: transparent;
    color: #fff;
    border: none
}

#autocomplete-container .autocomplete-container .container.autocomplete-footer .categories ul li.item a {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 1.408rem;
    color: #fff;
    display: inline-block;
    font-weight: normal;
    padding: 0
}

#autocomplete-container .autocomplete-container .container.autocomplete-footer .categories ul li.item a span {
    font-weight: normal
}

#autocomplete-container .autocomplete-container .container.autocomplete-footer .categories ul li.item::before {
    content: '•';
    display: inline-block;
    font-weight: bold;
    padding-right: .5rem;
    text-align: right;
    width: 1.5rem
}

#autocomplete-container .autocomplete-container .container.autocomplete-footer .categories ul li.item:hover {
    color: #ff720d
}

#autocomplete-container .autocomplete-container .container.autocomplete-footer .categories ul li.item:hover a {
    color: #ff720d
}

.autocomplete-container {
    display: none
}

.autocomplete-container .ui-state-focus {
    border: none
}

.autocomplete-container #close-search {
    position: absolute;
    display: none;
    cursor: pointer;
    background: none;
    border: 0;
    right: 20px;
    z-index: 20
}

.autocomplete-container #close-search .search-icon {
    width: 27px;
    height: 27px;
    border-radius: 60px;
    border: 0;
    display: block;
    position: relative;
    transition: none;
    margin: 2px auto 0
}

.autocomplete-container #close-search .search-icon:before,
.autocomplete-container #close-search .search-icon:after {
    content: '';
    width: 3px;
    height: 8px;
    position: absolute;
    right: -2px;
    top: 16px;
    display: block;
    background-color: #282828;
    transform: rotate(-45deg);
    transition: none;
    border-radius: 100%
}

.rtl .autocomplete-container #close-search .search-icon:before,
.rtl .autocomplete-container #close-search .search-icon:after {
    left: -2px
}

.autocomplete-container #close-search .search-icon:before {
    transform: rotate(45deg);
    right: 0;
    top: 10px;
    height: 2px;
    width: 28px;
    border-radius: 20px
}

.rtl .autocomplete-container #close-search .search-icon:before {
    left: 0
}

.autocomplete-container #close-search .search-icon:after {
    transform: rotate(-223deg);
    right: 0;
    top: 10px;
    height: 2px;
    width: 28px;
    border-radius: 20px
}

.rtl .autocomplete-container #close-search .search-icon:after {
    left: 0
}

@media screen and (max-width: 768px) {
    .autocomplete-container #close-search .search-icon {
        width: 20px;
        height: 19px;
        border: 2px solid #fff;
        margin: 0 auto
    }

    .autocomplete-container #close-search .search-icon:before,
    .autocomplete-container #close-search .search-icon:after {
        width: 2px;
        height: 8px;
        right: -1px;
        top: 12px
    }

    .rtl .autocomplete-container #close-search .search-icon:before,
    .rtl .autocomplete-container #close-search .search-icon:after {
        left: -1px
    }

    .autocomplete-container #close-search .search-icon:before,
    .autocomplete-container #close-search .search-icon:after {
        height: 2px;
        width: 20px
    }
}

.platform-iPhone .autocomplete-container .slimScrollDiv .autocomplete-body.one-click-suggest,
.platform-iPhone .autocomplete-container .slimScrollDiv .autocomplete-body.no-result-found,
.platform-iPhone .autocomplete-container .slimScrollDiv .autocomplete-footer {
    padding-bottom: 30px !important
}

.platform-iPad .autocomplete-container .slimScrollDiv .autocomplete-footer {
    padding-bottom: 40px !important
}

.platform-iPad .autocomplete-container .slimScrollDiv .autocomplete-body.no-result-found {
    padding-bottom: 30px !important
}

.master-ban-head--height .header-banner {
    height: 170px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.master-ban-head-container #banner-search {
    border: 1px solid #dbdde1;
    border-radius: 3px;
    height: 42px;
    padding: 0 0 0 12px;
    font-family: EurostileNextLTPro-Regular, arial, helvetica, sans-serif;
    width: 345px
}

@media screen and (max-width: 767px) {
    .master-ban-head-container #banner-search {
        width: 80%
    }
}

.submit-search {
    color: #fff;
    padding: 0;
    border: transparent;
    background-color: transparent;
    transition: all .3s;
    outline: 0;
    position: absolute;
    margin: 4px 0 0px -47px;
    width: 42px;
    height: 35px
}

.submit-search .search-icon {
    border: 2px solid #9d9792
}

.submit-search .search-icon:before,
.submit-search .search-icon:after {
    background-color: #9d9792
}

#search-list-page--filters-close {
    position: absolute;
    right: 24px;
    top: 19px
}

#search-list-page--filters-close a.close {
    color: #4f5559;
    opacity: 1;
    font-size: 32px;
    font-size: 3.2rem;
    font-family: initial
}

#search-list-page--filters-close a.close:hover {
    color: #f1823c;
    text-decoration: none
}

#search-list-page--filters-container.filters-search {
    top: 100vh;
    left: 0;
    right: 0;
    z-index: 10000;
    bottom: 90px;
    position: fixed;
    overflow: auto;
    overflow-x: hidden;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    background-color: #eaeeef;
    transition: top 0.3s ease-out
}

@media screen and (max-width: 767px) {
    #search-list-page--filters-container.filters-search {
        visibility: hidden
    }

    @supports (-webkit-overflow-scrolling: touch) {
        #search-list-page--filters-container.filters-search {
            top: calc(100vh - 130px);
            visibility: hidden
        }
    }
}

@media (min-width: 768px) {
    #search-list-page--filters-container.filters-search {
        padding: 0;
        position: static;
        height: auto;
        overflow: auto;
        background-color: transparent
    }
}

#search-list-page--filters-container.filters-search.in {
    top: 0;
    visibility: visible
}

@supports (-webkit-overflow-scrolling: touch) {
    #search-list-page--filters-container.filters-search.in {
        visibility: visible
    }
}

#search-list-page--filters-container.filters-search #accordionFiltersRecipe {
    background-color: #fff
}

@media screen and (max-width: 767px) {
    #search-list-page--filters-container.filters-search div[id^="accordionFiltersProd-FEATURES"] {
        padding-left: 25px
    }
}

@media screen and (min-width: 768px) {
    #search-list-page--filters-container.filters-search div[id^="accordionFiltersProd-FEATURES"] {
        padding-left: 15px
    }
}

#search-list-page--filters-container.filters-search form {
    padding: 8px 15px 2px 15px
}

#search-list-page--filters-container.filters-search .accordion-group {
    border: none
}

#search-list-page--filters-container.filters-search .accordion-group .accordion-heading .accordion-toggle {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 11px 10px 10px 18px
}

#search-list-page--filters-container.filters-search .accordion-group .accordion-heading .accordion-toggle.active {
    background-color: transparent;
    border-bottom: 0
}

#search-list-page--filters-container.filters-search .accordion-group .accordion-heading .accordion-toggle.collapsed {
    border-bottom: 1px solid #dbdde1
}

#search-list-page--filters-container.filters-search .accordion-group .accordion-heading .accordion-toggle:not(.active):not(.collapsed)::before {
    content: "\e900";
    color: #2a2623
}

#search-list-page--filters-container.filters-search .accordion-group .accordion-heading .accordion-toggle::before {
    content: "\e902";
    font-size: 14px;
    font-size: 1.4rem;
    right: 15px;
    height: 15px;
    color: #2a2623
}

#search-list-page--filters-container.filters-search .accordion-group .accordion-heading .accordion-toggle.active:not(.collapsed)::before {
    content: "\e900";
    color: #2a2623
}

#search-list-page--filters-container.filters-search .accordion-group .accordion-body .accordion-group {
    padding-left: 12px
}

#search-list-page--filters-container.filters-search .accordion-group .accordion-body .accordion-group .accordion-body .accordion-group {
    padding-left: 0;
    padding-bottom: 8px
}

#search-list-page--filters-container.filters-search .accordion-group .accordion-body .accordion-group .accordion-body .accordion-group .accordion-heading .accordion-toggle {
    background-color: #fff;
    padding-left: 10px
}

#search-list-page--filters-container.filters-search .accordion-group .accordion-body .accordion-group .accordion-body .accordion-group .accordion-heading .accordion-toggle:before {
    content: '';
    display: none
}

#search-list-page--filters-container.filters-search .accordion-group .accordion-body .accordion-group .accordion-body>div>div:first-child>.accordion-group .accordion-toggle {
    border-top: 0
}

#search-list-page--filters-container.filters-search .accordion-group .accordion-body .show-all {
    height: auto
}

#search-list-page--filters-container.filters-search .accordion-group .accordion-body .show-all a {
    display: block;
    color: #f1823c;
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-align: center;
    text-transform: none;
    text-decoration: underline;
    padding: 13px 10px 12px 8px;
    cursor: pointer
}

#search-list-page--filters-container.filters-search .accordion-group .accordion-body .facet_block-label {
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

#search-list-page--filters-container.filters-search .accordion-group .accordion-body .facet_block-label input {
    visibility: hidden;
    position: absolute
}

#search-list-page--filters-container.filters-search .accordion-group .accordion-body .facet_block-label .input--checkbox {
    position: absolute;
    margin: 3px 0px 6px -20px;
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 3px;
    color: #fff;
    border: 1px solid #7a7a7a;
    background-color: #F4F4F4
}

@media screen and (max-width: 767px) {
    #search-list-page--filters-container.filters-search .accordion-group .accordion-body .facet_block-label .input--checkbox {
        margin: 3px 0px 6px -20px
    }
}

#search-list-page--filters-container.filters-search .accordion-group .accordion-body .facet_block-label .input--checkbox::after {
    content: '';
    display: block;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    left: 4px;
    top: 1px;
    position: relative;
    opacity: 0
}

#search-list-page--filters-container.filters-search .accordion-group .accordion-body .facet_block-label input:checked+.input--checkbox {
    background-color: #f38230;
    border-color: #f38230
}

#search-list-page--filters-container.filters-search .accordion-group .accordion-body .facet_block-label input:checked+.input--checkbox:after {
    opacity: 1
}

#search-list-page--filters-btn {
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    position: fixed;
    background-color: #fff;
    box-shadow: compact(0px -2px 11px 0px rgba(49, 48, 48, 0.21), false, false, false, false, false, false, false, false, false);
    padding: 20px;
    visibility: visible
}

#search-list-page--filters-btn .btn-primary {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    border-radius: 35px;
    font-size: 14px;
    font-size: 1.4rem;
    background-color: #948e88;
    height: 50px;
    text-transform: uppercase
}

#accordionFiltersProd {
    background-color: #fff
}

.scroll-filters .vos-filtres {
    background-color: #fff;
    margin-bottom: 13px
}

@media screen and (min-width: 768px) {
    .scroll-filters .vos-filtres {
        margin-bottom: 20px
    }
}

.scroll-filters .vos-filtres .crumbs {
    margin: 28px 22px 40px 22px
}

@media screen and (max-width: 767px) {
    .scroll-filters .vos-filtres .crumbs {
        margin: 28px 23px 13px 13px
    }
}

.scroll-filters .vos-filtres .crumbs .crumb:not(.reset) {
    display: table;
    position: relative;
    padding: 3px 26px 3px 8px;
    margin: 5px 5px 5px 0;
    border: 1px solid #dbdde1;
    background-color: transparent;
    font-family: EurostileNextLTPro-Regular, arial, helvetica, sans-serif;
    border-radius: 5px
}

.scroll-filters .vos-filtres .crumbs .crumb:not(.reset) a {
    vertical-align: middle;
    margin-left: 5px;
    float: right;
    width: 2%;
    position: absolute;
    padding: 0 0 10px 4px;
    color: #a2a2a2;
    font-size: 23px
}

.scroll-filters .vos-filtres .crumbs .crumb:not(.reset) span:not(.reset) {
    float: left;
    display: block;
    width: 100%;
    word-wrap: break-word;
    text-transform: lowercase
}

.scroll-filters .vos-filtres .crumbs .crumb:not(.reset) span:not(.reset):first-letter {
    text-transform: uppercase
}

.scroll-filters .vos-filtres .crumbs .crumb:not(.reset) .reset {
    padding: 0
}

.scroll-filters .vos-filtres .crumbs .reset-filters {
    text-align: right;
    margin-top: 22px
}

@media screen and (max-width: 767px) {
    .scroll-filters .vos-filtres .crumbs .reset-filters {
        padding-bottom: 11px
    }
}

.scroll-filters .vos-filtres .crumbs .reset-filters .reset {
    display: block;
    color: #f1823c;
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-align: right;
    text-transform: none;
    text-decoration: underline;
    height: 20px;
    padding: 0
}

@media screen and (max-width: 767px) {
    .scroll-filters .vos-filtres .crumbs .reset-filters .reset {
        padding-bottom: 43px
    }
}

@media screen and (min-width: 768px) {
    .scroll-filters .vos-filtres .crumbs .reset-filters .reset {
        height: 53px
    }
}

.scroll-filters .filters-title {
    height: 64px;
    text-align: center;
    padding: 24px 0 27px 0;
    border-bottom: 1px solid #eaeeef;
    color: #2a2622;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 15px;
    font-size: 1.5rem;
    text-transform: uppercase;
    background-color: white
}

#accordionFiltersProd {
    background-color: #fff
}

#accordionFiltersAccessories .accordion-toggle.collapsed {
    border-top: 1px solid #dbdde1;
    margin-top: -1px
}

.checkoutProgress {
    height: 38px;
    padding-right: 40px
}

.rtl .checkoutProgress {
    padding-right: 0px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .checkoutProgress {
        padding-right: 0
    }

    .rtl .checkoutProgress {
        padding-left: 0
    }
}

.cart-steps {
    padding: 180px 0 0 0;
    position: relative;
    width: 100%
}

@media screen and (max-width: 768px) {
    .cart-steps {
        padding: 53px 0 0 0
    }
}

.cart-steps ul {
    margin: 0;
    display: inline-block;
    width: 100%;
    background: #dedfe4
}

.cart-steps ul li {
    line-height: 12px;
    background: url("../img/bg/bg-cart-steps.jpg") no-repeat -330px 0 transparent;
    height: 38px;
    position: relative;
    -moz-box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 20px;
    min-height: 38px;
    min-width: 17%;
    max-width: 20%;
    width: auto;
    text-align: center;
    z-index: 1
}

.rtl .cart-steps ul li {
    float: right;
    margin-left: 0
}

.cart-steps ul li a {
    color: #171413;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem
}

.cart-steps ul li a:hover {
    color: #171413
}

.cart-steps ul li.completed a {
    color: #f38230
}

.cart-steps ul li:first-child {
    margin-left: 0
}

.rtl .cart-steps ul li:first-child {
    margin-right: 0
}

.cart-steps ul li .ender {
    position: absolute;
    height: 38px;
    background: url("../img/bg/bg-cart-steps.jpg") no-repeat -600px 0 transparent;
    width: 35px;
    top: 0;
    right: -20px
}

.rtl .cart-steps ul li .ender {
    left: -12px;
    right: auto;
    background-position: -310px -76px
}

.cart-steps ul li:last-child .ender,
.cart-steps ul li.last-child .ender {
    background-position: -915px 0
}

.cart-steps ul li a {
    display: block;
    line-height: 38px;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 20px;
    cursor: default;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .cart-steps ul li a {
        display: table-cell;
        line-height: 16px;
        height: inherit
    }
}

.cart-steps ul li.active a,
.cart-steps ul li.completed a,
.cart-steps ul li.before-active a {
    cursor: pointer
}

.cart-steps a:hover,
.cart-steps a:active,
.cart-steps a:focus {
    color: #171413;
    text-decoration: none
}

.cart-steps ul li.active {
    background-position: -70px 0;
    background: #f38230
}

.cart-steps ul li.active a {
    color: #FFF
}

@media screen and (max-width: 900px) {
    .cart-steps ul li.active a {
        text-transform: uppercase
    }
}

.cart-steps ul li.active .ender {
    background-position: -290px 0
}

.rtl .cart-steps ul li.active .ender {
    background-position: -616px -76px
}

.cart-steps ul li.before-active .ender {
    background-position: -33px 0
}

.rtl .cart-steps ul li.before-active .ender {
    background-position: -876px -76px
}

.cart-steps ul li:first-child.active .ender {
    background-position: -290px 0
}

.rtl .cart-steps ul li:first-child.active .ender {
    background-position: -616px -76px
}

.cart-steps ul li:last-child.active .ender,
.cart-steps ul li.last-child.active .ender {
    background-position: -290px 0
}

.rtl .cart-steps ul li:last-child.active .ender,
.rtl .cart-steps ul li.last-child.active .ender {
    background-position: -616px -76px
}

.cart-steps ul li.last-child .ender {
    z-index: 10000
}

.cart-steps .print {
    position: absolute;
    top: 180px;
    right: 0;
    padding-left: 20px;
    height: 38px;
    font-size: 0;
    background: #fff;
    border: 1px solid #dedfe4;
    z-index: 2
}

.rtl .cart-steps .print {
    left: 0;
    right: auto;
    z-index: 10
}

.cart-steps .print span,
.cart-steps .print>a {
    white-space: nowrap;
    color: #232120;
    line-height: 39px;
    float: right;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    margin-right: 5px
}

.cart-steps .print a {
    display: block;
    height: 36px;
    padding-right: 10px;
    text-align: center
}

.cart-steps .print a:hover span {
    color: #f38230
}

.cart-steps .print i {
    background: url("../img/icon/icon-print.png") no-repeat 0 0;
    width: 28px;
    height: 25px;
    float: right;
    margin: 6px 4px 0 6px
}

.cart-steps .print i:before {
    display: none
}

.cart-list-table {
    width: 100%;
    margin: 0 auto
}

.cart-list-table table th {
    text-align: left
}

.rtl .cart-list-table table th {
    text-align: right
}

.cart-list-table table th.text-center {
    text-align: center
}

.cart-list-table table th.text-right {
    text-align: left
}

.rtl .cart-list-table table th.text-right {
    text-align: right
}

.cart-list-table table th:first-child {
    padding-left: 75px
}

.cart-list-table thead {
    font-size: 16px;
    font-size: 1.6rem;
    color: #171413;
    border-bottom: 1px solid #bebdbd
}

.cart-list-table thead th {
    font-weight: 100;
    padding: 10px
}

.cart-list-table tfoot {
    border-top: 1px solid #eaeeef;
    background-color: #fff
}

.cart-list-table tfoot th {
    font-weight: 100;
    padding: 10px
}

.cart-list-table tbody h4 {
    color: #50535d;
    margin: 0 0 5px 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase
}

.cart-list-table tbody h4+p,
.cart-list-table tbody .krups-block-univers .krups-block-wrapper h4+div,
.krups-block-univers .krups-block-wrapper .cart-list-table tbody h4+div {
    color: #948e88;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase
}

.cart-list-table tbody .ref {
    color: #9599a4;
    font-size: 16px;
    font-size: 1.6rem
}

.cart-list-table tbody .qte {
    color: #171413;
    font-size: 16px;
    font-size: 1.6rem
}

.cart-list-table tbody p,
.cart-list-table tbody .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .cart-list-table tbody div {
    margin: 0
}

.cart-list-table tbody td {
    border: 0;
    padding: 16px 10px;
    vertical-align: middle
}

.cart-list-table tbody td.promotion,
.cart-list-table tbody td.qte {
    text-align: center
}

.page-cart .cart-list-table tbody td:first-child,
.page-order .cart-list-table tbody td:first-child,
.page-CartPage .cart-list-table tbody td:first-child {
    width: 1px;
    padding: 0;
    font-size: 0
}

.page-cart .cart-list-table tbody td:nth-child(2),
.page-order .cart-list-table tbody td:nth-child(2),
.page-CartPage .cart-list-table tbody td:nth-child(2) {
    width: 20%
}

.page-cart .cart-list-table tbody td:nth-child(3),
.page-order .cart-list-table tbody td:nth-child(3),
.page-CartPage .cart-list-table tbody td:nth-child(3) {
    width: 25%;
    padding: 16px 16px 16px 0
}

.rtl .page-cart .cart-list-table tbody td:nth-child(3),
.rtl .page-order .cart-list-table tbody td:nth-child(3),
.rtl .page-CartPage .cart-list-table tbody td:nth-child(3) {
    padding: 16px 0 16px 16px;
    text-align: right
}

.page-cart .cart-list-table tbody td:nth-child(4),
.page-order .cart-list-table tbody td:nth-child(4),
.page-CartPage .cart-list-table tbody td:nth-child(4) {
    width: 15%
}

.page-cart .cart-list-table tbody td:nth-child(5),
.page-order .cart-list-table tbody td:nth-child(5),
.page-CartPage .cart-list-table tbody td:nth-child(5) {
    width: 20%
}

.page-cart .cart-list-table tbody td:nth-child(6),
.page-order .cart-list-table tbody td:nth-child(6),
.page-CartPage .cart-list-table tbody td:nth-child(6) {
    width: 25%
}

.page-cart .cart-list-table tbody td:nth-child(6) .pull-right,
.page-order .cart-list-table tbody td:nth-child(6) .pull-right,
.page-CartPage .cart-list-table tbody td:nth-child(6) .pull-right {
    float: none
}

.cart-list-table tbody td .picture {
    height: 93px;
    width: 100%;
    text-align: left;
    margin: 0;
    position: relative;
    padding: 5px
}

.rtl .cart-list-table tbody td .picture {
    text-align: right
}

.page-CartPage .cart-list-table tbody td .picture {
    padding-left: 70px
}

@media screen and (max-width: 768px) {
    .page-CartPage .cart-list-table tbody td .picture {
        padding-left: 5px;
        height: auto;
        text-align: center
    }

    .rtl .page-CartPage .cart-list-table tbody td .picture {
        padding-right: 5px
    }
}

.cart-list-table tbody td .picture .sticker {
    transform: scale(.8, .8);
    transform-origin: 0 0
}

.cart-list-table tbody td .picture .sticker .picture {
    width: auto;
    height: auto;
    background: transparent;
    padding: 0
}

.cart-list-table tbody td .picture img {
    height: 100%;
    width: auto
}

@media screen and (max-width: 768px) {
    .cart-list-table tbody td .picture img {
        max-width: 50%;
        display: block;
        margin: 0 auto;
        height: auto
    }
}

.cart-list-table .product-detail {
    font-size: 30px;
    font-size: 3rem;
    position: relative;
    z-index: 10;
    overflow: hidden;
    width: auto;
    padding: 0;
    float: none;
    margin: 0;
    line-height: 1.6em;
    background-color: transparent;
    text-align: center;
    color: #50535d
}

.rtl .cart-list-table .product-detail {
    text-align: right
}

@media screen and (max-width: 768px) {
    .rtl .cart-list-table .product-detail {
        text-align: center
    }
}

.page-OrderConfirmationPage .cart-list-table .product-detail {
    text-align: right
}

.rtl .page-OrderConfirmationPage .cart-list-table .product-detail {
    text-align: left;
    padding-left: 50px
}

@media screen and (max-width: 768px) {
    .page-OrderConfirmationPage .cart-list-table .product-detail {
        padding: 0;
        text-align: center
    }
}

.cart-list-table .product-detail .value {
    white-space: nowrap
}

.cart-list-table tfoot tr:first-child+tr td {
    border-top: 1px solid rgba(0, 0, 0, 0.2)
}

.rtl .cart-list-table tfoot tr:first-child+tr td strong {
    float: right
}

.rtl .cart-list-table tfoot tr:first-child+tr td form {
    text-align: right
}

.rtl .cart-list-table tfoot tr:first-child+tr td small {
    float: right
}

.cart-list-table tfoot tr:first-child+tr .pull-right {
    float: none
}

.cart-list-table tfoot td {
    vertical-align: middle;
    text-align: right;
    padding: 20px
}

.rtl .cart-list-table tfoot td {
    text-align: left
}

.cart-list-table tfoot td label {
    width: 28%;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    margin: 0;
    text-align: left;
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
    padding-bottom: 15px;
    line-height: 50px
}

.rtl .cart-list-table tfoot td label {
    text-align: right;
    float: right
}

@media screen and (max-width: 768px) {
    .cart-list-table tfoot td label {
        display: block;
        text-align: center;
        float: none;
        width: 100%
    }
}

.cart-list-table tfoot form {
    margin: 0;
    overflow: hidden
}

.cart-list-table tfoot form#FormPromotion {
    width: 55%;
    float: right
}

.rtl .cart-list-table tfoot form#FormPromotion {
    float: left
}

@media screen and (max-width: 900px) {
    .cart-list-table tfoot form#FormPromotion {
        width: 100%;
        text-align: center;
        font-size: 14px;
        font-size: 1.4rem
    }
}

.cart-list-table tfoot form .krups-btn-gray {
    min-width: 80px;
    border-radius: 30px 30px;
    width: 10%;
    display: inline-block;
    float: left;
    margin: 0 0 0 3%;
    background-color: #948e88;
    border: none
}

.rtl .cart-list-table tfoot form .krups-btn-gray {
    float: right;
    margin: 0 3% 0 0
}

.cart-list-table tfoot form .krups-btn-gray:hover {
    background-color: #a19a94
}

.cart-list-table tfoot .content-promo {
    width: 50%;
    float: right;
    font-size: 14px;
    font-size: 1.4rem;
    position: relative;
    padding-right: 30px;
    padding-bottom: 15px
}

.rtl .cart-list-table tfoot .content-promo {
    float: left;
    padding-left: 30px
}

@media screen and (max-width: 900px) {
    .cart-list-table tfoot .content-promo {
        float: none;
        text-align: center
    }
}

.cart-list-table tfoot .content-promo form#FormPromotion {
    display: inline-block;
    float: left;
    text-align: left
}

.rtl .cart-list-table tfoot .content-promo form#FormPromotion {
    float: right;
    text-align: right
}

@media screen and (max-width: 900px) {
    .cart-list-table tfoot .content-promo form#FormPromotion {
        text-align: center
    }
}

.cart-list-table tfoot .content-promo .promo-amount {
    font-size: 22px;
    font-size: 2.2rem;
    display: inline-block;
    color: #f38230
}

@media screen and (max-width: 900px) {
    .cart-list-table tfoot .content-promo .promo-amount {
        padding-top: 10px;
        float: none
    }
}

.cart-list-table tfoot .content-promo .close {
    position: absolute;
    right: 0;
    top: 0;
    background: #dadada;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    opacity: 1;
    overflow: hidden;
    font-size: 0
}

.rtl .cart-list-table tfoot .content-promo .close {
    left: 0;
    right: auto
}

.cart-list-table tfoot .content-promo .close::after {
    content: "\e61f";
    font-family: ico;
    display: inline-block;
    color: #fff;
    font-size: 8px;
    font-size: .8rem;
    line-height: 21px
}

.cart-list-table tfoot .input-medium {
    border-radius: 0;
    height: 50px;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 18px;
    box-shadow: none;
    border: 1px solid #eaeeef;
    border-radius: 10px;
    margin: 0;
    width: 52%;
    float: none;
    display: block;
    float: left
}

.rtl .cart-list-table tfoot .input-medium {
    float: right
}

.cart-list-table tfoot .btn {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-size: 1.6rem
}

.rtl .cart-list-table tfoot .btn {
    float: right
}

.cart-list-table tfoot .msg.error {
    padding: 0;
    text-align: left
}

.rtl .cart-list-table tfoot .msg.error {
    text-align: right
}

@media screen and (max-width: 1200px) {
    .cart-list-table tfoot .msg.error {
        padding-left: 0
    }

    .rtl .cart-list-table tfoot .msg.error {
        padding-right: 0
    }
}

.cart-list-table tfoot strong {
    font-size: 14.5px;
    font-size: 1.45rem
}

.rtl .cart-list-table tfoot strong {
    margin: 0 0 0 10px
}

.cart-list-table tfoot small a {
    font-size: 12px;
    font-size: 1.2rem;
    color: #232120
}

.cart-list-table tfoot .msg {
    font-size: 13px;
    font-size: 1.3rem;
    display: block;
    padding-left: 33px;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    clear: both
}

.rtl .cart-list-table tfoot .msg {
    padding-right: 33px;
    text-align: right
}

.rtl .cart-list-table tfoot .msg {
    float: right
}

.cart-list-table tfoot .msg.error {
    color: #e2001a
}

.cart-list-table tfoot .msg.valid {
    color: #00ead7
}

.page-CartPage .cart-list-table .product-detail {
    text-align: right;
    margin-right: 15px;
    float: right;
    line-height: 30px
}

.rtl .page-CartPage .cart-list-table .product-detail {
    text-align: left;
    margin-left: 15px;
    float: left
}

@media screen and (max-width: 768px) {
    .page-CartPage .cart-list-table .product-detail {
        text-align: center
    }
}

.cart-list-table .product-detail .DocLegal {
    font-size: 14px;
    font-size: 1.4rem
}

.cart-list-table .product-detail .value {
    font-size: 30px;
    font-size: 3rem;
    color: #50535d;
    line-height: 50px;
    text-align: center;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-weight: normal
}

.cart-list-table .product-detail .oldprice {
    text-decoration: line-through;
    color: #f38230;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    text-align: center
}

.table-striped tbody>tr:nth-child(odd)>td,
.table-striped tbody>tr:nth-child(odd)>th {
    background: #fff
}

.table-striped tbody>tr:nth-child(even)>td,
.table-striped tbody>tr:nth-child(even)>th {
    background: #f5f7f7
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
    border-radius: 0
}

.quantity .msg {
    margin: 5px 0;
    font-size: 11px;
    font-size: 1.1rem
}

.quantity .msg.assurance span {
    color: #00ead7
}

.quantity .msg.error a {
    text-decoration: none
}

.quantity .msg.error a:hover {
    color: #eaeeef
}

.quantity form {
    margin: 0
}

.quantity .input-append,
.quantity .input-prepend {
    margin: 0
}

.quantity .input-append button.add-on,
.quantity .input-append button.add-on,
.quantity .input-prepend button.add-on,
.quantity .input-prepend button.add-on {
    width: 40px;
    height: 35px;
    background: #948e88;
    color: #fff;
    padding: 0;
    margin: 0;
    text-shadow: 0 0 0 transparent;
    font-size: 22px;
    font-size: 2.2rem;
    transition: all 0.3s;
    border-radius: 0;
    border: none
}

.quantity .input-append button.add-on:nth-child(2),
.quantity .input-append button.add-on:nth-child(2),
.quantity .input-prepend button.add-on:nth-child(2),
.quantity .input-prepend button.add-on:nth-child(2) {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px
}

.rtl .quantity .input-append button.add-on:nth-child(2),
.rtl .quantity .input-append button.add-on:nth-child(2),
.rtl .quantity .input-prepend button.add-on:nth-child(2),
.rtl .quantity .input-prepend button.add-on:nth-child(2) {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
}

.quantity .input-append button.add-on:last-child,
.quantity .input-append button.add-on:last-child,
.quantity .input-prepend button.add-on:last-child,
.quantity .input-prepend button.add-on:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}

.rtl .quantity .input-append button.add-on:last-child,
.rtl .quantity .input-append button.add-on:last-child,
.rtl .quantity .input-prepend button.add-on:last-child,
.rtl .quantity .input-prepend button.add-on:last-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px
}

.quantity .input-append button.add-on.plus-button,
.quantity .input-append button.add-on.plus-button,
.quantity .input-prepend button.add-on.plus-button,
.quantity .input-prepend button.add-on.plus-button {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px
}

.rtl .quantity .input-append button.add-on.plus-button,
.rtl .quantity .input-append button.add-on.plus-button,
.rtl .quantity .input-prepend button.add-on.plus-button,
.rtl .quantity .input-prepend button.add-on.plus-button {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
}

.quantity .input-append button.add-on.minus-button,
.quantity .input-append button.add-on.minus-button,
.quantity .input-prepend button.add-on.minus-button,
.quantity .input-prepend button.add-on.minus-button {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}

.rtl .quantity .input-append button.add-on.minus-button,
.rtl .quantity .input-append button.add-on.minus-button,
.rtl .quantity .input-prepend button.add-on.minus-button,
.rtl .quantity .input-prepend button.add-on.minus-button {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px
}

.quantity .input-append button.add-on:hover,
.quantity .input-append button.add-on:hover,
.quantity .input-prepend button.add-on:hover,
.quantity .input-prepend button.add-on:hover {
    background: #a19a94;
    color: #fff
}

.quantity .input-append button.add-on:disabled,
.quantity .input-append button.add-on:disabled,
.quantity .input-prepend button.add-on:disabled,
.quantity .input-prepend button.add-on:disabled {
    cursor: not-allowed;
    background: #d1ccc7
}

.quantity .input-append .span2,
.quantity .input-append #qty,
.quantity .input-append #quantity,
.quantity .input-prepend .span2,
.quantity .input-prepend #qty,
.quantity .input-prepend #quantity {
    font-size: 16px;
    font-size: 1.6rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    width: 60px;
    border: 1px solid #eaeeef;
    border-left: 0;
    border-radius: 0;
    height: 35px;
    text-align: center;
    min-height: 27px;
    box-shadow: none
}

.rtl .quantity .input-append .span2,
.rtl .quantity .input-append #qty,
.rtl .quantity .input-append #quantity,
.rtl .quantity .input-prepend .span2,
.rtl .quantity .input-prepend #qty,
.rtl .quantity .input-prepend #quantity {
    border-right: 0;
    float: none
}

.submitRemoveProduct {
    float: right;
    line-height: 55px;
    width: 25px;
    text-align: right;
    margin: 0 0 0 0
}

.rtl .submitRemoveProduct {
    float: left
}

.submitRemoveProduct .icon-trash {
    background: url("../img/icon/icon-trash.png") no-repeat 0 0;
    width: 17px;
    height: 17px;
    display: inline-block
}

.submitRemoveProduct .icon-trash:before {
    display: none
}

.tunnel hr {
    display: none
}

.total-cart,
.cart-action,
.delivery-cost {
    width: 960px;
    margin: 0 auto;
    clear: both
}

.total-cart .skip,
.cart-action .skip,
.delivery-cost .skip {
    color: #e2001a
}

.total-cart {
    float: right;
    *zoom: 1
}

.page-CartPage .total-cart {
    width: 50%
}

.total-cart:before,
.total-cart:after {
    content: " ";
    display: table
}

.total-cart:after {
    clear: both
}

.rtl .total-cart {
    float: left
}

.total-cart .row-fluid {
    float: right;
    height: 100%
}

.rtl .total-cart .row-fluid {
    float: left
}

.total-cart .row-fluid .span8:first-child {
    float: right;
    width: 100%
}

.rtl .total-cart .row-fluid .span8:first-child {
    float: left
}

.total-cart .row-fluid .span8 {
    margin: 0;
    width: auto;
    clear: none
}

.total-cart .row-fluid .span8:empty {
    display: none
}

.total-cart .row-fluid .span4 {
    margin: 0;
    width: 100%;
    float: right;
    padding: 0;
    height: 100%;
    clear: both;
    border-bottom: 1px solid #eaeeef
}

.order_history_information .total-cart .row-fluid .span4 {
    padding: 0 10px 0 0
}

.rtl .total-cart .row-fluid .span4 {
    float: left
}

.order_history_information .rtl .total-cart .row-fluid .span4 {
    padding: 0 0 0 10px
}

.total-cart .row-fluid table {
    height: 64px
}

.total-cart .row-fluid .total-cart-detail {
    height: 100%;
    background: #fff;
    padding: 0 15px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .total-cart .row-fluid .total-cart-detail {
        width: 100%;
        padding: 0 10px
    }
}

.total-cart .row-fluid .total-cart-detail table {
    width: 100%;
    height: 51px
}

@media screen and (max-width: 768px) {
    .total-cart .row-fluid .total-cart-detail table {
        margin-top: 10px
    }
}

.total-cart .row-fluid .span12 {
    padding: 22px 0;
    font-size: 14.5px;
    font-size: 1.45rem
}

@media screen and (max-width: 768px) {
    .total-cart .row-fluid .span12 {
        padding: 22px 15px
    }
}

.total-cart .row-fluid .span12 input[type=CHECKBOX] {
    display: inline-block;
    margin: 0
}

.total-cart .row-fluid .span12 p.text-right,
.total-cart .row-fluid .span12 .krups-block-univers .krups-block-wrapper div.text-right,
.krups-block-univers .krups-block-wrapper .total-cart .row-fluid .span12 div.text-right {
    margin: 0 0 5px
}

.total-cart .row-fluid .span12 p.text-right label,
.total-cart .row-fluid .span12 .krups-block-univers .krups-block-wrapper div.text-right label,
.krups-block-univers .krups-block-wrapper .total-cart .row-fluid .span12 div.text-right label {
    display: inline
}

.total-cart .row-fluid .span12 label,
.total-cart .row-fluid .span12 p,
.total-cart .row-fluid .span12 .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .total-cart .row-fluid .span12 div,
.total-cart .row-fluid .span12 form {
    margin: 0
}

.total-cart .total th {
    font-size: 22px;
    font-size: 2.2rem;
    text-transform: uppercase;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    padding: 0 20px 0 0;
    text-align: left;
    font-weight: normal
}

.rtl .total-cart .total th {
    text-align: right
}

.total-cart .total td {
    font-size: 30px;
    font-size: 3rem;
    color: #f38230;
    text-align: right;
    text-transform: uppercase;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-weight: normal
}

.rtl .total-cart .total td {
    text-align: left
}

@media screen and (max-width: 768px) {
    .total-cart .total td {
        font-size: 22px;
        font-size: 2.2rem
    }
}

.total-cart .icon-info-sign {
    color: #f38230;
    font-size: 17px;
    font-size: 1.7rem;
    margin: -3px 0 0 3px
}

.rtl .total-cart .icon-info-sign {
    margin: -3px 3px 0 0
}

.delivery-cost {
    overflow: hidden;
    padding: 15px;
    margin-bottom: 20px;
    width: 50%;
    float: right
}

.rtl .delivery-cost {
    float: left
}

.page-CartPage .delivery-cost {
    padding: 15px;
    background: #fff
}

.delivery-cost p,
.delivery-cost .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .delivery-cost div {
    display: none
}

.delivery-cost .pull-left {
    width: 63%;
    text-align: left
}

.rtl .delivery-cost .pull-left {
    float: right
}

.delivery-cost .pull-right {
    padding: 0 0 0 0;
    width: 34%;
    text-align: right;
    line-height: 38px;
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-weight: normal
}

.rtl .delivery-cost .pull-right {
    padding: 0 0 0 15px;
    text-align: left;
    float: left
}

.delivery-cost .pull-right strong {
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-weight: normal
}

.delivery-cost h5,
.delivery-cost #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .delivery-cost .messages-area>.h5,
.delivery-cost #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .delivery-cost .elements-suggestion-area>h5,
.delivery-cost #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .delivery-cost .elements-suggestion-area>.h5 {
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-align: left;
    font-weight: normal
}

.rtl .delivery-cost h5,
.rtl .delivery-cost #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .rtl .delivery-cost .messages-area>.h5,
.rtl .delivery-cost #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .rtl .delivery-cost .elements-suggestion-area>h5,
.rtl .delivery-cost #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .rtl .delivery-cost .elements-suggestion-area>.h5 {
    text-align: right;
    padding: 0 15px 0 0
}

.delivery-cost small {
    font-size: 13px;
    font-size: 1.3rem;
    color: #9599a4;
    clear: both
}

.rtl .delivery-cost small {
    float: right;
    padding: 0 15px 0 0
}

.cart-action {
    padding: 0;
    text-align: right;
    margin: 10px 0 0 0;
    float: inherit;
    width: 100%
}

.rtl .cart-action {
    text-align: left
}

@media screen and (max-width: 768px) {
    .rtl .cart-action {
        text-align: center
    }
}

.cart-action .btn {
    background: #f38230;
    color: #fff;
    width: auto;
    margin: 0 0 0 10px;
    font-size: 14px;
    font-size: 1.4rem;
    transition: all 0.4s;
    padding: 17px 25px;
    border-radius: 50px;
    line-height: inherit
}

.rtl .cart-action {
    margin: 0 16px 0 0
}

@media screen and (max-width: 768px) {
    .rtl .cart-action {
        margin: 0 0 10px
    }
}

.cart-action.btn-action {
    background: #fff;
    display: inline-block
}

.cart-action.btn-action:hover {
    background: #c10218;
    color: #fff
}

.cart-action .krups-btn.krups-btn-gray,
.cart-action .panel-services-contact .more a.krups-btn-gray,
.panel-services-contact .more .cart-action a.krups-btn-gray {
    background-color: #948e88;
    border: none
}

.cart-action .krups-btn.krups-btn-gray:hover,
.cart-action .panel-services-contact .more a.krups-btn-gray:hover,
.panel-services-contact .more .cart-action a.krups-btn-gray:hover {
    background-color: #a19a94
}

.returning-user {
    border-bottom: 1px solid #dadada;
    margin: 30px auto;
    padding-bottom: 80px;
    width: 605px;
    font-family: inherit;
    font-size: 18px;
    font-size: 1.8rem
}

.returning-user .forgotten-pwd {
    margin: 0 130px 25px 0;
    line-height: 1.1em;
    padding-top: 5px;
    text-align: right
}

.rtl .returning-user .forgotten-pwd {
    margin: 0 0 25px 130px;
    text-align: left
}

.returning-user .forgotten-pwd a {
    color: #bebdbd;
    font-size: 14px;
    font-size: 1.4rem
}

.returning-user .forgotten-pwd a:hover {
    text-decoration: underline
}

.returning-user #CartLoginForm {
    background: #ffffff;
    padding-left: 10px
}

.rtl .returning-user #CartLoginForm {
    padding-right: 10px
}

.returning-user #CartLoginForm .control-group:first-child,
.returning-user #CartLoginForm .control-group:first-child+.control-group {
    background: #ffffff;
    margin-bottom: 0;
    padding: 8px 20px 8px 8px
}

.rtl .returning-user #CartLoginForm .control-group:first-child,
.rtl .returning-user #CartLoginForm .control-group:first-child+.control-group {
    padding: 8px 8px 8px 20px
}

.returning-user #CartLoginForm .control-group:first-child+.control-group {
    padding-bottom: 2px;
    padding-top: 16px
}

.returning-user #CartLoginForm .control-submit .controls {
    margin: 0 !important;
    width: 100%;
    text-align: center
}

.returning-user #CartLoginForm .control-submit .controls .btn {
    padding: 17px 45px
}

@media screen and (max-width: 768px) {
    .returning-user {
        margin: 0 auto;
        width: 100%;
        padding-bottom: 50px
    }

    .returning-user .forgotten-pwd {
        float: right;
        margin: 0 0 25px 0;
        padding-right: 10px;
        position: relative
    }

    .rtl .returning-user .forgotten-pwd {
        float: left;
        margin: 0 0 25px 0;
        padding-left: 10px
    }

    .returning-user #CartLoginForm {
        margin: 40px 0 0;
        padding: 6px 0 20px
    }

    .returning-user #CartLoginForm .control-submit .controls {
        margin: 0 8px 0 0 !important;
        float: right
    }

    .rtl .returning-user #CartLoginForm .control-submit .controls {
        margin: 0 0 0 8px !important;
        float: left
    }

    .returning-user #CartLoginForm .control-group:first-child,
    .returning-user #CartLoginForm .control-group:first-child+.control-group {
        padding: 8px
    }
}

#FormCaptcha .control-group {
    background: none;
    padding: 8px 0 5px 125px;
    border: 0
}

@media screen and (max-width: 768px) {
    #FormCaptcha .control-group {
        width: 100%;
        padding: 8px 0 5px
    }
}

#FormCaptcha .control-group .g-recaptcha {
    width: 230px;
    margin: 0 0 0 180px
}

@media screen and (max-width: 768px) {
    #FormCaptcha .control-group .g-recaptcha {
        width: 245px;
        margin: 0
    }
}

#FormCaptcha .control-group .row-fluid {
    background: #313131;
    padding: 15px;
    border-top: 1px solid #faf7f7
}

#FormCaptcha .control-group .row-fluid .recaptcha_input_area input {
    border-color: #000 !important;
    height: 22px;
    line-height: 1.25em
}

#CartLoginForm .controls,
#FormCreateProfile .controls {
    margin-left: 180px
}

.rtl #CartLoginForm .controls,
.rtl #FormCreateProfile .controls {
    margin-left: 0 !important;
    margin-right: 180px
}

@media screen and (max-width: 768px) {

    .rtl #CartLoginForm .controls,
    .rtl #FormCreateProfile .controls {
        margin: 0
    }
}

#CartLoginForm .controls select,
#CartLoginForm .controls input[class="TEXT"],
#CartLoginForm .controls input[class="PASSWORD"],
#FormCreateProfile .controls select,
#FormCreateProfile .controls input[class="TEXT"],
#FormCreateProfile .controls input[class="PASSWORD"] {
    float: right
}

.rtl #CartLoginForm .controls select,
.rtl #CartLoginForm .controls input[class="TEXT"],
.rtl #CartLoginForm .controls input[class="PASSWORD"],
.rtl #FormCreateProfile .controls select,
.rtl #FormCreateProfile .controls input[class="TEXT"],
.rtl #FormCreateProfile .controls input[class="PASSWORD"] {
    float: left
}

#FormCreateProfile {
    margin: 25px 95px;
    overflow: hidden;
    background: #ffffff;
    padding-bottom: 20px
}

#FormCreateProfile .controls {
    margin-left: 180px
}

.rtl #FormCreateProfile .controls {
    margin-right: 180px
}

@media screen and (max-width: 1024px) {
    #FormCreateProfile {
        text-align: center
    }
}

@media screen and (max-width: 768px) {
    #FormCreateProfile {
        margin: 40px 0 0
    }

    #FormCreateProfile .text-center {
        float: right
    }

    .rtl #FormCreateProfile .text-center {
        float: left
    }
}

#FormCreateProfile .register-conditions {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;
    padding-left: 50px;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.rtl #FormCreateProfile .register-conditions {
    text-align: right;
    padding-right: 50px
}

@media screen and (max-width: 900px) {
    #FormCreateProfile .register-conditions {
        padding: 10px;
        min-width: inherit
    }
}

#FormCreateProfile .register-conditions .accept {
    padding-left: 10px
}

.rtl #FormCreateProfile .register-conditions .accept {
    padding-right: 10px
}

#FormCreateProfile .skip {
    display: block;
    text-align: right;
    clear: both
}

.rtl #FormCreateProfile .skip {
    text-align: left
}

#FormCreateProfile .skip span {
    color: #e2001a;
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: none
}

.g-recaptcha {
    transform: scale(0.81);
    transform-origin: 0 0;
    margin-left: 180px
}

.rtl .g-recaptcha {
    transform-origin: 100% 0;
    margin-right: 180px
}

@media screen and (max-width: 768px) {
    .g-recaptcha {
        margin: 0 -50px -12px 8px;
        float: right
    }

    .rtl .g-recaptcha {
        margin: 0 8px -12px -50px;
        float: left
    }
}

@media screen and (max-width: 768px) {

    .addrBookContainer,
    #AddressManager,
    .addrBookContainer {
        padding: 20px
    }
}

.addrBookContainer .span4,
#AddressManager .span4,
.addrBookContainer .span4 {
    background: #fff;
    margin-top: 0;
    padding: 19px 28px;
    position: relative;
    min-height: 119px;
    margin-bottom: 2.127659574468085%
}

.rtl .addrBookContainer .span4,
.rtl #AddressManager .span4,
.rtl .addrBookContainer .span4 {
    float: right;
    margin-left: 0;
    margin-right: 2.127659574468085%
}

.addrBookContainer .span4:nth-child(3n+4),
#AddressManager .span4:nth-child(3n+4),
.addrBookContainer .span4:nth-child(3n+4) {
    margin-left: 0
}

.rtl .addrBookContainer .span4:nth-child(3n+4),
.rtl #AddressManager .span4:nth-child(3n+4),
.rtl .addrBookContainer .span4:nth-child(3n+4) {
    margin-right: 0
}

.addrBookContainer .span4 p,
.addrBookContainer .span4 .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .addrBookContainer .span4 div,
#AddressManager .span4 p,
#AddressManager .span4 .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #AddressManager .span4 div,
.addrBookContainer .span4 p,
.addrBookContainer .span4 .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .addrBookContainer .span4 div {
    margin: 0
}

.addrBookContainer .span4 p:empty,
.addrBookContainer .span4 .krups-block-univers .krups-block-wrapper div:empty,
.krups-block-univers .krups-block-wrapper .addrBookContainer .span4 div:empty,
#AddressManager .span4 p:empty,
#AddressManager .span4 .krups-block-univers .krups-block-wrapper div:empty,
.krups-block-univers .krups-block-wrapper #AddressManager .span4 div:empty,
.addrBookContainer .span4 p:empty,
.addrBookContainer .span4 .krups-block-univers .krups-block-wrapper div:empty,
.krups-block-univers .krups-block-wrapper .addrBookContainer .span4 div:empty {
    display: none
}

.addrBookContainer .span4 form,
#AddressManager .span4 form,
.addrBookContainer .span4 form {
    margin: 0
}

.addrBookContainer .span4 form label,
#AddressManager .span4 form label,
.addrBookContainer .span4 form label {
    display: inline-block;
    margin: 0;
    line-height: 8px;
    margin-top: 15px
}

.addrBookContainer .span4 address,
#AddressManager .span4 address,
.addrBookContainer .span4 address {
    background: transparent;
    line-height: 1.4em;
    margin: 0 0 5px;
    padding: 0 20px 0 0;
    border: 0;
    min-height: 0;
    font-size: 14.5px;
    font-size: 1.45rem
}

.rtl .addrBookContainer .span4 address,
.rtl #AddressManager .span4 address,
.rtl .addrBookContainer .span4 address {
    padding: 0 0 0 20px
}

.addrBookContainer .span4 address h5,
.addrBookContainer .span4 address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .addrBookContainer .span4 address .messages-area>.h5,
.addrBookContainer .span4 address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .addrBookContainer .span4 address .elements-suggestion-area>h5,
.addrBookContainer .span4 address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .addrBookContainer .span4 address .elements-suggestion-area>.h5,
#AddressManager .span4 address h5,
#AddressManager .span4 address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #AddressManager .span4 address .messages-area>.h5,
#AddressManager .span4 address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #AddressManager .span4 address .elements-suggestion-area>h5,
#AddressManager .span4 address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #AddressManager .span4 address .elements-suggestion-area>.h5,
.addrBookContainer .span4 address h5,
.addrBookContainer .span4 address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .addrBookContainer .span4 address .messages-area>.h5,
.addrBookContainer .span4 address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .addrBookContainer .span4 address .elements-suggestion-area>h5,
.addrBookContainer .span4 address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .addrBookContainer .span4 address .elements-suggestion-area>.h5 {
    margin: 0 0 5px
}

.addrBookContainer .span4 .pull-right,
#AddressManager .span4 .pull-right,
.addrBookContainer .span4 .pull-right {
    position: absolute;
    right: 1px;
    top: 40px
}

.rtl .addrBookContainer .span4 .pull-right,
.rtl #AddressManager .span4 .pull-right,
.rtl .addrBookContainer .span4 .pull-right {
    right: auto;
    left: 1px
}

.addrBookContainer .span4 .pull-right a,
#AddressManager .span4 .pull-right a,
.addrBookContainer .span4 .pull-right a {
    display: block;
    background: #171413;
    width: 38px;
    height: 38px;
    text-align: center;
    padding: 10px 0 0 0;
    transition: all 0.3s
}

.addrBookContainer .span4 .pull-right a:hover,
#AddressManager .span4 .pull-right a:hover,
.addrBookContainer .span4 .pull-right a:hover {
    background: #f5f7f7;
    color: #eaeeef
}

.addrBookContainer .span4 address>.pull-right:first-child,
#AddressManager .span4 address>.pull-right:first-child,
.addrBookContainer .span4 address>.pull-right:first-child {
    top: 1px
}

.order_history_information .is-forfait>p,
.order_history_information .krups-block-univers .krups-block-wrapper .is-forfait>div,
.krups-block-univers .krups-block-wrapper .order_history_information .is-forfait>div {
    min-height: 56px
}

#AddAddressForm {
    padding: 15px 0 37px
}

@media screen and (max-width: 768px) {
    #AddAddressForm {
        padding: 0
    }
}

#AddAddressForm .span6 {
    width: 50%;
    margin: 0
}

#AddAddressForm .span6:first-child {
    width: 50%;
    margin: 0
}

#AddAddressForm legend {
    margin: 0 0 13px;
    color: #171413;
    margin: 0 0 23px;
    font-size: 33px;
    font-size: 3.3rem;
    font-weight: bold;
    line-height: 35px;
    text-transform: uppercase;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    margin: 0 auto;
    text-align: center;
    padding-top: 40px;
    position: relative
}

#AddAddressForm legend:after {
    content: '';
    display: block;
    height: 5px;
    width: 50px;
    background: #f38230;
    margin: 20px auto
}

@media screen and (max-width: 768px) {
    #AddAddressForm legend:after {
        margin: 10px auto;
        width: 50px
    }
}

@media screen and (max-width: 768px) {
    #AddAddressForm legend {
        font-size: 21px;
        font-size: 2.1rem;
        padding: 30px 10px;
        overflow: hidden;
        text-transform: uppercase;
        float: none;
        margin: 0
    }
}

#AddAddressForm fieldset {
    border: 0;
    padding: 0;
    margin: 0 0 23px;
    background: none;
    padding: 0
}

@media screen and (max-width: 768px) {
    #AddAddressForm fieldset {
        margin: 0
    }
}

#AddAddressForm fieldset legend {
    font-size: 20px;
    font-size: 2rem;
    color: #232120;
    border-bottom: 0;
    margin: 0 0 5px 0;
    padding: 0;
    font-style: normal
}

#AddAddressForm fieldset fieldset {
    background-color: #ffffff;
    padding: 0
}

#AddAddressForm fieldset .control-group {
    margin-bottom: 0
}

#AddAddressForm fieldset .control-group:last-child {
    margin: 0
}

#AddAddressForm fieldset .control-group label {
    padding-right: 5px
}

.rtl #AddAddressForm fieldset .control-group label {
    padding-left: 5px
}

#AddAddressForm fieldset .control-group select,
#AddAddressForm fieldset .control-group input[type=TEXT],
#AddAddressForm fieldset .control-group input[type=PASSWORD] {
    width: 100% !important
}

#AddAddressForm fieldset .control-group select:focus,
#AddAddressForm fieldset .control-group input[type=TEXT]:focus,
#AddAddressForm fieldset .control-group input[type=PASSWORD]:focus {
    border-color: #00ead7
}

#AddAddressForm fieldset .control-group span.skip {
    right: 15px
}

.rtl #AddAddressForm fieldset .control-group span.skip {
    left: 15px;
    right: auto
}

#AddAddressForm fieldset .mandatory {
    color: #f38230
}

.rtl #AddAddressForm fieldset .mandatory {
    right: auto;
    left: 0
}

#AddAddressForm fieldset label {
    font-size: 14.5px;
    font-size: 1.45rem
}

#AddAddressForm fieldset span.skip {
    text-align: right;
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    color: #e2001a
}

.rtl #AddAddressForm fieldset span.skip {
    text-align: left
}

#AddAddressForm .mandatory {
    color: #f38230
}

#AddAddressForm.create_update_address_form fieldset {
    background-color: #ffffff;
    padding: 30px 0
}

@media screen and (max-width: 900px) {
    #AddAddressForm.create_update_address_form .span6 {
        width: 100%;
        padding: 0 15px
    }

    #AddAddressForm.create_update_address_form .span6 .btn {
        min-width: 290px;
        margin-bottom: 15px
    }

    #AddAddressForm.create_update_address_form fieldset .span6 {
        padding: 0
    }

    #AddAddressForm.create_update_address_form fieldset .control-group {
        padding: 10px 15px
    }

    #AddAddressForm.create_update_address_form fieldset .control-group label {
        width: 100%;
        display: block;
        padding-right: 0;
        padding: 0 0 5px;
        font-size: 22px;
        font-size: 2.2rem;
        text-transform: none;
        text-align: left
    }

    .rtl #AddAddressForm.create_update_address_form fieldset .control-group label {
        text-align: right;
        padding-left: 0
    }

    #AddAddressForm.create_update_address_form fieldset .control-group select,
    #AddAddressForm.create_update_address_form fieldset .control-group input[type=TEXT],
    #AddAddressForm.create_update_address_form fieldset .control-group input[type=PASSWORD] {
        max-width: 100%
    }

    #AddAddressForm.create_update_address_form fieldset .control-group span.skip {
        right: 0;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 16px;
        padding-top: 5px
    }

    .rtl #AddAddressForm.create_update_address_form fieldset .control-group span.skip {
        left: 0;
        right: auto
    }

    #AddAddressForm.create_update_address_form .controls {
        margin: 0
    }
}

.row-fluid {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto
}

.page-MultiStepCheckoutSummaryPage .row-fluid {
    max-width: 1022px
}

.row-fluid .span12 .final-address h4 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 100;
    margin: 0 0 20px;
    padding: 0 0 8px
}

@media screen and (max-width: 1024px) {
    .row-fluid .span12 .final-address h4 {
        padding: 0 15px
    }
}

.row-fluid .span12 .final-address p,
.row-fluid .span12 .final-address .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .row-fluid .span12 .final-address div {
    font-size: 14.5px;
    font-size: 1.45rem
}

.span6.addrBookContainer+.span6,
.span6.addrBookContainer {
    padding: 0;
    margin-bottom: 0;
    background: transparent
}

.rtl .span6.addrBookContainer+.span6,
.rtl .span6.addrBookContainer {
    margin-right: 2.127659574468085%;
    margin-left: 0
}

@media screen and (max-width: 768px) {

    .rtl .span6.addrBookContainer+.span6,
    .rtl .span6.addrBookContainer {
        margin: 0
    }
}

.rtl .span6.addrBookContainer+.span6:first-child,
.rtl .span6.addrBookContainer:first-child {
    margin: 0
}

.span6.addrBookContainer+.span6 .final-address p,
.span6.addrBookContainer+.span6 .final-address .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .span6.addrBookContainer+.span6 .final-address div,
.span6.addrBookContainer .final-address p,
.span6.addrBookContainer .final-address .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .span6.addrBookContainer .final-address div {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.2em
}

@media screen and (max-width: 1024px) {

    .span6.addrBookContainer+.span6 .final-address p,
    .span6.addrBookContainer+.span6 .final-address .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .span6.addrBookContainer+.span6 .final-address div,
    .span6.addrBookContainer .final-address p,
    .span6.addrBookContainer .final-address .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .span6.addrBookContainer .final-address div {
        padding: 0 15px
    }
}

.span6.addrBookContainer+.span6 .final-address.is-forfait>p,
.span6.addrBookContainer+.span6 .krups-block-univers .krups-block-wrapper .final-address.is-forfait>div,
.krups-block-univers .krups-block-wrapper .span6.addrBookContainer+.span6 .final-address.is-forfait>div,
.span6.addrBookContainer .final-address.is-forfait>p,
.span6.addrBookContainer .krups-block-univers .krups-block-wrapper .final-address.is-forfait>div,
.krups-block-univers .krups-block-wrapper .span6.addrBookContainer .final-address.is-forfait>div {
    min-height: 28px
}

.span6.addrBookContainer+.span6 .final-address address,
.span6.addrBookContainer .final-address address {
    background: #313131;
    padding: 20px 22px;
    border-top: 1px solid #faf7f7;
    line-height: 1.2em;
    position: relative;
    margin: 0
}

.span6.addrBookContainer+.span6 .final-address address .pull-right,
.span6.addrBookContainer .final-address address .pull-right {
    position: absolute;
    right: 1px;
    top: 1px
}

.rtl .span6.addrBookContainer+.span6 .final-address address .pull-right,
.rtl .span6.addrBookContainer .final-address address .pull-right {
    right: auto;
    left: 1px
}

.span6.addrBookContainer+.span6 .final-address address .pull-right a,
.span6.addrBookContainer .final-address address .pull-right a {
    display: block;
    width: 38px;
    height: 38px;
    text-align: center;
    padding: 10px 0 0 0;
    transition: all 0.3s
}

.span6.addrBookContainer+.span6 .final-address address .pull-right a:hover,
.span6.addrBookContainer .final-address address .pull-right a:hover {
    background: #eaeeef
}

.span6.addrBookContainer+.span6 .final-address address h5,
.span6.addrBookContainer+.span6 .final-address address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .span6.addrBookContainer+.span6 .final-address address .messages-area>.h5,
.span6.addrBookContainer+.span6 .final-address address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .span6.addrBookContainer+.span6 .final-address address .elements-suggestion-area>h5,
.span6.addrBookContainer+.span6 .final-address address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .span6.addrBookContainer+.span6 .final-address address .elements-suggestion-area>.h5,
.span6.addrBookContainer .final-address address h5,
.span6.addrBookContainer .final-address address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .span6.addrBookContainer .final-address address .messages-area>.h5,
.span6.addrBookContainer .final-address address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .span6.addrBookContainer .final-address address .elements-suggestion-area>h5,
.span6.addrBookContainer .final-address address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .span6.addrBookContainer .final-address address .elements-suggestion-area>.h5 {
    margin: 0 0 5px
}

.span6.addrBookContainer+.span6 .final-address address strong,
.span6.addrBookContainer .final-address address strong {
    font-weight: inherit
}

#errorSubscription {
    float: left
}

.rtl #errorSubscription {
    float: right
}

.paiement-mode {
    float: left;
    overflow: hidden;
    margin-top: -50px;
    margin-bottom: 24px;
    max-width: 464px
}

.rtl .paiement-mode {
    float: right
}

.paiement-mode p,
.paiement-mode .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .paiement-mode div {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.2em
}

.paiement-mode #FormPaymentMode {
    overflow: hidden;
    margin: 0;
    padding: 20px 35px;
    background: #313131;
    border-top: 1px solid #faf7f7
}

.paiement-mode .mode {
    float: left;
    position: relative;
    width: 126px;
    padding: 50px 0 0 25px;
    margin: 0 5px 5px 0
}

.rtl .paiement-mode .mode {
    float: right
}

.paiement-mode .mode label {
    font-size: 12px;
    font-size: 1.2rem
}

.paiement-mode .mode label img {
    position: absolute;
    top: 0;
    left: 25px;
    height: 48px;
    width: auto;
    max-width: 70px
}

.rtl .paiement-mode .mode label img {
    right: 25px;
    left: auto
}

.paiement-mode .mode label input {
    position: absolute;
    top: 50%;
    left: 0;
    margin: -15px 0 0 0;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important
}

.rtl .paiement-mode .mode label input {
    left: auto;
    right: 0
}

.rtl .paiement-mode .mode label {
    text-align: center
}

.free-delivery {
    padding: 10px 12px 15px;
    line-height: 1.2em;
    text-align: left;
    border: 1px dashed #fff;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px
}

.rtl .free-delivery {
    text-align: right
}

.free-delivery p,
.free-delivery .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .free-delivery div {
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem
}

.free-delivery p::before,
.free-delivery .krups-block-univers .krups-block-wrapper div::before,
.krups-block-univers .krups-block-wrapper .free-delivery div::before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 20px;
    background-image: url("../img/icon/sprite.png");
    background-repeat: no-repeat;
    background-position: -102px 0;
    margin-right: 3px
}

.free-delivery small {
    font-size: 13px;
    font-size: 1.3rem;
    color: #9599a4
}

.total-promo {
    clear: both;
    width: 50%;
    float: right;
    line-height: 1.2em;
    padding: 20px 15px 17px 0
}

.order_history_information .total-promo {
    padding: 22px 43px 22px 0
}

.order_history_information .total-promo .pull-right {
    text-align: right;
    width: 100px
}

.rtl .total-promo {
    padding: 22px 0 22px 77px;
    float: left
}

@media screen and (max-width: 768px) {
    .rtl .total-promo {
        padding: 15px
    }
}

.order_history_information .rtl .total-promo {
    padding: 22px 0 22px 43px
}

.total-promo .pull-right {
    min-width: 100px;
    text-align: right
}

.total-promo .pull-right h5,
.total-promo .pull-right #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .total-promo .pull-right .messages-area>.h5,
.total-promo .pull-right #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .total-promo .pull-right .elements-suggestion-area>h5,
.total-promo .pull-right #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .total-promo .pull-right .elements-suggestion-area>.h5,
.total-promo .pull-right strong {
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-weight: normal;
    color: #171413
}

.rtl .total-promo .pull-right h5,
.rtl .total-promo .pull-right #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .rtl .total-promo .pull-right .messages-area>.h5,
.rtl .total-promo .pull-right #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .rtl .total-promo .pull-right .elements-suggestion-area>h5,
.rtl .total-promo .pull-right #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .rtl .total-promo .pull-right .elements-suggestion-area>.h5,
.rtl .total-promo .pull-right strong {
    float: left;
    text-align: right;
    padding: 0 15px 0 0
}

@media screen and (max-width: 768px) {

    .total-promo p.voucher-desc,
    .total-promo .krups-block-univers .krups-block-wrapper div.voucher-desc,
    .krups-block-univers .krups-block-wrapper .total-promo div.voucher-desc {
        clear: both;
        text-align: center
    }
}

.total-promo.trackingUrl {
    font-size: 1.6rem;
    display: inline-block
}

#FormNewsLetter input[type=CHECKBOX] {
    margin: 0 5px 0 0
}

.rtl #FormNewsLetter input[type=CHECKBOX] {
    margin: 0 0 0 5px
}

#FormNewsLetter label {
    display: inline-block
}

#ModalNewsLetter .modal-header h3 {
    color: #FFF;
    background-color: #f38230
}

#ModalNewsLetter.modal {
    width: 742px;
    max-width: 90%;
    margin-left: 0;
    left: 50%;
    right: auto;
    transform: translate(-50%, 0);
    overflow: hidden
}

@media screen and (max-width: 768px) {
    #ModalNewsLetter.modal .modal-header h3 {
        font-size: 22px;
        font-size: 2.2rem
    }
}

#ModalNewsLetter.modal .modal-body {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden
}

.rtl #ModalNewsLetter.modal .modal-body {
    padding-right: 20px
}

#ModalNewsLetter.modal .modal-newsletter {
    float: right;
    text-align: left
}

.rtl #ModalNewsLetter.modal .modal-newsletter {
    float: left;
    text-align: left
}

#ModalNewsLetter.modal .modal-newsletter>img {
    position: absolute;
    top: 40%;
    left: 60%;
    min-width: 102%;
    min-height: 102%;
    width: auto;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    transform: translate(-60%, -40%);
    z-index: 1
}

.rtl #ModalNewsLetter.modal .modal-newsletter>img {
    right: 60%;
    left: auto
}

@media screen and (max-width: 768px) {
    #ModalNewsLetter.modal .modal-newsletter>img {
        transform: translate(-55%, -40%)
    }
}

#ModalNewsLetter.modal .modal-newsletter form {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 5
}

#ModalNewsLetter.modal .modal-newsletter .title-modal-news {
    color: #fff;
    font-size: 40px;
    font-weight: lighter;
    line-height: 50px;
    margin: 0 0 15px;
    padding: 5px 10px 0 0
}

.rtl #ModalNewsLetter.modal .modal-newsletter .title-modal-news {
    padding: 5px 0 0 10px
}

#ModalNewsLetter.modal .modal-newsletter .item-form-news {
    overflow: hidden;
    margin-bottom: 15px;
    max-width: 275px
}

@media screen and (max-width: 768px) {
    #ModalNewsLetter.modal .modal-newsletter .item-form-news {
        max-width: 250px
    }
}

#ModalNewsLetter.modal .modal-newsletter .item-form-news .desc {
    color: #f38230;
    font-size: 22px;
    font-size: 2.2rem;
    color: #ececec !important
}

#ModalNewsLetter.modal .modal-newsletter .item-form-news .form-groupe {
    float: left;
    width: 50%;
    text-align: right;
    color: #ececec !important
}

.rtl #ModalNewsLetter.modal .modal-newsletter .item-form-news .form-groupe {
    float: right
}

#ModalNewsLetter.modal .modal-newsletter .item-form-news .form-groupe .radio-newsletter {
    margin: -3px 0 0;
    font-size: 16px;
    font-size: 1.6rem;
    position: relative !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important
}

#ModalNewsLetter.modal .modal-newsletter .btn {
    float: right;
    z-index: 9;
    position: relative;
    width: auto;
    min-width: 193px;
    display: inline-block;
    background: #f38230;
    color: #ffffff;
    padding: 15px 25px;
    border-radius: 50px;
    box-shadow: 0 0 transparent;
    font-size: 16px;
    font-size: 1.6rem
}

.rtl #ModalNewsLetter.modal .modal-newsletter .btn {
    float: left
}

#ModalNewsLetter.modal .modal-newsletter .btn:hover {
    background: #ff720d
}

#ModalPayment .span8 {
    width: 100%;
    margin: 0
}

#errorTOS,
#errorCG-PD,
#errorCG-RS {
    display: block
}

#PaymentResult form {
    margin: 0
}

.page-UnsuccessfulPaymentPage .final-address h4 {
    font-size: 22px;
    font-size: 2.2rem;
    text-transform: uppercase;
    margin: 0 0 10px
}

.page-UnsuccessfulPaymentPage .final-address h4+p,
.page-UnsuccessfulPaymentPage .final-address .krups-block-univers .krups-block-wrapper h4+div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage .final-address h4+div {
    margin-bottom: 30px
}

.page-UnsuccessfulPaymentPage .final-address .row-fluid .offset1:first-child {
    margin-left: 0
}

.rtl .page-UnsuccessfulPaymentPage .final-address .row-fluid .offset1:first-child {
    margin-right: 0
}

.page-UnsuccessfulPaymentPage .accessories-services,
.page-UnsuccessfulPaymentPage .external-site {
    max-width: 1126px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 900px) {
    .page-UnsuccessfulPaymentPage .row-fluid .span12 .final-address {
        padding-top: 20px
    }
}

.upgrade-comp-date-collecte {
    margin: 15px 0 15px 0 !important;
    background: #F6F7F7;
    padding: 15px 10px 15px 10px
}

.upgrade-comp-date-collecte th {
    text-align: left
}

.rtl .upgrade-comp-date-collecte th {
    text-align: right
}

.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(1),
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(2),
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(3),
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(4),
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(5),
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(6),
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(7),
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(8) {
    max-width: 1600px;
    width: 100%;
    padding: 0 90px
}

.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(1).delivery-actions,
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(1) .span12 .row-fluid,
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(2).delivery-actions,
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(2) .span12 .row-fluid,
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(3).delivery-actions,
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(3) .span12 .row-fluid,
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(4).delivery-actions,
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(4) .span12 .row-fluid,
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(5).delivery-actions,
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(5) .span12 .row-fluid,
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(6).delivery-actions,
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(6) .span12 .row-fluid,
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(7).delivery-actions,
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(7) .span12 .row-fluid,
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(8).delivery-actions,
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(8) .span12 .row-fluid {
    padding: 0
}

.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(1).delivery-actions .span6,
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(2).delivery-actions .span6,
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(3).delivery-actions .span6,
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(4).delivery-actions .span6,
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(5).delivery-actions .span6,
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(6).delivery-actions .span6,
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(7).delivery-actions .span6,
.page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(8).delivery-actions .span6 {
    padding-bottom: 20px
}

@media screen and (max-width: 768px) {

    .page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(1),
    .page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(2),
    .page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(3),
    .page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(4),
    .page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(5),
    .page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(6),
    .page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(7),
    .page-UnsuccessfulPaymentPage .main-content .row-fluid:nth-child(8) {
        max-width: 100%;
        padding: 0
    }
}

.page-UnsuccessfulPaymentPage .main-content .row-fluid.cart-steps {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 180px 90px 0 90px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .page-UnsuccessfulPaymentPage .main-content .row-fluid.cart-steps {
        padding: 180px 20px 0
    }
}

@media screen and (max-width: 768px) {
    .page-UnsuccessfulPaymentPage .main-content .row-fluid.cart-steps {
        max-width: 100%;
        padding: 53px 0 0 0
    }
}

.page-UnsuccessfulPaymentPage .main-content .row-fluid.cart-steps .print {
    right: 90px
}

.rtl .page-UnsuccessfulPaymentPage .main-content .row-fluid.cart-steps .print {
    left: 90px;
    right: auto
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .page-UnsuccessfulPaymentPage .main-content .row-fluid.cart-steps .print {
        right: 20px
    }
}

.page-UnsuccessfulPaymentPage .main-content .row-fluid>.span8 {
    min-height: auto
}

.page-UnsuccessfulPaymentPage .main-content .row-fluid.accessories-services {
    padding: 60px 0 50px
}

.page-UnsuccessfulPaymentPage .registrated-address {
    background-color: transparent;
    margin-bottom: 20px;
    max-width: 1600px;
    padding: 0 90px
}

.page-UnsuccessfulPaymentPage .registrated-address .addressAddEditTxt {
    color: #2a2622
}

.page-UnsuccessfulPaymentPage .registrated-address .span4 {
    background-color: #fff
}

.page-UnsuccessfulPaymentPage .registrated-address .span4 address {
    background-color: transparent;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #232120;
    font-size: 14px;
    font-size: 1.4rem
}

.page-UnsuccessfulPaymentPage .registrated-address .span4 address h5,
.page-UnsuccessfulPaymentPage .registrated-address .span4 address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage .registrated-address .span4 address .messages-area>.h5,
.page-UnsuccessfulPaymentPage .registrated-address .span4 address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage .registrated-address .span4 address .elements-suggestion-area>h5,
.page-UnsuccessfulPaymentPage .registrated-address .span4 address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage .registrated-address .span4 address .elements-suggestion-area>.h5 {
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #232120;
    text-transform: uppercase;
    margin: 15px 0 10px 0
}

.page-UnsuccessfulPaymentPage .registrated-address .span4 address strong {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    color: #232120
}

.page-UnsuccessfulPaymentPage .registrated-address .span4 form {
    margin-top: 5px
}

.page-UnsuccessfulPaymentPage .external-site {
    background: transparent;
    padding-top: 0;
    background: none;
    max-width: 1600px;
    padding: 0 90px 20px;
    width: 100%
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .page-UnsuccessfulPaymentPage .external-site {
        padding: 0 20px 20px
    }
}

.page-UnsuccessfulPaymentPage .external-site .external-site {
    padding: 0
}

.page-UnsuccessfulPaymentPage .external-site .container {
    padding: 0
}

.page-UnsuccessfulPaymentPage .external-site .external-site-cont {
    border: none
}

.page-UnsuccessfulPaymentPage .external-site p,
.page-UnsuccessfulPaymentPage .external-site .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage .external-site div {
    line-height: 21px;
    color: #232120;
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.page-UnsuccessfulPaymentPage .external-site p a:hover,
.page-UnsuccessfulPaymentPage .external-site .krups-block-univers .krups-block-wrapper div a:hover,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage .external-site div a:hover {
    color: #f38230
}

.page-UnsuccessfulPaymentPage #AddressManager {
    max-width: 1600px;
    padding: 0 90px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .page-UnsuccessfulPaymentPage #AddressManager {
        padding: 0
    }
}

.page-UnsuccessfulPaymentPage #AddressManager form {
    padding: 0
}

.page-UnsuccessfulPaymentPage #AddressManager #AddAddressForm {
    max-width: 100%
}

.page-UnsuccessfulPaymentPage #AddressManager #AddAddressForm legend {
    font-size: 25px;
    font-size: 2.5rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #232120;
    padding: 20px 0 0 0
}

.page-UnsuccessfulPaymentPage #AddressManager #AddAddressForm legend .controls {
    margin: 0
}

.page-UnsuccessfulPaymentPage #AddressManager #AddAddressForm .control-group {
    padding: 3% 5%
}

.page-UnsuccessfulPaymentPage #AddressManager #AddAddressForm .controls {
    margin: 0
}

.page-UnsuccessfulPaymentPage #AddressManager #AddAddressForm label {
    width: 100%;
    text-align: left;
    padding: 0 0 15px 0;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem
}

.rtl .page-UnsuccessfulPaymentPage #AddressManager #AddAddressForm label {
    text-align: right
}

.page-UnsuccessfulPaymentPage #AddressManager #AddAddressForm .controls.custom {
    clear: both;
    position: relative
}

.page-UnsuccessfulPaymentPage #AddressManager #AddAddressForm .controls.custom:after {
    content: "\e902";
    font-family: icokrups;
    font-size: 8px;
    font-size: .8rem;
    width: 44px;
    height: 100%;
    border-radius: 5px;
    position: absolute;
    top: 1px;
    right: 1px;
    background: transparent;
    text-align: center;
    line-height: 50px
}

.rtl .page-UnsuccessfulPaymentPage #AddressManager #AddAddressForm .controls.custom:after {
    top: 1px;
    left: 1px;
    right: auto
}

.page-UnsuccessfulPaymentPage #AddressManager #AddAddressForm input,
.page-UnsuccessfulPaymentPage #AddressManager #AddAddressForm select {
    height: 50px;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 18px;
    box-shadow: none;
    border: 1px solid #eaeeef;
    border-radius: 5px;
    margin: 0;
    width: 100%;
    max-width: 100%;
    float: none;
    display: block
}

.page-UnsuccessfulPaymentPage #AddressManager #AddAddressForm input:focus,
.page-UnsuccessfulPaymentPage #AddressManager #AddAddressForm select:focus {
    border-color: #00ead7
}

.page-UnsuccessfulPaymentPage #AddressManager #AddAddressForm select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

.page-UnsuccessfulPaymentPage #AddressManager #AddAddressForm .btn {
    padding: 17px 25px
}

.page-UnsuccessfulPaymentPage #AddressManager #AddAddressForm .btn:first-child {
    background-color: #948e88
}

.page-UnsuccessfulPaymentPage #AddressManager #AddAddressForm .btn:first-child:hover {
    background-color: #a19a94
}

.page-UnsuccessfulPaymentPage #AddressManager #AddAddressForm .row-fluid:last-child {
    padding: 0% 20px 10px 10px
}

.page-UnsuccessfulPaymentPage #AddAddressForm {
    background: #fff
}

.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address h4,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address h4+p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper h4+div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address h4+div,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address h5,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .messages-area>.h5,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .elements-suggestion-area>h5,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .elements-suggestion-area>.h5,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address h5+p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5+p,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .messages-area>.h5+p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5+p,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .elements-suggestion-area>h5+p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5+p,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .elements-suggestion-area>.h5+p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper h5+div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address h5+div,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .krups-block-univers .krups-block-wrapper .messages-area>.h5+div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5+div,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper .messages-area>.h5+div,
.krups-block-univers .krups-block-wrapper #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .messages-area>.h5+div,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .krups-block-univers .krups-block-wrapper .elements-suggestion-area>h5+div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5+div,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper .elements-suggestion-area>h5+div,
.krups-block-univers .krups-block-wrapper #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .elements-suggestion-area>h5+div,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .krups-block-univers .krups-block-wrapper .elements-suggestion-area>.h5+div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5+div,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper .elements-suggestion-area>.h5+div,
.krups-block-univers .krups-block-wrapper #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .elements-suggestion-area>.h5+div {
    font-size: 16px;
    font-size: 1.6rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase;
    color: #232120
}

.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address h4+p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper h4+div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address h4+div,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address h4+p+p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper h4+div+p,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address h4+div+p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper h4+p+div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address h4+p+div,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper h4+div+div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address h4+div+div,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address h5+p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5+p,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .messages-area>.h5+p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5+p,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .elements-suggestion-area>h5+p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5+p,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .elements-suggestion-area>.h5+p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper h5+div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address h5+div,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .krups-block-univers .krups-block-wrapper .messages-area>.h5+div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5+div,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper .messages-area>.h5+div,
.krups-block-univers .krups-block-wrapper #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .messages-area>.h5+div,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .krups-block-univers .krups-block-wrapper .elements-suggestion-area>h5+div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5+div,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper .elements-suggestion-area>h5+div,
.krups-block-univers .krups-block-wrapper #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .elements-suggestion-area>h5+div,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .krups-block-univers .krups-block-wrapper .elements-suggestion-area>.h5+div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5+div,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper .elements-suggestion-area>.h5+div,
.krups-block-univers .krups-block-wrapper #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .elements-suggestion-area>.h5+div,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address h5+p+p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5+p+p,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .messages-area>.h5+p+p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5+p+p,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .elements-suggestion-area>h5+p+p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5+p+p,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .elements-suggestion-area>.h5+p+p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper h5+div+p,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address h5+div+p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .krups-block-univers .krups-block-wrapper .messages-area>.h5+div+p,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5+div+p,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper .messages-area>.h5+div+p,
.krups-block-univers .krups-block-wrapper #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .messages-area>.h5+div+p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .krups-block-univers .krups-block-wrapper .elements-suggestion-area>h5+div+p,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5+div+p,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper .elements-suggestion-area>h5+div+p,
.krups-block-univers .krups-block-wrapper #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .elements-suggestion-area>h5+div+p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .krups-block-univers .krups-block-wrapper .elements-suggestion-area>.h5+div+p,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5+div+p,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper .elements-suggestion-area>.h5+div+p,
.krups-block-univers .krups-block-wrapper #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .elements-suggestion-area>.h5+div+p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper h5+p+div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address h5+p+div,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .krups-block-univers .krups-block-wrapper .messages-area>.h5+p+div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5+p+div,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper .messages-area>.h5+p+div,
.krups-block-univers .krups-block-wrapper #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .messages-area>.h5+p+div,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .krups-block-univers .krups-block-wrapper .elements-suggestion-area>h5+p+div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5+p+div,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper .elements-suggestion-area>h5+p+div,
.krups-block-univers .krups-block-wrapper #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .elements-suggestion-area>h5+p+div,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .krups-block-univers .krups-block-wrapper .elements-suggestion-area>.h5+p+div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5+p+div,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper .elements-suggestion-area>.h5+p+div,
.krups-block-univers .krups-block-wrapper #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .elements-suggestion-area>.h5+p+div,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper h5+div+div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address h5+div+div,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .krups-block-univers .krups-block-wrapper .messages-area>.h5+div+div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5+div+div,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper .messages-area>.h5+div+div,
.krups-block-univers .krups-block-wrapper #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .messages-area>.h5+div+div,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .krups-block-univers .krups-block-wrapper .elements-suggestion-area>h5+div+div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5+div+div,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper .elements-suggestion-area>h5+div+div,
.krups-block-univers .krups-block-wrapper #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .elements-suggestion-area>h5+div+div,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .krups-block-univers .krups-block-wrapper .elements-suggestion-area>.h5+div+div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5+div+div,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper .elements-suggestion-area>.h5+div+div,
.krups-block-univers .krups-block-wrapper #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .elements-suggestion-area>.h5+div+div {
    color: #f38230;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0
}

.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address>h4 {
    font-size: 16px;
    font-size: 1.6rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase;
    color: #232120;
    background: #fff;
    padding: 20px;
    background-color: white;
    margin: 0
}

.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address>p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .krups-block-univers .krups-block-wrapper .final-address>div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address>div {
    color: #f38230;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0
}

.span6 .addrBookContainer .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address address {
    background-color: #f5f7f7;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #232120;
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 15px
}

.span6 .addrBookContainer .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address address h5,
.span6 .addrBookContainer .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .span6 .addrBookContainer .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address address .messages-area>.h5,
.span6 .addrBookContainer .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .span6 .addrBookContainer .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address address .elements-suggestion-area>h5,
.span6 .addrBookContainer .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .span6 .addrBookContainer .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address address .elements-suggestion-area>.h5 {
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #232120;
    text-transform: uppercase;
    margin-bottom: 10px
}

.span6 .addrBookContainer .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address address strong {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    color: #232120
}

.span6 .addrBookContainer .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address address br {
    content: "";
    display: block;
    width: 1px;
    min-height: 5px
}

.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .final-address div {
    font-size: 14px;
    font-size: 1.4rem
}

.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .row-fluid .span6 {
    width: 50%;
    margin: 0;
    padding: 0 10px 10px 20px;
    background-color: #fff
}

.rtl .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .row-fluid .span6 {
    padding: 0 20px 10px 10px
}

@media screen and (max-width: 768px) {
    .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .row-fluid .span6 {
        width: 100%
    }
}

.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .row-fluid .span6:nth-child(2) {
    padding: 0% 20px 10px 10px
}

.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer .final-address>p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer .krups-block-univers .krups-block-wrapper .final-address>div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer .final-address>div {
    font-size: 16px;
    font-size: 1.6rem;
    color: #f38230;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase
}

.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer .final-address address {
    background-color: #f5f7f7;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #232120;
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 15px
}

.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer .final-address address h5,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer .final-address address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer .final-address address .messages-area>.h5,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer .final-address address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer .final-address address .elements-suggestion-area>h5,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer .final-address address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer .final-address address .elements-suggestion-area>.h5 {
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #232120;
    text-transform: uppercase;
    margin-bottom: 10px
}

.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer .final-address address strong {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    color: #232120
}

.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer .final-address address br {
    content: "";
    display: block;
    width: 1px;
    min-height: 5px
}

.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer+.span6 .final-address>p,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer+.span6 .krups-block-univers .krups-block-wrapper .final-address>div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer+.span6 .final-address>div {
    font-size: 16px;
    font-size: 1.6rem;
    color: #f38230;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase
}

.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer+.span6 .final-address address {
    background-color: #f5f7f7;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #232120;
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 15px
}

.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer+.span6 .final-address address h5,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer+.span6 .final-address address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer+.span6 .final-address address .messages-area>.h5,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer+.span6 .final-address address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer+.span6 .final-address address .elements-suggestion-area>h5,
.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer+.span6 .final-address address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer+.span6 .final-address address .elements-suggestion-area>.h5 {
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #232120;
    text-transform: uppercase;
    margin-bottom: 10px
}

.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer+.span6 .final-address address strong {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    color: #232120
}

.page-UnsuccessfulPaymentPage.pageLabel-multiStepCheckoutSummary .addrBookContainer+.span6 .final-address address br {
    content: "";
    display: block;
    width: 1px;
    min-height: 5px
}

.page-UnsuccessfulPaymentPage .total-promo {
    overflow: hidden;
    padding: 15px;
    margin-bottom: 20px;
    width: 50%;
    float: right;
    background-color: #fff
}

.rtl .page-UnsuccessfulPaymentPage .total-promo {
    float: left
}

@media screen and (max-width: 768px) {
    .page-UnsuccessfulPaymentPage .total-promo {
        width: 100%
    }
}

.page-CartPage .page-UnsuccessfulPaymentPage .total-promo {
    padding: 15px 10px;
    background: #fff
}

.page-UnsuccessfulPaymentPage .total-promo p,
.page-UnsuccessfulPaymentPage .total-promo .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage .total-promo div {
    text-align: left
}

.rtl .page-UnsuccessfulPaymentPage .total-promo p,
.rtl .page-UnsuccessfulPaymentPage .total-promo .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .rtl .page-UnsuccessfulPaymentPage .total-promo div {
    text-align: right
}

@media screen and (max-width: 768px) {

    .page-UnsuccessfulPaymentPage .total-promo p,
    .page-UnsuccessfulPaymentPage .total-promo .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage .total-promo div {
        text-align: right
    }

    .rtl .page-UnsuccessfulPaymentPage .total-promo p,
    .rtl .page-UnsuccessfulPaymentPage .total-promo .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .rtl .page-UnsuccessfulPaymentPage .total-promo div {
        text-align: left
    }
}

.page-UnsuccessfulPaymentPage .total-promo .pull-left {
    width: 63%
}

.rtl .page-UnsuccessfulPaymentPage .total-promo .pull-left {
    float: right
}

.page-UnsuccessfulPaymentPage .total-promo .pull-right {
    padding: 0 0 0 0;
    width: 34%;
    text-align: right;
    line-height: 38px;
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-weight: normal
}

@media screen and (max-width: 768px) {
    .page-UnsuccessfulPaymentPage .total-promo .pull-right {
        line-height: 24px
    }
}

.rtl .page-UnsuccessfulPaymentPage .total-promo .pull-right {
    padding: 0 0 0 15px;
    text-align: left;
    float: left
}

.page-UnsuccessfulPaymentPage .total-promo .pull-right strong {
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-weight: normal
}

.page-UnsuccessfulPaymentPage .total-promo h5,
.page-UnsuccessfulPaymentPage .total-promo #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage .total-promo .messages-area>.h5,
.page-UnsuccessfulPaymentPage .total-promo #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage .total-promo .elements-suggestion-area>h5,
.page-UnsuccessfulPaymentPage .total-promo #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage .total-promo .elements-suggestion-area>.h5 {
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-align: left;
    font-weight: normal;
    line-height: 38px
}

@media screen and (max-width: 768px) {

    .page-UnsuccessfulPaymentPage .total-promo h5,
    .page-UnsuccessfulPaymentPage .total-promo #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage .total-promo .messages-area>.h5,
    .page-UnsuccessfulPaymentPage .total-promo #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage .total-promo .elements-suggestion-area>h5,
    .page-UnsuccessfulPaymentPage .total-promo #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-UnsuccessfulPaymentPage .total-promo .elements-suggestion-area>.h5 {
        line-height: 24px
    }
}

.rtl .page-UnsuccessfulPaymentPage .total-promo h5,
.rtl .page-UnsuccessfulPaymentPage .total-promo #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .rtl .page-UnsuccessfulPaymentPage .total-promo .messages-area>.h5,
.rtl .page-UnsuccessfulPaymentPage .total-promo #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .rtl .page-UnsuccessfulPaymentPage .total-promo .elements-suggestion-area>h5,
.rtl .page-UnsuccessfulPaymentPage .total-promo #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .rtl .page-UnsuccessfulPaymentPage .total-promo .elements-suggestion-area>.h5 {
    text-align: right;
    padding: 0 15px 0 0
}

.page-UnsuccessfulPaymentPage .total-promo small {
    font-size: 13px;
    font-size: 1.3rem;
    color: #9599a4;
    clear: both
}

.rtl .page-UnsuccessfulPaymentPage .total-promo small {
    float: right;
    padding: 0 15px 0 0
}

.page-UnsuccessfulPaymentPage .paiement-mode>p,
.page-UnsuccessfulPaymentPage .krups-block-univers .krups-block-wrapper .paiement-mode>div,
.krups-block-univers .krups-block-wrapper .page-UnsuccessfulPaymentPage .paiement-mode>div {
    color: #232120;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.page-UnsuccessfulPaymentPage #FormPaymentMode .mode {
    width: 140px;
    float: left;
    position: relative;
    padding: 55px 5px 5px 0;
    margin: 0 5px 5px 0
}

.rtl .page-UnsuccessfulPaymentPage #FormPaymentMode .mode {
    float: right;
    padding: 55px 0 5px 5px;
    margin: 0 0 5px 5px
}

.page-UnsuccessfulPaymentPage #FormPaymentMode .mode label {
    margin-left: 5px;
    text-align: left;
    clear: both
}

.rtl .page-UnsuccessfulPaymentPage #FormPaymentMode .mode label {
    margin-right: 5px;
    text-align: right
}

.page-UnsuccessfulPaymentPage #FormPaymentMode .mode label input {
    top: 60%
}

.page-UnsuccessfulPaymentPage #FormPaymentMode .mode label img {
    position: absolute;
    top: 0;
    left: 25px;
    height: 48px;
    width: auto;
    max-width: 100%
}

.rtl .page-UnsuccessfulPaymentPage #FormPaymentMode .mode label img {
    right: 25px;
    left: auto
}

@media screen and (max-width: 768px) {
    .page-UnsuccessfulPaymentPage .accessories-services ul li {
        width: 50% !important;
        margin: 0 0 0 0 !important
    }
}

.page-UnsuccessfulPaymentPage .krups-btn,
.page-UnsuccessfulPaymentPage .panel-services-contact .more a,
.panel-services-contact .more .page-UnsuccessfulPaymentPage a {
    padding: 17px 25px;
    border-radius: 50px
}

.page-OrderConfirmationPage .order-reference {
    background: none;
    padding: 0;
    padding: 20px 8% 20px 8%;
    font-size: 14px;
    font-size: 1.4rem
}

@media screen and (max-width: 768px) {
    .page-OrderConfirmationPage .order-reference {
        padding: 15px;
        text-align: left;
        width: 100%
    }

    .rtl .page-OrderConfirmationPage .order-reference {
        text-align: right
    }
}

.page-OrderConfirmationPage .order-reference strong {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem
}

.page-OrderConfirmationPage address {
    background: transparent;
    border: none
}

.page-OrderConfirmationPage .span8 .final-address {
    padding: 20px
}

.page-OrderConfirmationPage .span8 .final-address>h4 {
    font-size: 16px;
    font-size: 1.6rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase;
    color: #232120;
    margin: 0
}

.page-OrderConfirmationPage .span6 .final-address {
    padding: 0 10px 10px 20px
}

.rtl .page-OrderConfirmationPage .span6 .final-address {
    padding: 0 20px 10px 10px
}

@media screen and (max-width: 768px) {
    .page-OrderConfirmationPage .span6 .final-address {
        padding: 15px
    }
}

.page-OrderConfirmationPage .span6 .final-address p,
.page-OrderConfirmationPage .span6 .final-address .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-OrderConfirmationPage .span6 .final-address div {
    color: #f38230;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase
}

.page-OrderConfirmationPage .span6:nth-child(2) .final-address {
    padding: 0% 20px 10px 10px
}

.rtl .page-OrderConfirmationPage .span6:nth-child(2) .final-address {
    padding: 0% 10px 10px 20px
}

.page-OrderConfirmationPage .span6 address {
    padding: 5%;
    background-color: #f5f7f7;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #232120;
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 15px
}

.page-OrderConfirmationPage .span6 address h5,
.page-OrderConfirmationPage .span6 address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-OrderConfirmationPage .span6 address .messages-area>.h5,
.page-OrderConfirmationPage .span6 address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-OrderConfirmationPage .span6 address .elements-suggestion-area>h5,
.page-OrderConfirmationPage .span6 address #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-OrderConfirmationPage .span6 address .elements-suggestion-area>.h5 {
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #232120;
    text-transform: uppercase;
    margin-bottom: 10px
}

.page-OrderConfirmationPage .span6 address strong {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    color: #232120
}

.page-OrderConfirmationPage .span6 address br {
    content: "";
    display: block;
    width: 1px;
    min-height: 5px
}

.page-OrderConfirmationPage .span6 p,
.page-OrderConfirmationPage .span6 .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-OrderConfirmationPage .span6 div {
    font-size: 14px;
    font-size: 1.4rem
}

.page-OrderConfirmationPage .cart-list-table thead {
    background: transparent;
    border: 1px solid #bebdbd;
    border-left: 0;
    border-right: 0
}

.page-OrderConfirmationPage .cart-list-table thead th {
    text-transform: uppercase;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 20px 10px
}

.page-OrderConfirmationPage .cart-list-table tbody tr td {
    background: #fff
}

.page-OrderConfirmationPage .total-promo {
    padding: 20px;
    margin-bottom: 0;
    background: #fff;
    border-bottom: 1px solid #eaeeef
}

.page-OrderConfirmationPage .total-promo h5,
.page-OrderConfirmationPage .total-promo #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-OrderConfirmationPage .total-promo .messages-area>.h5,
.page-OrderConfirmationPage .total-promo #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-OrderConfirmationPage .total-promo .elements-suggestion-area>h5,
.page-OrderConfirmationPage .total-promo #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .page-OrderConfirmationPage .total-promo .elements-suggestion-area>.h5 {
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    padding: 0 20px 0 0;
    text-align: left;
    font-weight: normal
}

.rtl .page-OrderConfirmationPage .total-promo h5,
.rtl .page-OrderConfirmationPage .total-promo #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .rtl .page-OrderConfirmationPage .total-promo .messages-area>.h5,
.rtl .page-OrderConfirmationPage .total-promo #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .rtl .page-OrderConfirmationPage .total-promo .elements-suggestion-area>h5,
.rtl .page-OrderConfirmationPage .total-promo #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .rtl .page-OrderConfirmationPage .total-promo .elements-suggestion-area>.h5 {
    padding: 0 0 0 20px;
    text-align: right
}

.page-OrderConfirmationPage .total-promo strong {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
    color: #232120
}

.page-OrderConfirmationPage .cart-list-table {
    margin-top: 20px
}

.page-OrderConfirmationPage .total-cart {
    background: transparent;
    margin: 20px 0 10px 0;
    width: 100%
}

.page-OrderConfirmationPage .total-cart .span8,
.page-OrderConfirmationPage .total-cart .span12 {
    padding: 15px
}

.page-OrderConfirmationPage .total-cart .row-fluid .span4 {
    width: 50%
}

@media screen and (max-width: 768px) {
    .page-OrderConfirmationPage .total-cart .row-fluid .span4 {
        width: 100%
    }
}

.page-OrderConfirmationPage .total-cart .text-right label {
    font-size: 14px;
    font-size: 1.4rem
}

.page-OrderConfirmationPage .total-cart .paiement-mode>p,
.page-OrderConfirmationPage .total-cart .krups-block-univers .krups-block-wrapper .paiement-mode>div,
.krups-block-univers .krups-block-wrapper .page-OrderConfirmationPage .total-cart .paiement-mode>div {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    color: #232120
}

.page-OrderConfirmationPage .cart-action {
    margin-bottom: 20px
}

.page-OrderConfirmationPage hr {
    display: none
}

@media screen and (max-width: 768px) {
    .page-CartPage .total-cart .row-fluid .span4 {
        padding: 0
    }

    .page-CartPage .cart-action {
        padding: 10px 5px 20px 5px
    }

    .page-CartPage .cart-action .btn,
    .page-CartPage .cart-action .krups-btn,
    .page-CartPage .cart-action .panel-services-contact .more a,
    .panel-services-contact .more .page-CartPage .cart-action a {
        margin: 10px 0 0 0;
        min-width: 200px;
        display: block
    }

    .page-CartPage .cart-action .btn:first-child,
    .page-CartPage .cart-action .krups-btn:first-child,
    .page-CartPage .cart-action .panel-services-contact .more a:first-child,
    .panel-services-contact .more .page-CartPage .cart-action a:first-child {
        width: auto;
        display: block;
        font-size: 14px
    }
}

.cart-list-table table tbody tr {
    border-bottom: 1px solid #eaeeef
}

.cart-list-table thead th {
    text-transform: uppercase;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px 10px
}

.cart-list-table .table-striped tbody>tr:nth-child(odd)>td,
.cart-list-table .table-striped tbody>tr:nth-child(odd)>th {
    background: #fff
}

.page-UnsuccessfulPaymentPage .final-address {
    padding: 20px;
    background: #fff;
    margin-bottom: 20px
}

.page-UnsuccessfulPaymentPage .final-address h4 {
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #232120;
    text-transform: uppercase;
    margin-bottom: 10px
}

.page-UnsuccessfulPaymentPage .final-address strong {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal
}

.page-UnsuccessfulPaymentPage .final-address li {
    list-style: none;
    margin-bottom: 5px
}

.page-checkout-login .row-fluid.bloc-identification {
    max-width: 1600px;
    width: 100%;
    padding: 40px 90px
}

@media screen and (max-width: 768px) {
    .page-checkout-login .row-fluid.bloc-identification {
        max-width: 100%;
        padding: 13px 0 0 0
    }
}

.page-checkout-login .row-fluid.cart-steps {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 180px 90px 0 90px
}

@media screen and (max-width: 768px) {
    .page-checkout-login .row-fluid.cart-steps {
        max-width: 100%;
        padding: 53px 0 0 0
    }
}

.page-checkout-login .row-fluid.cart-steps .print {
    right: 90px
}

.rtl .page-checkout-login .row-fluid.cart-steps .print {
    left: 90px;
    right: auto
}

.page-checkout-login .bloc-identification {
    background: transparent
}

.page-checkout-login .bloc-identification .span6 {
    width: 100%
}

.page-checkout-login .bloc-identification .span6:first-child {
    width: 100%;
    margin: 0;
    padding: 0
}

.page-checkout-login .bloc-identification .span6:last-child {
    width: 100%;
    margin: 0;
    padding: 0
}

.page-checkout-login .bloc-identification .returning-user,
.page-checkout-login .bloc-identification .new-user {
    width: 100%;
    border-bottom: none;
    padding-bottom: 60px;
    margin: 0 auto;
    font-size: 16px;
    font-size: 1.6rem
}

.page-checkout-login .bloc-identification .returning-user h4,
.page-checkout-login .bloc-identification .returning-user .second-title,
.page-checkout-login .bloc-identification .new-user h4,
.page-checkout-login .bloc-identification .new-user .second-title {
    text-align: center;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    margin: 0 0 20px 0;
    font-size: 16px;
    font-size: 1.6rem
}

.page-checkout-login .bloc-identification .returning-user h4,
.page-checkout-login .bloc-identification .new-user h4 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 2rem
}

.page-checkout-login .bloc-identification .returning-user h4:after,
.page-checkout-login .bloc-identification .new-user h4:after {
    content: '';
    display: block;
    height: 5px;
    width: 50px;
    background: #f38230;
    margin: 20px auto
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user h4:after,
    .page-checkout-login .bloc-identification .new-user h4:after {
        margin: 10px auto;
        width: 50px
    }
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user h4,
    .page-checkout-login .bloc-identification .new-user h4 {
        margin: 0
    }
}

.page-checkout-login .bloc-identification .returning-user label,
.page-checkout-login .bloc-identification .new-user label {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem
}

.rtl .page-checkout-login .bloc-identification .returning-user label,
.rtl .page-checkout-login .bloc-identification .new-user label {
    float: right;
    text-align: left
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user label,
    .page-checkout-login .bloc-identification .new-user label {
        width: 100%;
        padding: 10px;
        text-align: left
    }

    .rtl .page-checkout-login .bloc-identification .returning-user label,
    .rtl .page-checkout-login .bloc-identification .new-user label {
        float: right;
        text-align: right
    }
}

.page-checkout-login .bloc-identification .returning-user input,
.page-checkout-login .bloc-identification .returning-user select,
.page-checkout-login .bloc-identification .new-user input,
.page-checkout-login .bloc-identification .new-user select {
    height: 40px;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 18px;
    box-shadow: none;
    border: 1px solid #eaeeef;
    border-radius: 5px;
    margin: 0;
    float: none;
    display: block;
    width: 100%
}

.page-checkout-login .bloc-identification .returning-user input:focus,
.page-checkout-login .bloc-identification .returning-user select:focus,
.page-checkout-login .bloc-identification .new-user input:focus,
.page-checkout-login .bloc-identification .new-user select:focus {
    border-color: #00ead7
}

.page-checkout-login .bloc-identification .returning-user a,
.page-checkout-login .bloc-identification .new-user a {
    color: #948e88;
    text-decoration: none;
    transition: all 0.3s
}

.page-checkout-login .bloc-identification .returning-user a:hover,
.page-checkout-login .bloc-identification .new-user a:hover {
    text-decoration: underline
}

.page-checkout-login .bloc-identification .returning-user .control-group,
.page-checkout-login .bloc-identification .new-user .control-group {
    margin: 0 0 5px 0
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user .control-group,
    .page-checkout-login .bloc-identification .new-user .control-group {
        margin: 0 0 8px 0
    }
}

.page-checkout-login .bloc-identification .returning-user .control-group .controls,
.page-checkout-login .bloc-identification .new-user .control-group .controls {
    margin-left: 180px
}

.rtl .page-checkout-login .bloc-identification .returning-user .control-group .controls,
.rtl .page-checkout-login .bloc-identification .new-user .control-group .controls {
    margin-right: 180px
}

.page-checkout-login .bloc-identification .returning-user .register-conditions,
.page-checkout-login .bloc-identification .new-user .register-conditions {
    line-height: 21px
}

.page-checkout-login .bloc-identification .returning-user .register-conditions #register-rules,
.page-checkout-login .bloc-identification .new-user .register-conditions #register-rules {
    height: auto;
    display: inline-block;
    width: 15px;
    height: 15px
}

.page-checkout-login .bloc-identification .returning-user .register-conditions a,
.page-checkout-login .bloc-identification .new-user .register-conditions a {
    display: inline-block;
    margin: 0 2px
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user .register-conditions,
    .page-checkout-login .bloc-identification .new-user .register-conditions {
        padding: 10px 0
    }

    .page-checkout-login .bloc-identification .returning-user .register-conditions input,
    .page-checkout-login .bloc-identification .new-user .register-conditions input {
        width: 15px;
        height: 15px
    }
}

.page-checkout-login .bloc-identification .returning-user #CartLoginForm,
.page-checkout-login .bloc-identification .new-user #CartLoginForm {
    padding: 20px;
    width: 605px;
    margin: 0 auto
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user #CartLoginForm,
    .page-checkout-login .bloc-identification .new-user #CartLoginForm {
        width: 100%;
        padding: 10px
    }
}

.page-checkout-login .bloc-identification .returning-user #CartLoginForm .forgotten-pwd a,
.page-checkout-login .bloc-identification .new-user #CartLoginForm .forgotten-pwd a {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #948e88;
    transition: all 0.3s
}

.page-checkout-login .bloc-identification .returning-user #CartLoginForm .forgotten-pwd a:hover,
.page-checkout-login .bloc-identification .new-user #CartLoginForm .forgotten-pwd a:hover {
    text-decoration: underline
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user #CartLoginForm .controls,
    .page-checkout-login .bloc-identification .new-user #CartLoginForm .controls {
        clear: both;
        width: 100%;
        float: none;
        text-align: right
    }

    .rtl .page-checkout-login .bloc-identification .returning-user #CartLoginForm .controls,
    .rtl .page-checkout-login .bloc-identification .new-user #CartLoginForm .controls {
        text-align: left
    }
}

.page-checkout-login .bloc-identification .returning-user #CartLoginForm input,
.page-checkout-login .bloc-identification .returning-user #CartLoginForm select,
.page-checkout-login .bloc-identification .new-user #CartLoginForm input,
.page-checkout-login .bloc-identification .new-user #CartLoginForm select {
    width: 70%
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user #CartLoginForm input,
    .page-checkout-login .bloc-identification .returning-user #CartLoginForm select,
    .page-checkout-login .bloc-identification .new-user #CartLoginForm input,
    .page-checkout-login .bloc-identification .new-user #CartLoginForm select {
        width: 100%
    }
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile {
    width: 100%;
    margin: 0;
    padding: 40px 60px
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user #FormCreateProfile,
    .page-checkout-login .bloc-identification .new-user #FormCreateProfile {
        padding: 20px
    }
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile fieldset,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile fieldset {
    border: none
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile legend,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile legend {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    margin: 20px
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user #FormCreateProfile legend,
    .page-checkout-login .bloc-identification .new-user #FormCreateProfile legend {
        margin: 0 0 0 10px;
        text-align: left;
        padding: 0
    }

    .rtl .page-checkout-login .bloc-identification .returning-user #FormCreateProfile legend,
    .rtl .page-checkout-login .bloc-identification .new-user #FormCreateProfile legend {
        margin: 0 10px 0 0;
        text-align: right
    }
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile .controls select,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile .controls select {
    float: none
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile .span6,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile .span6 {
    width: 49%;
    margin: 0 0 20px 0
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user #FormCreateProfile .span6,
    .page-checkout-login .bloc-identification .new-user #FormCreateProfile .span6 {
        width: 100%
    }
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile .span6:first-child,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile .span6:first-child {
    padding-right: 0.5%
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile .span6:nth-child(2) legend,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile .span6:nth-child(2) legend {
    margin-left: 50px
}

.rtl .page-checkout-login .bloc-identification .returning-user #FormCreateProfile .span6:nth-child(2) legend,
.rtl .page-checkout-login .bloc-identification .new-user #FormCreateProfile .span6:nth-child(2) legend {
    margin-right: 50px
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user #FormCreateProfile .span6:nth-child(2) legend,
    .page-checkout-login .bloc-identification .new-user #FormCreateProfile .span6:nth-child(2) legend {
        margin: 0 0 0 10px;
        text-align: left;
        padding: 0
    }

    .rtl .page-checkout-login .bloc-identification .returning-user #FormCreateProfile .span6:nth-child(2) legend,
    .rtl .page-checkout-login .bloc-identification .new-user #FormCreateProfile .span6:nth-child(2) legend {
        margin: 0 10px 0 0;
        text-align: right
    }
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile .span6:last-child,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile .span6:last-child {
    padding-left: 0.5%
}

.rtl .page-checkout-login .bloc-identification .returning-user #FormCreateProfile .span6:last-child,
.rtl .page-checkout-login .bloc-identification .new-user #FormCreateProfile .span6:last-child {
    padding-right: 0.5%
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile .accept,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile .accept {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user #FormCreateProfile .text-center,
    .page-checkout-login .bloc-identification .new-user #FormCreateProfile .text-center {
        width: 100%;
        float: none;
        text-align: right
    }

    .rtl .page-checkout-login .bloc-identification .returning-user #FormCreateProfile .text-center,
    .rtl .page-checkout-login .bloc-identification .new-user #FormCreateProfile .text-center {
        text-align: left
    }
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile select,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile .sort,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile .sort {
    position: relative
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user #FormCreateProfile .sort,
    .page-checkout-login .bloc-identification .new-user #FormCreateProfile .sort {
        clear: both
    }
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile .sort:after,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile .sort:after {
    content: "\e902";
    font-family: icokrups;
    font-size: 8px;
    font-size: .8rem;
    width: 44px;
    height: 100%;
    border-radius: 5px;
    position: absolute;
    top: 1px;
    right: 1px;
    background: transparent;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    pointer-events: none
}

.rtl .page-checkout-login .bloc-identification .returning-user #FormCreateProfile .sort:after,
.rtl .page-checkout-login .bloc-identification .new-user #FormCreateProfile .sort:after {
    top: 1px;
    left: 1px;
    right: auto
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile .control-group,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile .control-group {
    padding: 10px 0
}

.page-checkout-login .bloc-identification .new-user {
    padding-bottom: 0
}

.page-checkout-login .bloc-identification #new-user {
    padding: 0
}

.page-checkout-login .external-site {
    background: transparent;
    padding-top: 0;
    background: none;
    max-width: 1600px;
    padding: 0 90px 20px 90px;
    width: 100%
}

.page-checkout-login .external-site .external-site {
    padding: 0
}

.page-checkout-login .external-site .container {
    padding: 0
}

.page-checkout-login .external-site .external-site-cont {
    border: none
}

.page-checkout-login .external-site p,
.page-checkout-login .external-site .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-checkout-login .external-site div {
    line-height: 21px;
    color: #232120;
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

@media screen and (max-width: 768px) {
    .page-checkout-login .accessories-services li {
        width: 50% !important;
        margin: 0 0 0 0 !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1600px) {
    .page-checkout-login .row-fluid.bloc-identification {
        max-width: 1600px;
        width: 100%;
        padding: 40px 50px
    }

    .page-checkout-login .row-fluid.cart-steps {
        padding: 180px 50px 0 50px
    }

    .page-checkout-login .row-fluid.cart-steps .print {
        right: 50px
    }

    .rtl .page-checkout-login .row-fluid.cart-steps .print {
        left: 50px;
        right: auto
    }
}

.page-CartPage .external-site-cont {
    padding-top: 0
}

.page-CartPage .cart-action {
    padding-bottom: 35px
}

#ModalNewsLetter #popinMessages {
    z-index: 9;
    position: relative;
    color: #fff;
    clear: both;
    overflow: hidden;
    margin-bottom: 10px
}

#ModalNewsLetter #popinMessages .information_message {
    padding: 15px 10px 15px
}

#ModalNewsLetter #popinMessages .positive {
    background: #00ead7;
    color: #fff
}

#ModalNewsLetter #popinMessages .negative {
    background: #e2001a;
    color: #fff
}

#ModalNewsLetter #popinMessages p,
#ModalNewsLetter #popinMessages .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #ModalNewsLetter #popinMessages div {
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem
}

#ModalNewsLetter #popinMessages p:first-letter,
#ModalNewsLetter #popinMessages .krups-block-univers .krups-block-wrapper div:first-letter,
.krups-block-univers .krups-block-wrapper #ModalNewsLetter #popinMessages div:first-letter {
    text-transform: uppercase
}

.page-checkout-login #ModalNewsLetter #popinMessages {
    padding: 0 90px;
    max-width: 1600px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .page-checkout-login #ModalNewsLetter #popinMessages {
        padding: 0
    }
}

.pRelaisDetails,
.pRelaisDetailsGRP {
    clear: both
}

.pRelaisDetails #pointRelaisMessages,
.pRelaisDetailsGRP #pointRelaisMessages {
    color: #ed1c24
}

@media screen and (max-width: 768px) {

    .pRelaisDetails #pointRelaisMessages,
    .pRelaisDetailsGRP #pointRelaisMessages {
        margin: 20px 15px 0
    }
}

.pRelaisDetails #pointRelaisMessages .information_message.negative p,
.pRelaisDetails #pointRelaisMessages .information_message.negative .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .pRelaisDetails #pointRelaisMessages .information_message.negative div,
.pRelaisDetailsGRP #pointRelaisMessages .information_message.negative p,
.pRelaisDetailsGRP #pointRelaisMessages .information_message.negative .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .pRelaisDetailsGRP #pointRelaisMessages .information_message.negative div {
    text-align: center;
    margin-top: 10px
}

.pRelaisDetails #pointRelaisDetails .adress-input,
.pRelaisDetails #pointRelaisDetailsGRP .adress-input,
.pRelaisDetailsGRP #pointRelaisDetails .adress-input,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input {
    margin: 20px 0;
    overflow: hidden;
    text-align: center
}

@media screen and (max-width: 768px) {

    .pRelaisDetails #pointRelaisDetails .adress-input,
    .pRelaisDetails #pointRelaisDetailsGRP .adress-input,
    .pRelaisDetailsGRP #pointRelaisDetails .adress-input,
    .pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input {
        margin: 20px 15px
    }
}

.pRelaisDetails #pointRelaisDetails .adress-input .form-groupe,
.pRelaisDetails #pointRelaisDetailsGRP .adress-input .form-groupe,
.pRelaisDetailsGRP #pointRelaisDetails .adress-input .form-groupe,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .form-groupe {
    display: inline-block;
    margin-right: 15px;
    vertical-align: top
}

.pRelaisDetails #pointRelaisDetails .adress-input .form-groupe .mandatory,
.pRelaisDetails #pointRelaisDetailsGRP .adress-input .form-groupe .mandatory,
.pRelaisDetailsGRP #pointRelaisDetails .adress-input .form-groupe .mandatory,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .form-groupe .mandatory {
    position: relative;
    top: 3px;
    margin: 0 0px 0 4px
}

.pRelaisDetails #pointRelaisDetails .adress-input .form-groupe input[type=TEXT],
.pRelaisDetails #pointRelaisDetailsGRP .adress-input .form-groupe input[type=TEXT],
.pRelaisDetailsGRP #pointRelaisDetails .adress-input .form-groupe input[type=TEXT],
.pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .form-groupe input[type=TEXT] {
    height: 32px
}

.pRelaisDetails #pointRelaisDetails .adress-input .form-groupe .erreCp,
.pRelaisDetails #pointRelaisDetails .adress-input .form-groupe .erreVille,
.pRelaisDetails #pointRelaisDetailsGRP .adress-input .form-groupe .erreCp,
.pRelaisDetails #pointRelaisDetailsGRP .adress-input .form-groupe .erreVille,
.pRelaisDetailsGRP #pointRelaisDetails .adress-input .form-groupe .erreCp,
.pRelaisDetailsGRP #pointRelaisDetails .adress-input .form-groupe .erreVille,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .form-groupe .erreCp,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .form-groupe .erreVille {
    display: block;
    background: none !important;
    font-size: 1rem;
    color: #ed1c24
}

@media screen and (max-width: 768px) {

    .pRelaisDetails #pointRelaisDetails .adress-input .form-groupe .erreCp,
    .pRelaisDetails #pointRelaisDetails .adress-input .form-groupe .erreVille,
    .pRelaisDetails #pointRelaisDetailsGRP .adress-input .form-groupe .erreCp,
    .pRelaisDetails #pointRelaisDetailsGRP .adress-input .form-groupe .erreVille,
    .pRelaisDetailsGRP #pointRelaisDetails .adress-input .form-groupe .erreCp,
    .pRelaisDetailsGRP #pointRelaisDetails .adress-input .form-groupe .erreVille,
    .pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .form-groupe .erreCp,
    .pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .form-groupe .erreVille {
        text-align: left
    }
}

@media screen and (max-width: 768px) {

    .pRelaisDetails #pointRelaisDetails .adress-input .form-groupe,
    .pRelaisDetails #pointRelaisDetailsGRP .adress-input .form-groupe,
    .pRelaisDetailsGRP #pointRelaisDetails .adress-input .form-groupe,
    .pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .form-groupe {
        display: block;
        margin: 0 0 8px;
        position: relative
    }

    .pRelaisDetails #pointRelaisDetails .adress-input .form-groupe .mandatory,
    .pRelaisDetails #pointRelaisDetailsGRP .adress-input .form-groupe .mandatory,
    .pRelaisDetailsGRP #pointRelaisDetails .adress-input .form-groupe .mandatory,
    .pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .form-groupe .mandatory {
        position: absolute;
        top: 10px;
        right: 7px;
        margin: 0 0px 0 4px
    }
}

.pRelaisDetails #pointRelaisDetails .adress-input .btn,
.pRelaisDetails #pointRelaisDetailsGRP .adress-input .btn,
.pRelaisDetailsGRP #pointRelaisDetails .adress-input .btn,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .btn {
    margin-left: 10px;
    padding: 6px 20px 9px
}

.pRelaisDetails #pointRelaisDetails .adress-input .btn i,
.pRelaisDetails #pointRelaisDetailsGRP .adress-input .btn i,
.pRelaisDetailsGRP #pointRelaisDetails .adress-input .btn i,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .btn i {
    width: 17px;
    height: 17px;
    border-radius: 40px;
    border: 2px solid #fff;
    display: block;
    position: relative;
    transition: none;
    margin: 0 auto
}

.pRelaisDetails #pointRelaisDetails .adress-input .btn i:before,
.pRelaisDetails #pointRelaisDetails .adress-input .btn i:after,
.pRelaisDetails #pointRelaisDetailsGRP .adress-input .btn i:before,
.pRelaisDetails #pointRelaisDetailsGRP .adress-input .btn i:after,
.pRelaisDetailsGRP #pointRelaisDetails .adress-input .btn i:before,
.pRelaisDetailsGRP #pointRelaisDetails .adress-input .btn i:after,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .btn i:before,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .btn i:after {
    content: '';
    width: 3px;
    height: 8px;
    right: -2px;
    top: 10px;
    position: absolute;
    display: block;
    background-color: #fff;
    transform: rotate(-45deg);
    transition: none;
    border-radius: 100%
}

@media screen and (max-width: 768px) {

    .pRelaisDetails #pointRelaisDetails .adress-input .btn,
    .pRelaisDetails #pointRelaisDetailsGRP .adress-input .btn,
    .pRelaisDetailsGRP #pointRelaisDetails .adress-input .btn,
    .pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .btn {
        width: 100%;
        margin: 0
    }
}

.pRelaisDetails #pointRelaisDetails .list-point .relaitList,
.pRelaisDetails #pointRelaisDetailsGRP .list-point .relaitList,
.pRelaisDetailsGRP #pointRelaisDetails .list-point .relaitList,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point .relaitList {
    height: 440px;
    overflow: auto
}

@media screen and (max-width: 768px) {

    .pRelaisDetails #pointRelaisDetails .list-point .relaitList,
    .pRelaisDetails #pointRelaisDetailsGRP .list-point .relaitList,
    .pRelaisDetailsGRP #pointRelaisDetails .list-point .relaitList,
    .pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point .relaitList {
        height: auto
    }
}

.pRelaisDetails #pointRelaisDetails .list-point .relaitList ul,
.pRelaisDetails #pointRelaisDetailsGRP .list-point .relaitList ul,
.pRelaisDetailsGRP #pointRelaisDetails .list-point .relaitList ul,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point .relaitList ul {
    list-style: none;
    margin: 0
}

.pRelaisDetails #pointRelaisDetails .list-point .relaitList ul li a,
.pRelaisDetails #pointRelaisDetailsGRP .list-point .relaitList ul li a,
.pRelaisDetailsGRP #pointRelaisDetails .list-point .relaitList ul li a,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point .relaitList ul li a {
    display: block;
    padding: 10px 3px 10px 69px;
    min-height: 80px;
    text-decoration: none;
    position: relative;
    color: #c00
}

.pRelaisDetails #pointRelaisDetails .list-point .relaitList ul li a .bloc-img,
.pRelaisDetails #pointRelaisDetailsGRP .list-point .relaitList ul li a .bloc-img,
.pRelaisDetailsGRP #pointRelaisDetails .list-point .relaitList ul li a .bloc-img,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point .relaitList ul li a .bloc-img {
    position: absolute;
    left: 8px;
    top: 10px;
    text-align: center;
    width: 50px;
    overflow: hidden
}

.pRelaisDetails #pointRelaisDetails .list-point .relaitList ul li a h4,
.pRelaisDetails #pointRelaisDetailsGRP .list-point .relaitList ul li a h4,
.pRelaisDetailsGRP #pointRelaisDetails .list-point .relaitList ul li a h4,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point .relaitList ul li a h4 {
    border: 0;
    margin: 0;
    padding: 0
}

.pRelaisDetails #pointRelaisDetails .list-point .relaitList ul li a p,
.pRelaisDetails #pointRelaisDetails .list-point .relaitList ul li a .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .pRelaisDetails #pointRelaisDetails .list-point .relaitList ul li a div,
.pRelaisDetails #pointRelaisDetailsGRP .list-point .relaitList ul li a p,
.pRelaisDetails #pointRelaisDetailsGRP .list-point .relaitList ul li a .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .pRelaisDetails #pointRelaisDetailsGRP .list-point .relaitList ul li a div,
.pRelaisDetailsGRP #pointRelaisDetails .list-point .relaitList ul li a p,
.pRelaisDetailsGRP #pointRelaisDetails .list-point .relaitList ul li a .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .pRelaisDetailsGRP #pointRelaisDetails .list-point .relaitList ul li a div,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point .relaitList ul li a p,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point .relaitList ul li a .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point .relaitList ul li a div {
    font-size: 12px;
    font-size: 1.2rem;
    color: #6d6e70;
    margin: 0;
    line-height: 1.2em
}

@media screen and (max-width: 768px) {

    .pRelaisDetails #pointRelaisDetails .list-point .relaitList ul li a,
    .pRelaisDetails #pointRelaisDetailsGRP .list-point .relaitList ul li a,
    .pRelaisDetailsGRP #pointRelaisDetails .list-point .relaitList ul li a,
    .pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point .relaitList ul li a {
        padding: 10px 19px 10px 69px;
        text-align: left
    }
}

.pRelaisDetails #pointRelaisDetails .list-point #map-canvas,
.pRelaisDetails #pointRelaisDetails .list-point #map-canvasGRP,
.pRelaisDetails #pointRelaisDetailsGRP .list-point #map-canvas,
.pRelaisDetails #pointRelaisDetailsGRP .list-point #map-canvasGRP,
.pRelaisDetailsGRP #pointRelaisDetails .list-point #map-canvas,
.pRelaisDetailsGRP #pointRelaisDetails .list-point #map-canvasGRP,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point #map-canvas,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point #map-canvasGRP {
    height: 440px
}

@media screen and (max-width: 768px) {

    .pRelaisDetails #pointRelaisDetails .list-point #map-canvas,
    .pRelaisDetails #pointRelaisDetails .list-point #map-canvasGRP,
    .pRelaisDetails #pointRelaisDetailsGRP .list-point #map-canvas,
    .pRelaisDetails #pointRelaisDetailsGRP .list-point #map-canvasGRP,
    .pRelaisDetailsGRP #pointRelaisDetails .list-point #map-canvas,
    .pRelaisDetailsGRP #pointRelaisDetails .list-point #map-canvasGRP,
    .pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point #map-canvas,
    .pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point #map-canvasGRP {
        height: 360px
    }
}

.pRelaisDetails .span8.pointAcheminementDetail,
.pRelaisDetailsGRP .span8.pointAcheminementDetail {
    float: right
}

@media screen and (max-width: 768px) {

    .pRelaisDetails .span8.pointAcheminementDetail,
    .pRelaisDetailsGRP .span8.pointAcheminementDetail {
        text-align: center
    }
}

.pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont,
.pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont {
    background: #fff;
    border: 1px solid #000;
    margin: 20px 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#EDEEF0');
    background-image: -owg-linear-gradient(top, #fff 0%, #fbfdfc 31%, #edeef0 100%);
    background-image: linear-gradient(top, #fff 0%, #fbfdfc 31%, #edeef0 100%);
    transition: all 0.3s;
    display: table;
    width: 100%
}

.pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail,
.pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail {
    position: relative;
    display: table-cell;
    padding: 18px 15px 10px 60px;
    min-height: 80px;
    text-decoration: none;
    width: 42%;
    border-right: 1px solid #000
}

.pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail .title-infos-point-detail,
.pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail .title-infos-point-detail {
    font-size: 18px !important;
    line-height: 22px;
    font-weight: 600;
    color: #4b4b4b;
    margin: 0
}

.pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail .logo-colis,
.pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail .logo-colis {
    position: absolute;
    left: 4px;
    top: 10px;
    text-align: center;
    width: 50px;
    overflow: hidden
}

.pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail .bloc-img img,
.pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail .bloc-img img {
    margin-right: 10px
}

@media screen and (max-width: 768px) {

    .pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail,
    .pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail {
        border: 0;
        width: 100%;
        display: block;
        padding: 18px 10px 10px 40px;
        min-height: inherit
    }

    .pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail .logo-colis,
    .pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail .logo-colis {
        left: 0
    }
}

.pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime,
.pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime {
    display: table-cell;
    padding: 13px 0 0 20px;
    width: 60%
}

.pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime .title-openingtime,
.pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime .title-openingtime {
    color: #4b4b4b;
    font-weight: 600
}

.pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime ul,
.pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime ul {
    list-style: none;
    margin: 0 0 10px 25px
}

.pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime .btn.btn-action,
.pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime .ui-btn.ui-btn-secondary,
.pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime .btn.btn-action,
.pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime .ui-btn.ui-btn-secondary {
    margin: 0px 10px 10px;
    float: right
}

@media screen and (max-width: 768px) {

    .pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime,
    .pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime {
        display: block;
        width: 100%;
        padding: 0 0 15px 0
    }

    .pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime ul,
    .pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime ul {
        padding: 0;
        margin-left: 0
    }

    .pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime .btn.btn-action,
    .pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime .ui-btn.ui-btn-secondary,
    .pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime .btn.btn-action,
    .pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime .ui-btn.ui-btn-secondary {
        margin: 0 !important;
        width: 90% !important;
        float: none
    }
}

.pRelaisDetails .span8.pointAcheminementDetail.selectedPoint,
.pRelaisDetailsGRP .span8.pointAcheminementDetail.selectedPoint {
    float: left;
    width: 100%;
    margin: 0
}

@media screen and (max-width: 768px) {
    .bloc-openningHours .title-openningHours {
        padding: 0 !important
    }
}

.bloc-openningHours ul {
    list-style: none
}

.addEditAddressForm #AddAddressForm fieldset {
    padding-left: 0
}

.addEditAddressForm #AddAddressForm fieldset .span6:first-child {
    margin-right: 0
}

#ideal.modal p,
#ideal.modal .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #ideal.modal div {
    text-align: left !important
}

#ideal.modal form div[style*='width'] {
    width: auto !important
}

#ideal.modal form select {
    margin: 20px 0 !important
}

#ideal.modal .btn[data-dismiss] {
    background-color: #948e88
}

.pRelaisDetails .point-relais-mandatory,
.pRelaisDetailsGRP .point-relais-mandatory {
    font-size: 11px;
    margin: 10px 0 0
}

.cart-steps ul li.completed.jumped a {
    cursor: default !important
}

.legal-tax-number {
    margin: 30px 0
}

@media screen and (max-width: 768px) {
    .legal-tax-number {
        margin: 20px 15px !important
    }
}

.legal-tax-number .control-label {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.2em;
    color: #232120;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: none
}

.legal-tax-number .controls .text {
    height: 30px;
    width: 230px;
    border-radius: 0;
    padding: 5px 5px 5px 15px;
    font-family: "montserratbold", sans-serif;
    margin-top: 10px
}

.legal-tax-number .controls .text.has-error {
    border: 1px solid #e2001a;
    background: rgba(245, 87, 83, 0.1)
}

@media screen and (max-width: 768px) {
    .legal-tax-number .controls .text {
        width: 100% !important
    }
}

.legal-tax-number .total-cart.skip {
    float: left
}

.center-currency-select {
    width: 67%;
    margin-left: auto
}

.btn-grey {
    background: #958e88 !important
}

.total-cart .row-fluid {
    padding: 0 0 0 0 !important
}

@media screen and (max-width: 768px) {

    .page-CartPage .accessories-services ul li,
    .page-MultiStepCheckoutSummaryPage .accessories-services ul li,
    .page-OrderConfirmationPage .accessories-services ul li,
    .page-UnsuccessfulPaymentPage .accessories-services ul li {
        width: 50% !important;
        margin: 0 0 0 0 !important
    }
}

.page-MultiStepCheckoutSummaryPage .main-content .row-fluid.accessories-services,
.page-OrderConfirmationPage .main-content .row-fluid.accessories-services,
.page-UnsuccessfulPaymentPage .main-content .row-fluid.accessories-services {
    padding: 60px 0 50px
}

.page-MultiStepCheckoutSummaryPage .yCmsContentSlot.row-fluid.accessories-services {
    width: 54.5%;
    margin: auto
}

@media screen and (max-width: 768px) {
    .page-MultiStepCheckoutSummaryPage .yCmsContentSlot.row-fluid.accessories-services {
        width: 100% !important
    }
}

.ui-select,
#fragmentDeliveryPage #deliveryAddAddessForm .controls .sort,
#fragmentPaymentPage #deliveryAddAddessForm .controls .sort {
    position: relative;
    height: 30px;
    width: 60px;
    background: white
}

.ui-select:before,
#fragmentDeliveryPage #deliveryAddAddessForm .controls .sort:before,
#fragmentPaymentPage #deliveryAddAddessForm .controls .sort:before {
    content: '';
    position: absolute;
    top: 11px;
    width: 0;
    height: 0;
    right: 13px;
    margin: auto;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #858585 transparent transparent transparent;
    pointer-events: none
}

.ui-select select,
#fragmentDeliveryPage #deliveryAddAddessForm .controls .sort select,
#fragmentPaymentPage #deliveryAddAddessForm .controls .sort select {
    font-size: 16px;
    font-size: 1.6rem;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    height: 100%;
    width: 100%;
    cursor: pointer;
    outline: none;
    padding-right: 16px;
    padding-left: 14px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid #f2f1f5;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #948e88;
    -moz-appearance: none;
    -webkit-appearance: none
}

.ui-select select:-moz-focusring,
#fragmentDeliveryPage #deliveryAddAddessForm .controls .sort select:-moz-focusring,
#fragmentPaymentPage #deliveryAddAddessForm .controls .sort select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.ui-select select::-ms-expand,
#fragmentDeliveryPage #deliveryAddAddessForm .controls .sort select::-ms-expand,
#fragmentPaymentPage #deliveryAddAddessForm .controls .sort select::-ms-expand {
    display: none
}

.ui-select select:focus,
#fragmentDeliveryPage #deliveryAddAddessForm .controls .sort select:focus,
#fragmentPaymentPage #deliveryAddAddessForm .controls .sort select:focus {
    border-color: #858585
}

.ui-select select:hover,
#fragmentDeliveryPage #deliveryAddAddessForm .controls .sort select:hover,
#fragmentPaymentPage #deliveryAddAddessForm .controls .sort select:hover {
    border-color: #858585
}

.ui-select select option,
#fragmentDeliveryPage #deliveryAddAddessForm .controls .sort select option,
#fragmentPaymentPage #deliveryAddAddessForm .controls .sort select option {
    text-align: center
}

.ui-select select:disabled,
#fragmentDeliveryPage #deliveryAddAddessForm .controls .sort select:disabled,
#fragmentPaymentPage #deliveryAddAddessForm .controls .sort select:disabled {
    background-color: #858585;
    opacity: 0.5;
    color: black;
    cursor: default
}

.ui-select select:disabled:after,
#fragmentDeliveryPage #deliveryAddAddessForm .controls .sort select:disabled:after,
#fragmentPaymentPage #deliveryAddAddessForm .controls .sort select:disabled:after {
    opacity: 0.7
}

.ui-select select:disabled:focus,
#fragmentDeliveryPage #deliveryAddAddessForm .controls .sort select:disabled:focus,
#fragmentPaymentPage #deliveryAddAddessForm .controls .sort select:disabled:focus {
    border-color: #f2f1f5
}

.ui-select select:disabled:hover,
#fragmentDeliveryPage #deliveryAddAddessForm .controls .sort select:disabled:hover,
#fragmentPaymentPage #deliveryAddAddessForm .controls .sort select:disabled:hover {
    border-color: #f2f1f5
}

@media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
    .select select {
        padding-right: 0
    }

    .select:after,
    .select:before {
        display: none
    }
}

.ui-btn {
    vertical-align: middle;
    padding: 0 10px;
    line-height: 30px;
    font-size: 15px;
    font-size: 1.5rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase
}

.ui-btn-primary {
    min-width: 240px;
    min-height: 55px;
    margin: 0;
    border: none;
    overflow: visible;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    color: #fff;
    border-radius: 28px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    background-color: #f38230
}

.ui-btn-primary:hover {
    background-color: #2a2622
}

.ui-btn-disabled {
    color: white;
    background-color: #948e88;
    cursor: default
}

.ui-btn-disabled:hover {
    background-color: #948e88
}

.ui-btn-secondary {
    min-width: 140px;
    min-height: 55px;
    background-color: #fff;
    border: 2px solid #f38230 !important;
    color: #f38230 !important;
    border-radius: 28px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.ui-btn-secondary:hover {
    color: #2a2622 !important;
    border: 2px solid #2a2622 !important
}

.ui-btn-tertiary {
    text-decoration: underline;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #595959;
    border: 0;
    background-color: transparent
}

.ui-btn-tertiary:hover {
    color: #f38230
}

.ui-btn-edit {
    color: #50535d;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    cursor: pointer;
    font-size: 15px;
    font-size: 1.5rem;
    text-decoration: none
}

.ui-btn-edit:hover,
.ui-btn-edit:active,
.ui-btn-edit:focus {
    text-decoration: underline;
    color: #f38230
}

.ui-btn-edit:hover:after,
.ui-btn-edit:active:after,
.ui-btn-edit:focus:after {
    content: url(/_ui/desktop/common/img/pencil-edit--colored.png);
    margin-left: 12px
}

.ui-btn-edit:after {
    content: url(/_ui/desktop/common/img/pencil-edit.png);
    margin-left: 12px
}

.ui-btn-add:before {
    content: url(/_ui/desktop/common/img/add-icon--coolored.png);
    margin-right: 12px
}

.ui-btn-add:hover:before {
    content: url(/_ui/desktop/common/img/add-icon.png)
}

.ui-btn-print {
    min-width: 228px
}

.ui-btn-print:before {
    margin-right: 21px;
    position: relative;
    top: 5px;
    content: url(/_ui/desktop/common/img/printer-tool--colored.png)
}

.ui-btn-print:hover:before {
    margin-right: 21px;
    position: relative;
    top: 5px;
    content: url(/_ui/desktop/common/img/printer-tool.png)
}

.ui-btn-print-bill {
    border: 2px solid #948e88;
    min-width: 228px;
    color: #948e88
}

.ui-btn-print-bill:before {
    content: url(/_ui/desktop/common/img/printer-tool--colored.png);
    margin-right: 21px;
    position: relative;
    top: 5px
}

.ui-btn-print-bill:hover {
    color: #2a2622;
    border: 2px solid #2a2622
}

.ui-btn-print-bill:hover:before {
    content: url(/_ui/desktop/common/img/printer-tool.png)
}

.ui-btn-print-bill:active:before {
    content: url(/_ui/desktop/common/img/printer-tool.png)
}

.ui-btn-print-disabled {
    border: 2px solid #A3A3A3;
    min-width: 228px;
    color: #A3A3A3;
    cursor: default;
    min-height: 55px;
    background-color: transparent;
    border-radius: 28px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.ui-btn-print-disabled:before {
    content: url(/_ui/desktop/common/img/printer-tool-disabled.png);
    margin-right: 21px;
    position: relative;
    top: 5px
}

.ui-btn-print-disabled:hover {
    color: #A3A3A3;
    border: 2px solid #A3A3A3
}

.ui-btn-print-disabled:active {
    color: #A3A3A3;
    border: 2px solid #A3A3A3
}

.ui-btn-block {
    width: 100%;
    min-width: 0
}

.ui-btn-return {
    padding: 0;
    text-transform: none;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px
}

.ui-btn-return:hover {
    text-decoration: underline
}

.ui-input-row label,
#fragmentDeliveryPage #deliveryAddAddessForm .control-group label,
#fragmentPaymentPage #deliveryAddAddessForm .control-group label {
    font: inherit;
    font-size: 17.33px;
    color: #595959;
    text-align: left
}

.ui-input-row label span,
#fragmentDeliveryPage #deliveryAddAddessForm .control-group label span,
#fragmentPaymentPage #deliveryAddAddessForm .control-group label span {
    font-size: 15.33px;
    color: #939799
}

.ui-input-row input,
#fragmentDeliveryPage #deliveryAddAddessForm .control-group input,
#fragmentPaymentPage #deliveryAddAddessForm .control-group input {
    min-height: 30px;
    border: 1px solid #EDEDF2;
    box-shadow: none;
    font: inherit;
    border-radius: 0
}

.ui-input-row-submit input[type="text"] {
    display: inline-block;
    height: 28px;
    margin: 0
}

.ui-input-row-submit input[type="submit"] {
    display: inline-block;
    position: relative;
    right: 5px;
    height: 28px;
    min-height: 28px;
    padding: 0 10px
}

.ui-input--radio label {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 12px;
    line-height: 22px;
    font-size: 18px;
    color: #666;
    cursor: pointer
}

.ui-input--radio label:before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #939799;
    border-radius: 100%;
    background: #fff
}

.ui-input--radio input[type="radio"] {
    display: none
}

.ui-input--radio input[type="radio"]:checked+label:after {
    content: '';
    width: 9px;
    height: 9px;
    background: #f38230;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    transition: all 0.2s ease
}

.ui-input--radio input[type="radio"]:disabled+label:before,
.ui-input--radio input[type="radio"]:disabled+label:after {
    cursor: not-allowed
}

.ui-input--radio input[type="radio"]:checked:disabled+label:after {
    background: #bbb
}

.ui-input--radio input[type="radio"]:checked+label {
    color: #fff
}

.ui-input--square label {
    position: relative;
    margin: 3px 0 6px 10px;
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 3px;
    color: #fff;
    border: 1px solid #bfbfbf;
    background-color: #fff
}

@media screen and (max-width: 767px) {
    .ui-input--square label {
        margin: 1px 0 6px 10px
    }
}

.ui-input--square label::after {
    content: '';
    display: block;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    left: 4px;
    top: 1px;
    position: relative;
    opacity: 0
}

.ui-input--square input[type="checkbox"] {
    display: none
}

.ui-input--square input[type="checkbox"]:checked~label:after {
    opacity: 1
}

.ui-input--square input[type="checkbox"]:checked~label {
    background-color: #f38230;
    border-color: #f38230
}

.tool-tip {
    width: 16px;
    height: 16px;
    vertical-align: sub;
    display: block
}

.tool-tip:after {
    background-image: url(/_ui/desktop/common/img/tool-tip.png);
    background-size: cover;
    display: inline-block;
    width: 16px;
    height: 16px;
    content: ""
}

.tooltipster-ui .tooltipster-content {
    background-color: #e7e7e7;
    color: #666666 !important;
    max-width: 200px;
    overflow: auto;
    border-color: #e7e7e7;
    font-size: 10px;
    line-height: 11px;
    padding: 9px 11px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.ui-modal {
    position: fixed;
    left: 0;
    top: 0;
    display: block;
    padding: 0 1em;
    text-align: center;
    z-index: 4040 !important;
    box-shadow: none;
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    min-height: 100%;
    width: 100%;
    background-color: rgba(76, 76, 76, 0.2)
}

@media (min-width: 43.75em) {
    .ui-modal .ui-modal {
        padding: 1em 2em;
        text-align: right
    }
}

.ui-modal .ui-close-modal {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-color: transparent;
    cursor: pointer;
    z-index: 9000;
    transform: scale(0.5, 0.5)
}

.ui-modal .ui-close-modal:hover {
    opacity: .3
}

.ui-modal .lr {
    z-index: 2;
    width: 2px;
    height: 25px;
    margin-left: 35px;
    background-color: #2c3e50;
    transform: rotate(45deg)
}

.ui-modal .rl {
    z-index: 3;
    width: 2px;
    height: 25px;
    background-color: #2c3e50;
    transform: rotate(90deg)
}

.modalOverlay {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 2;
    display: block;
    background-color: #4C4C4C;
    opacity: 0.7
}

.modal_box {
    padding: 23px 21px 9px 21px;
    position: relative;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 3;
    max-width: 93%;
    width: 93%;
    background: #fff;
    max-height: 76%;
    overflow: auto;
    border-radius: 4px
}

@media (min-width: 50em) {
    .modal_box {
        padding: 1.75em
    }
}

.modal_box p,
.modal_box .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .modal_box div {
    color: #222222;
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem
}

.ui-modalHide {
    opacity: 0;
    display: none;
    overflow: hidden;
    transform: scale(0.5);
    transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1)
}

.ui-modalShow {
    opacity: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transform: scale(1);
    transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1)
}

.ui-modal-open {
    transform: scale(0.97)
}

@media screen and (max-width: 768px) {
    .page-CartPage .ConfDelModal .modal-footer {
        padding: 10px 5px 20px
    }
}

.page-CartPage .ConfDelModal .ui-btn.ui-btn-secondary {
    cursor: pointer;
    margin-left: 5px;
    padding: 13px 16px
}

.page-CartPage .ConfDelModal .ui-btn.ui-btn-primary {
    min-width: 134px;
    min-height: 48px
}

.heading {
    padding: 22px;
    text-transform: lowercase;
    color: #50535d;
    font-weight: normal
}

.heading::first-letter {
    text-transform: uppercase
}

.heading-primary {
    background: #dedfe4;
    font-size: 24px;
    font-size: 2.4rem
}

.heading-secondary {
    font-size: 21px;
    font-size: 2.1rem
}

.ajaxSpinner {
    display: block;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5;
    transition: all 0.5s;
    pointer-events: none
}

.ajaxSpinner:before {
    content: "";
    display: block;
    position: fixed;
    margin: auto;
    top: calc(50% - 80px);
    z-index: 9999;
    transform: translate(-50%, -50%);
    left: 44%;
    border-bottom: 6px solid #009DC0;
    border-left: 6px solid #009DC0;
    border-right: 6px solid #1F262C;
    border-top: 6px solid #1F262C;
    border-radius: 100%;
    height: 75px;
    width: 75px;
    animation: spin .8s infinite linear
}

.ajaxSpinner:after {
    content: ""
}

html.no-cssanimations .ajaxSpinner {
    background-color: #fff
}

html.no-cssanimations .ajaxSpinner:after {
    border: none;
    border-radius: 0;
    background-image: url("../img/bg/loader.gif");
    background-position: center;
    background-repeat: no-repeat;
    z-index: 999999999
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

img.defering-imgStyle {
    width: 32px !important;
    height: 32px !important;
    max-height: 32px !important;
    max-width: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    margin: 0 auto !important;
    display: block !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    float: none !important
}

.spinner {
    width: 60px;
    height: 60px;
    position: relative;
    margin: 0 auto;
    padding: 0 !important
}

.spinner img {
    min-width: 60px
}

body {
    background: #eaeeef
}

.row-fluid.progress-bar-block {
    width: 100%;
    max-width: 1033px;
    margin: 0 auto
}

.row-fluid.progress-bar-block .rf-container {
    max-width: 568px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px
}

@media screen and (max-width: 767px) {
    .row-fluid.progress-bar-block .rf-container {
        margin-top: 28px
    }
}

.row-fluid.progress-bar-block .rf-container .progress-bar {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    counter-reset: purchase-step;
    margin-top: 170px
}

@media screen and (max-width: 767px) {
    .row-fluid.progress-bar-block .rf-container .progress-bar {
        margin-top: 126px
    }
}

.row-fluid.progress-bar-block .rf-container .progress-bar ul {
    margin: 0
}

.row-fluid.progress-bar-block .rf-container .progress-bar ul .active-crumb:first-of-type li:after {
    content: none
}

.row-fluid.progress-bar-block .rf-container .progress-bar ul li {
    list-style-type: none;
    float: left;
    position: relative;
    text-align: center
}

.row-fluid.progress-bar-block .rf-container .progress-bar ul li.steps-3 {
    width: 33.33%
}

.row-fluid.progress-bar-block .rf-container .progress-bar ul li.steps-4 {
    width: 25%
}

.row-fluid.progress-bar-block .rf-container .progress-bar ul li.steps-5 {
    width: 20%
}

.row-fluid.progress-bar-block .rf-container .progress-bar ul li.active:before {
    background-color: #948e88
}

.row-fluid.progress-bar-block .rf-container .progress-bar ul li.active .caption {
    color: #948e88
}

.row-fluid.progress-bar-block .rf-container .progress-bar ul li.active:after {
    background-color: #948e88 !important
}

.row-fluid.progress-bar-block .rf-container .progress-bar ul li.validated:before {
    content: url(/_ui/desktop/common/img/step-validated.png);
    background-color: #948e88
}

@media screen and (max-width: 767px) {
    .row-fluid.progress-bar-block .rf-container .progress-bar ul li.validated:before {
        line-height: 1.5
    }
}

.row-fluid.progress-bar-block .rf-container .progress-bar ul li.validated .caption {
    color: #948e88
}

.row-fluid.progress-bar-block .rf-container .progress-bar ul li.validated:after {
    background-color: #948e88 !important
}

.row-fluid.progress-bar-block .rf-container .progress-bar ul li.inactive:before {
    background-color: #dcdcdc
}

.row-fluid.progress-bar-block .rf-container .progress-bar ul li.inactive a {
    color: #dcdcdc
}

.row-fluid.progress-bar-block .rf-container .progress-bar ul li:first-child:after {
    content: none
}

.row-fluid.progress-bar-block .rf-container .progress-bar ul li:before {
    counter-increment: purchase-step;
    content: counter(purchase-step);
    width: 26px;
    height: 26px;
    line-height: 28px;
    display: block;
    background-color: #dcdcdc;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    color: white
}

@media screen and (max-width: 767px) {
    .row-fluid.progress-bar-block .rf-container .progress-bar ul li:before {
        width: 42px;
        height: 42px;
        line-height: 43px;
        margin: 0 auto 12px auto;
        font-size: 24px
    }
}

.row-fluid.progress-bar-block .rf-container .progress-bar ul li:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #dcdcdc;
    z-index: -1;
    top: 13px;
    left: -50%
}

.row-fluid.progress-bar-block .rf-container .progress-bar ul li .caption {
    color: #dcdcdc;
    font-size: 14px;
    font-size: 1.4rem
}

.row-fluid.progress-bar-block .rf-container .progress-bar ul .active-crumb li:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #ddd;
    top: 13px;
    left: -50%
}

.row-fluid.progress-bar-block .progress-bar-navigator {
    float: left;
    width: 100%
}

@media screen and (max-width: 767px) {
    .row-fluid.progress-bar-block .progress-bar-navigator {
        padding-left: 15px;
        margin-top: 10px
    }
}

.row-fluid.progress-bar-block .progress-bar-navigator a {
    color: #50535d;
    font-size: 15px;
    font-size: 1.5rem
}

@media screen and (max-width: 767px) {
    .row-fluid.progress-bar-block .progress-bar-navigator a {
        font-size: 17px;
        font-size: 1.7rem
    }
}

.row-fluid.progress-bar-block .progress-bar-navigator a:before {
    content: url(/_ui/desktop/common/img/backward-sign.png);
    margin-right: 2px;
    top: 1px;
    position: relative
}

@media screen and (max-width: 767px) {
    .row-fluid.progress-bar-block .tunnel.step1 .container {
        padding: 10px 0 56px
    }
}

@media screen and (max-width: 767px) {
    .row-fluid.progress-bar-block #globalMessages {
        padding: 0 !important
    }
}

#fragmentCartPage {
    margin-top: 26px
}

@media screen and (max-width: 767px) {
    #fragmentCartPage .purchase-cart {
        margin-bottom: 0
    }
}

#fragmentCartPage .purchase-cart table {
    background: #fff;
    border-collapse: separate;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    #fragmentCartPage .purchase-cart table {
        margin-bottom: 0;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }
}

#fragmentCartPage .purchase-cart table th {
    text-align: left
}

.rtl #fragmentCartPage .purchase-cart table th {
    text-align: right
}

#fragmentCartPage .purchase-cart table th.text-center {
    text-align: center
}

#fragmentCartPage .purchase-cart table th.text-right {
    text-align: right
}

#fragmentCartPage .purchase-cart thead {
    background: #dedfe4;
    font-size: 24px;
    font-size: 2.4rem;
    border: 1px solid #dedfe4
}

#fragmentCartPage .purchase-cart thead th {
    padding: 19px;
    text-transform: lowercase;
    color: black;
    font-weight: normal
}

#fragmentCartPage .purchase-cart thead th::first-letter {
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    #fragmentCartPage .purchase-cart thead th {
        padding: 15px
    }
}

#fragmentCartPage .purchase-cart thead th:nth-child(1) {
    text-transform: uppercase;
    font-size: 19.5px;
    font-size: 1.95rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

@media screen and (max-width: 767px) {
    #fragmentCartPage .purchase-cart thead th:nth-child(1) {
        width: 62%;
        font-size: 18px;
        font-size: 1.8rem
    }
}

#fragmentCartPage .purchase-cart thead th:nth-child(2) {
    text-transform: lowercase;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px
}

@media screen and (max-width: 767px) {
    #fragmentCartPage .purchase-cart thead th:nth-child(2) {
        width: 18%
    }
}

@media screen and (max-width: 767px) {
    #fragmentCartPage .purchase-cart thead tr {
        display: block
    }
}

#fragmentCartPage .purchase-cart tbody h4 {
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 19px
}

@media screen and (max-width: 767px) {
    #fragmentCartPage .purchase-cart tbody h4 {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 17px
    }
}

#fragmentCartPage .purchase-cart tbody h4::first-letter {
    text-transform: uppercase
}

#fragmentCartPage .purchase-cart tbody p,
#fragmentCartPage .purchase-cart tbody .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #fragmentCartPage .purchase-cart tbody div {
    margin: 0
}

@media screen and (max-width: 767px) {
    #fragmentCartPage .purchase-cart tbody tr {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        border-left: none;
        border-right: none;
        border: 0;
        border-bottom: 1px solid #DCDEE2
    }
}

#fragmentCartPage .purchase-cart tbody tr td {
    border: 0;
    border-bottom: 1px solid #dedfe4;
    padding: 16px;
    vertical-align: middle
}

@media screen and (max-width: 767px) {
    #fragmentCartPage .purchase-cart tbody tr td {
        border: 0
    }
}

#fragmentCartPage .purchase-cart tbody tr:last-child td {
    border-bottom: 0
}

#fragmentCartPage .purchase-cart .qte-container {
    vertical-align: top;
    width: 28%;
    text-align: end
}

#fragmentCartPage .purchase-cart .qte-container .quantity .ui-select,
#fragmentCartPage .purchase-cart .qte-container .quantity #fragmentDeliveryPage #deliveryAddAddessForm .controls .sort,
#fragmentDeliveryPage #deliveryAddAddessForm .controls #fragmentCartPage .purchase-cart .qte-container .quantity .sort,
#fragmentCartPage .purchase-cart .qte-container .quantity #fragmentPaymentPage #deliveryAddAddessForm .controls .sort,
#fragmentPaymentPage #deliveryAddAddessForm .controls #fragmentCartPage .purchase-cart .qte-container .quantity .sort {
    float: none;
    margin-left: 33px
}

@media screen and (max-width: 767px) {

    #fragmentCartPage .purchase-cart .qte-container .quantity .ui-select,
    #fragmentCartPage .purchase-cart .qte-container .quantity #fragmentDeliveryPage #deliveryAddAddessForm .controls .sort,
    #fragmentDeliveryPage #deliveryAddAddessForm .controls #fragmentCartPage .purchase-cart .qte-container .quantity .sort,
    #fragmentCartPage .purchase-cart .qte-container .quantity #fragmentPaymentPage #deliveryAddAddessForm .controls .sort,
    #fragmentPaymentPage #deliveryAddAddessForm .controls #fragmentCartPage .purchase-cart .qte-container .quantity .sort {
        margin-left: 0px
    }
}

#fragmentCartPage .purchase-cart .qte-container .quantity .ui-select select,
#fragmentCartPage .purchase-cart .qte-container .quantity #fragmentDeliveryPage #deliveryAddAddessForm .controls .sort select,
#fragmentDeliveryPage #deliveryAddAddessForm .controls #fragmentCartPage .purchase-cart .qte-container .quantity .sort select,
#fragmentCartPage .purchase-cart .qte-container .quantity #fragmentPaymentPage #deliveryAddAddessForm .controls .sort select,
#fragmentPaymentPage #deliveryAddAddessForm .controls #fragmentCartPage .purchase-cart .qte-container .quantity .sort select {
    margin: 0 !important;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #666666
}

#fragmentCartPage .purchase-cart .qte-container .quantity .ui-select tbady .remove-product-container .pull-right,
#fragmentCartPage .purchase-cart .qte-container .quantity #fragmentDeliveryPage #deliveryAddAddessForm .controls .sort tbady .remove-product-container .pull-right,
#fragmentDeliveryPage #deliveryAddAddessForm .controls #fragmentCartPage .purchase-cart .qte-container .quantity .sort tbady .remove-product-container .pull-right,
#fragmentCartPage .purchase-cart .qte-container .quantity #fragmentPaymentPage #deliveryAddAddessForm .controls .sort tbady .remove-product-container .pull-right,
#fragmentPaymentPage #deliveryAddAddessForm .controls #fragmentCartPage .purchase-cart .qte-container .quantity .sort tbady .remove-product-container .pull-right {
    margin: 5px
}

#fragmentCartPage .purchase-cart .qte-container .quantity .msg {
    line-height: 13px;
    width: 70px;
    font-size: 11px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-align: center;
    word-break: keep-all
}

#fragmentCartPage .purchase-cart .qte-container .ui-select,
#fragmentCartPage .purchase-cart .qte-container #fragmentDeliveryPage #deliveryAddAddessForm .controls .sort,
#fragmentDeliveryPage #deliveryAddAddessForm .controls #fragmentCartPage .purchase-cart .qte-container .sort,
#fragmentCartPage .purchase-cart .qte-container #fragmentPaymentPage #deliveryAddAddessForm .controls .sort,
#fragmentPaymentPage #deliveryAddAddessForm .controls #fragmentCartPage .purchase-cart .qte-container .sort {
    float: right
}

@media screen and (max-width: 767px) {
    #fragmentCartPage .purchase-cart .qte-container {
        -ms-flex-order: 4;
        order: 4;
        width: 121px;
        padding: 16px 16px
    }

    #fragmentCartPage .purchase-cart .qte-container .quantity {
        display: block;
        line-height: 28px;
        font-size: 17px;
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
        color: #b5b6b9
    }

    #fragmentCartPage .purchase-cart .qte-container .ui-select,
    #fragmentCartPage .purchase-cart .qte-container #fragmentDeliveryPage #deliveryAddAddessForm .controls .sort,
    #fragmentDeliveryPage #deliveryAddAddessForm .controls #fragmentCartPage .purchase-cart .qte-container .sort,
    #fragmentCartPage .purchase-cart .qte-container #fragmentPaymentPage #deliveryAddAddessForm .controls .sort,
    #fragmentPaymentPage #deliveryAddAddessForm .controls #fragmentCartPage .purchase-cart .qte-container .sort {
        float: none;
        height: auto;
        width: 68px
    }

    #fragmentCartPage .purchase-cart .qte-container .updateQuantityEntry {
        border-radius: 3px;
        height: 34px;
        line-height: 34px;
        font-size: 16px;
        font-size: 1.6rem;
        padding-left: 14px
    }
}

#fragmentCartPage .purchase-cart .qte-container .updateQuantityEntry {
    border-radius: 3px
}

#fragmentCartPage .purchase-cart .document-container {
    vertical-align: top;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 12px 0px
}

@media screen and (max-width: 767px) {
    #fragmentCartPage .purchase-cart .document-container {
        -ms-flex-order: 4;
        order: 4;
        padding: 16px 0 0 6px;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 17px;
        text-align: initial
    }
}

#fragmentCartPage .purchase-cart .picture-container {
    width: 18%
}

#fragmentCartPage .purchase-cart .picture-container .picture {
    height: 87px;
    width: 87px;
    border: 1px solid #f2f1f5;
    border-radius: 3px;
    position: relative
}

#fragmentCartPage .purchase-cart .picture-container .picture .homologation-imgProductCartPage .sticker .picture>img {
    margin-top: 0px;
    width: 65%
}

#fragmentCartPage .purchase-cart .picture-container .picture img {
    margin-top: 8px
}

@media screen and (max-width: 767px) {
    #fragmentCartPage .purchase-cart .picture-container .picture {
        height: 99px;
        width: 99px
    }
}

@media screen and (max-width: 767px) {
    #fragmentCartPage .purchase-cart .picture-container {
        -ms-flex-order: 1;
        order: 1;
        width: 128px;
        padding: 16px 0px 0px 15px
    }
}

#fragmentCartPage .purchase-cart .details-container {
    width: 24%;
    padding: 15px 0 0 0;
    height: auto;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 21px;
    font-size: 2.1rem;
    color: #50535d;
    vertical-align: top
}

#fragmentCartPage .purchase-cart .details-container .contents {
    width: 173px
}

#fragmentCartPage .purchase-cart .details-container .contents .unit-price,
#fragmentCartPage .purchase-cart .details-container .contents .ref {
    font-size: 12px;
    font-size: 1.2rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    margin: 5px 0;
    color: #948e88
}

#fragmentCartPage .purchase-cart .details-container .contents .ref {
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    #fragmentCartPage .purchase-cart .details-container {
        -ms-flex-order: 2;
        order: 2;
        width: 161px;
        padding: 16px 0 0 0
    }

    #fragmentCartPage .purchase-cart .details-container .contents h4 {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 17px
    }

    #fragmentCartPage .purchase-cart .details-container .contents .unit-price {
        margin-top: 9px;
        margin-bottom: 0
    }

    #fragmentCartPage .purchase-cart .details-container .contents .ref {
        margin-top: 0;
        margin-bottom: 0
    }

    #fragmentCartPage .purchase-cart .details-container.noticeEntry {
        width: calc(100% - 128px)
    }
}

#fragmentCartPage .purchase-cart .price-container {
    vertical-align: top;
    width: 31%;
    text-align: right;
    padding: 16px 7px
}

#fragmentCartPage .purchase-cart .price-container .product-total-price {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
    margin-right: 84px;
    color: #666
}

#fragmentCartPage .purchase-cart .price-container .product-total-price .old-price {
    text-decoration: line-through;
    color: #f38230;
    font-size: 14px;
    font-size: 1.4rem
}

@media screen and (max-width: 767px) {
    #fragmentCartPage .purchase-cart .price-container .product-total-price .old-price {
        font-size: 13px;
        font-size: 1.3rem
    }
}

#fragmentCartPage .purchase-cart .price-container .product-total-price .discount {
    font-size: 10px;
    font-size: 1rem;
    color: #f38230;
    display: block;
    line-height: 11px
}

@media screen and (max-width: 767px) {
    #fragmentCartPage .purchase-cart .price-container .product-total-price .discount {
        width: 80%;
        margin-bottom: 13px;
        margin-top: 23px;
        line-height: 13px
    }
}

@media screen and (max-width: 767px) {
    #fragmentCartPage .purchase-cart .price-container .product-total-price {
        text-align: left;
        font-size: 17px;
        font-size: 1.7rem
    }
}

@media screen and (max-width: 767px) {
    #fragmentCartPage .purchase-cart .price-container {
        -ms-flex-order: 5;
        order: 5;
        width: calc(100% - 121px);
        text-align: initial;
        padding: 13px 6px
    }
}

#fragmentCartPage .purchase-cart .remove-product-container {
    padding: 8px 19px 11px 0;
    vertical-align: top;
    width: 12%
}

@media screen and (max-width: 767px) {
    #fragmentCartPage .purchase-cart .remove-product-container {
        -ms-flex-order: 3;
        order: 3;
        width: calc(100% - 290px);
        padding: 17px 13px
    }
}

#fragmentCartPage .purchase-cart .icon-remove-product:before {
    content: url(/_ui/desktop/common/img/remove-product-from-cart.png)
}

.total-card {
    width: 321px;
    margin-left: 6px;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .total-card {
        width: 100%;
        margin-left: 0
    }
}

.total-card .span4 {
    margin-left: 20px !important
}

.total-card table {
    margin-bottom: 0;
    border-collapse: separate;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .total-card table {
        margin-bottom: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: none;
        border-radius: 0
    }
}

.total-card table tbody {
    background-color: #FFF
}

.total-card table th {
    text-align: left
}

.rtl .total-card table th {
    text-align: right
}

.total-card table th.text-center {
    text-align: center
}

.total-card table th.text-right {
    text-align: right
}

.total-card table td {
    border: 0
}

.total-card table tr.colored {
    color: #f38230
}

.total-card thead {
    background: #dedfe4;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.total-card thead th {
    font-size: 22px;
    font-size: 2.2rem;
    padding: 18px;
    text-transform: uppercase;
    color: black;
    font-weight: normal;
    line-height: 23px
}

@media screen and (max-width: 767px) {
    .total-card thead th {
        font-size: 17px;
        font-size: 1.7rem;
        padding: 13px
    }
}

.total-card tbody h4 {
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    color: #f38230;
    margin: 0;
    font-weight: 100
}

.total-card tbody p,
.total-card tbody .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .total-card tbody div {
    margin: 0
}

.total-card tbody td {
    border: 0;
    padding: 16px;
    vertical-align: middle
}

.total-card tbody tr.deliveryCostTR .values-container .offered {
    color: #f1823c
}

.total-card tfoot {
    background-color: #FFF
}

.total-card tfoot td {
    text-align: center
}

.total-card tfoot .total {
    height: 80px
}

.total-card tfoot .total td {
    vertical-align: middle;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase
}

.total-card tfoot .free-delivery {
    text-align: center;
    padding: 0;
    width: 88%;
    margin: auto;
    line-height: 17px;
    background: transparent;
    position: relative;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    margin-bottom: 10px
}

.total-card tfoot .free-delivery:before {
    content: ''
}

.total-card tfoot .free-delivery p,
.total-card tfoot .free-delivery .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .total-card tfoot .free-delivery div {
    font-size: 14px
}

.total-card tfoot .free-delivery p:before,
.total-card tfoot .free-delivery .krups-block-univers .krups-block-wrapper div:before,
.krups-block-univers .krups-block-wrapper .total-card tfoot .free-delivery div:before {
    display: none
}

.total-card tfoot .free-delivery small {
    color: #000;
    font-size: 11px
}

.total-card tfoot .free-delivery:last-child {
    margin-bottom: 0
}

.total-card tfoot .free-delivery span.coloredPrice {
    color: #f38230;
    font-size: 14px;
    font-size: 1.4rem
}

.total-card tfoot .submit-container button {
    margin-bottom: 17px;
    width: 88%
}

.total-card .keys-container,
.total-card .values-container {
    padding: 13px 20px;
    vertical-align: top;
    line-height: normal
}

@media screen and (max-width: 767px) {

    .total-card .keys-container,
    .total-card .values-container {
        padding: 27px 13px 6px 13px;
        line-height: normal
    }
}

.total-card .keys-container.voucher,
.total-card .values-container.voucher {
    font-size: 12px;
    font-size: 1.2rem
}

.total-card .keys-container.voucher>p,
.total-card .krups-block-univers .krups-block-wrapper .keys-container.voucher>div,
.krups-block-univers .krups-block-wrapper .total-card .keys-container.voucher>div,
.total-card .values-container.voucher>p,
.total-card .krups-block-univers .krups-block-wrapper .values-container.voucher>div,
.krups-block-univers .krups-block-wrapper .total-card .values-container.voucher>div {
    text-transform: uppercase
}

.total-card .keys-container {
    text-align: left;
    padding-right: 5px;
    font-size: 14px;
    font-size: 1.4rem
}

.total-card .values-container {
    text-align: right;
    padding-left: 0;
    font-size: 16px;
    font-size: 1.6rem
}

.total-card .values-container span {
    white-space: nowrap
}

.total-card .forfait .shipping-time {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 13px
}

.total-card .global-conditions {
    margin-bottom: 8px
}

.total-card .global-conditions .ui-input--square {
    float: left;
    width: 10%
}

.total-card .global-conditions .caption {
    float: left;
    width: 90%;
    font-size: 13px;
    text-align: start;
    padding-left: 7px;
    line-height: 19px;
    cursor: default
}

.total-card .global-conditions .caption a {
    text-decoration: underline;
    color: #50535d;
    text-transform: capitalize
}

.total-card span[id='message.errors'] {
    color: #e2001a
}

.payment-container {
    height: 110px;
    width: 321px;
    margin-left: 6px;
    margin-bottom: 20px;
    border-radius: 3px;
    color: #50535d
}

.payment-container>.paymentCont {
    background-color: white;
    padding: 5px 0
}

@media screen and (max-width: 767px) {
    .payment-container {
        width: 100%;
        margin: 0;
        border-left: 0;
        border-right: 0;
        border-radius: 0
    }
}

.payment-container .payment-cards {
    margin: auto;
    text-align: center
}

.payment-container .headingWrap span,
.payment-container .footerWrap {
    margin: 10px auto;
    display: block;
    text-align: center
}

.payment-container .headingWrap span {
    text-transform: lowercase;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

@media screen and (max-width: 767px) {
    .payment-container .headingWrap span {
        font-size: 16px;
        font-size: 1.6rem
    }
}

.payment-container .headingWrap span:first-letter {
    text-transform: uppercase
}

.payment-container .footerWrap {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 1.2rem
}

@media screen and (max-width: 767px) {
    .payment-container .footerWrap {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.promotion-container {
    background-color: #dedfe4;
    margin-bottom: 12px;
    overflow: hidden;
    padding-left: 20px
}

@media screen and (max-width: 767px) {
    .promotion-container {
        border-radius: 0;
        padding: 10px;
        text-align: center
    }
}

.promotion-container .applied-voucher .voucher-header {
    padding-top: 23px;
    height: 74px
}

.promotion-container .applied-voucher .voucher-header .voucher-title {
    float: left;
    width: 80%;
    text-align: left;
    padding-left: 22px;
    color: #f38230;
    text-transform: lowercase;
    font-size: 18px;
    font-size: 1.8rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.promotion-container .applied-voucher .voucher-header .voucher-title:first-letter {
    text-transform: uppercase
}

.promotion-container .applied-voucher .voucher-header .voucher-title .code {
    text-transform: uppercase
}

.promotion-container .applied-voucher .voucher-header .voucher-title>p,
.promotion-container .applied-voucher .voucher-header .krups-block-univers .krups-block-wrapper .voucher-title>div,
.krups-block-univers .krups-block-wrapper .promotion-container .applied-voucher .voucher-header .voucher-title>div {
    text-transform: uppercase
}

.promotion-container .applied-voucher .voucher-header .discount {
    float: right;
    width: 16%;
    font-size: 18px;
    font-size: 1.8rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #f38230
}

@media screen and (max-width: 767px) {
    .promotion-container .applied-voucher .voucher-header .discount {
        width: 20%
    }
}

.promotion-container .applied-voucher .description {
    display: block;
    float: left;
    width: 100%;
    min-height: 55px;
    color: #f38230
}

.promotion-container .applied-voucher .description p,
.promotion-container .applied-voucher .description .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .promotion-container .applied-voucher .description div {
    margin: 0;
    text-align: left;
    padding: 0 21px
}

.promotion-container .applied-voucher .description p:last-of-type,
.promotion-container .applied-voucher .description .krups-block-univers .krups-block-wrapper div:last-of-type,
.krups-block-univers .krups-block-wrapper .promotion-container .applied-voucher .description div:last-of-type {
    margin-bottom: 10px
}

.promotion-container .applied-voucher .voucher-footer {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px
}

.promotion-container .applied-voucher .voucher-footer a {
    padding: 0 20px;
    color: #333;
    font-size: 14px;
    float: right
}

.promotion-container .applied-voucher .voucher-footer a:before {
    content: url(/_ui/desktop/common/img/backward-sign.png);
    margin-right: 5px;
    top: 2px;
    position: relative
}

.promotion-container .promotion-label {
    display: inline-block;
    line-height: 33px
}

.promotion-container .ui-input-row-submit {
    display: inline-block;
    width: 48%
}

@media screen and (max-width: 767px) {
    .promotion-container .ui-input-row-submit {
        text-align: center;
        width: 100%;
        margin: auto
    }
}

.promotion-container .ui-input-row-submit .ui-btn {
    border-radius: 24px;
    height: 47px;
    width: 23%;
    min-width: 47px;
    padding-right: 10px;
    padding-left: 10px;
    min-height: 28px;
    display: inline-block;
    margin-left: -4px
}

@media screen and (max-width: 767px) {
    .promotion-container .ui-input-row-submit .ui-btn {
        min-height: 34px
    }
}

.promotion-container .ui-input-row-submit input[type=text] {
    border: 0;
    border-radius: 7px;
    height: 47px;
    width: 65%;
    margin-right: 22px
}

@media screen and (max-width: 767px) {
    .promotion-container .ui-input-row-submit input[type=text] {
        height: 47px;
        padding: 0 15px;
        font-size: 18px;
        font-size: 1.8rem;
        width: 69%
    }
}

.promotion-container .formPromotion {
    display: block;
    margin: 0;
    padding: 15px;
    padding-left: 0
}

@media screen and (max-width: 767px) {
    .promotion-container .formPromotion {
        padding: 10px 0 20px;
        width: 100%;
        display: inline-block
    }
}

@media screen and (max-width: 767px) {
    .promotion-container .formPromotion .control-label {
        margin-bottom: 12px;
        font-size: 18px;
        font-size: 1.8rem
    }
}

.promotion-container .formPromotion .error {
    color: #e2001a;
    display: block;
    margin: 10px 0 0
}

.promotion-container label {
    font-size: 18px;
    display: inline-block;
    padding-right: 40px;
    vertical-align: middle;
    margin: 0;
    color: #50535d;
    cursor: default
}

@media screen and (max-width: 767px) {
    .promotion-container label {
        padding-right: 20px
    }
}

@media screen and (min-width: 767px) {
    .promotion-container #FormPromotion label {
        width: 45%
    }
}

@media screen and (max-width: 767px) {
    .promotion-container #FormPromotion label {
        padding: 0
    }
}

.promotion-container .ui-btn-secondary {
    transform: scale(0.8)
}

.cross-selling {
    margin-top: 20px
}

@media screen and (max-width: 767px) {
    .cross-selling {
        display: none !important
    }
}

.cross-selling h1 {
    font-size: 22px;
    font-size: 2.2rem;
    text-align: left;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-weight: normal;
    color: black;
    text-transform: uppercase;
    margin: 0
}

.cross-selling .container {
    width: 100%;
    margin: 0;
    padding-top: 12px;
    padding-bottom: 34px
}

.cross-selling .container .cross-item {
    height: auto;
    width: 200px;
    text-align: center;
    background-color: white
}

.cross-selling .container .cross-item .accessory-picture {
    height: 203px;
    padding: 25px 5px 0 5px
}

.cross-selling .container .cross-item .product-informations {
    min-height: 122px
}

.cross-selling .container .cross-item .product-informations .title {
    padding: 0 10px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    min-height: 30px;
    margin-bottom: 7px
}

.cross-selling .container .cross-item .product-informations .description {
    margin: 0 15px;
    font-size: 14px;
    font-size: 1.4rem;
    min-height: 50px;
    line-height: 16px;
    padding-bottom: 102px
}

.cross-selling .container .cross-item .product-informations .stock {
    display: block;
    margin-top: 22px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #9599a4
}

.cross-selling .container .cross-item .product-informations .stock:before {
    width: 25px;
    height: 1px;
    background: #9599a4;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    margin-top: -10px;
    margin-left: -13px
}

.cross-selling .container .cross-item .product-footer {
    position: absolute;
    bottom: 10px;
    width: 198px
}

.cross-selling .container .cross-item .product-footer .price {
    font-size: 18px;
    font-size: 1.8rem
}

.cross-selling .container .cross-item .product-footer .price .discount {
    margin: 2px 0 6px;
    font-size: 12px;
    text-decoration: line-through;
    color: #3e9dc0
}

.cross-selling .container .cross-item .ui-btn-primary.addProduct {
    min-width: 90%;
    top: 32px;
    position: relative
}

.cross-selling .container .cross-item .ui-btn-tertiary.unavailability {
    font-size: 11px;
    font-size: 1.1rem;
    min-height: 40px;
    line-height: 17px;
    margin-top: 10px
}

.cross-selling .owl-carousel {
    overflow: hidden
}

.cross-selling .owl-carousel .owl-stage {
    display: -ms-flexbox;
    display: flex;
    margin: 0
}

.cross-selling .owl-carousel .owl-stage-outer {
    overflow: visible
}

.cross-selling .owl-carousel .owl-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.cross-selling .owl-carousel .caption {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-direction: column;
    flex-direction: column
}

.cross-selling .owl-carousel .flex-text {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.cross-selling .owl-carousel .thumbnail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 15px
}

.cross-selling .owl-controls .owl-dots {
    margin-top: 32px
}

@media screen and (max-width: 767px) {
    #formDeliveryMode {
        padding-top: 13px;
        overflow: hidden
    }
}

#formDeliveryMode .row-fluid:first-child {
    width: 100%;
    max-width: 1033px
}

#formDeliveryMode .deliveryModeDiv {
    width: 100%;
    max-width: 1033px;
    margin: 26px auto
}

@media screen and (max-width: 767px) {
    #formDeliveryMode .deliveryModeDiv {
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    #formDeliveryMode .deliveryModeDiv #totalCartSection {
        padding: 0
    }
}

.delivery-mode-table {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.delivery-mode-table table {
    margin-bottom: 30px;
    border-collapse: separate;
    overflow: hidden;
    color: #50535d
}

@media screen and (max-width: 767px) {
    .delivery-mode-table table {
        margin-bottom: 30px;
        border-left: 0;
        border-right: 0;
        border-radius: 0
    }
}

.delivery-mode-table table th {
    text-align: left
}

.rtl .delivery-mode-table table th {
    text-align: right
}

.delivery-mode-table table th.text-center {
    text-align: center
}

.delivery-mode-table table th.text-right {
    text-align: right
}

.delivery-mode-table table td {
    border: 0
}

.delivery-mode-table thead {
    background: #dedfe4;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 20px;
    font-size: 2rem
}

.delivery-mode-table thead th {
    padding: 20px;
    text-transform: uppercase;
    color: black;
    font-weight: normal
}

.delivery-mode-table thead th::first-letter {
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .delivery-mode-table thead {
        font-size: 17px;
        font-size: 1.7rem
    }

    .delivery-mode-table thead th {
        padding: 15px
    }
}

.delivery-mode-table tbody h4 {
    font-size: 29px;
    font-size: 2.9rem;
    text-transform: uppercase;
    color: #f38230;
    margin: 0;
    font-weight: 100;
    height: 60px
}

.delivery-mode-table tbody p,
.delivery-mode-table tbody .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .delivery-mode-table tbody div {
    margin: 0
}

.delivery-mode-table tbody tr {
    height: 79px;
    background-color: #fff
}

.delivery-mode-table tbody tr.selected-radio,
.delivery-mode-table tbody tr:hover,
.delivery-mode-table .payment-mode-table table tbody tr:hover,
.payment-mode-table table .delivery-mode-table tbody tr:hover {
    background-color: #fbfbfa
}

.delivery-mode-table tbody tr .ui-input--radio label {
    margin-bottom: 4px
}

.delivery-mode-table tbody tr:last-of-type td {
    border-bottom: 0
}

.delivery-mode-table tbody tr td {
    border-bottom: 1px solid #DCDEE2
}

.delivery-mode-table tbody tr td:nth-of-type(1) {
    width: 6%;
    padding-left: 22px
}

.delivery-mode-table tbody tr td:nth-of-type(2) {
    width: 74%
}

@media screen and (max-width: 767px) {
    .delivery-mode-table tbody tr td:nth-of-type(2) {
        width: 52%
    }
}

.delivery-mode-table tbody tr td:nth-of-type(3) {
    width: 20%;
    vertical-align: top;
    font-size: 18px;
    text-align: end;
    padding: 22px
}

@media screen and (max-width: 767px) {
    .delivery-mode-table tbody tr td:nth-of-type(3) {
        width: 31%;
        text-align: end
    }
}

@media screen and (max-width: 767px) {
    .delivery-mode-table tbody tr {
        height: 71px
    }

    .delivery-mode-table tbody tr td:nth-of-type(1) {
        padding-left: 17px
    }

    .delivery-mode-table tbody tr td:nth-of-type(3) {
        padding: 16px 22px 16px 0;
        font-size: 18px
    }
}

.delivery-mode-table tbody td {
    border: 0;
    padding: 16px;
    vertical-align: middle
}

.delivery-mode-table tbody .tool-tip {
    margin-left: 17px;
    margin-top: -12px
}

.delivery-mode-table tfoot td {
    text-align: center
}

.delivery-mode-table .delivery-mode {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.delivery-mode-table .delivery-mode .delivery-mode-title {
    padding-top: 4px;
    font-size: 16px;
    font-size: 1.6rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    line-height: 15px
}

.delivery-mode-table .delivery-mode .delivery-mode-title>p,
.delivery-mode-table .delivery-mode .krups-block-univers .krups-block-wrapper .delivery-mode-title>div,
.krups-block-univers .krups-block-wrapper .delivery-mode-table .delivery-mode .delivery-mode-title>div {
    font-size: 12px;
    font-size: 1.2rem
}

.delivery-mode-table .delivery-mode .delay {
    font-size: 12px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

#fragmentDeliveryPage #AddressesSection .defaultAddressTittle,
#fragmentPaymentPage #AddressesSection .defaultAddressTittle {
    font-size: 14px;
    padding-left: 10px;
    color: #50535d;
    text-align: left;
    margin-bottom: 10px
}

#fragmentDeliveryPage #AddressesSection .defaultAddressTittle+p,
#fragmentPaymentPage #AddressesSection .defaultAddressTittle+p,
#fragmentDeliveryPage #AddressesSection .krups-block-univers .krups-block-wrapper .defaultAddressTittle+div,
.krups-block-univers .krups-block-wrapper #fragmentDeliveryPage #AddressesSection .defaultAddressTittle+div,
#fragmentPaymentPage #AddressesSection .krups-block-univers .krups-block-wrapper .defaultAddressTittle+div,
.krups-block-univers .krups-block-wrapper #fragmentPaymentPage #AddressesSection .defaultAddressTittle+div {
    color: #50535d;
    padding-left: 10px;
    text-align: left;
    margin-bottom: 10px
}

#fragmentDeliveryPage #AddressesSection .bloc-identification,
#fragmentPaymentPage #AddressesSection .bloc-identification {
    max-width: 100% !important;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left
}

#fragmentDeliveryPage #AddressesSection .bloc-identification p,
#fragmentPaymentPage #AddressesSection .bloc-identification p,
#fragmentDeliveryPage #AddressesSection .bloc-identification .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #fragmentDeliveryPage #AddressesSection .bloc-identification div,
#fragmentPaymentPage #AddressesSection .bloc-identification .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #fragmentPaymentPage #AddressesSection .bloc-identification div {
    color: #50535d;
    font-size: 14px !important;
    margin-bottom: 10px
}

#fragmentDeliveryPage #AddressesSection .customer-adress .ui-btn-edit.edit-address-button,
#fragmentPaymentPage #AddressesSection .customer-adress .ui-btn-edit.edit-address-button {
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media screen and (max-width: 767px) {

    #fragmentDeliveryPage #AddressesSection .defaultAddressTittle,
    #fragmentPaymentPage #AddressesSection .defaultAddressTittle {
        margin: auto;
        width: 88%;
        padding-left: 0;
        margin-bottom: 10px
    }

    #fragmentDeliveryPage #AddressesSection .defaultAddressTittle+p,
    #fragmentPaymentPage #AddressesSection .defaultAddressTittle+p,
    #fragmentDeliveryPage #AddressesSection .krups-block-univers .krups-block-wrapper .defaultAddressTittle+div,
    .krups-block-univers .krups-block-wrapper #fragmentDeliveryPage #AddressesSection .defaultAddressTittle+div,
    #fragmentPaymentPage #AddressesSection .krups-block-univers .krups-block-wrapper .defaultAddressTittle+div,
    .krups-block-univers .krups-block-wrapper #fragmentPaymentPage #AddressesSection .defaultAddressTittle+div {
        margin: auto;
        width: 88%;
        padding-left: 0
    }

    #fragmentDeliveryPage #AddressesSection .bloc-identification,
    #fragmentPaymentPage #AddressesSection .bloc-identification {
        margin: 0 auto;
        margin-bottom: 15px;
        width: 88%
    }
}

#fragmentDeliveryPage #AddressManager,
#fragmentPaymentPage #AddressManager {
    display: inline-block;
    width: 100%
}

#fragmentDeliveryPage #AddressManager>.create_update_address_form>fieldset .span6:nth-child(3),
#fragmentPaymentPage #AddressManager>.create_update_address_form>fieldset .span6:nth-child(3) {
    width: 100%
}

#fragmentDeliveryPage #AddressesSection .customer-adress,
#fragmentPaymentPage #AddressesSection .customer-adress {
    margin: 0 0 10px !important;
    text-align: left
}

#fragmentDeliveryPage #AddressesSection .customer-adress h4,
#fragmentPaymentPage #AddressesSection .customer-adress h4 {
    padding: 20px 23px;
    border-radius: 4px 4px 0 0;
    text-transform: uppercase;
    color: black;
    font-weight: normal;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    background: #dedfe4;
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0
}

#fragmentDeliveryPage #AddressesSection .customer-adress h4::first-letter,
#fragmentPaymentPage #AddressesSection .customer-adress h4::first-letter {
    text-transform: uppercase
}

@media screen and (max-width: 767px) {

    #fragmentDeliveryPage #AddressesSection .customer-adress h4,
    #fragmentPaymentPage #AddressesSection .customer-adress h4 {
        display: none
    }
}

#fragmentDeliveryPage .adress-container .address-card,
#fragmentPaymentPage .adress-container .address-card {
    width: 45%;
    display: block;
    float: left;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-bottom: 10px
}

@media screen and (max-width: 767px) {

    #fragmentDeliveryPage .adress-container .address-card,
    #fragmentPaymentPage .adress-container .address-card {
        margin: 0;
        width: 100%;
        margin-bottom: 15px
    }
}

#fragmentDeliveryPage .adress-container .address-card>span,
#fragmentPaymentPage .adress-container .address-card>span {
    display: block;
    margin: 13px 10px 8px;
    padding-left: 8px;
    font-size: 16px;
    font-size: 1.6rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #666666
}

@media screen and (max-width: 767px) {

    #fragmentDeliveryPage .adress-container .address-card>span,
    #fragmentPaymentPage .adress-container .address-card>span {
        width: 100%;
        font-size: 17px;
        padding: 0 15px;
        margin: auto 10px 10px;
        text-align: left;
        display: block
    }
}

#fragmentDeliveryPage .adress-container .address-card .address,
#fragmentPaymentPage .adress-container .address-card .address {
    padding-bottom: 11px;
    background-color: #fbfbfa;
    min-height: 167px;
    width: 100%;
    display: block;
    font-size: 14px;
    font-size: 1.4rem
}

@media screen and (max-width: 767px) {

    #fragmentDeliveryPage .adress-container .address-card .address,
    #fragmentPaymentPage .adress-container .address-card .address {
        margin: auto;
        width: 90%
    }
}

#fragmentDeliveryPage .adress-container .address-card .address .ui-btn-edit,
#fragmentPaymentPage .adress-container .address-card .address .ui-btn-edit {
    font-size: 14px;
    font-size: 1.4rem
}

#fragmentDeliveryPage .adress-container .address-card .address--active,
#fragmentPaymentPage .adress-container .address-card .address--active {
    border: 1px solid #f38230
}

#fragmentDeliveryPage .adress-container .address-card .address-informations,
#fragmentPaymentPage .adress-container .address-card .address-informations {
    padding: 22px 24px 10px 20px;
    display: block;
    position: relative;
    text-transform: uppercase
}

#fragmentDeliveryPage .adress-container .address-card .address-informations h5,
#fragmentPaymentPage .adress-container .address-card .address-informations h5,
#fragmentDeliveryPage .adress-container .address-card .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentDeliveryPage .adress-container .address-card .address-informations .messages-area>.h5,
#fragmentPaymentPage .adress-container .address-card .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentPaymentPage .adress-container .address-card .address-informations .messages-area>.h5,
#fragmentDeliveryPage .adress-container .address-card .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentDeliveryPage .adress-container .address-card .address-informations .elements-suggestion-area>h5,
#fragmentPaymentPage .adress-container .address-card .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentPaymentPage .adress-container .address-card .address-informations .elements-suggestion-area>h5,
#fragmentDeliveryPage .adress-container .address-card .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentDeliveryPage .adress-container .address-card .address-informations .elements-suggestion-area>.h5,
#fragmentPaymentPage .adress-container .address-card .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentPaymentPage .adress-container .address-card .address-informations .elements-suggestion-area>.h5,
#fragmentDeliveryPage .adress-container .address-card .address-informations strong,
#fragmentPaymentPage .adress-container .address-card .address-informations strong {
    font-weight: normal;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem
}

#fragmentDeliveryPage .adress-container .address-card .address-informations h5,
#fragmentPaymentPage .adress-container .address-card .address-informations h5,
#fragmentDeliveryPage .adress-container .address-card .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentDeliveryPage .adress-container .address-card .address-informations .messages-area>.h5,
#fragmentPaymentPage .adress-container .address-card .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentPaymentPage .adress-container .address-card .address-informations .messages-area>.h5,
#fragmentDeliveryPage .adress-container .address-card .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentDeliveryPage .adress-container .address-card .address-informations .elements-suggestion-area>h5,
#fragmentPaymentPage .adress-container .address-card .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentPaymentPage .adress-container .address-card .address-informations .elements-suggestion-area>h5,
#fragmentDeliveryPage .adress-container .address-card .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentDeliveryPage .adress-container .address-card .address-informations .elements-suggestion-area>.h5,
#fragmentPaymentPage .adress-container .address-card .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentPaymentPage .adress-container .address-card .address-informations .elements-suggestion-area>.h5 {
    padding-bottom: 10px
}

#fragmentDeliveryPage .adress-container .address-card .address-informations strong,
#fragmentPaymentPage .adress-container .address-card .address-informations strong {
    text-transform: capitalize
}

#fragmentDeliveryPage .adress-container .address-card .address-informations .bloc-openningHours,
#fragmentPaymentPage .adress-container .address-card .address-informations .bloc-openningHours {
    margin-top: 10px
}

#fragmentDeliveryPage .adress-container .address-card .address-informations .bloc-openningHours .title-openningHours,
#fragmentPaymentPage .adress-container .address-card .address-informations .bloc-openningHours .title-openningHours {
    padding: 0;
    text-transform: lowercase
}

#fragmentDeliveryPage .adress-container .address-card .address-informations .bloc-openningHours .title-openningHours:first-letter,
#fragmentPaymentPage .adress-container .address-card .address-informations .bloc-openningHours .title-openningHours:first-letter {
    text-transform: uppercase
}

#fragmentDeliveryPage .adress-container .address-card .address p,
#fragmentPaymentPage .adress-container .address-card .address p,
#fragmentDeliveryPage .adress-container .address-card .address .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #fragmentDeliveryPage .adress-container .address-card .address div,
#fragmentPaymentPage .adress-container .address-card .address .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #fragmentPaymentPage .adress-container .address-card .address div {
    padding: 7px 10px 5px 20px
}

#fragmentDeliveryPage #deliveryAddAddessForm,
#fragmentPaymentPage #deliveryAddAddessForm {
    border: 1px solid #f38230;
    min-height: 645px;
    width: 95%;
    margin: auto;
    background-color: white
}

#fragmentDeliveryPage #deliveryAddAddessForm .control-group .control-label,
#fragmentPaymentPage #deliveryAddAddessForm .control-group .control-label {
    font-size: 16px;
    font-size: 1.6rem
}

#fragmentDeliveryPage #deliveryAddAddessForm .control-group .controls input,
#fragmentPaymentPage #deliveryAddAddessForm .control-group .controls input {
    margin-bottom: 4px
}

#fragmentDeliveryPage #deliveryAddAddessForm .text-center,
#fragmentPaymentPage #deliveryAddAddessForm .text-center {
    margin: 15px
}

#fragmentDeliveryPage #deliveryAddAddessForm .ui-btn-secondary,
#fragmentPaymentPage #deliveryAddAddessForm .ui-btn-secondary,
#fragmentDeliveryPage #deliveryAddAddessForm .ui-btn-primary,
#fragmentPaymentPage #deliveryAddAddessForm .ui-btn-primary {
    width: 80%;
    line-height: 20px
}

@media screen and (max-width: 767px) {

    #fragmentDeliveryPage #deliveryAddAddessForm,
    #fragmentPaymentPage #deliveryAddAddessForm {
        width: 100%;
        border: 0;
        margin: auto;
        margin-bottom: 20px;
        background-color: transparent
    }
}

#fragmentDeliveryPage #deliveryAddAddessForm legend,
#fragmentPaymentPage #deliveryAddAddessForm legend {
    margin: 13px -13px 39px;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
    border: 0
}

@media screen and (max-width: 767px) {

    #fragmentDeliveryPage #deliveryAddAddessForm legend,
    #fragmentPaymentPage #deliveryAddAddessForm legend {
        font-size: 20.293333px;
        margin: auto;
        text-align: left;
        display: block;
        width: 90%
    }
}

#fragmentDeliveryPage #deliveryAddAddessForm fieldset.row-fluid,
#fragmentPaymentPage #deliveryAddAddessForm fieldset.row-fluid {
    width: 88%;
    min-height: 412px;
    margin: auto;
    border: none
}

@media screen and (max-width: 767px) {

    #fragmentDeliveryPage #deliveryAddAddessForm fieldset.row-fluid,
    #fragmentPaymentPage #deliveryAddAddessForm fieldset.row-fluid {
        border: 1px solid #f38230;
        padding: 28px 24px 22px 25px;
        background-color: white;
        border-bottom: 0;
        border-radius: 3px 3px 0px 0px
    }
}

@media screen and (max-width: 767px) {

    #fragmentDeliveryPage #deliveryAddAddessForm fieldset.row-fluid+.row-fluid,
    #fragmentPaymentPage #deliveryAddAddessForm fieldset.row-fluid+.row-fluid {
        padding: 0px 24px 0px 25px;
        background-color: white;
        width: 88%;
        margin: auto;
        border: 1px solid #f38230;
        border-top: 0;
        border-radius: 0px 0px 3px 3px
    }
}

#fragmentDeliveryPage #deliveryAddAddessForm fieldset.row-fluid .span6:last-of-type .control-group:last-of-type label[for="useAsBillingAddress"],
#fragmentPaymentPage #deliveryAddAddessForm fieldset.row-fluid .span6:last-of-type .control-group:last-of-type label[for="useAsBillingAddress"] {
    display: block;
    position: relative;
    padding-left: 23px
}

#fragmentDeliveryPage #deliveryAddAddessForm fieldset.row-fluid .span6:last-of-type .control-group:last-of-type label[for="useAsBillingAddress"]:before,
#fragmentPaymentPage #deliveryAddAddessForm fieldset.row-fluid .span6:last-of-type .control-group:last-of-type label[for="useAsBillingAddress"]:before {
    position: absolute;
    content: "";
    display: inline-block;
    height: 15px;
    width: 15px;
    left: 0;
    top: 1px;
    border-radius: 3px;
    color: #fff;
    border: 1px solid #bfbfbf;
    background-color: #fff
}

#fragmentDeliveryPage #deliveryAddAddessForm fieldset.row-fluid .span6:last-of-type .control-group:last-of-type label[for="useAsBillingAddress"]::after,
#fragmentPaymentPage #deliveryAddAddessForm fieldset.row-fluid .span6:last-of-type .control-group:last-of-type label[for="useAsBillingAddress"]::after {
    position: absolute;
    content: none;
    display: inline-block;
    height: 5px;
    width: 9px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    left: 3px;
    top: 5px
}

#fragmentDeliveryPage #deliveryAddAddessForm fieldset.row-fluid .span6:last-of-type .control-group:last-of-type input[type="checkbox"]:checked~label[for="useAsBillingAddress"]:after,
#fragmentPaymentPage #deliveryAddAddessForm fieldset.row-fluid .span6:last-of-type .control-group:last-of-type input[type="checkbox"]:checked~label[for="useAsBillingAddress"]:after {
    content: ""
}

#fragmentDeliveryPage #deliveryAddAddessForm fieldset.row-fluid .span6:last-of-type .control-group:last-of-type input[type="checkbox"]:checked~label[for="useAsBillingAddress"]:before,
#fragmentPaymentPage #deliveryAddAddessForm fieldset.row-fluid .span6:last-of-type .control-group:last-of-type input[type="checkbox"]:checked~label[for="useAsBillingAddress"]:before {
    background-color: #f38230;
    border-color: #f38230
}

#fragmentDeliveryPage #deliveryAddAddessForm .control-group,
#fragmentPaymentPage #deliveryAddAddessForm .control-group {
    text-align: initial
}

#fragmentDeliveryPage #deliveryAddAddessForm .control-group.control-select,
#fragmentPaymentPage #deliveryAddAddessForm .control-group.control-select {
    margin-bottom: 14px
}

#fragmentDeliveryPage #deliveryAddAddessForm .control-group .control-label,
#fragmentPaymentPage #deliveryAddAddessForm .control-group .control-label {
    font-size: 16px;
    font-size: 1.6rem
}

#fragmentDeliveryPage #deliveryAddAddessForm .control-group>.skip,
#fragmentPaymentPage #deliveryAddAddessForm .control-group>.skip {
    color: #d90200
}

#fragmentDeliveryPage #deliveryAddAddessForm .controls input,
#fragmentPaymentPage #deliveryAddAddessForm .controls input {
    width: 251px !important
}

#fragmentDeliveryPage #deliveryAddAddessForm .controls input::-webkit-input-placeholder,
#fragmentPaymentPage #deliveryAddAddessForm .controls input::-webkit-input-placeholder {
    color: transparent
}

#fragmentDeliveryPage #deliveryAddAddessForm .controls input:-moz-placeholder,
#fragmentPaymentPage #deliveryAddAddessForm .controls input:-moz-placeholder {
    color: transparent
}

#fragmentDeliveryPage #deliveryAddAddessForm .controls input::-moz-placeholder,
#fragmentPaymentPage #deliveryAddAddessForm .controls input::-moz-placeholder {
    color: transparent
}

#fragmentDeliveryPage #deliveryAddAddessForm .controls input:-ms-input-placeholder,
#fragmentPaymentPage #deliveryAddAddessForm .controls input:-ms-input-placeholder {
    color: transparent
}

@media screen and (max-width: 767px) {

    #fragmentDeliveryPage #deliveryAddAddessForm .controls input,
    #fragmentPaymentPage #deliveryAddAddessForm .controls input {
        width: 100% !important
    }
}

#fragmentDeliveryPage #deliveryAddAddessForm .controls .sort,
#fragmentPaymentPage #deliveryAddAddessForm .controls .sort {
    width: 251px !important;
    float: none;
    padding: 0
}

@media screen and (max-width: 767px) {

    #fragmentDeliveryPage #deliveryAddAddessForm .controls .sort,
    #fragmentPaymentPage #deliveryAddAddessForm .controls .sort {
        width: 100% !important
    }
}

#fragmentDeliveryPage #deliveryAddAddessForm .controls .sort select,
#fragmentPaymentPage #deliveryAddAddessForm .controls .sort select {
    width: 251px !important;
    border: 1px solid #EDEDF2
}

@media screen and (max-width: 767px) {

    #fragmentDeliveryPage #deliveryAddAddessForm .controls .sort select,
    #fragmentPaymentPage #deliveryAddAddessForm .controls .sort select {
        width: 100% !important
    }
}

#fragmentDeliveryPage #deliveryAddAddessForm .row-fluid .span12 p.text-left,
#fragmentPaymentPage #deliveryAddAddessForm .row-fluid .span12 p.text-left,
#fragmentDeliveryPage #deliveryAddAddessForm .row-fluid .span12 .krups-block-univers .krups-block-wrapper div.text-left,
.krups-block-univers .krups-block-wrapper #fragmentDeliveryPage #deliveryAddAddessForm .row-fluid .span12 div.text-left,
#fragmentPaymentPage #deliveryAddAddessForm .row-fluid .span12 .krups-block-univers .krups-block-wrapper div.text-left,
.krups-block-univers .krups-block-wrapper #fragmentPaymentPage #deliveryAddAddessForm .row-fluid .span12 div.text-left {
    margin-left: 34px;
    font-size: 10px
}

@media screen and (max-width: 767px) {

    #fragmentDeliveryPage #deliveryAddAddessForm .row-fluid .span12 p.text-left,
    #fragmentPaymentPage #deliveryAddAddessForm .row-fluid .span12 p.text-left,
    #fragmentDeliveryPage #deliveryAddAddessForm .row-fluid .span12 .krups-block-univers .krups-block-wrapper div.text-left,
    .krups-block-univers .krups-block-wrapper #fragmentDeliveryPage #deliveryAddAddessForm .row-fluid .span12 div.text-left,
    #fragmentPaymentPage #deliveryAddAddessForm .row-fluid .span12 .krups-block-univers .krups-block-wrapper div.text-left,
    .krups-block-univers .krups-block-wrapper #fragmentPaymentPage #deliveryAddAddessForm .row-fluid .span12 div.text-left {
        margin-left: 0
    }
}

#fragmentDeliveryPage #deliveryAddAddessForm .row-fluid .span12 p.text-left span,
#fragmentPaymentPage #deliveryAddAddessForm .row-fluid .span12 p.text-left span,
#fragmentDeliveryPage #deliveryAddAddessForm .row-fluid .span12 .krups-block-univers .krups-block-wrapper div.text-left span,
.krups-block-univers .krups-block-wrapper #fragmentDeliveryPage #deliveryAddAddessForm .row-fluid .span12 div.text-left span,
#fragmentPaymentPage #deliveryAddAddessForm .row-fluid .span12 .krups-block-univers .krups-block-wrapper div.text-left span,
.krups-block-univers .krups-block-wrapper #fragmentPaymentPage #deliveryAddAddessForm .row-fluid .span12 div.text-left span {
    color: #939799
}

#fragmentDeliveryPage .saved-addresses,
#fragmentPaymentPage .saved-addresses {
    border: 1px solid #3E9DC0
}

#fragmentDeliveryPage .addresses-block,
#fragmentPaymentPage .addresses-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 89%;
    margin: auto;
    padding-bottom: 14px
}

#fragmentDeliveryPage .addresse-block,
#fragmentPaymentPage .addresse-block {
    background-color: #fbfbfa;
    border: 1px solid #eeedf2;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: 45.6%;
    flex-basis: 45.6%;
    position: relative;
    min-height: 165px;
    background-color: #fbfbfa;
    width: 145px;
    display: block;
    border-radius: 3px;
    margin-bottom: 26px;
    margin-right: 4.4%;
    padding: 0
}

#fragmentDeliveryPage .addresse-block>label,
#fragmentPaymentPage .addresse-block>label {
    cursor: default
}

#fragmentDeliveryPage .addresse-block>label label,
#fragmentPaymentPage .addresse-block>label label {
    cursor: pointer
}

#fragmentDeliveryPage .addresse-block form.ui-input--radio,
#fragmentPaymentPage .addresse-block form.ui-input--radio {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    top: 22px
}

#fragmentDeliveryPage .addresse-block strong,
#fragmentPaymentPage .addresse-block strong {
    text-transform: capitalize
}

#fragmentDeliveryPage .addresse-block h5,
#fragmentPaymentPage .addresse-block h5,
#fragmentDeliveryPage .addresse-block #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentDeliveryPage .addresse-block .messages-area>.h5,
#fragmentPaymentPage .addresse-block #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentPaymentPage .addresse-block .messages-area>.h5,
#fragmentDeliveryPage .addresse-block #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentDeliveryPage .addresse-block .elements-suggestion-area>h5,
#fragmentPaymentPage .addresse-block #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentPaymentPage .addresse-block .elements-suggestion-area>h5,
#fragmentDeliveryPage .addresse-block #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentDeliveryPage .addresse-block .elements-suggestion-area>.h5,
#fragmentPaymentPage .addresse-block #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentPaymentPage .addresse-block .elements-suggestion-area>.h5 {
    margin-bottom: 10px
}

#fragmentDeliveryPage .addresse-block .address,
#fragmentPaymentPage .addresse-block .address {
    border: 0 !important
}

#fragmentDeliveryPage .addresse-block .address-informations,
#fragmentPaymentPage .addresse-block .address-informations {
    color: #50535d;
    padding: 9px 24px 0px 21px !important;
    margin-top: 12px;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1.6rem
}

#fragmentDeliveryPage .addresse-block .address-informations h5,
#fragmentPaymentPage .addresse-block .address-informations h5,
#fragmentDeliveryPage .addresse-block .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentDeliveryPage .addresse-block .address-informations .messages-area>.h5,
#fragmentPaymentPage .addresse-block .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentPaymentPage .addresse-block .address-informations .messages-area>.h5,
#fragmentDeliveryPage .addresse-block .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentDeliveryPage .addresse-block .address-informations .elements-suggestion-area>h5,
#fragmentPaymentPage .addresse-block .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentPaymentPage .addresse-block .address-informations .elements-suggestion-area>h5,
#fragmentDeliveryPage .addresse-block .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentDeliveryPage .addresse-block .address-informations .elements-suggestion-area>.h5,
#fragmentPaymentPage .addresse-block .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentPaymentPage .addresse-block .address-informations .elements-suggestion-area>.h5,
#fragmentDeliveryPage .addresse-block .address-informations strong,
#fragmentPaymentPage .addresse-block .address-informations strong {
    font-weight: normal;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem
}

#fragmentDeliveryPage .addresse-block .address-informations h5,
#fragmentPaymentPage .addresse-block .address-informations h5,
#fragmentDeliveryPage .addresse-block .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentDeliveryPage .addresse-block .address-informations .messages-area>.h5,
#fragmentPaymentPage .addresse-block .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentPaymentPage .addresse-block .address-informations .messages-area>.h5,
#fragmentDeliveryPage .addresse-block .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentDeliveryPage .addresse-block .address-informations .elements-suggestion-area>h5,
#fragmentPaymentPage .addresse-block .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentPaymentPage .addresse-block .address-informations .elements-suggestion-area>h5,
#fragmentDeliveryPage .addresse-block .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentDeliveryPage .addresse-block .address-informations .elements-suggestion-area>.h5,
#fragmentPaymentPage .addresse-block .address-informations #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat #fragmentPaymentPage .addresse-block .address-informations .elements-suggestion-area>.h5 {
    margin-left: 23px
}

#fragmentDeliveryPage .addresse-block .address-informations a,
#fragmentPaymentPage .addresse-block .address-informations a {
    color: #f38230
}

#fragmentDeliveryPage .addresse-block p,
#fragmentPaymentPage .addresse-block p,
#fragmentDeliveryPage .addresse-block .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #fragmentDeliveryPage .addresse-block div,
#fragmentPaymentPage .addresse-block .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #fragmentPaymentPage .addresse-block div {
    margin: 10px 11px;
    float: right;
    position: initial
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    #fragmentDeliveryPage .addresse-block,
    #fragmentPaymentPage .addresse-block {
        -ms-flex-preferred-size: 45.2%;
        flex-basis: 45.2%
    }
}

@media screen and (max-width: 767px) {

    #fragmentDeliveryPage .addresse-block,
    #fragmentPaymentPage .addresse-block {
        -ms-flex: 0 1 300px;
        flex: 0 1 300px;
        margin: auto;
        margin-bottom: 13px
    }
}

#fragmentDeliveryPage .addresse-block .addresse-block:nth-child(odd),
#fragmentPaymentPage .addresse-block .addresse-block:nth-child(odd) {
    margin-left: 0
}

#fragmentDeliveryPage .addrBookContainerDelivery,
#fragmentPaymentPage .addrBookContainerDelivery,
#fragmentDeliveryPage .addrBookContainerBilling,
#fragmentPaymentPage .addrBookContainerBilling {
    width: 95%;
    margin-left: 2.5%;
    text-align: left
}

@media screen and (max-width: 767px) {

    #fragmentDeliveryPage .addrBookContainerDelivery,
    #fragmentPaymentPage .addrBookContainerDelivery,
    #fragmentDeliveryPage .addrBookContainerBilling,
    #fragmentPaymentPage .addrBookContainerBilling {
        width: 90%;
        border: none;
        display: inline-block;
        margin: 0 5%;
        margin-bottom: 20px
    }
}

#fragmentDeliveryPage .addrBookContainerDelivery .addressAddEditTxt,
#fragmentPaymentPage .addrBookContainerDelivery .addressAddEditTxt,
#fragmentDeliveryPage .addrBookContainerBilling .addressAddEditTxt,
#fragmentPaymentPage .addrBookContainerBilling .addressAddEditTxt {
    margin: 0 0 20px
}

#fragmentDeliveryPage .addrBookContainerDelivery .addressAddEditTxt .ui-btn,
#fragmentPaymentPage .addrBookContainerDelivery .addressAddEditTxt .ui-btn,
#fragmentDeliveryPage .addrBookContainerBilling .addressAddEditTxt .ui-btn,
#fragmentPaymentPage .addrBookContainerBilling .addressAddEditTxt .ui-btn {
    display: block;
    width: 93%;
    margin: auto
}

#fragmentDeliveryPage .addrBookContainerDelivery .change-address,
#fragmentPaymentPage .addrBookContainerDelivery .change-address,
#fragmentDeliveryPage .addrBookContainerBilling .change-address,
#fragmentPaymentPage .addrBookContainerBilling .change-address {
    display: block;
    margin: auto;
    padding: 22px 7px;
    font-size: 16px;
    font-size: 1.6rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

#fragmentDeliveryPage .addrBookContainerDelivery--active,
#fragmentPaymentPage .addrBookContainerDelivery--active,
#fragmentDeliveryPage .addrBookContainerBilling--active,
#fragmentPaymentPage .addrBookContainerBilling--active {
    background-color: white;
    border: 1px solid #f38230;
    margin-bottom: 20px
}

#fragmentDeliveryPage #pointRelaisDetails .adress-input,
#fragmentPaymentPage #pointRelaisDetails .adress-input,
#fragmentDeliveryPage #pointRelaisDetailsGRP .adress-input,
#fragmentPaymentPage #pointRelaisDetailsGRP .adress-input {
    width: 100%
}

@media screen and (max-width: 767px) {

    #fragmentDeliveryPage #pointRelaisDetails .adress-input,
    #fragmentPaymentPage #pointRelaisDetails .adress-input,
    #fragmentDeliveryPage #pointRelaisDetailsGRP .adress-input,
    #fragmentPaymentPage #pointRelaisDetailsGRP .adress-input {
        width: 90%;
        margin: auto
    }
}

#fragmentDeliveryPage #pointRelaisDetails .adress-input .form-groupe,
#fragmentPaymentPage #pointRelaisDetails .adress-input .form-groupe,
#fragmentDeliveryPage #pointRelaisDetailsGRP .adress-input .form-groupe,
#fragmentPaymentPage #pointRelaisDetailsGRP .adress-input .form-groupe {
    width: 25%;
    position: relative
}

@media screen and (max-width: 767px) {

    #fragmentDeliveryPage #pointRelaisDetails .adress-input .form-groupe,
    #fragmentPaymentPage #pointRelaisDetails .adress-input .form-groupe,
    #fragmentDeliveryPage #pointRelaisDetailsGRP .adress-input .form-groupe,
    #fragmentPaymentPage #pointRelaisDetailsGRP .adress-input .form-groupe {
        width: 100%
    }
}

#fragmentDeliveryPage #pointRelaisDetails .adress-input .form-groupe input,
#fragmentPaymentPage #pointRelaisDetails .adress-input .form-groupe input,
#fragmentDeliveryPage #pointRelaisDetailsGRP .adress-input .form-groupe input,
#fragmentPaymentPage #pointRelaisDetailsGRP .adress-input .form-groupe input {
    width: 100%
}

#fragmentDeliveryPage #pointRelaisDetails .adress-input .form-groupe span.mandatory,
#fragmentPaymentPage #pointRelaisDetails .adress-input .form-groupe span.mandatory,
#fragmentDeliveryPage #pointRelaisDetailsGRP .adress-input .form-groupe span.mandatory,
#fragmentPaymentPage #pointRelaisDetailsGRP .adress-input .form-groupe span.mandatory {
    position: absolute !important;
    top: 0 !important;
    margin: 8px 0 0 4px !important
}

.deliveryTOS {
    display: none
}

@media screen and (max-width: 767px) {
    .deliveryTOS {
        display: initial;
        font-size: 14px;
        font-size: 1.4rem;
        text-transform: initial
    }

    .deliveryTOS a {
        color: #50535d;
        text-decoration: underline
    }

    .pRelaisDetails,
    .pRelaisDetailsGRP {
        margin-bottom: 20px
    }
}

.pRelaisDetails #pointRelaisDetails .colissimo-title,
.pRelaisDetails #pointRelaisDetailsGRP .colissimo-title,
.pRelaisDetailsGRP #pointRelaisDetails .colissimo-title,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .colissimo-title {
    display: block;
    padding: 20px 23px;
    border-radius: 4px 4px 0 0;
    font-weight: normal;
    background: #dedfe4;
    font-size: 2.2rem;
    margin: 0;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase
}

#AddressesSection:after {
    content: "";
    display: table;
    clear: both
}

input[name="useAsBillingAddress"] {
    display: none !important
}

.create_update_address_form .span6:nth-child(3) {
    display: none
}

#fragmentDeliveryPage .create_update_address_form .span6:nth-child(3),
#fragmentPaymentPage .create_update_address_form .span6:nth-child(3) {
    display: initial
}

#fragmentDeliveryPage .create_update_address_form.hide-in-invoice .span6:nth-child(3),
#fragmentPaymentPage .create_update_address_form.hide-in-invoice .span6:nth-child(3) {
    display: none
}

.pRelaisDetails,
.pRelaisDetailsGRP {
    clear: both
}

.pRelaisDetails #pointRelaisMessages,
.pRelaisDetailsGRP #pointRelaisMessages {
    color: #ed1c24
}

@media screen and (max-width: 768px) {

    .pRelaisDetails #pointRelaisMessages,
    .pRelaisDetailsGRP #pointRelaisMessages {
        margin: 20px 15px 0
    }
}

.pRelaisDetails #pointRelaisMessages .information_message.negative p,
.pRelaisDetails #pointRelaisMessages .information_message.negative .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .pRelaisDetails #pointRelaisMessages .information_message.negative div,
.pRelaisDetailsGRP #pointRelaisMessages .information_message.negative p,
.pRelaisDetailsGRP #pointRelaisMessages .information_message.negative .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .pRelaisDetailsGRP #pointRelaisMessages .information_message.negative div {
    text-align: center;
    margin-top: 10px
}

.pRelaisDetails #pointRelaisDetails .adress-input,
.pRelaisDetails #pointRelaisDetailsGRP .adress-input,
.pRelaisDetailsGRP #pointRelaisDetails .adress-input,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input {
    margin: 20px 0;
    overflow: hidden;
    text-align: center
}

@media screen and (max-width: 768px) {

    .pRelaisDetails #pointRelaisDetails .adress-input,
    .pRelaisDetails #pointRelaisDetailsGRP .adress-input,
    .pRelaisDetailsGRP #pointRelaisDetails .adress-input,
    .pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input {
        margin: 20px 15px
    }
}

.pRelaisDetails #pointRelaisDetails .adress-input .form-groupe,
.pRelaisDetails #pointRelaisDetailsGRP .adress-input .form-groupe,
.pRelaisDetailsGRP #pointRelaisDetails .adress-input .form-groupe,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .form-groupe {
    display: inline-block;
    margin-right: 15px;
    vertical-align: top
}

.pRelaisDetails #pointRelaisDetails .adress-input .form-groupe .mandatory,
.pRelaisDetails #pointRelaisDetailsGRP .adress-input .form-groupe .mandatory,
.pRelaisDetailsGRP #pointRelaisDetails .adress-input .form-groupe .mandatory,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .form-groupe .mandatory {
    position: relative;
    top: 3px;
    margin: 0 0px 0 4px
}

.pRelaisDetails #pointRelaisDetails .adress-input .form-groupe input[type=TEXT],
.pRelaisDetails #pointRelaisDetailsGRP .adress-input .form-groupe input[type=TEXT],
.pRelaisDetailsGRP #pointRelaisDetails .adress-input .form-groupe input[type=TEXT],
.pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .form-groupe input[type=TEXT] {
    height: 32px
}

.pRelaisDetails #pointRelaisDetails .adress-input .form-groupe .erreCp,
.pRelaisDetails #pointRelaisDetails .adress-input .form-groupe .erreVille,
.pRelaisDetails #pointRelaisDetailsGRP .adress-input .form-groupe .erreCp,
.pRelaisDetails #pointRelaisDetailsGRP .adress-input .form-groupe .erreVille,
.pRelaisDetailsGRP #pointRelaisDetails .adress-input .form-groupe .erreCp,
.pRelaisDetailsGRP #pointRelaisDetails .adress-input .form-groupe .erreVille,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .form-groupe .erreCp,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .form-groupe .erreVille {
    display: block;
    background: none !important;
    font-size: 1rem;
    color: #ed1c24
}

@media screen and (max-width: 768px) {

    .pRelaisDetails #pointRelaisDetails .adress-input .form-groupe .erreCp,
    .pRelaisDetails #pointRelaisDetails .adress-input .form-groupe .erreVille,
    .pRelaisDetails #pointRelaisDetailsGRP .adress-input .form-groupe .erreCp,
    .pRelaisDetails #pointRelaisDetailsGRP .adress-input .form-groupe .erreVille,
    .pRelaisDetailsGRP #pointRelaisDetails .adress-input .form-groupe .erreCp,
    .pRelaisDetailsGRP #pointRelaisDetails .adress-input .form-groupe .erreVille,
    .pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .form-groupe .erreCp,
    .pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .form-groupe .erreVille {
        text-align: left
    }
}

@media screen and (max-width: 768px) {

    .pRelaisDetails #pointRelaisDetails .adress-input .form-groupe,
    .pRelaisDetails #pointRelaisDetailsGRP .adress-input .form-groupe,
    .pRelaisDetailsGRP #pointRelaisDetails .adress-input .form-groupe,
    .pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .form-groupe {
        display: block;
        margin: 0 0 8px;
        position: relative
    }

    .pRelaisDetails #pointRelaisDetails .adress-input .form-groupe .mandatory,
    .pRelaisDetails #pointRelaisDetailsGRP .adress-input .form-groupe .mandatory,
    .pRelaisDetailsGRP #pointRelaisDetails .adress-input .form-groupe .mandatory,
    .pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .form-groupe .mandatory {
        position: absolute;
        top: 10px;
        right: 7px;
        margin: 0 0px 0 4px
    }
}

.pRelaisDetails #pointRelaisDetails .adress-input .btn,
.pRelaisDetails #pointRelaisDetailsGRP .adress-input .btn,
.pRelaisDetailsGRP #pointRelaisDetails .adress-input .btn,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .btn {
    margin-left: 10px;
    padding: 6px 20px 9px
}

.pRelaisDetails #pointRelaisDetails .adress-input .btn i,
.pRelaisDetails #pointRelaisDetailsGRP .adress-input .btn i,
.pRelaisDetailsGRP #pointRelaisDetails .adress-input .btn i,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .btn i {
    width: 17px;
    height: 17px;
    border-radius: 40px;
    border: 2px solid #fff;
    display: block;
    position: relative;
    transition: none;
    margin: 0 auto
}

.pRelaisDetails #pointRelaisDetails .adress-input .btn i:before,
.pRelaisDetails #pointRelaisDetails .adress-input .btn i:after,
.pRelaisDetails #pointRelaisDetailsGRP .adress-input .btn i:before,
.pRelaisDetails #pointRelaisDetailsGRP .adress-input .btn i:after,
.pRelaisDetailsGRP #pointRelaisDetails .adress-input .btn i:before,
.pRelaisDetailsGRP #pointRelaisDetails .adress-input .btn i:after,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .btn i:before,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .btn i:after {
    content: '';
    width: 3px;
    height: 8px;
    right: -2px;
    top: 10px;
    position: absolute;
    display: block;
    background-color: #fff;
    transform: rotate(-45deg);
    transition: none;
    border-radius: 100%
}

@media screen and (max-width: 768px) {

    .pRelaisDetails #pointRelaisDetails .adress-input .btn,
    .pRelaisDetails #pointRelaisDetailsGRP .adress-input .btn,
    .pRelaisDetailsGRP #pointRelaisDetails .adress-input .btn,
    .pRelaisDetailsGRP #pointRelaisDetailsGRP .adress-input .btn {
        width: 100%;
        margin: 0
    }
}

.pRelaisDetails #pointRelaisDetails .list-point .relaitList,
.pRelaisDetails #pointRelaisDetailsGRP .list-point .relaitList,
.pRelaisDetailsGRP #pointRelaisDetails .list-point .relaitList,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point .relaitList {
    height: 440px;
    overflow: auto
}

@media screen and (max-width: 768px) {

    .pRelaisDetails #pointRelaisDetails .list-point .relaitList,
    .pRelaisDetails #pointRelaisDetailsGRP .list-point .relaitList,
    .pRelaisDetailsGRP #pointRelaisDetails .list-point .relaitList,
    .pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point .relaitList {
        height: auto
    }
}

.pRelaisDetails #pointRelaisDetails .list-point .relaitList ul,
.pRelaisDetails #pointRelaisDetailsGRP .list-point .relaitList ul,
.pRelaisDetailsGRP #pointRelaisDetails .list-point .relaitList ul,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point .relaitList ul {
    list-style: none;
    margin: 0
}

.pRelaisDetails #pointRelaisDetails .list-point .relaitList ul li a,
.pRelaisDetails #pointRelaisDetailsGRP .list-point .relaitList ul li a,
.pRelaisDetailsGRP #pointRelaisDetails .list-point .relaitList ul li a,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point .relaitList ul li a {
    display: block;
    padding: 10px 3px 10px 69px;
    min-height: 80px;
    text-decoration: none;
    position: relative;
    color: #f38230
}

.pRelaisDetails #pointRelaisDetails .list-point .relaitList ul li a .bloc-img,
.pRelaisDetails #pointRelaisDetailsGRP .list-point .relaitList ul li a .bloc-img,
.pRelaisDetailsGRP #pointRelaisDetails .list-point .relaitList ul li a .bloc-img,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point .relaitList ul li a .bloc-img {
    position: absolute;
    left: 8px;
    top: 10px;
    text-align: center;
    width: 50px;
    overflow: hidden
}

.pRelaisDetails #pointRelaisDetails .list-point .relaitList ul li a h4,
.pRelaisDetails #pointRelaisDetailsGRP .list-point .relaitList ul li a h4,
.pRelaisDetailsGRP #pointRelaisDetails .list-point .relaitList ul li a h4,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point .relaitList ul li a h4 {
    border: 0;
    margin: 0;
    padding: 0
}

.pRelaisDetails #pointRelaisDetails .list-point .relaitList ul li a p,
.pRelaisDetails #pointRelaisDetails .list-point .relaitList ul li a .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .pRelaisDetails #pointRelaisDetails .list-point .relaitList ul li a div,
.pRelaisDetails #pointRelaisDetailsGRP .list-point .relaitList ul li a p,
.pRelaisDetails #pointRelaisDetailsGRP .list-point .relaitList ul li a .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .pRelaisDetails #pointRelaisDetailsGRP .list-point .relaitList ul li a div,
.pRelaisDetailsGRP #pointRelaisDetails .list-point .relaitList ul li a p,
.pRelaisDetailsGRP #pointRelaisDetails .list-point .relaitList ul li a .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .pRelaisDetailsGRP #pointRelaisDetails .list-point .relaitList ul li a div,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point .relaitList ul li a p,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point .relaitList ul li a .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point .relaitList ul li a div {
    font-size: 12px;
    font-size: 1.2rem;
    color: #6d6e70;
    margin: 0;
    line-height: 1.2em
}

@media screen and (max-width: 768px) {

    .pRelaisDetails #pointRelaisDetails .list-point .relaitList ul li a,
    .pRelaisDetails #pointRelaisDetailsGRP .list-point .relaitList ul li a,
    .pRelaisDetailsGRP #pointRelaisDetails .list-point .relaitList ul li a,
    .pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point .relaitList ul li a {
        padding: 10px 19px 10px 69px;
        text-align: left
    }
}

.pRelaisDetails #pointRelaisDetails .list-point #map-canvas,
.pRelaisDetails #pointRelaisDetails .list-point #map-canvasGRP,
.pRelaisDetails #pointRelaisDetailsGRP .list-point #map-canvas,
.pRelaisDetails #pointRelaisDetailsGRP .list-point #map-canvasGRP,
.pRelaisDetailsGRP #pointRelaisDetails .list-point #map-canvas,
.pRelaisDetailsGRP #pointRelaisDetails .list-point #map-canvasGRP,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point #map-canvas,
.pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point #map-canvasGRP {
    height: 440px
}

@media screen and (max-width: 768px) {

    .pRelaisDetails #pointRelaisDetails .list-point #map-canvas,
    .pRelaisDetails #pointRelaisDetails .list-point #map-canvasGRP,
    .pRelaisDetails #pointRelaisDetailsGRP .list-point #map-canvas,
    .pRelaisDetails #pointRelaisDetailsGRP .list-point #map-canvasGRP,
    .pRelaisDetailsGRP #pointRelaisDetails .list-point #map-canvas,
    .pRelaisDetailsGRP #pointRelaisDetails .list-point #map-canvasGRP,
    .pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point #map-canvas,
    .pRelaisDetailsGRP #pointRelaisDetailsGRP .list-point #map-canvasGRP {
        height: 360px
    }
}

.pRelaisDetails .span8.pointAcheminementDetail,
.pRelaisDetailsGRP .span8.pointAcheminementDetail {
    float: right;
    width: 100%
}

@media screen and (max-width: 768px) {

    .pRelaisDetails .span8.pointAcheminementDetail,
    .pRelaisDetailsGRP .span8.pointAcheminementDetail {
        text-align: center
    }
}

.pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont,
.pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont {
    background: #fff;
    border: 1px solid #000;
    margin: 20px 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#EDEEF0');
    background-image: -owg-linear-gradient(top, #fff 0%, #fbfdfc 31%, #edeef0 100%);
    background-image: linear-gradient(top, #fff 0%, #fbfdfc 31%, #edeef0 100%);
    transition: all 0.3s;
    display: table;
    width: 100%
}

.pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail,
.pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail {
    position: relative;
    display: table-cell;
    padding: 18px 15px 10px 60px;
    min-height: 80px;
    text-decoration: none;
    width: 40%;
    border-right: 1px solid #000
}

.pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail p,
.pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail div,
.pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail p,
.pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail div {
    font-size: 14px;
    color: #9599a4;
    list-style: none;
    margin: 12px 0 10px 12px
}

.pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail .title-infos-point-detail,
.pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail .title-infos-point-detail {
    font-size: 18px !important;
    line-height: 22px;
    font-weight: 600;
    color: #4b4b4b;
    margin: 0
}

.pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail .logo-colis,
.pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail .logo-colis {
    position: absolute;
    left: 4px;
    top: 10px;
    text-align: center;
    width: 50px;
    overflow: hidden
}

.pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail .bloc-img img,
.pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail .bloc-img img {
    margin-right: 10px
}

@media screen and (max-width: 768px) {

    .pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail,
    .pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail {
        border: 0;
        width: 100%;
        display: block;
        padding: 18px 10px 10px 40px;
        min-height: inherit
    }

    .pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail .logo-colis,
    .pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-detail .logo-colis {
        left: 0
    }
}

.pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime,
.pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime {
    display: table-cell;
    padding: 13px 0 0 20px;
    width: 60%
}

.pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime .title-openingtime,
.pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime .title-openingtime {
    color: #4b4b4b;
    font-weight: 600
}

.pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime ul,
.pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime ul {
    font-size: 20px;
    color: #9599a4;
    list-style: none;
    margin: 12px 0 10px 0
}

.pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime .btn.btn-action,
.pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime .ui-btn.ui-btn-secondary,
.pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime .btn.btn-action,
.pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime .ui-btn.ui-btn-secondary {
    margin: 0px 10px 10px;
    float: right
}

@media screen and (max-width: 768px) {

    .pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime,
    .pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime {
        display: block;
        width: 100%;
        padding: 0 0 15px 0
    }

    .pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime ul,
    .pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime ul {
        padding: 0;
        margin-left: 0
    }

    .pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime .btn.btn-action,
    .pRelaisDetails .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime .ui-btn.ui-btn-secondary,
    .pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime .btn.btn-action,
    .pRelaisDetailsGRP .span8.pointAcheminementDetail .point-detail-cont .infos-point-openingtime .ui-btn.ui-btn-secondary {
        margin: 0 !important;
        width: 90% !important;
        float: none
    }
}

.pRelaisDetails .span8.pointAcheminementDetail.selectedPoint,
.pRelaisDetailsGRP .span8.pointAcheminementDetail.selectedPoint {
    float: left;
    width: 100%;
    margin: 0
}

#AddressManager {
    max-width: 1600px;
    width: 100%
}

@media screen and (max-width: 768px) {
    #AddressManager {
        padding: 0
    }
}

#AddressManager form {
    padding: 0
}

#AddressManager #AddAddressForm {
    max-width: 100%
}

#AddressManager #AddAddressForm legend {
    font-size: 25px;
    font-size: 2.5rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #232120;
    padding: 20px 0 0 0
}

#AddressManager #AddAddressForm legend .controls {
    margin: 0
}

#AddressManager #AddAddressForm .control-group {
    padding: 3% 5%
}

#AddressManager #AddAddressForm .controls {
    margin: 0
}

#AddressManager #AddAddressForm label {
    width: 100%;
    text-align: left;
    padding: 0 0 15px 0;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem
}

.rtl #AddressManager #AddAddressForm label {
    text-align: right
}

#AddressManager #AddAddressForm .controls.custom {
    clear: both;
    position: relative
}

#AddressManager #AddAddressForm .controls.custom:after {
    content: "\e902";
    font-family: icokrups;
    font-size: 8px;
    font-size: .8rem;
    width: 44px;
    height: 100%;
    border-radius: 5px;
    position: absolute;
    top: 1px;
    right: 1px;
    background: transparent;
    text-align: center;
    line-height: 50px
}

.rtl #AddressManager #AddAddressForm .controls.custom:after {
    top: 1px;
    left: 1px;
    right: auto
}

#AddressManager #AddAddressForm input,
#AddressManager #AddAddressForm select {
    height: 50px;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 18px;
    box-shadow: none;
    border: 1px solid #eaeeef;
    border-radius: 5px;
    margin: 0;
    width: 100%;
    max-width: 100%;
    float: none;
    display: block
}

#AddressManager #AddAddressForm input:focus,
#AddressManager #AddAddressForm select:focus {
    border-color: #00ead7
}

#AddressManager #AddAddressForm select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

#AddressManager #AddAddressForm .btn {
    padding: 17px 25px
}

#AddressManager #AddAddressForm .btn:first-child {
    background-color: #948e88
}

#AddressManager #AddAddressForm .btn:first-child:hover {
    background-color: #a19a94
}

#AddressManager #AddAddressForm .row-fluid:last-child {
    padding: 0% 20px 10px 10px
}

.page-MultiStepCheckoutSummaryPage .yCmsContentSlot.row-fluid.accessories-services,
.page-CartPage .yCmsContentSlot.row-fluid.accessories-services,
.page-OrderConfirmationPage .yCmsContentSlot.row-fluid.accessories-services {
    width: 100%;
    max-width: 100%
}

@media screen and (max-width: 767px) {

    #fragmentDeliveryPage .pRelaisDetails .colissimo-title,
    #fragmentPaymentPage .pRelaisDetails .colissimo-title,
    #fragmentDeliveryPage .pRelaisDetailsGRP .colissimo-title,
    #fragmentPaymentPage .pRelaisDetailsGRP .colissimo-title {
        display: none
    }
}

#fragmentPaymentPage {
    margin-top: 26px;
    overflow: hidden
}

#fragmentPaymentPage .paymentModeErrors {
    text-align: left;
    margin-bottom: 30px
}

@media screen and (max-width: 767px) {
    #fragmentPaymentPage .paymentModeErrors {
        margin-bottom: 14px;
        text-align: center
    }
}

#fragmentPaymentPage .paymentModeErrors span.skip {
    display: block;
    color: #dc0000
}

#fragmentPaymentPage .tax-container {
    min-height: 40px;
    background-color: #dedfe4;
    margin-bottom: 30px !important;
    margin-top: 0 !important;
    padding: 12px 17px 11px
}

@media screen and (max-width: 767px) {
    #fragmentPaymentPage .tax-container {
        border-radius: 0;
        padding: 15px 0px 0;
        margin-bottom: 15px !important
    }
}

#fragmentPaymentPage .tax-container .tax-row {
    display: inline-block;
    width: 100%;
    text-align: initial;
    position: relative
}

#fragmentPaymentPage .tax-container .tax-row span.skip {
    width: 100%;
    display: block
}

@media screen and (max-width: 767px) {
    #fragmentPaymentPage .tax-container .tax-row span.skip {
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0
    }
}

#fragmentPaymentPage .tax-container .tax-row span.skip .skip {
    color: #d90200;
    font-size: 13px;
    font-size: 1.3rem
}

@media screen and (max-width: 767px) {
    #fragmentPaymentPage .tax-container .tax-row span.skip .skip {
        top: 68px;
        margin-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    #fragmentPaymentPage .tax-container .tax-row {
        width: 100%;
        text-align: center
    }
}

#fragmentPaymentPage .tax-container .tax-row .control-label {
    font-size: 17px;
    font-size: 1.7rem;
    color: #666666;
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin-top: 13px
}

@media screen and (max-width: 767px) {
    #fragmentPaymentPage .tax-container .tax-row .control-label {
        width: 100%;
        font-size: 17px;
        font-size: 1.7rem
    }
}

#fragmentPaymentPage .tax-container .tax-row .controls {
    display: inline-block;
    margin-left: 1%;
    width: 45%;
    text-align: left;
    vertical-align: top
}

#fragmentPaymentPage .tax-container .tax-row .controls #legal-tax-number.success,
#fragmentPaymentPage .tax-container .tax-row .controls #mobilePhone.success {
    color: #23b906
}

@media screen and (max-width: 767px) {
    #fragmentPaymentPage .tax-container .tax-row .controls {
        margin-left: 0;
        text-align: center;
        margin-bottom: 14px;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    #fragmentPaymentPage .tax-container .tax-row .controls .ui-input-row-submit {
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-top: 12px
    }
}

#fragmentPaymentPage .tax-container .tax-row .controls .ui-btn-primary {
    margin-left: 22px;
    min-height: 44px;
    min-width: 62px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 15px;
    font-size: 1.5rem;
    min-height: 28px;
    margin-left: -6px;
    height: 50px;
    float: right;
    background-color: #948e88
}

@media screen and (min-width: 767px) {
    #fragmentPaymentPage .tax-container .tax-row .controls .ui-btn-primary {
        margin-right: -26px
    }
}

@media screen and (max-width: 767px) {
    #fragmentPaymentPage .tax-container .tax-row .controls .ui-btn-primary {
        min-height: 32px;
        margin-left: 18px
    }
}

#fragmentPaymentPage .tax-container .tax-row .controls .text {
    border: 0;
    border-radius: 10px;
    height: 50px;
    font-size: 16px;
    text-transform: uppercase;
    color: #666666;
    padding: 4px 20px
}

@media screen and (max-width: 767px) {
    #fragmentPaymentPage .tax-container .tax-row .controls .text {
        min-height: 32px
    }
}

@media screen and (min-width: 767px) {
    #fragmentPaymentPage .tax-container .tax-row .controls .text {
        width: 80%
    }
}

#fragmentPaymentPage .upgrade-comp-date-collecte {
    margin: 0;
    margin-bottom: 30px;
    color: #5A5A5A;
    padding: 21px 16px;
    background-color: #dedfe4
}

#fragmentPaymentPage .upgrade-comp-date-collecte .labelDate,
#fragmentPaymentPage .upgrade-comp-date-collecte .labelMobile {
    padding: 11px 2px 4px;
    font-size: 14px;
    display: inline-block;
    width: 125px
}

#fragmentPaymentPage .upgrade-comp-date-collecte .value {
    display: inline-block
}

#fragmentPaymentPage .upgrade-comp-date-collecte .value span {
    background-color: #fff;
    display: inline-block;
    padding: 4px 8px;
    color: #858585;
    font-size: 16px;
    font-size: 1.6rem
}

#fragmentPaymentPage .upgrade-comp-date-collecte p,
#fragmentPaymentPage .upgrade-comp-date-collecte .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #fragmentPaymentPage .upgrade-comp-date-collecte div {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 10px
}

#fragmentPaymentPage .upgrade-comp-date-collecte .labelMobile~.value {
    width: calc(100% - 130px)
}

#fragmentPaymentPage .upgrade-comp-date-collecte .labelMobile~.value span {
    width: 100%
}

@media screen and (max-width: 767px) {
    #fragmentPaymentPage .upgrade-comp-date-collecte {
        border-radius: 0;
        padding: 24px 30px
    }

    #fragmentPaymentPage .upgrade-comp-date-collecte .value {
        width: 125px !important;
        background-color: #fff;
        text-align: left
    }

    #fragmentPaymentPage .upgrade-comp-date-collecte .value span {
        background-color: transparent;
        padding: 4px 8px;
        font-size: 17px;
        font-size: 1.7rem
    }

    #fragmentPaymentPage .upgrade-comp-date-collecte .labelDate,
    #fragmentPaymentPage .upgrade-comp-date-collecte .labelMobile {
        width: calc(100% - 129px);
        text-align: left;
        padding: 15px 2px 10px;
        font-size: 16px;
        font-size: 1.6rem
    }

    #fragmentPaymentPage .upgrade-comp-date-collecte .span6 {
        margin-bottom: 0 !important
    }

    #fragmentPaymentPage .upgrade-comp-date-collecte p,
    #fragmentPaymentPage .upgrade-comp-date-collecte .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper #fragmentPaymentPage .upgrade-comp-date-collecte div {
        font-size: 17px;
        font-size: 1.7rem
    }
}

.payment-mode-table {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.payment-mode-table table {
    margin-bottom: 0;
    border-collapse: separate;
    overflow: hidden;
    color: #50535d
}

@media screen and (max-width: 767px) {
    .payment-mode-table table {
        margin-bottom: 14px;
        border-left: 0;
        border-right: 0;
        border-radius: 0
    }
}

.payment-mode-table table th {
    text-align: left
}

.rtl .payment-mode-table table th {
    text-align: right
}

.payment-mode-table table th.text-center {
    text-align: center
}

.payment-mode-table table th.text-right {
    text-align: right
}

.payment-mode-table table td {
    border: 0
}

.payment-mode-table table thead {
    background: #dedfe4;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 20px;
    font-size: 2rem
}

.payment-mode-table table thead th {
    padding: 20px;
    text-transform: uppercase;
    color: black;
    font-weight: normal
}

.payment-mode-table table thead th::first-letter {
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .payment-mode-table table thead {
        font-size: 17px;
        font-size: 1.7rem
    }

    .payment-mode-table table thead th {
        padding: 15px
    }
}

.payment-mode-table table tbody h4 {
    font-size: 29px;
    font-size: 2.9rem;
    text-transform: uppercase;
    color: #f38230;
    margin: 0;
    font-weight: 100;
    height: 60px
}

.payment-mode-table table tbody p,
.payment-mode-table table tbody .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .payment-mode-table table tbody div {
    margin: 0
}

.payment-mode-table table tbody tr {
    height: 69px;
    background-color: #fff
}

.payment-mode-table table tbody tr.selected-radio,
.payment-mode-table table tbody tr:hover {
    background-color: #fbfbfa
}

.payment-mode-table table tbody tr .ui-input--radio label {
    margin-bottom: 4px
}

.payment-mode-table table tbody tr td {
    border-bottom: 1px solid #dedfe4
}

.payment-mode-table table tbody tr td:nth-of-type(1) {
    width: 6%;
    padding-left: 23px;
    padding-top: 7px
}

.payment-mode-table table tbody tr td:nth-of-type(2) {
    width: 33%;
    font-size: 16px;
    font-size: 1.6rem
}

@media screen and (max-width: 767px) {
    .payment-mode-table table tbody tr td:nth-of-type(2) {
        width: 50%
    }
}

.payment-mode-table table tbody tr td:nth-of-type(3) {
    width: 51%;
    vertical-align: middle;
    font-size: 21px;
    text-align: end;
    padding: 0 30px
}

.payment-mode-table table tbody tr td:nth-of-type(3) img {
    height: auto !important;
    max-height: 35px
}

@media screen and (max-width: 767px) {
    .payment-mode-table table tbody tr td:nth-of-type(3) {
        width: 46%;
        text-align: end;
        padding-left: 0;
        padding-right: 15px
    }
}

.payment-mode-table table tbody tr:last-of-type td {
    border-bottom: 0
}

@media screen and (max-width: 767px) {
    .payment-mode-table table tbody tr {
        height: 71px
    }

    .payment-mode-table table tbody tr td:nth-of-type(1) {
        padding-left: 17px;
        padding-top: 7px
    }

    .payment-mode-table table tbody tr td:nth-of-type(3) {
        font-size: 18px
    }
}

.payment-mode-table table tbody td {
    border: 0;
    padding: 18px;
    vertical-align: middle
}

.payment-mode-table table tbody .card-name {
    display: inline-block
}

.payment-mode-table table tbody .tool-tip {
    display: inline-block;
    margin-left: 17px;
    margin-top: -12px
}

.payment-mode-table table tfoot td {
    text-align: center
}

.payment-mode-table .delivery-mode {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.payment-mode-table .delivery-mode .delivery-mode-title {
    padding-top: 4px;
    font-size: 16px;
    font-size: 1.6rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    line-height: 15px
}

.payment-mode-table .delivery-mode .delivery-mode-title>p,
.payment-mode-table .delivery-mode .krups-block-univers .krups-block-wrapper .delivery-mode-title>div,
.krups-block-univers .krups-block-wrapper .payment-mode-table .delivery-mode .delivery-mode-title>div {
    font-size: 12px;
    font-size: 1.2rem
}

.payment-mode-table .delivery-mode .delay {
    font-size: 12px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.payement-recap-table thead tr {
    border: 0 !important
}

.payement-recap-table thead tr th span {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    text-transform: uppercase
}

.confirmation-page {
    margin-top: 146px;
    margin-bottom: 40px
}

@media screen and (max-width: 767px) {
    .confirmation-page {
        margin-top: 75px
    }
}

.confirmation-page .header {
    margin: auto;
    width: 78%;
    padding: 25px 0
}

@media screen and (max-width: 767px) {
    .confirmation-page .header {
        width: 100%;
        margin: auto;
        padding: 12px 17px
    }
}

.confirmation-page .header .word-of-thanks {
    font-size: 25px;
    line-height: 30px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-weight: 100;
    margin-bottom: 37px;
    text-align: center
}

.confirmation-page .header .word-of-thanks span {
    color: #f38230
}

@media screen and (max-width: 767px) {
    .confirmation-page .header .word-of-thanks {
        text-align: left;
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 20px
    }
}

.confirmation-page .header .order-status {
    display: block;
    font-weight: 100;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 22px;
    line-height: 32px;
    text-align: center
}

.confirmation-page .header .order-status .order-code {
    margin: auto;
    margin-bottom: 13px
}

.confirmation-page .header .order-status .order-code span {
    color: #f38230
}

@media screen and (max-width: 767px) {
    .confirmation-page .header .order-status .order-code {
        width: 100%;
        margin: auto;
        text-indent: 0;
        line-height: 21px;
        margin-bottom: 4px
    }
}

.confirmation-page .header .order-status .order-shipping-date {
    width: 626px;
    margin: auto;
    padding-bottom: 28px
}

@media screen and (max-width: 767px) {
    .confirmation-page .header .order-status .order-shipping-date {
        width: 100%;
        margin: auto;
        line-height: 21px;
        padding-bottom: 21px
    }
}

@media screen and (max-width: 767px) {
    .confirmation-page .header .order-status {
        width: 100%;
        text-align: left;
        text-indent: 0;
        font-size: 16px
    }
}

.confirmation-page .header .msg-confirmation {
    width: 597px;
    margin: auto;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    margin-bottom: 26px;
    margin-top: 34px;
    line-height: 17px
}

@media screen and (max-width: 767px) {
    .confirmation-page .header .msg-confirmation {
        width: 100%;
        text-align: left;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 14px
    }
}

.confirmation-page .header .print {
    text-align: center
}

.confirmation-page .header .print .ui-btn-print {
    min-width: 156px;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .confirmation-page .header .print .ui-btn-print {
        width: 75%;
        margin-bottom: 10px
    }
}

.confirmation-page .header .print .ui-btn-print:before {
    margin-right: 17px;
    position: relative;
    top: 5px
}

.confirmation-page .confirmation-body {
    width: 820px;
    margin: auto
}

@media screen and (max-width: 767px) {
    .confirmation-page .confirmation-body {
        width: 100%
    }
}

.confirmation-page .confirmation-body .faq-links {
    width: 55%;
    margin-right: 5%;
    float: left
}

@media screen and (max-width: 767px) {
    .confirmation-page .confirmation-body .faq-links {
        width: 100%;
        margin-bottom: 20px;
        float: none
    }
}

.confirmation-page .confirmation-body .faq-links .need-extra {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    padding: 19px;
    padding-right: 5px;
    text-transform: uppercase;
    color: black;
    font-weight: normal;
    background: #dedfe4;
    font-size: 18px;
    font-size: 1.8rem
}

@media screen and (max-width: 767px) {
    .confirmation-page .confirmation-body .faq-links .need-extra {
        margin-bottom: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: none;
        font-size: 17px;
        font-size: 1.7rem;
        border-radius: 0;
        padding: 16px
    }
}

.confirmation-page .confirmation-body .faq-links .need-extra::first-letter {
    text-transform: uppercase
}

.confirmation-page .confirmation-body .faq-links .helpful-links {
    border: 1px solid #EEEDF3;
    border-top: 0;
    border-radius: 0 0 5px 5px
}

@media screen and (max-width: 767px) {
    .confirmation-page .confirmation-body .faq-links .helpful-links {
        border-left: 0;
        border-right: 0;
        border-radius: 0
    }
}

.confirmation-page .confirmation-body .faq-links .helpful-links ul {
    padding: 10px 0;
    background-color: white;
    margin: 0;
    list-style: none
}

@media screen and (max-width: 767px) {
    .confirmation-page .confirmation-body .faq-links .helpful-links ul {
        padding: 13px 0px
    }
}

.confirmation-page .confirmation-body .faq-links .helpful-links ul li {
    margin: 0;
    padding: 4px 17px;
    line-height: 26px
}

.confirmation-page .confirmation-body .faq-links .helpful-links ul li a {
    text-decoration: underline;
    color: #50535d;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem
}

@media screen and (max-width: 767px) {
    .confirmation-page .confirmation-body .faq-links .helpful-links ul li a {
        font-size: 15px;
        font-size: 1.5rem
    }
}

.confirmation-page .confirmation-body .faq-links .helpful-links ul li a:active,
.confirmation-page .confirmation-body .faq-links .helpful-links ul li a:hover {
    color: #f38230
}

.confirmation-page .confirmation-body .confirm-total-card {
    width: 40%;
    margin-left: 0px;
    float: left;
    margin-bottom: 25px
}

@media screen and (max-width: 767px) {
    .confirmation-page .confirmation-body .confirm-total-card {
        width: 100%;
        margin-left: 0
    }
}

@media screen and (max-width: 767px) {
    .confirmation-page .confirmation-body .cart-action {
        margin: auto;
        display: -ms-flexbox;
        display: flex;
        padding: 0
    }
}

@media screen and (max-width: 767px) {
    .confirmation-page .confirmation-body .cart-action form {
        margin: auto
    }
}

@media screen and (max-width: 767px) {
    .confirmation-page .confirmation-body .cart-action .ui-btn.ui-btn-primary {
        margin: auto;
        padding: 0
    }
}

.confirmation-page .confirmation-body .confirmation-recap-table+.confirm-total-card,
.confirmation-page .confirmation-body .payement-recap-table+.confirm-total-card,
.confirmation-page .confirmation-body .myAccountContainer .productsTable+.confirm-total-card,
.myAccountContainer .confirmation-page .confirmation-body .productsTable+.confirm-total-card,
.confirmation-page .confirmation-body .upgrade-comp-date-collecte+.confirm-total-card {
    float: right
}

.confirmation-page .confirmation-body .addressesBloc {
    margin-left: auto;
    margin-right: auto;
    width: 85%;
    margin-bottom: 30px
}

@media screen and (max-width: 767px) {
    .confirmation-page .confirmation-body .addressesBloc {
        width: 100%
    }
}

.confirmation-page .confirmation-body .addressesBloc .addressBloc {
    color: #585858;
    background-color: #fbfbfb;
    min-height: 105px;
    padding: 12px 27px 18px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 17px
}

.confirmation-page .confirmation-body .addressesBloc .addressBloc p,
.confirmation-page .confirmation-body .addressesBloc .addressBloc .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .confirmation-page .confirmation-body .addressesBloc .addressBloc div {
    font-size: 14px;
    line-height: 17px
}

.confirmation-page .confirmation-body .addressesBloc .addressBloc h5,
.confirmation-page .confirmation-body .addressesBloc .addressBloc #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .confirmation-page .confirmation-body .addressesBloc .addressBloc .messages-area>.h5,
.confirmation-page .confirmation-body .addressesBloc .addressBloc #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .confirmation-page .confirmation-body .addressesBloc .addressBloc .elements-suggestion-area>h5,
.confirmation-page .confirmation-body .addressesBloc .addressBloc #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .confirmation-page .confirmation-body .addressesBloc .addressBloc .elements-suggestion-area>.h5 {
    text-transform: uppercase
}

.confirmation-page .confirmation-body .addressesBloc .addressBloc h5,
.confirmation-page .confirmation-body .addressesBloc .addressBloc #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .confirmation-page .confirmation-body .addressesBloc .addressBloc .messages-area>.h5,
.confirmation-page .confirmation-body .addressesBloc .addressBloc #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .confirmation-page .confirmation-body .addressesBloc .addressBloc .elements-suggestion-area>h5,
.confirmation-page .confirmation-body .addressesBloc .addressBloc #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .confirmation-page .confirmation-body .addressesBloc .addressBloc .elements-suggestion-area>.h5,
.confirmation-page .confirmation-body .addressesBloc .addressBloc strong {
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 16px;
    font-size: 1.6rem
}

.confirmation-page .confirmation-body .addressesBloc .addressBloc strong {
    text-transform: capitalize
}

.confirmation-page .confirmation-body .addressesBloc .addressBloc .bloc-openningHours {
    margin-top: 10px
}

.confirmation-page .confirmation-body .addressesBloc .addressBloc .bloc-openningHours .title-openningHours {
    padding: 0;
    font-weight: bold
}

.confirmation-page .confirmation-body .addressesBloc .addressBloc .bloc-openningHours ul {
    list-style: none
}

.confirmation-page .confirmation-body .addressesBloc .span6 {
    width: 47.35%;
    margin-left: 5.3%;
    clear: none
}

@media screen and (max-width: 768px) {
    .confirmation-page .confirmation-body .addressesBloc .span6 {
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0;
        padding: 0 19px 0 19px
    }
}

.confirmation-page .confirmation-body .addressesBloc .span6:first-child {
    margin-left: 0
}

@media screen and (max-width: 768px) {
    .confirmation-page .confirmation-body .addressesBloc .span6:first-child {
        margin-bottom: 30px;
        margin-top: 14px
    }
}

.confirmation-page .confirmation-body .addressesBloc .span6 p,
.confirmation-page .confirmation-body .addressesBloc .span6 .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .confirmation-page .confirmation-body .addressesBloc .span6 div {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0px 11px 5px 2px;
    padding: 0 15px
}

@media screen and (max-width: 768px) {

    .confirmation-page .confirmation-body .addressesBloc .span6 p,
    .confirmation-page .confirmation-body .addressesBloc .span6 .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .confirmation-page .confirmation-body .addressesBloc .span6 div {
        min-height: 0 !important;
        padding: 0
    }
}

.confirmation-page .cart-action .ui-btn {
    float: right;
    width: 230px;
    min-width: 230px;
    margin-right: 30px
}

@media screen and (max-width: 767px) {
    .confirmation-page .cart-action .ui-btn {
        width: 205px;
        min-width: 270px;
        min-height: 48px;
        font-size: 17px
    }
}

.confirmation-page .upgrade-comp-date-collecte {
    margin: 0;
    margin-bottom: 30px;
    color: #5A5A5A;
    padding: 21px 16px;
    background-color: #dedfe4
}

.confirmation-page .upgrade-comp-date-collecte .labelDate,
.confirmation-page .upgrade-comp-date-collecte .labelMobile {
    padding: 11px 2px 4px;
    font-size: 14px;
    display: inline-block;
    width: 125px
}

.confirmation-page .upgrade-comp-date-collecte .value {
    display: inline-block
}

.confirmation-page .upgrade-comp-date-collecte .value span {
    background-color: #fff;
    display: inline-block;
    padding: 4px 8px;
    color: #858585;
    font-size: 16px;
    font-size: 1.6rem
}

.confirmation-page .upgrade-comp-date-collecte p,
.confirmation-page .upgrade-comp-date-collecte .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .confirmation-page .upgrade-comp-date-collecte div {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 10px
}

.confirmation-page .upgrade-comp-date-collecte .labelMobile~.value {
    width: calc(100% - 130px)
}

.confirmation-page .upgrade-comp-date-collecte .labelMobile~.value span {
    width: 100%
}

@media screen and (max-width: 767px) {
    .confirmation-page .upgrade-comp-date-collecte {
        border-radius: 0;
        padding: 24px 30px;
        margin-bottom: 20px
    }

    .confirmation-page .upgrade-comp-date-collecte .value {
        width: 125px !important;
        background-color: #fff;
        text-align: left
    }

    .confirmation-page .upgrade-comp-date-collecte .value span {
        background-color: transparent;
        padding: 4px 8px;
        font-size: 17px;
        font-size: 1.7rem
    }

    .confirmation-page .upgrade-comp-date-collecte .labelDate,
    .confirmation-page .upgrade-comp-date-collecte .labelMobile {
        width: calc(100% - 129px);
        text-align: left;
        padding: 15px 2px 10px;
        font-size: 16px;
        font-size: 1.6rem
    }

    .confirmation-page .upgrade-comp-date-collecte .span6 {
        margin-bottom: 0 !important
    }

    .confirmation-page .upgrade-comp-date-collecte p,
    .confirmation-page .upgrade-comp-date-collecte .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .confirmation-page .upgrade-comp-date-collecte div {
        font-size: 17px;
        font-size: 1.7rem
    }
}

.confirmation-recap-table,
.payement-recap-table,
.myAccountContainer .productsTable {
    margin-bottom: 32px
}

.confirmation-recap-table table,
.payement-recap-table table,
.myAccountContainer .productsTable table {
    margin-bottom: 0px;
    border-collapse: separate;
    overflow: hidden;
    width: 100%
}

.confirmation-recap-table table th,
.payement-recap-table table th,
.myAccountContainer .productsTable table th {
    text-align: left
}

.rtl .confirmation-recap-table table th,
.rtl .payement-recap-table table th,
.rtl .myAccountContainer .productsTable table th,
.myAccountContainer .rtl .productsTable table th {
    text-align: right
}

.confirmation-recap-table table th.text-center,
.payement-recap-table table th.text-center,
.myAccountContainer .productsTable table th.text-center {
    text-align: center
}

.confirmation-recap-table table th.text-right,
.payement-recap-table table th.text-right,
.myAccountContainer .productsTable table th.text-right {
    text-align: right
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table table,
    .payement-recap-table table,
    .myAccountContainer .productsTable table {
        margin-bottom: 20px;
        border-radius: 0;
        border-left: 0;
        border-right: 0
    }
}

.confirmation-recap-table thead,
.payement-recap-table thead,
.myAccountContainer .productsTable thead {
    background: #dedfe4;
    font-size: 20px;
    font-size: 2rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase
}

.confirmation-recap-table thead.accordion-heading,
.payement-recap-table thead.accordion-heading,
.myAccountContainer .productsTable thead.accordion-heading {
    display: block
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table thead,
    .payement-recap-table thead,
    .myAccountContainer .productsTable thead {
        margin-bottom: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: none;
        border-radius: 0
    }
}

.confirmation-recap-table thead th,
.payement-recap-table thead th,
.myAccountContainer .productsTable thead th {
    padding: 17px 22px 17px 19px;
    font-size: 21px;
    font-size: 2.1rem;
    text-transform: lowercase;
    color: black;
    font-weight: normal
}

.confirmation-recap-table thead th:nth-child(1),
.payement-recap-table thead th:nth-child(1),
.myAccountContainer .productsTable thead th:nth-child(1) {
    width: 50%
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table thead th:nth-child(1),
    .payement-recap-table thead th:nth-child(1),
    .myAccountContainer .productsTable thead th:nth-child(1) {
        width: 47%
    }
}

.confirmation-recap-table thead th::first-letter,
.payement-recap-table thead th::first-letter,
.myAccountContainer .productsTable thead th::first-letter {
    text-transform: uppercase
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table thead th,
    .payement-recap-table thead th,
    .myAccountContainer .productsTable thead th {
        padding: 15px 15px 15px 17px;
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 17px
    }
}

.confirmation-recap-table thead th .small,
.payement-recap-table thead th .small,
.myAccountContainer .productsTable thead th .small {
    font-size: 14px;
    font-size: 1.4rem
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table thead th .small,
    .payement-recap-table thead th .small,
    .myAccountContainer .productsTable thead th .small {
        display: none
    }
}

.confirmation-recap-table thead th .pull-right,
.payement-recap-table thead th .pull-right,
.myAccountContainer .productsTable thead th .pull-right {
    color: #50535d;
    font-size: 14px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.confirmation-recap-table thead th .pull-right .total,
.payement-recap-table thead th .pull-right .total,
.myAccountContainer .productsTable thead th .pull-right .total {
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table thead th .pull-right .total,
    .payement-recap-table thead th .pull-right .total,
    .myAccountContainer .productsTable thead th .pull-right .total {
        font-size: 11px;
        font-size: 1.1rem
    }
}

.confirmation-recap-table thead th .pull-right span,
.payement-recap-table thead th .pull-right span,
.myAccountContainer .productsTable thead th .pull-right span {
    font-size: 14px;
    font-size: 1.4rem
}

.confirmation-recap-table thead th:nth-child(1),
.payement-recap-table thead th:nth-child(1),
.myAccountContainer .productsTable thead th:nth-child(1) {
    width: 50%
}

.confirmation-recap-table thead th:nth-child(1) a,
.payement-recap-table thead th:nth-child(1) a,
.myAccountContainer .productsTable thead th:nth-child(1) a {
    padding: 0;
    color: black;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block
}

.confirmation-recap-table thead th:nth-child(1) a.collapsed:before,
.payement-recap-table thead th:nth-child(1) a.collapsed:before,
.myAccountContainer .productsTable thead th:nth-child(1) a.collapsed:before {
    content: url(/_ui/desktop/common/img/recap-accordion.png);
    margin-right: 9px;
    display: inline-block;
    transform: rotate(180deg)
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table thead th:nth-child(1) a.collapsed:before,
    .payement-recap-table thead th:nth-child(1) a.collapsed:before,
    .myAccountContainer .productsTable thead th:nth-child(1) a.collapsed:before {
        margin-right: 5px;
        position: relative;
        right: 3px
    }
}

.confirmation-recap-table thead th:nth-child(1) a:not(.collapsed):before,
.payement-recap-table thead th:nth-child(1) a:not(.collapsed):before,
.myAccountContainer .productsTable thead th:nth-child(1) a:not(.collapsed):before {
    content: url(/_ui/desktop/common/img/recap-accordion.png);
    margin-right: 9px;
    display: inline-block
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table thead th:nth-child(1) a:not(.collapsed):before,
    .payement-recap-table thead th:nth-child(1) a:not(.collapsed):before,
    .myAccountContainer .productsTable thead th:nth-child(1) a:not(.collapsed):before {
        margin-right: 5px;
        position: relative;
        right: 3px
    }
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table thead th:nth-child(1) a span,
    .payement-recap-table thead th:nth-child(1) a span,
    .myAccountContainer .productsTable thead th:nth-child(1) a span {
        display: inline-block;
        position: relative;
        bottom: 16px;
        left: 22px;
        font-weight: bold;
        font-size: 1.7rem
    }
}

@media screen and (min-width: 768px) {

    .confirmation-recap-table thead th:nth-child(1) a span,
    .payement-recap-table thead th:nth-child(1) a span,
    .myAccountContainer .productsTable thead th:nth-child(1) a span {
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
        font-size: 2rem
    }
}

.confirmation-recap-table thead th:nth-child(1) a:first-letter,
.payement-recap-table thead th:nth-child(1) a:first-letter,
.myAccountContainer .productsTable thead th:nth-child(1) a:first-letter {
    text-transform: uppercase
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table thead th:nth-child(1),
    .payement-recap-table thead th:nth-child(1),
    .myAccountContainer .productsTable thead th:nth-child(1) {
        font-size: 17px;
        font-size: 1.7rem
    }
}

.confirmation-recap-table thead th:nth-child(2),
.payement-recap-table thead th:nth-child(2),
.myAccountContainer .productsTable thead th:nth-child(2) {
    text-transform: lowercase;
    white-space: nowrap;
    font-size: 19px;
    font-size: 1.9rem;
    width: 11%
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table thead th:nth-child(2),
    .payement-recap-table thead th:nth-child(2),
    .myAccountContainer .productsTable thead th:nth-child(2) {
        font-size: 14px;
        font-size: 1.4rem
    }
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table thead tr,
    .payement-recap-table thead tr,
    .myAccountContainer .productsTable thead tr {
        display: block
    }
}

.confirmation-recap-table tbody,
.payement-recap-table tbody,
.myAccountContainer .productsTable tbody {
    background-color: white
}

.confirmation-recap-table tbody.accordion-body,
.payement-recap-table tbody.accordion-body,
.myAccountContainer .productsTable tbody.accordion-body {
    background-color: #FFF;
    display: block
}

.confirmation-recap-table tbody h4,
.payement-recap-table tbody h4,
.myAccountContainer .productsTable tbody h4 {
    text-transform: lowercase;
    color: #50535d;
    font-weight: normal;
    margin: 0;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 19px;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table tbody h4,
    .payement-recap-table tbody h4,
    .myAccountContainer .productsTable tbody h4 {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 17px
    }
}

.confirmation-recap-table tbody h4::first-letter,
.payement-recap-table tbody h4::first-letter,
.myAccountContainer .productsTable tbody h4::first-letter {
    text-transform: uppercase
}

.confirmation-recap-table tbody p,
.payement-recap-table tbody p,
.myAccountContainer .productsTable tbody p,
.confirmation-recap-table tbody .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .confirmation-recap-table tbody div,
.payement-recap-table tbody .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .payement-recap-table tbody div,
.myAccountContainer .productsTable tbody .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .myAccountContainer .productsTable tbody div {
    margin: 0
}

.confirmation-recap-table tbody tr td,
.payement-recap-table tbody tr td,
.myAccountContainer .productsTable tbody tr td {
    border: 0;
    padding: 16px;
    line-height: 20px;
    border-bottom: 1px solid #dedfe4
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table tbody tr td,
    .payement-recap-table tbody tr td,
    .myAccountContainer .productsTable tbody tr td {
        border-bottom: 0
    }
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table tbody tr,
    .payement-recap-table tbody tr,
    .myAccountContainer .productsTable tbody tr {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-right: 0;
        border-left: 0;
        border-top: 0;
        border-bottom: 1px solid #dedfe4
    }
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table tbody tr:last-child,
    .payement-recap-table tbody tr:last-child,
    .myAccountContainer .productsTable tbody tr:last-child {
        border-bottom: 0
    }
}

.confirmation-recap-table tbody tr:last-child td,
.payement-recap-table tbody tr:last-child td,
.myAccountContainer .productsTable tbody tr:last-child td {
    border-bottom: 0
}

.confirmation-recap-table .qte-container,
.payement-recap-table .qte-container,
.myAccountContainer .productsTable .qte-container {
    vertical-align: top;
    width: 21.5%;
    text-align: right;
    padding: 16px 0
}

.confirmation-recap-table .qte-container .quantity,
.payement-recap-table .qte-container .quantity,
.myAccountContainer .productsTable .qte-container .quantity {
    font-size: 16px;
    font-size: 1.6rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table .qte-container .quantity,
    .payement-recap-table .qte-container .quantity,
    .myAccountContainer .productsTable .qte-container .quantity {
        border: 1px solid #eeedf2;
        border-radius: 3px;
        width: 45px;
        height: 32px;
        line-height: 32px;
        font-size: 16px;
        font-size: 1.6rem;
        color: #b5b6b9;
        text-align: center
    }
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table .qte-container,
    .payement-recap-table .qte-container,
    .myAccountContainer .productsTable .qte-container {
        -ms-flex-order: 3;
        order: 3;
        padding: 0 14px 16px;
        width: 127px
    }

    .confirmation-recap-table .qte-container.qte-container-isEmpty,
    .payement-recap-table .qte-container.qte-container-isEmpty,
    .myAccountContainer .productsTable .qte-container.qte-container-isEmpty {
        visibility: hidden;
        padding-right: 0;
        width: 0
    }
}

.confirmation-recap-table .qte-container:last-of-type,
.payement-recap-table .qte-container:last-of-type,
.myAccountContainer .productsTable .qte-container:last-of-type {
    padding-right: 20px
}

.confirmation-recap-table .picture-container,
.payement-recap-table .picture-container,
.myAccountContainer .productsTable .picture-container {
    width: 18%;
    padding: 16px 18px 16px 14px
}

.confirmation-recap-table .picture-container .picture,
.payement-recap-table .picture-container .picture,
.myAccountContainer .productsTable .picture-container .picture {
    height: 87px;
    width: 87px;
    border: 1px solid #f2f1f5;
    border-radius: 3px
}

.confirmation-recap-table .picture-container .picture img,
.payement-recap-table .picture-container .picture img,
.myAccountContainer .productsTable .picture-container .picture img {
    margin-top: 8px
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table .picture-container .picture,
    .payement-recap-table .picture-container .picture,
    .myAccountContainer .productsTable .picture-container .picture {
        height: 99px;
        width: 99px
    }
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table .picture-container,
    .payement-recap-table .picture-container,
    .myAccountContainer .productsTable .picture-container {
        -ms-flex-order: 1;
        order: 1;
        width: 127px;
        padding: 16px 13px 16px 14px
    }
}

.confirmation-recap-table .details-container,
.payement-recap-table .details-container,
.myAccountContainer .productsTable .details-container {
    width: 24%;
    padding: 16px 0 0;
    height: auto;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 21px;
    font-size: 2.1rem;
    vertical-align: top;
    color: #50535d
}

.confirmation-recap-table .details-container .contents,
.payement-recap-table .details-container .contents,
.myAccountContainer .productsTable .details-container .contents {
    width: 173px
}

.confirmation-recap-table .details-container .contents .ref,
.payement-recap-table .details-container .contents .ref,
.myAccountContainer .productsTable .details-container .contents .ref {
    font-size: 12px;
    font-size: 1.2rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase
}

.confirmation-recap-table .details-container .contents .unit-price,
.payement-recap-table .details-container .contents .unit-price,
.myAccountContainer .productsTable .details-container .contents .unit-price {
    font-size: 12px;
    font-size: 1.2rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    margin: 5px 0
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table .details-container .contents .unit-price,
    .payement-recap-table .details-container .contents .unit-price,
    .myAccountContainer .productsTable .details-container .contents .unit-price {
        margin: 5px 0 0
    }

    .confirmation-recap-table .details-container .contents .ref,
    .payement-recap-table .details-container .contents .ref,
    .myAccountContainer .productsTable .details-container .contents .ref {
        margin: 0 0 5px
    }
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table .details-container,
    .payement-recap-table .details-container,
    .myAccountContainer .productsTable .details-container {
        -ms-flex-order: 2;
        order: 2;
        width: calc(100% - 127px);
        padding: 16px 0 0 0
    }
}

.confirmation-recap-table .price-container,
.payement-recap-table .price-container,
.myAccountContainer .productsTable .price-container {
    vertical-align: top;
    width: 36.5%;
    text-align: right;
    padding-right: 25px
}

.confirmation-recap-table .price-container .product-total-price,
.payement-recap-table .price-container .product-total-price,
.myAccountContainer .productsTable .price-container .product-total-price {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: right
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table .price-container .product-total-price,
    .payement-recap-table .price-container .product-total-price,
    .myAccountContainer .productsTable .price-container .product-total-price {
        text-align: left;
        font-size: 17px;
        font-size: 1.7rem
    }
}

.confirmation-recap-table .price-container .product-total-price .old-price,
.payement-recap-table .price-container .product-total-price .old-price,
.myAccountContainer .productsTable .price-container .product-total-price .old-price {
    text-decoration: line-through;
    color: #f38230;
    font-size: 15px;
    font-size: 1.5rem
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table .price-container .product-total-price .old-price,
    .payement-recap-table .price-container .product-total-price .old-price,
    .myAccountContainer .productsTable .price-container .product-total-price .old-price {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.confirmation-recap-table .price-container .product-total-price .discount,
.payement-recap-table .price-container .product-total-price .discount,
.myAccountContainer .productsTable .price-container .product-total-price .discount {
    font-size: 10px;
    font-size: 1rem;
    color: #f38230;
    display: block;
    line-height: 14px
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table .price-container .product-total-price .discount,
    .payement-recap-table .price-container .product-total-price .discount,
    .myAccountContainer .productsTable .price-container .product-total-price .discount {
        margin: 0;
        margin-top: 13px;
        margin-bottom: 13px;
        width: 85%
    }
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table .price-container,
    .payement-recap-table .price-container,
    .myAccountContainer .productsTable .price-container {
        -ms-flex-order: 4;
        order: 4;
        width: calc(100% - 127px);
        text-align: initial;
        padding: 0
    }
}

.confirmation-recap-table .document-container,
.payement-recap-table .document-container,
.myAccountContainer .productsTable .document-container {
    vertical-align: top;
    text-align: right;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 12px 14px
}

@media screen and (max-width: 767px) {

    .confirmation-recap-table .document-container,
    .payement-recap-table .document-container,
    .myAccountContainer .productsTable .document-container {
        -ms-flex-order: 4;
        order: 4;
        padding: 0;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 17px;
        text-align: initial
    }
}

@media screen and (max-width: 767px) {

    .confirmation-total-recap-table,
    .account-total-recap-table {
        width: 100%;
        margin: 0
    }
}

.confirmation-total-recap-table .span4,
.account-total-recap-table .span4 {
    margin-left: 20px !important
}

.confirmation-total-recap-table table,
.account-total-recap-table table {
    border: 1px solid #EEEDF3;
    border-collapse: separate;
    border-radius: 5px;
    box-shadow: compact(0px 0px 5px rgba(0, 0, 0, 0.3), false, false, false, false, false, false, false, false, false);
    margin-bottom: 10px
}

@media screen and (max-width: 767px) {

    .confirmation-total-recap-table table,
    .account-total-recap-table table {
        border-left: 0;
        border-right: 0;
        border-radius: 0
    }
}

.confirmation-total-recap-table table th,
.account-total-recap-table table th {
    text-align: left
}

.rtl .confirmation-total-recap-table table th,
.rtl .account-total-recap-table table th {
    text-align: right
}

.confirmation-total-recap-table table th.text-center,
.account-total-recap-table table th.text-center {
    text-align: center
}

.confirmation-total-recap-table table th.text-right,
.account-total-recap-table table th.text-right {
    text-align: right
}

.confirmation-total-recap-table table td,
.account-total-recap-table table td {
    border: 0
}

.confirmation-total-recap-table table tr.colored,
.account-total-recap-table table tr.colored {
    color: #f38230
}

.confirmation-total-recap-table thead,
.account-total-recap-table thead {
    background: #dedfe4
}

.confirmation-total-recap-table thead th,
.account-total-recap-table thead th {
    font-size: 20px;
    font-size: 2rem;
    padding: 18px;
    text-transform: uppercase;
    color: black;
    font-weight: normal;
    line-height: 23px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

@media screen and (max-width: 767px) {

    .confirmation-total-recap-table thead th,
    .account-total-recap-table thead th {
        margin-bottom: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: none
    }
}

.confirmation-total-recap-table thead th::first-letter,
.account-total-recap-table thead th::first-letter {
    text-transform: uppercase
}

@media screen and (max-width: 767px) {

    .confirmation-total-recap-table thead th,
    .account-total-recap-table thead th {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 15px
    }
}

.confirmation-total-recap-table thead th span,
.account-total-recap-table thead th span {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.confirmation-total-recap-table tbody,
.account-total-recap-table tbody {
    background-color: white
}

.confirmation-total-recap-table tbody tr.deliveryCostTR .values-container .offered,
.account-total-recap-table tbody tr.deliveryCostTR .values-container .offered {
    color: #f38230
}

.confirmation-total-recap-table tbody h4,
.account-total-recap-table tbody h4 {
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    color: #f38230;
    margin: 0;
    font-weight: 100
}

.confirmation-total-recap-table tbody p,
.account-total-recap-table tbody p,
.confirmation-total-recap-table tbody .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .confirmation-total-recap-table tbody div,
.account-total-recap-table tbody .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .account-total-recap-table tbody div {
    margin: 0
}

.confirmation-total-recap-table tbody td,
.account-total-recap-table tbody td {
    border: 0;
    padding: 16px;
    vertical-align: middle
}

.confirmation-total-recap-table tbody .special-wording .values-container,
.account-total-recap-table tbody .special-wording .values-container {
    padding: 4px 18px 10px 17px
}

@media screen and (max-width: 767px) {

    .confirmation-total-recap-table tbody .special-wording .values-container,
    .account-total-recap-table tbody .special-wording .values-container {
        padding: 16px 13px 12px 15px
    }
}

.confirmation-total-recap-table tbody .special-wording .keys-container,
.account-total-recap-table tbody .special-wording .keys-container {
    padding: 4px 0 10px 17px
}

@media screen and (max-width: 767px) {

    .confirmation-total-recap-table tbody .special-wording .keys-container,
    .account-total-recap-table tbody .special-wording .keys-container {
        padding: 16px 13px 12px 15px
    }
}

.confirmation-total-recap-table tbody .special-wording .forfait,
.account-total-recap-table tbody .special-wording .forfait {
    font-size: 12px;
    font-size: 1.2rem
}

.confirmation-total-recap-table tbody .special-wording .forfait>p,
.account-total-recap-table tbody .special-wording .forfait>p,
.confirmation-total-recap-table tbody .special-wording .krups-block-univers .krups-block-wrapper .forfait>div,
.krups-block-univers .krups-block-wrapper .confirmation-total-recap-table tbody .special-wording .forfait>div,
.account-total-recap-table tbody .special-wording .krups-block-univers .krups-block-wrapper .forfait>div,
.krups-block-univers .krups-block-wrapper .account-total-recap-table tbody .special-wording .forfait>div {
    text-transform: uppercase
}

.confirmation-total-recap-table tbody .total,
.account-total-recap-table tbody .total {
    height: 73px
}

.confirmation-total-recap-table tbody .total td,
.account-total-recap-table tbody .total td {
    color: #666666;
    vertical-align: middle;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {

    .confirmation-total-recap-table tbody .total .keys-container,
    .account-total-recap-table tbody .total .keys-container {
        padding: 23px 5px 23px 15px
    }
}

@media screen and (max-width: 767px) {

    .confirmation-total-recap-table tbody .total .values-container,
    .account-total-recap-table tbody .total .values-container {
        padding: 23px 13px 23px 0
    }
}

.confirmation-total-recap-table tbody tr,
.account-total-recap-table tbody tr {
    color: #666666
}

.confirmation-total-recap-table tbody .keys-container,
.account-total-recap-table tbody .keys-container {
    padding: 12px 5px 12px 18px;
    vertical-align: top;
    line-height: normal;
    text-align: left;
    word-break: break-word;
    font-size: 14px;
    font-size: 1.4rem
}

@media screen and (max-width: 767px) {

    .confirmation-total-recap-table tbody .keys-container,
    .account-total-recap-table tbody .keys-container {
        padding: 23px 5px 6px 15px
    }
}

.confirmation-total-recap-table tbody .values-container,
.account-total-recap-table tbody .values-container {
    padding: 12px 18px 12px 0;
    vertical-align: top;
    line-height: 17px;
    text-align: right;
    font-size: 16px;
    font-size: 1.6rem
}

@media screen and (max-width: 767px) {

    .confirmation-total-recap-table tbody .values-container,
    .account-total-recap-table tbody .values-container {
        padding: 23px 13px 6px 0;
        font-size: 19px;
        font-size: 1.9rem
    }
}

.confirmation-total-recap-table tbody .values-container span,
.account-total-recap-table tbody .values-container span {
    width: 120px;
    display: block;
    float: right;
    white-space: nowrap
}

@media screen and (max-width: 767px) {

    .confirmation-total-recap-table tbody .values-container span,
    .account-total-recap-table tbody .values-container span {
        width: 120px
    }
}

.confirmation-total-recap-table tbody .forfait .shipping-time,
.account-total-recap-table tbody .forfait .shipping-time {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 13px
}

.confirmation-total-recap-table tbody .global-conditions .ui-input--square,
.account-total-recap-table tbody .global-conditions .ui-input--square {
    float: left;
    width: 10%
}

.confirmation-total-recap-table tbody .global-conditions .caption,
.account-total-recap-table tbody .global-conditions .caption {
    float: left;
    width: 90%;
    font-size: 13px;
    text-align: start;
    padding-left: 7px;
    line-height: 19px
}

.confirmation-total-recap-table tbody .global-conditions #errorTOS,
.account-total-recap-table tbody .global-conditions #errorTOS {
    color: #e2001a
}

.confirmation-total-recap-table tfoot,
.account-total-recap-table tfoot {
    background-color: white
}

.confirmation-total-recap-table tfoot tr,
.account-total-recap-table tfoot tr {
    height: 40px
}

.confirmation-total-recap-table tfoot td,
.account-total-recap-table tfoot td {
    text-align: center;
    vertical-align: middle;
    border-top: 1px solid #EEEDF3
}

.confirmation-total-recap-table tfoot .keys-container,
.account-total-recap-table tfoot .keys-container {
    padding: 9px 0 9px 18px;
    vertical-align: top;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem
}

@media screen and (max-width: 767px) {

    .confirmation-total-recap-table tfoot .keys-container,
    .account-total-recap-table tfoot .keys-container {
        padding: 12px 0 12px 13px;
        font-size: 14px;
        font-size: 1.4rem
    }
}

.confirmation-total-recap-table tfoot .values-container,
.account-total-recap-table tfoot .values-container {
    padding: 9px 17px 9px 0;
    vertical-align: top;
    text-align: right;
    font-size: 13px;
    font-size: 1.3rem
}

@media screen and (max-width: 767px) {

    .confirmation-total-recap-table tfoot .values-container,
    .account-total-recap-table tfoot .values-container {
        padding: 12px 13px 12px 18px;
        font-size: 14px;
        font-size: 1.4rem
    }
}

.confirmation-total-recap-table tfoot .values-container span,
.account-total-recap-table tfoot .values-container span {
    width: 90px;
    display: block;
    float: right
}

@media screen and (max-width: 767px) {

    .confirmation-total-recap-table tfoot .values-container span,
    .account-total-recap-table tfoot .values-container span {
        width: 168px
    }
}

.confirmation-total-recap-table tfoot .free-delivery,
.account-total-recap-table tfoot .free-delivery {
    text-align: center;
    padding: 0;
    width: 88%;
    margin: auto;
    line-height: 17px;
    background: transparent;
    position: relative;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.confirmation-total-recap-table tfoot .free-delivery:before,
.account-total-recap-table tfoot .free-delivery:before {
    content: ''
}

.confirmation-total-recap-table tfoot .free-delivery small:before,
.account-total-recap-table tfoot .free-delivery small:before {
    content: "*"
}

.confirmation-total-recap-table tfoot .submit-container button,
.account-total-recap-table tfoot .submit-container button {
    margin-bottom: 23px
}

.myAccountContainerReas {
    max-width: 100%
}

.myAccountContainerReas .yCmsContentSlot {
    width: 100%;
    max-width: 100%
}

.registerProductsModal {
    width: 600px;
    margin-left: -300px
}

.registerProductsModal .ui-btn-secondary,
.registerProductsModal .ui-btn-primary {
    min-width: 155px;
    text-transform: none
}

.registerProductsModal .ui-btn-primary {
    margin-left: 15px
}

.registerProductsModal .modal-footer {
    padding: 15px
}

.registerProductsModal .modal-body {
    padding: 25px
}

@media screen and (max-width: 767px) {

    .registerProductsModal .ui-btn-secondary,
    .registerProductsModal .ui-btn-primary {
        min-width: 100%;
        margin: 10px 0 0
    }

    .registerProductsModal .modal-footer {
        padding: 0
    }

    .registerProductsModal .modal-footer .text-right {
        margin: 0 15px 15px
    }

    .registerProductsModal .modal-body {
        padding-bottom: 10px
    }
}

.page-OrderConfirmationPage #globalMessages {
    margin-top: 146px
}

.page-OrderConfirmationPage .wrap-header .sub-nav {
    top: -46px
}

.page-OrderConfirmationPage .confirmation-page {
    margin-top: 0
}

.myAccountContainer {
    margin: auto;
    max-width: 1024px;
    padding: 0 !important
}

@media screen and (max-width: 767px) {
    .myAccountContainer {
        width: 100%;
        margin-top: 55px
    }
}

.myAccountContainer .wrap-breadcrumb {
    margin-bottom: 10px;
    position: unset;
    padding-top: 100px;
    text-align: left
}

.myAccountContainer .wrap-breadcrumb .container {
    margin-left: 0px
}

.myAccountContainer .wrap-breadcrumb .container .breadcrumb {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 12px
}

.myAccountContainer .wrap-breadcrumb .container .breadcrumb li {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 12px
}

.myAccountContainer .wrap-breadcrumb .container .breadcrumb li a {
    color: #595959 !important
}

.myAccountContainer .main-content .span9 {
    margin-left: 2.7% !important;
    width: 65.6% !important
}

.myAccountContainer .sidebar-navigation {
    background-color: white;
    width: 31.7%;
    display: block;
    float: left;
    box-sizing: border-box
}

@media screen and (max-width: 767px) {
    .myAccountContainer .sidebar-navigation {
        width: 100%;
        margin-top: 6px
    }
}

.myAccountContainer .sidebar-navigation orders {
    background-color: white
}

@media screen and (max-width: 767px) {
    .myAccountContainer .sidebar-navigation .items.mobile {
        display: none
    }
}

.myAccountContainer .sidebar-navigation .items>.item {
    border: 1px solid #eeedf2;
    padding: 16px;
    line-height: 13pt;
    font-size: 12pt;
    border-bottom: 0
}

@media screen and (max-width: 767px) {
    .myAccountContainer .sidebar-navigation .items>.item {
        border-left: 0;
        border-right: 0
    }
}

.myAccountContainer .sidebar-navigation .items>.item:last-of-type {
    border-bottom: 1px solid #eeedf2
}

.myAccountContainer .sidebar-navigation .items>.item:first-of-type {
    border-top: 0
}

.myAccountContainer .sidebar-navigation .items>.item>a {
    color: #595959 !important
}

.myAccountContainer .sidebar-navigation .items>.item.active {
    background-color: #f38230
}

.myAccountContainer .sidebar-navigation .items>.item.active>a {
    color: white !important
}

@media screen and (max-width: 767px) {
    .myAccountContainer .sidebar-navigation .headingTitle.mobile {
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
        padding: 16px 18px;
        text-align: center;
        font-size: 13pt;
        color: #fff;
        background-color: #f38230
    }

    .myAccountContainer .sidebar-navigation .headingTitle.mobile:after {
        content: url(/_ui/desktop/common/img/openedAccord-white.png);
        display: inline-block;
        transform: rotate(180deg);
        margin-left: 8px
    }

    .myAccountContainer .sidebar-navigation .headingTitle.mobile.opened:after {
        display: inline-block;
        transform: rotate(0deg)
    }
}

.myAccountContainer .contentBloc {
    margin-left: 2.7%;
    width: 65.6%;
    display: block;
    float: left;
    box-sizing: border-box
}

@media screen and (max-width: 767px) {
    .myAccountContainer .contentBloc {
        width: 100%;
        margin-left: 0%;
        margin-top: 8px
    }
}

.myAccountContainer .contentBloc>.ordersTable {
    border: 1px solid #ececec;
    width: 100%;
    border-top: 0;
    text-align: left;
    margin-bottom: 10px
}

.myAccountContainer .contentBloc>.ordersTable .accord>span:before {
    content: url(/_ui/desktop/common/img/recap-accordion.png);
    transform: rotate(180deg);
    display: table-cell;
    margin-right: 23px
}

.myAccountContainer .contentBloc>.ordersTable .accord>span.opened:before {
    transform: rotate(0deg);
    display: table-cell;
    margin-right: 23px
}

@media screen and (max-width: 767px) {
    .myAccountContainer .contentBloc>.ordersTable {
        border-left: 0;
        border-right: 0
    }
}

.myAccountContainer .contentBloc>.ordersTable>thead {
    color: #848484;
    background-color: #fcfcfe
}

@media screen and (max-width: 767px) {
    .myAccountContainer .contentBloc>.ordersTable>thead tr {
        height: 40px
    }
}

.myAccountContainer .contentBloc>.ordersTable>thead th {
    font-size: 12px;
    font-size: 1.2rem;
    padding-top: 6px;
    padding-bottom: 3px;
    font-weight: initial
}

@media screen and (max-width: 767px) {
    .myAccountContainer .contentBloc>.ordersTable>thead th {
        font-size: 14px;
        font-size: 1.4rem
    }
}

@media screen and (max-width: 767px) {
    .myAccountContainer .contentBloc>.ordersTable>thead th:first-child {
        width: 45px
    }
}

.myAccountContainer .contentBloc>.ordersTable>thead th:nth-child(2) {
    width: 36%
}

@media screen and (max-width: 767px) {
    .myAccountContainer .contentBloc>.ordersTable>thead th:nth-child(2) {
        width: 37.1%
    }
}

.myAccountContainer .contentBloc>.ordersTable>thead th:nth-child(3) {
    width: 30%
}

@media screen and (max-width: 767px) {
    .myAccountContainer .contentBloc>.ordersTable>thead th:nth-child(3) {
        width: 23.5%
    }
}

.myAccountContainer .contentBloc>.ordersTable>thead th:nth-child(4) {
    width: 21%
}

@media screen and (max-width: 767px) {
    .myAccountContainer .contentBloc>.ordersTable>thead th:nth-child(4) {
        width: 27.5%
    }
}

.myAccountContainer .contentBloc>.ordersTable>tbody {
    color: #585858;
    background-color: white
}

.myAccountContainer .contentBloc>.ordersTable>tbody>tr {
    border-bottom: 1px solid #ececec
}

.myAccountContainer .contentBloc>.ordersTable>tbody>tr:first-of-type {
    border-top: 1px solid #ececec
}

.myAccountContainer .contentBloc>.ordersTable>tbody>tr.details>td {
    padding: 27px 20px 20px 20px
}

@media screen and (max-width: 767px) {
    .myAccountContainer .contentBloc>.ordersTable>tbody>tr.details>td {
        padding: 27px 15px 15px 15px
    }
}

.myAccountContainer .contentBloc>.ordersTable>tbody>tr.even {
    background: #fbfbfb
}

.myAccountContainer .contentBloc>.ordersTable>tbody>tr>td {
    font-size: 15px;
    padding: 12px 1px;
    line-height: 15px
}

@media screen and (max-width: 767px) {
    .myAccountContainer .contentBloc>.ordersTable>tbody>tr>td {
        padding: 17px 1px;
        font-size: 16px
    }
}

.myAccountContainer .contentBloc>.ordersTable>tbody>tr.showOrderDetails {
    background-color: white
}

.myAccountContainer .contentBloc>.ordersTable>tbody>tr.showOrderDetails .accord {
    padding-left: 12px
}

.myAccountContainer .contentBloc>.ordersTable>tbody>tr.showOrderDetails .accord .opened {
    border-bottom: 0
}

.myAccountContainer .headingTitle {
    background-color: #dedfe4;
    padding: 20px 18px;
    font-size: 20px;
    color: #595959;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase;
    color: black
}

@media screen and (max-width: 767px) {
    .myAccountContainer .headingTitle {
        border-radius: 0;
        text-align: center;
        font-size: 17px;
        padding: 15px 17px
    }
}

.myAccountContainer .addressesBloc {
    margin-bottom: 20px
}

.myAccountContainer .addressesBloc .addressBloc {
    border: 1px solid #eeedf2;
    color: #585858;
    background-color: #fbfbfb;
    min-height: 105px;
    padding: 20px 20px 10px;
    font-size: 14px;
    line-height: 17px
}

.myAccountContainer .addressesBloc .addressBloc p,
.myAccountContainer .addressesBloc .addressBloc .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .myAccountContainer .addressesBloc .addressBloc div {
    font-size: 14px;
    line-height: 17px
}

.myAccountContainer .addressesBloc .addressBloc strong {
    font-weight: normal;
    font-size: 16px;
    font-size: 1.6rem
}

.myAccountContainer .addressesBloc .addressBloc h5,
.myAccountContainer .addressesBloc .addressBloc #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .myAccountContainer .addressesBloc .addressBloc .messages-area>.h5,
.myAccountContainer .addressesBloc .addressBloc #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .myAccountContainer .addressesBloc .addressBloc .elements-suggestion-area>h5,
.myAccountContainer .addressesBloc .addressBloc #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
#autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .myAccountContainer .addressesBloc .addressBloc .elements-suggestion-area>.h5 {
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 16px;
    font-size: 1.6rem
}

@media screen and (max-width: 767px) {
    .myAccountContainer .addressesBloc .addressBloc {
        padding: 15px 15px 15px;
        font-size: 16px;
        font-size: 1.6rem
    }
}

.myAccountContainer .addressesBloc .addressBloc .bloc-openningHours {
    margin-top: 10px
}

.myAccountContainer .addressesBloc .addressBloc .bloc-openningHours .title-openningHours {
    padding: 0;
    font-weight: bold
}

.myAccountContainer .addressesBloc .addressBloc .bloc-openningHours ul {
    list-style: none
}

.myAccountContainer .addressesBloc .span6 {
    width: 47.35%;
    margin-left: 5.3%
}

@media screen and (max-width: 767px) {
    .myAccountContainer .addressesBloc .span6 {
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0
    }
}

.myAccountContainer .addressesBloc .span6 p,
.myAccountContainer .addressesBloc .span6 .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .myAccountContainer .addressesBloc .span6 div {
    font-size: 16px;
    margin-bottom: 7px
}

.myAccountContainer .addressesBloc .span6:first-child {
    margin-left: 0
}

@media screen and (max-width: 767px) {
    .myAccountContainer .addressesBloc .span6:first-child {
        margin-bottom: 20px
    }
}

.myAccountContainer .addressesBloc .span6 p,
.myAccountContainer .addressesBloc .span6 .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .myAccountContainer .addressesBloc .span6 div {
    font-size: 14px;
    min-height: 21px;
    margin-left: 10px
}

@media screen and (max-width: 767px) {

    .myAccountContainer .addressesBloc .span6 p,
    .myAccountContainer .addressesBloc .span6 .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .myAccountContainer .addressesBloc .span6 div {
        min-height: 0 !important;
        font-size: 16px;
        font-size: 1.6rem
    }
}

.myAccountContainer .productsTable table {
    border-radius: 0 0 5px 5px;
    margin-bottom: 40px;
    border: 1px solid #EDECF2
}

@media screen and (max-width: 767px) {
    .myAccountContainer .productsTable table {
        margin-bottom: 30px;
        border: 0
    }
}

.myAccountContainer .productsTable table .contents p,
.myAccountContainer .productsTable table .contents .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .myAccountContainer .productsTable table .contents div {
    color: #948e88
}

.myAccountContainer .productsTable table .deliveryModeTR td {
    padding: 10px 18px
}

@media screen and (max-width: 767px) {
    .myAccountContainer .productsTable table tbody tr {
        border-left: 1px solid #EDECF2;
        border-right: 1px solid #EDECF2;
        border-bottom: 1px solid #EDECF2
    }
}

.myAccountContainer .productsTable:last-child table {
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .myAccountContainer .productsTable {
        border-right: 1px solid #efeef3;
        border-left: 1px solid #efeef3
    }
}

@media screen and (max-width: 767px) {
    .myAccountContainer .productsTable>table>tfoot {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.myAccountContainer .productsTable>table>tfoot tr {
    border-top: 0
}

@media screen and (max-width: 767px) {
    .myAccountContainer .productsTable>table>tfoot tr {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-top: 0;
        overflow: hidden;
        border-radius: 0 0 5px 5px
    }
}

.myAccountContainer .productsTable>table>tfoot td {
    padding: 14px 26px;
    vertical-align: top;
    border-top: 1px solid #dedfe4
}

@media screen and (max-width: 767px) {
    .myAccountContainer .productsTable>table>tfoot td {
        width: 100%;
        padding: 14px 10px
    }
}

.myAccountContainer .productsTable>table>tfoot td .rightButtons {
    text-align: center;
    float: right;
    min-width: 228px
}

.myAccountContainer .productsTable>table>tfoot td .rightButtons .ui-btn {
    width: 100%;
    min-width: auto
}

@media screen and (max-width: 767px) {
    .myAccountContainer .productsTable>table>tfoot td .rightButtons {
        float: none;
        width: 100%
    }
}

.myAccountContainer .productsTable>table>tfoot td .rightButtons>p,
.myAccountContainer .productsTable>table>tfoot td .krups-block-univers .krups-block-wrapper .rightButtons>div,
.krups-block-univers .krups-block-wrapper .myAccountContainer .productsTable>table>tfoot td .rightButtons>div {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 16px
}

.myAccountContainer .productsTable>table>tfoot td .rightButtons .ui-btn-disabled~p,
.myAccountContainer .productsTable>table>tfoot td .rightButtons .krups-block-univers .krups-block-wrapper .ui-btn-disabled~div,
.krups-block-univers .krups-block-wrapper .myAccountContainer .productsTable>table>tfoot td .rightButtons .ui-btn-disabled~div {
    color: #A4A4A4
}

.myAccountContainer .productsTable>table>tfoot .span6:last-of-type {
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .myAccountContainer .productsTable>table>tfoot .span6 {
        text-align: center
    }

    .myAccountContainer .productsTable>table>tfoot .span6:first-child {
        margin-bottom: 10px
    }

    .myAccountContainer .productsTable>table>tfoot .span6 .ui-btn {
        min-width: 0;
        width: 100%
    }
}

.myAccountContainer .productsTable>table>tbody:last-child tr:last-child {
    border-bottom: 1px solid #EDECF2;
    border-radius: 0 0 5px 5px
}

@media screen and (max-width: 767px) {
    .myAccountContainer .productsTable {
        border: 0 !important
    }
}

.myAccountContainer .productTableHead {
    color: black;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase;
    background-color: #dedfe4;
    padding: 12px 17px;
    font-size: 16px
}

@media screen and (max-width: 767px) {
    .myAccountContainer .productTableHead {
        padding: 14px 12px;
        font-size: 11pt;
        line-height: 14pt
    }
}

.myAccountContainer .productTableHead>.pull-right {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    margin-right: 8px;
    text-transform: uppercase;
    color: #595959
}

.myAccountContainer .productTableHead>.pull-right>.totalPrice {
    font-size: 14pt
}

@media screen and (max-width: 767px) {
    .myAccountContainer .productTableHead>.pull-right {
        white-space: nowrap;
        font-size: 8pt;
        top: 0px;
        right: 7px;
        margin-right: 0px
    }

    .myAccountContainer .productTableHead>.pull-right>.totalPrice {
        font-size: 10pt
    }
}

.myAccountContainer .productTableHead .deliveryCode {
    white-space: nowrap;
    font-size: 11px;
    text-transform: initial;
    color: #595959
}

@media screen and (max-width: 767px) {
    .myAccountContainer .productTableHead .deliveryCode {
        margin: 0;
        display: block;
        font-size: 10px;
        margin-top: 2px
    }
}

.myAccountContainer .orderButtonList {
    margin-bottom: 40px
}

.myAccountContainer .orderButtonList>.span12 {
    margin-left: 0;
    margin-bottom: 10px
}

.myAccountContainer .orderButtonList>.span12 button {
    width: 100%
}

.myAccountContainer .orderButtonList .span6 .ui-btn {
    font-size: 12px;
    font-size: 1.2rem
}

.myAccountContainer .orderButtonList .span6 .ui-btn-print-bill:before {
    margin-right: 10px
}

.myAccountContainer .orderButtonList .span6 p,
.myAccountContainer .orderButtonList .span6 .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .myAccountContainer .orderButtonList .span6 div {
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem
}

@media screen and (max-width: 768px) {
    .myAccountContainer .orderButtonList .span6 {
        margin-bottom: 15px
    }
}

.myAccountContainer .orderButtonList:last-child {
    margin-bottom: 0
}

.myAccountContainer .orderButtonList .ui-btn {
    width: 100%;
    padding: 0 10px
}

.myAccountContainer .orderButtonList .row-fluid {
    margin-bottom: 10px
}

.myAccountContainer .orderButtonList .row-fluid.firstRow {
    margin-bottom: 50px
}

@media screen and (max-width: 768px) {
    .myAccountContainer .orderButtonList .row-fluid.firstRow {
        margin-bottom: 40px
    }
}

.myAccountContainer .orderButtonList .row-fluid:last-of-type {
    margin-bottom: 0
}

@media screen and (max-width: 767px) {

    .myAccountContainer .orderButtonList .row-fluid .span7,
    .myAccountContainer .orderButtonList .row-fluid .span5 {
        margin: 0;
        width: 100%;
        clear: both;
        margin-bottom: 10px
    }

    .myAccountContainer .orderButtonList .row-fluid .span7:last-child,
    .myAccountContainer .orderButtonList .row-fluid .span5:last-child {
        margin-bottom: 0
    }
}

.myAccountContainer .applied-voucher {
    margin-bottom: 40px;
    background-color: #eeedf2
}

.myAccountContainer .applied-voucher:last-of-type {
    margin-bottom: 0
}

.myAccountContainer .applied-voucher .voucher-header {
    padding: 15px 5px
}

.myAccountContainer .applied-voucher .voucher-header .voucher-title {
    text-align: left;
    padding-left: 22px;
    color: #f38230;
    text-transform: lowercase;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px
}

.myAccountContainer .applied-voucher .voucher-header .voucher-title:first-letter {
    text-transform: uppercase
}

.myAccountContainer .applied-voucher .voucher-header .voucher-title .code {
    text-transform: uppercase
}

.myAccountContainer .applied-voucher .voucher-header .description {
    padding-left: 22px
}

.myAccountContainer .applied-voucher .voucher-header .discount {
    float: right;
    margin-right: 20px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #f38230
}

.myAccountContainer .yCmsContentSlot.row-fluid.accessories-services {
    display: block;
    padding: 60px 0 50px;
    margin-top: 25px
}

.myAccountContainer .yCmsContentSlot.row-fluid.accessories-services .thumbnails li.span3 {
    background-color: transparent
}

.account-total-recap-table table {
    border-radius: 0px
}

@media screen and (max-width: 767px) {
    .account-total-recap-table table {
        border-left: 1px solid #EEEDF3;
        border-right: 1px solid #EEEDF3
    }
}

.page-checkout-login .row-fluid.bloc-identification {
    max-width: 1600px;
    width: 100%;
    padding: 40px 90px;
    margin: auto
}

@media screen and (max-width: 768px) {
    .page-checkout-login .row-fluid.bloc-identification {
        max-width: 100%;
        padding: 13px 0 0 0
    }
}

.page-checkout-login .row-fluid.cart-steps {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 180px 90px 0 90px
}

@media screen and (max-width: 768px) {
    .page-checkout-login .row-fluid.cart-steps {
        max-width: 100%;
        padding: 53px 0 0 0
    }
}

.page-checkout-login .row-fluid.cart-steps .print {
    right: 90px
}

.rtl .page-checkout-login .row-fluid.cart-steps .print {
    left: 90px;
    right: auto
}

.page-checkout-login .bloc-identification {
    background: transparent
}

.page-checkout-login .bloc-identification .span6 {
    width: 100%
}

.page-checkout-login .bloc-identification .span6:first-child {
    width: 100%;
    margin: 0;
    padding: 0
}

.page-checkout-login .bloc-identification .span6:last-child {
    width: 100%;
    margin: 0;
    padding: 0
}

.page-checkout-login .bloc-identification .returning-user,
.page-checkout-login .bloc-identification .new-user {
    width: 100%;
    border-bottom: none;
    padding-bottom: 60px;
    margin: 0 auto;
    font-size: 16px;
    font-size: 1.6rem
}

.page-checkout-login .bloc-identification .returning-user h4,
.page-checkout-login .bloc-identification .returning-user .second-title,
.page-checkout-login .bloc-identification .new-user h4,
.page-checkout-login .bloc-identification .new-user .second-title {
    text-align: center;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    margin: 0 0 20px 0;
    font-size: 16px;
    font-size: 1.6rem
}

.page-checkout-login .bloc-identification .returning-user h4,
.page-checkout-login .bloc-identification .new-user h4 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 2rem
}

.page-checkout-login .bloc-identification .returning-user h4:after,
.page-checkout-login .bloc-identification .new-user h4:after {
    content: '';
    display: block;
    height: 5px;
    width: 50px;
    background: #f38230;
    margin: 20px auto
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user h4:after,
    .page-checkout-login .bloc-identification .new-user h4:after {
        margin: 10px auto;
        width: 50px
    }
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user h4,
    .page-checkout-login .bloc-identification .new-user h4 {
        margin: 0
    }
}

.page-checkout-login .bloc-identification .returning-user label,
.page-checkout-login .bloc-identification .new-user label {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem
}

.rtl .page-checkout-login .bloc-identification .returning-user label,
.rtl .page-checkout-login .bloc-identification .new-user label {
    float: right;
    text-align: left
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user label,
    .page-checkout-login .bloc-identification .new-user label {
        width: 100%;
        padding: 10px;
        text-align: left
    }

    .rtl .page-checkout-login .bloc-identification .returning-user label,
    .rtl .page-checkout-login .bloc-identification .new-user label {
        float: right;
        text-align: right
    }
}

.page-checkout-login .bloc-identification .returning-user input,
.page-checkout-login .bloc-identification .returning-user select,
.page-checkout-login .bloc-identification .new-user input,
.page-checkout-login .bloc-identification .new-user select {
    height: 40px;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 18px;
    box-shadow: none;
    border: 1px solid #eaeeef;
    border-radius: 5px;
    margin: 0;
    float: none;
    display: block;
    width: 100%
}

.page-checkout-login .bloc-identification .returning-user input:focus,
.page-checkout-login .bloc-identification .returning-user select:focus,
.page-checkout-login .bloc-identification .new-user input:focus,
.page-checkout-login .bloc-identification .new-user select:focus {
    border-color: #00ead7
}

.page-checkout-login .bloc-identification .returning-user a,
.page-checkout-login .bloc-identification .new-user a {
    color: #948e88;
    text-decoration: none;
    transition: all 0.3s
}

.page-checkout-login .bloc-identification .returning-user a:hover,
.page-checkout-login .bloc-identification .new-user a:hover {
    text-decoration: underline
}

.page-checkout-login .bloc-identification .returning-user .control-group,
.page-checkout-login .bloc-identification .new-user .control-group {
    margin: 0 0 5px 0
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user .control-group,
    .page-checkout-login .bloc-identification .new-user .control-group {
        margin: 0 0 8px 0
    }
}

.page-checkout-login .bloc-identification .returning-user .control-group .controls,
.page-checkout-login .bloc-identification .new-user .control-group .controls {
    margin-left: 180px
}

.rtl .page-checkout-login .bloc-identification .returning-user .control-group .controls,
.rtl .page-checkout-login .bloc-identification .new-user .control-group .controls {
    margin-right: 180px
}

.page-checkout-login .bloc-identification .returning-user .register-conditions,
.page-checkout-login .bloc-identification .new-user .register-conditions {
    line-height: 21px
}

.page-checkout-login .bloc-identification .returning-user .register-conditions #register-rules,
.page-checkout-login .bloc-identification .new-user .register-conditions #register-rules {
    height: auto;
    display: inline-block;
    width: 15px;
    height: 15px
}

.page-checkout-login .bloc-identification .returning-user .register-conditions a,
.page-checkout-login .bloc-identification .new-user .register-conditions a {
    display: inline-block;
    margin: 0 2px
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user .register-conditions,
    .page-checkout-login .bloc-identification .new-user .register-conditions {
        padding: 10px 0
    }

    .page-checkout-login .bloc-identification .returning-user .register-conditions input,
    .page-checkout-login .bloc-identification .new-user .register-conditions input {
        width: 15px;
        height: 15px
    }
}

.page-checkout-login .bloc-identification .returning-user #CartLoginForm,
.page-checkout-login .bloc-identification .new-user #CartLoginForm {
    padding: 20px;
    width: 605px;
    margin: 0 auto
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user #CartLoginForm,
    .page-checkout-login .bloc-identification .new-user #CartLoginForm {
        width: 100%;
        padding: 10px
    }
}

.page-checkout-login .bloc-identification .returning-user #CartLoginForm .forgotten-pwd a,
.page-checkout-login .bloc-identification .new-user #CartLoginForm .forgotten-pwd a {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #948e88;
    transition: all 0.3s
}

.page-checkout-login .bloc-identification .returning-user #CartLoginForm .forgotten-pwd a:hover,
.page-checkout-login .bloc-identification .new-user #CartLoginForm .forgotten-pwd a:hover {
    text-decoration: underline
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user #CartLoginForm .controls,
    .page-checkout-login .bloc-identification .new-user #CartLoginForm .controls {
        clear: both;
        width: 100%;
        float: none;
        text-align: right
    }

    .rtl .page-checkout-login .bloc-identification .returning-user #CartLoginForm .controls,
    .rtl .page-checkout-login .bloc-identification .new-user #CartLoginForm .controls {
        text-align: left
    }
}

.page-checkout-login .bloc-identification .returning-user #CartLoginForm input,
.page-checkout-login .bloc-identification .returning-user #CartLoginForm select,
.page-checkout-login .bloc-identification .new-user #CartLoginForm input,
.page-checkout-login .bloc-identification .new-user #CartLoginForm select {
    width: 70%
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user #CartLoginForm input,
    .page-checkout-login .bloc-identification .returning-user #CartLoginForm select,
    .page-checkout-login .bloc-identification .new-user #CartLoginForm input,
    .page-checkout-login .bloc-identification .new-user #CartLoginForm select {
        width: 100%
    }
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile {
    width: 100%;
    margin: 0;
    padding: 40px 60px
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user #FormCreateProfile,
    .page-checkout-login .bloc-identification .new-user #FormCreateProfile {
        padding: 20px
    }
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile fieldset,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile fieldset {
    border: none
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile legend,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile legend {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    margin: 20px
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user #FormCreateProfile legend,
    .page-checkout-login .bloc-identification .new-user #FormCreateProfile legend {
        margin: 0 0 0 10px;
        text-align: left;
        padding: 0
    }

    .rtl .page-checkout-login .bloc-identification .returning-user #FormCreateProfile legend,
    .rtl .page-checkout-login .bloc-identification .new-user #FormCreateProfile legend {
        margin: 0 10px 0 0;
        text-align: right
    }
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile .controls select,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile .controls select {
    float: none
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile .span6,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile .span6 {
    width: 49%;
    margin: 0 0 20px 0
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user #FormCreateProfile .span6,
    .page-checkout-login .bloc-identification .new-user #FormCreateProfile .span6 {
        width: 100%
    }
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile .span6:first-child,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile .span6:first-child {
    padding-right: 0.5%
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile .span6:nth-child(2) legend,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile .span6:nth-child(2) legend {
    margin-left: 50px
}

.rtl .page-checkout-login .bloc-identification .returning-user #FormCreateProfile .span6:nth-child(2) legend,
.rtl .page-checkout-login .bloc-identification .new-user #FormCreateProfile .span6:nth-child(2) legend {
    margin-right: 50px
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user #FormCreateProfile .span6:nth-child(2) legend,
    .page-checkout-login .bloc-identification .new-user #FormCreateProfile .span6:nth-child(2) legend {
        margin: 0 0 0 10px;
        text-align: left;
        padding: 0
    }

    .rtl .page-checkout-login .bloc-identification .returning-user #FormCreateProfile .span6:nth-child(2) legend,
    .rtl .page-checkout-login .bloc-identification .new-user #FormCreateProfile .span6:nth-child(2) legend {
        margin: 0 10px 0 0;
        text-align: right
    }
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile .span6:last-child,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile .span6:last-child {
    padding-left: 0.5%
}

.rtl .page-checkout-login .bloc-identification .returning-user #FormCreateProfile .span6:last-child,
.rtl .page-checkout-login .bloc-identification .new-user #FormCreateProfile .span6:last-child {
    padding-right: 0.5%
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile .accept,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile .accept {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user #FormCreateProfile .text-center,
    .page-checkout-login .bloc-identification .new-user #FormCreateProfile .text-center {
        width: 100%;
        float: none;
        text-align: right
    }

    .rtl .page-checkout-login .bloc-identification .returning-user #FormCreateProfile .text-center,
    .rtl .page-checkout-login .bloc-identification .new-user #FormCreateProfile .text-center {
        text-align: left
    }
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile select,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile .sort,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile .sort {
    position: relative
}

@media screen and (max-width: 768px) {

    .page-checkout-login .bloc-identification .returning-user #FormCreateProfile .sort,
    .page-checkout-login .bloc-identification .new-user #FormCreateProfile .sort {
        clear: both
    }
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile .sort:after,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile .sort:after {
    content: "\e902";
    font-family: icokrups;
    font-size: 8px;
    font-size: .8rem;
    width: 44px;
    height: 100%;
    border-radius: 5px;
    position: absolute;
    top: 1px;
    right: 1px;
    background: transparent;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    pointer-events: none
}

.rtl .page-checkout-login .bloc-identification .returning-user #FormCreateProfile .sort:after,
.rtl .page-checkout-login .bloc-identification .new-user #FormCreateProfile .sort:after {
    top: 1px;
    left: 1px;
    right: auto
}

.page-checkout-login .bloc-identification .returning-user #FormCreateProfile .control-group,
.page-checkout-login .bloc-identification .new-user #FormCreateProfile .control-group {
    padding: 10px 0
}

.page-checkout-login .bloc-identification .new-user {
    padding-bottom: 0
}

.page-checkout-login .bloc-identification #new-user {
    padding: 0
}

.page-checkout-login .external-site {
    background: transparent;
    padding-top: 0;
    background: none;
    max-width: 1600px;
    padding: 0 90px 20px 90px;
    width: 100%
}

.page-checkout-login .external-site .external-site {
    padding: 0
}

.page-checkout-login .external-site .container {
    padding: 0
}

.page-checkout-login .external-site .external-site-cont {
    border: none
}

.page-checkout-login .external-site p,
.page-checkout-login .external-site .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .page-checkout-login .external-site div {
    line-height: 21px;
    color: #232120;
    font-size: 14px;
    font-size: 1.4rem;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

#FormCreateProfile .controls {
    margin-left: 180px
}

.rtl #FormCreateProfile .controls {
    margin-left: 0 !important;
    margin-right: 180px
}

@media screen and (max-width: 768px) {
    .rtl #FormCreateProfile .controls {
        margin: 0
    }
}

#FormCreateProfile .controls select,
#FormCreateProfile .controls input[class="TEXT"],
#FormCreateProfile .controls input[class="PASSWORD"] {
    float: right
}

.rtl #FormCreateProfile .controls select,
.rtl #FormCreateProfile .controls input[class="TEXT"],
.rtl #FormCreateProfile .controls input[class="PASSWORD"] {
    float: left
}

#FormCreateProfile {
    margin: 25px 95px;
    overflow: hidden;
    background: #ffffff;
    padding-bottom: 20px
}

#FormCreateProfile .controls {
    margin-left: 180px
}

.rtl #FormCreateProfile .controls {
    margin-right: 180px
}

@media screen and (max-width: 1024px) {
    #FormCreateProfile {
        text-align: center
    }
}

@media screen and (max-width: 768px) {
    #FormCreateProfile {
        margin: 40px 0 0
    }

    #FormCreateProfile .text-center {
        float: right
    }

    .rtl #FormCreateProfile .text-center {
        float: left
    }
}

#FormCreateProfile .register-conditions {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;
    padding-left: 50px;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.rtl #FormCreateProfile .register-conditions {
    text-align: right;
    padding-right: 50px
}

@media screen and (max-width: 900px) {
    #FormCreateProfile .register-conditions {
        padding: 10px;
        min-width: inherit
    }
}

#FormCreateProfile .register-conditions .accept {
    padding-left: 10px
}

.rtl #FormCreateProfile .register-conditions .accept {
    padding-right: 10px
}

#FormCreateProfile .skip {
    display: block;
    text-align: right;
    clear: both
}

.rtl #FormCreateProfile .skip {
    text-align: left
}

#FormCreateProfile .skip span {
    color: #e2001a;
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: none
}

.g-recaptcha {
    transform: scale(0.81);
    transform-origin: 0 0;
    margin-left: 180px
}

.rtl .g-recaptcha {
    transform-origin: 100% 0;
    margin-right: 180px
}

@media screen and (max-width: 768px) {
    .g-recaptcha {
        margin: 0 -50px -12px 8px;
        float: right
    }

    .rtl .g-recaptcha {
        margin: 0 8px -12px -50px;
        float: left
    }
}

.returning-user {
    border-bottom: 1px solid #dadada;
    margin: 30px auto;
    padding-bottom: 80px;
    width: 605px;
    font-family: inherit;
    font-size: 18px;
    font-size: 1.8rem
}

.returning-user .forgotten-pwd {
    margin: 0 130px 25px 0;
    line-height: 1.1em;
    padding-top: 5px;
    text-align: right
}

.rtl .returning-user .forgotten-pwd {
    margin: 0 0 25px 130px;
    text-align: left
}

.returning-user .forgotten-pwd a {
    color: #bebdbd;
    font-size: 14px;
    font-size: 1.4rem
}

.returning-user .forgotten-pwd a:hover {
    text-decoration: underline
}

.returning-user #CartLoginForm {
    background: #ffffff;
    padding-left: 10px
}

.rtl .returning-user #CartLoginForm {
    padding-right: 10px
}

.returning-user #CartLoginForm .control-group:first-child,
.returning-user #CartLoginForm .control-group:first-child+.control-group {
    background: #ffffff;
    margin-bottom: 0;
    padding: 8px 20px 8px 8px
}

.rtl .returning-user #CartLoginForm .control-group:first-child,
.rtl .returning-user #CartLoginForm .control-group:first-child+.control-group {
    padding: 8px 8px 8px 20px
}

.returning-user #CartLoginForm .control-group:first-child+.control-group {
    padding-bottom: 2px;
    padding-top: 16px
}

.returning-user #CartLoginForm .control-submit .controls {
    margin: 0 !important;
    width: 100%;
    text-align: center
}

.returning-user #CartLoginForm .control-submit .controls .btn {
    padding: 17px 45px
}

@media screen and (max-width: 768px) {
    .returning-user {
        margin: 0 auto;
        width: 100%;
        padding-bottom: 50px
    }

    .returning-user .forgotten-pwd {
        float: right;
        margin: 0 0 25px 0;
        padding-right: 10px;
        position: relative
    }

    .rtl .returning-user .forgotten-pwd {
        float: left;
        margin: 0 0 25px 0;
        padding-left: 10px
    }

    .returning-user #CartLoginForm {
        margin: 40px 0 0;
        padding: 6px 0 20px
    }

    .returning-user #CartLoginForm .control-submit .controls {
        margin: 0 8px 0 0 !important;
        float: right
    }

    .rtl .returning-user #CartLoginForm .control-submit .controls {
        margin: 0 0 0 8px !important;
        float: left
    }

    .returning-user #CartLoginForm .control-group:first-child,
    .returning-user #CartLoginForm .control-group:first-child+.control-group {
        padding: 8px
    }
}

.live-chat-block {
    background-color: #222120;
    border: 2px solid #fff;
    border-radius: 38px;
    bottom: 0;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    margin: 20px;
    overflow: hidden;
    padding: 18px 14px 18px 28px;
    position: fixed;
    right: 0;
    z-index: 999
}

@media screen and (max-width: 767px) {
    .live-chat-block {
        border: 1px solid #fff
    }
}

@media screen and (max-width: 767px) {
    .live-chat-block {
        margin: 10px
    }
}

@media screen and (max-width: 767px) {
    .live-chat-block {
        padding: 16px 12px 18px 28px
    }
}

.live-chat-block-inactive {
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    max-height: 75px;
    max-width: 75px;
    transition: max-width 0.25s ease 0.25s, max-height 0.25s ease 0.25s;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

@media screen and (max-width: 767px) {
    .live-chat-block-inactive {
        max-height: 55px;
        max-width: 55px
    }
}

.live-chat-block-inactive .live-chat-title-contents,
.live-chat-block-inactive .live-chat-text,
.live-chat-block-inactive .live-chat-cta {
    opacity: 0;
    transition: opacity .3s ease 0s
}

.live-chat-block-semi-active {
    height: 75px;
    max-height: 75px;
    max-width: 960px;
    transition: max-width .75s ease 0s !important;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.live-chat-block-semi-active .live-chat-title-contents {
    opacity: 1;
    transition: opacity .3s ease .75s
}

.live-chat-block-semi-active .live-chat-text,
.live-chat-block-semi-active .live-chat-cta {
    opacity: 0;
    transition: opacity .3s ease 0s
}

.live-chat-block-active {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    max-height: 460px;
    max-width: 960px;
    transition: max-width .75s ease 0s, max-height .75s ease 1.05s !important;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.live-chat-block-active .live-chat-title-contents {
    opacity: 1;
    transition: opacity .3s ease .75s
}

.live-chat-block-active .live-chat-text,
.live-chat-block-active .live-chat-cta {
    opacity: 1 !important;
    transition: opacity .3s ease 1.8s
}

.live-chat-block .live-chat-container {
    float: right;
    position: relative;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.live-chat-block .live-chat-container .live-chat-title {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.live-chat-block .live-chat-container .live-chat-title-contents {
    display: inline-block;
    margin-right: 20px;
    margin-top: 8px
}

.live-chat-block .live-chat-container .live-chat-title-contents p,
.live-chat-block .live-chat-container .live-chat-title-contents .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .live-chat-block .live-chat-container .live-chat-title-contents div {
    color: #fff;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 18px;
    margin-right: 49px;
    text-align: left;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.live-chat-block .live-chat-container .live-chat-title .live-chat-picto,
.live-chat-block .live-chat-container .live-chat-title .live-chat-close {
    cursor: pointer;
    float: right;
    height: 35px;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (max-width: 767px) {

    .live-chat-block .live-chat-container .live-chat-title .live-chat-picto,
    .live-chat-block .live-chat-container .live-chat-title .live-chat-close {
        height: 25px
    }
}

.live-chat-block .live-chat-container .live-chat-title .live-chat-close {
    display: none;
    overflow: hidden;
    width: 35px
}

@media screen and (max-width: 767px) {
    .live-chat-block .live-chat-container .live-chat-title .live-chat-close {
        width: 25px;
        height: 25px
    }
}

.live-chat-block .live-chat-container .live-chat-title .live-chat-close::before,
.live-chat-block .live-chat-container .live-chat-title .live-chat-close::after {
    content: "";
    position: absolute;
    height: 4px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -2px;
    background: #fff;
    border-radius: 5px 0
}

.live-chat-block .live-chat-container .live-chat-title .live-chat-close::before {
    transform: rotate(45deg)
}

.live-chat-block .live-chat-container .live-chat-title .live-chat-close::after {
    transform: rotate(-45deg)
}

.live-chat-block .live-chat-container .live-chat-text {
    color: #fff;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 12px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 15px
}

.live-chat-block .live-chat-container .live-chat-cta {
    float: left;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 12px;
    margin: auto;
    margin-right: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.live-chat-block .live-chat-container .live-chat-cta .embeddedServiceHelpButton .uiButton {
    border: none;
    background-color: #f3822f;
    border-radius: 20px;
    color: #fff;
    margin: 0;
    padding: 10px 20px 8px 20px;
    text-transform: uppercase
}

.live-chat-block .live-chat-container .live-chat-cta .embeddedServiceHelpButton .uiButton .assistiveText {
    display: none
}

body {
    min-width: 320px
}

* {
    word-wrap: break-word
}

a {
    color: #97928e;
    text-decoration: none
}

a:hover,
a:focus {
    text-decoration: none
}

.wrap-main-content {
    z-index: 5
}

@media screen and (max-width: 1024px) {
    .wrap-main-content {
        padding-top: 0
    }
}

.container {
    width: 100%;
    max-width: 1600px;
    padding: 0 90px;
    margin: 0 auto
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .container {
        padding: 0 50px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .container {
        padding: 0 20px
    }
}

@media screen and (max-width: 768px) {
    .container {
        padding: 0
    }
}

.page-CartPage .container,
.page-MultiStepCheckoutSummaryPage .container,
.page-OrderConfirmationPage .container,
.page-orders .container {
    width: 100%;
    max-width: 1033px;
    margin: 0 auto;
    padding: 0
}

.page-CartPage #fragmentPaymentPage .container,
.page-MultiStepCheckoutSummaryPage #fragmentPaymentPage .container,
.page-OrderConfirmationPage #fragmentPaymentPage .container,
.page-orders #fragmentPaymentPage .container {
    margin: 26px auto
}

.page-CartPage .services .container,
.page-MultiStepCheckoutSummaryPage .services .container,
.page-OrderConfirmationPage .services .container,
.page-orders .services .container {
    max-width: 1600px
}

.bg-black {
    background: #232120
}

.bg-gray {
    background: #eaeeef
}

section {
    position: relative
}

.anchor {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -27px;
    top: -33px;
    height: 54px;
    width: 54px;
    text-align: center;
    text-decoration: none;
    outline: none
}

.anchor:after {
    width: 180px;
    height: 1px;
    background: #000;
    position: absolute;
    content: "";
    display: block;
    border-bottom: 1px solid transparent;
    top: 30px;
    right: -182px;
    z-index: 1
}

@media screen and (max-width: 1024px) {
    .anchor:after {
        width: 90px;
        right: -93px
    }
}

.anchor:active,
.anchor:visited,
.anchor:focus {
    outline: none;
    text-decoration: none
}

.anchor:before {
    position: absolute;
    content: "";
    display: block;
    width: 54px;
    height: 27px;
    top: 26px;
    background: #000;
    border-radius: 0 0 100px 100px
}

.anchor:hover {
    text-decoration: none
}

.anchor span {
    display: block;
    width: 54px;
    height: 31px;
    line-height: 54px;
    background: #000;
    position: relative;
    border-radius: 200px 200px 0 0px;
    font-size: 10px;
    font-size: 1rem;
    color: #f38230;
    z-index: 2
}

.anchor span:after {
    border: 1px solid #f38230;
    border-bottom: 0;
    display: block;
    width: 60px;
    height: 34px;
    margin: 0 0 0 -3px;
    content: "";
    position: absolute;
    background: transparent;
    top: -3px;
    border-radius: 100px 100px 0 0
}

.anchor span:after:focus {
    outline: none
}

.anchor span:before {
    position: relative;
    transition: all 0.3s;
    top: 0;
    outline: none;
    text-decoration: none
}

.anchor span:before:focus {
    outline: none
}

.anchor p,
.anchor .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .anchor div {
    position: absolute;
    top: 0
}

.anchor p:before,
.anchor .krups-block-univers .krups-block-wrapper div:before,
.krups-block-univers .krups-block-wrapper .anchor div:before {
    width: 180px;
    height: 1px;
    background: #000;
    position: absolute;
    content: "";
    display: block;
    border-bottom: 1px solid transparent;
    top: 30px;
    left: -182px;
    z-index: 1
}

@media screen and (max-width: 1024px) {

    .anchor p:before,
    .anchor .krups-block-univers .krups-block-wrapper div:before,
    .krups-block-univers .krups-block-wrapper .anchor div:before {
        width: 90px;
        left: -93px;
        background: #f00
    }
}

.anchor:hover span:before {
    top: 3px
}

.krups-btn,
.panel-services-contact .more a {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 13px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    border: 1.5px solid #fff;
    text-align: center;
    font-weight: 700;
    border-radius: 100px;
    margin-top: 25px;
    letter-spacing: 1.5px
}

.krups-btn:hover,
.panel-services-contact .more a:hover {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.1)
}

.krups-btn:focus,
.panel-services-contact .more a:focus {
    text-decoration: none;
    color: #fff
}

.krups-btn:before,
.panel-services-contact .more a:before {
    border-radius: 20px
}

.krups-btn.krups-btn-dark,
.panel-services-contact .more a.krups-btn-dark {
    background-color: rgba(0, 0, 0, 0.2)
}

.krups-btn.krups-btn-black,
.panel-services-contact .more a.krups-btn-black {
    background-color: #232120;
    border-color: #232120
}

.krups-btn.krups-btn-black:hover,
.panel-services-contact .more a.krups-btn-black:hover {
    background-color: #302e2c;
    border-color: #302e2c
}

.krups-btn.krups-btn-orange,
.panel-services-contact .more a.krups-btn-orange {
    border-color: #f38230;
    background-color: #f38230
}

.krups-btn.krups-btn-orange:hover,
.panel-services-contact .more a.krups-btn-orange:hover {
    background-color: #ff720d
}

.krups-btn.krups-btn-gray,
.panel-services-contact .more a.krups-btn-gray {
    border-color: #bebdbd;
    background-color: #bebdbd
}

.krups-btn.krups-btn-gray:hover,
.panel-services-contact .more a.krups-btn-gray:hover {
    border-color: #948e88;
    background-color: #948e88
}

.krups-btn-2,
.krups-products-sort select,
.boutique-accessoire.section-search .span12 .display-filters .controls .select-style select {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    padding: 15px 30px 15px 20px;
    outline: none;
    min-height: 50px;
    position: relative;
    z-index: 5;
    border-radius: 30px;
    border: none;
    background-color: #bebdbd
}

.btn {
    background: #f38230;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    border: 0;
    border-radius: 25px;
    text-align: center;
    text-shadow: none;
    display: inline-block;
    padding: 17px 25px;
    line-height: 15px;
    transition: all 0.5s;
    cursor: pointer;
    width: auto;
    border: 0;
    letter-spacing: 1.5px;
    box-shadow: none
}

.btn:hover,
.btn:focus {
    transition: all 0.5s;
    color: #fff;
    text-decoration: none;
    background: #ff720d
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .btn {
        font-size: 12px;
        font-size: 1.2rem;
        padding: 17px 20x
    }
}

.default-btn,
.page-ProductComparatorPage .product-comparison .table-compare a.btn,
.page-ProductComparatorPage .product-comparison .scrollableTable a.btn,
.comparison .table-compare a.btn,
.comparison .scrollableTable a.btn {
    background-color: #a39a93;
    background-image: linear-gradient(to right, #a39a93, #a39a93 50%, transparent 50%, transparent);
    background-position: -100% 0;
    background-size: 200% 100%;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    position: relative;
    text-align: left;
    padding: 10px 45px 10px 15px;
    line-height: 31px;
    width: 100%;
    min-height: 40px;
    border: 0;
    text-shadow: none;
    transition: all 0.3s ease-in;
    box-shadow: 0 0 transparent;
    letter-spacing: 1.5px
}

.default-btn:before,
.page-ProductComparatorPage .product-comparison .table-compare a.btn:before,
.page-ProductComparatorPage .product-comparison .scrollableTable a.btn:before,
.comparison .table-compare a.btn:before,
.comparison .scrollableTable a.btn:before {
    content: "";
    display: inline-block;
    width: 45px;
    background: #a39a93;
    border-radius: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    transition: all 0.4s
}

.default-btn.blue,
.page-ProductComparatorPage .product-comparison .table-compare a.blue.btn,
.page-ProductComparatorPage .product-comparison .scrollableTable a.blue.btn,
.comparison .table-compare a.blue.btn,
.comparison .scrollableTable a.blue.btn {
    background-color: #2a92ac;
    background-image: linear-gradient(to right, #227d94, #227d94 50%, transparent 50%, transparent)
}

.default-btn.blue::before,
.page-ProductComparatorPage .product-comparison .table-compare a.blue.btn::before,
.page-ProductComparatorPage .product-comparison .scrollableTable a.blue.btn::before,
.comparison .table-compare a.blue.btn::before,
.comparison .scrollableTable a.blue.btn::before {
    background-color: #227d94
}

.default-btn.marker::after,
.page-ProductComparatorPage .product-comparison .table-compare a.marker.btn::after,
.page-ProductComparatorPage .product-comparison .scrollableTable a.marker.btn::after,
.comparison .table-compare a.marker.btn::after,
.comparison .scrollableTable a.marker.btn::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: 5;
    transform: translate(0, -50%);
    background: url("../img/icon/sprite.png") no-repeat -19px 0
}

.default-btn.marker.save::after,
.page-ProductComparatorPage .product-comparison .table-compare a.marker.save.btn::after,
.page-ProductComparatorPage .product-comparison .scrollableTable a.marker.save.btn::after,
.comparison .table-compare a.marker.save.btn::after,
.comparison .scrollableTable a.marker.save.btn::after {
    background-position: -65px 0;
    width: 19px;
    height: 22px
}

.default-btn.buyonline,
.page-ProductComparatorPage .product-comparison .table-compare a.buyonline.btn,
.page-ProductComparatorPage .product-comparison .scrollableTable a.buyonline.btn,
.comparison .table-compare a.buyonline.btn,
.comparison .scrollableTable a.buyonline.btn {
    padding-right: 55px
}

.default-btn.buyonline::after,
.page-ProductComparatorPage .product-comparison .table-compare a.buyonline.btn::after,
.page-ProductComparatorPage .product-comparison .scrollableTable a.buyonline.btn::after,
.comparison .table-compare a.buyonline.btn::after,
.comparison .scrollableTable a.buyonline.btn::after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 15px;
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: 5;
    transform: translate(0, -50%);
    background: url("../img/icon/sprite.png") no-repeat 0 0
}

.default-btn.buy-online,
.page-ProductComparatorPage .product-comparison .table-compare a.buy-online.btn,
.page-ProductComparatorPage .product-comparison .scrollableTable a.buy-online.btn,
.comparison .table-compare a.buy-online.btn,
.comparison .scrollableTable a.buy-online.btn {
    padding-right: 55px
}

.default-btn.buy-online::after,
.page-ProductComparatorPage .product-comparison .table-compare a.buy-online.btn::after,
.page-ProductComparatorPage .product-comparison .scrollableTable a.buy-online.btn::after,
.comparison .table-compare a.buy-online.btn::after,
.comparison .scrollableTable a.buy-online.btn::after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 15px;
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: 5;
    transform: translate(0, -50%);
    background: url("../img/icon/sprite.png") no-repeat 0 0
}

.default-btn.buyonline,
.page-ProductComparatorPage .product-comparison .table-compare a.buyonline.btn,
.page-ProductComparatorPage .product-comparison .scrollableTable a.buyonline.btn,
.comparison .table-compare a.buyonline.btn,
.comparison .scrollableTable a.buyonline.btn {
    padding-right: 55px
}

.default-btn.buyonline::after,
.page-ProductComparatorPage .product-comparison .table-compare a.buyonline.btn::after,
.page-ProductComparatorPage .product-comparison .scrollableTable a.buyonline.btn::after,
.comparison .table-compare a.buyonline.btn::after,
.comparison .scrollableTable a.buyonline.btn::after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 15px;
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: 5;
    transform: translate(0, -50%);
    background: url("../img/icon/sprite.png") no-repeat 0 0
}

.default-btn:hover,
.page-ProductComparatorPage .product-comparison .table-compare a.btn:hover,
.page-ProductComparatorPage .product-comparison .scrollableTable a.btn:hover,
.comparison .table-compare a.btn:hover,
.comparison .scrollableTable a.btn:hover,
.default-btn:active,
.page-ProductComparatorPage .product-comparison .table-compare a.btn:active,
.page-ProductComparatorPage .product-comparison .scrollableTable a.btn:active,
.comparison .table-compare a.btn:active,
.comparison .scrollableTable a.btn:active,
.default-btn a:focus,
.page-ProductComparatorPage .product-comparison .table-compare a.btn a:focus,
.page-ProductComparatorPage .product-comparison .scrollableTable a.btn a:focus,
.comparison .table-compare a.btn a:focus,
.comparison .scrollableTable a.btn a:focus {
    color: #fff;
    text-decoration: none;
    background-position: 0 0;
    transition: all 0.5s ease-out
}

.default-btn:hover.blue,
.page-ProductComparatorPage .product-comparison .table-compare a.btn:hover.blue,
.page-ProductComparatorPage .product-comparison .scrollableTable a.btn:hover.blue,
.comparison .table-compare a.btn:hover.blue,
.comparison .scrollableTable a.btn:hover.blue,
.default-btn:active.blue,
.page-ProductComparatorPage .product-comparison .table-compare a.btn:active.blue,
.page-ProductComparatorPage .product-comparison .scrollableTable a.btn:active.blue,
.comparison .table-compare a.btn:active.blue,
.comparison .scrollableTable a.btn:active.blue,
.default-btn a:focus.blue,
.page-ProductComparatorPage .product-comparison .table-compare a.btn a:focus.blue,
.page-ProductComparatorPage .product-comparison .scrollableTable a.btn a:focus.blue,
.comparison .table-compare a.btn a:focus.blue,
.comparison .scrollableTable a.btn a:focus.blue {
    background-color: #227d94
}

.default-btn[disabled="disabled"],
.page-ProductComparatorPage .product-comparison .table-compare a[disabled="disabled"].btn,
.page-ProductComparatorPage .product-comparison .scrollableTable a[disabled="disabled"].btn,
.comparison .table-compare a[disabled="disabled"].btn,
.comparison .scrollableTable a[disabled="disabled"].btn {
    background: #b7b7b7;
    color: #fff;
    transition: 0
}

.default-btn[disabled="disabled"]:before,
.page-ProductComparatorPage .product-comparison .table-compare a[disabled="disabled"].btn:before,
.page-ProductComparatorPage .product-comparison .scrollableTable a[disabled="disabled"].btn:before,
.comparison .table-compare a[disabled="disabled"].btn:before,
.comparison .scrollableTable a[disabled="disabled"].btn:before {
    background: #b0b0b0
}

.default-btn[disabled="disabled"]:hover,
.page-ProductComparatorPage .product-comparison .table-compare a[disabled="disabled"].btn:hover,
.page-ProductComparatorPage .product-comparison .scrollableTable a[disabled="disabled"].btn:hover,
.comparison .table-compare a[disabled="disabled"].btn:hover,
.comparison .scrollableTable a[disabled="disabled"].btn:hover,
.default-btn[disabled="disabled"]:active,
.page-ProductComparatorPage .product-comparison .table-compare a[disabled="disabled"].btn:active,
.page-ProductComparatorPage .product-comparison .scrollableTable a[disabled="disabled"].btn:active,
.comparison .table-compare a[disabled="disabled"].btn:active,
.comparison .scrollableTable a[disabled="disabled"].btn:active,
.default-btn[disabled="disabled"] a:focus,
.page-ProductComparatorPage .product-comparison .table-compare a[disabled="disabled"].btn a:focus,
.page-ProductComparatorPage .product-comparison .scrollableTable a[disabled="disabled"].btn a:focus,
.comparison .table-compare a[disabled="disabled"].btn a:focus,
.comparison .scrollableTable a[disabled="disabled"].btn a:focus {
    background: #b7b7b7
}

.default-btn span,
.page-ProductComparatorPage .product-comparison .table-compare a.btn span,
.page-ProductComparatorPage .product-comparison .scrollableTable a.btn span,
.comparison .table-compare a.btn span,
.comparison .scrollableTable a.btn span {
    display: block;
    vertical-align: middle
}

@media screen and (min-width: 900px) {

    .default-btn span,
    .page-ProductComparatorPage .product-comparison .table-compare a.btn span,
    .page-ProductComparatorPage .product-comparison .scrollableTable a.btn span,
    .comparison .table-compare a.btn span,
    .comparison .scrollableTable a.btn span {
        line-height: 16px
    }
}

.btn-fleche>a {
    background-color: #a39a93;
    background-image: linear-gradient(to right, #a39a93, #a39a93 50%, transparent 50%, transparent);
    background-position: -100% 0;
    background-size: 200% 100%;
    font-size: 14px;
    font-size: 1.4rem;
    transition: all 0.3s ease-in;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    text-align: left;
    padding: 0 60px 0 17px;
    position: relative;
    width: 280px;
    min-height: 50px;
    display: inline-block;
    line-height: 18px
}

.btn-fleche>a span {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    padding: 5px 0
}

.btn-fleche>a:after {
    background: url(../img/arrows/arrow-right.png) no-repeat center center #ff720d;
    transition: all 0.4s;
    border-radius: 0 4px 4px 0;
    content: "";
    width: 45px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.btn-fleche>a:before {
    background: url(../img/shadow-btn.png) no-repeat 0 center;
    content: "";
    width: 15px;
    height: 100%;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    z-index: 10;
    opacity: 1;
    transition: all 0.5s
}

.btn.disabled,
.btn[disabled] {
    background: #bebdbd;
    opacity: 1;
    color: #fff
}

.btn.disabled:hover,
.btn.disabled:focus,
.btn[disabled]:hover,
.btn[disabled]:focus {
    background: #bebdbd;
    color: #fff
}

.thumbnail {
    border-radius: 0
}

.form-horizontal .control-group {
    margin-bottom: 5px
}

.back-to-top {
    text-align: center;
    background: #fff
}

.back-to-top a {
    font-size: 12px;
    font-size: 1.2rem;
    color: #f38230;
    padding: 5px 0;
    display: block;
    text-decoration: none
}

.back-to-top a:hover {
    color: #eaeeef
}

.back-to-top a span {
    font-size: 5px;
    font-size: .5rem;
    color: #f38230;
    display: inline-block;
    margin: 0 0 0 5px;
    position: relative;
    top: -2px
}

input[type=TEXT],
input[type=PASSWORD] {
    -webkit-appearance: none;
    border-color: #dadada
}

.tooltip.in {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #eaeeef
}

.tooltip-inner {
    border-radius: 0;
    font-size: 15px;
    font-size: 1.5rem;
    background: #eaeeef;
    color: #fff;
    padding: 9px 14px
}

.oldBrowsers,
.cookie {
    position: fixed;
    z-index: 500;
    left: 0;
    right: 0;
    top: -200px;
    padding: 7px 0;
    background: #4D5054;
    transition: all 0.3s
}

.oldBrowsers.show,
.cookie.show {
    top: 0
}

.oldBrowsers p,
.oldBrowsers .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .oldBrowsers div,
.cookie p,
.cookie .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .cookie div {
    width: 950px;
    margin: 0 auto;
    padding: 0 0 0 53px;
    font-size: 13px;
    color: #FFF;
    position: relative
}

.oldBrowsers p a,
.oldBrowsers .krups-block-univers .krups-block-wrapper div a,
.krups-block-univers .krups-block-wrapper .oldBrowsers div a,
.cookie p a,
.cookie .krups-block-univers .krups-block-wrapper div a,
.krups-block-univers .krups-block-wrapper .cookie div a {
    padding: 3px 12px;
    width: auto;
    border-radius: 4px;
    margin: 0 0 0 8px
}

.oldBrowsers p .close,
.oldBrowsers .krups-block-univers .krups-block-wrapper div .close,
.krups-block-univers .krups-block-wrapper .oldBrowsers div .close,
.cookie p .close,
.cookie .krups-block-univers .krups-block-wrapper div .close,
.krups-block-univers .krups-block-wrapper .cookie div .close {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    color: #FFF;
    font-weight: 100;
    text-shadow: none;
    font-size: 34px;
    margin: -9px 0 0 0
}

.oldBrowsers {
    display: none;
    text-align: center;
    color: #fff;
    top: 0;
    font-size: 13px
}

.lt-ie9 .oldBrowsers {
    display: block
}

.oldBrowsers strong,
.oldBrowsers em {
    color: #fff
}

.oldBrowsers a {
    color: #fff;
    text-decoration: underline
}

.oldBrowsers .close {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    color: #FFF;
    float: right;
    font-weight: 100;
    text-decoration: none;
    text-shadow: none;
    font-size: 34px;
    margin: 3px 10px 0 0
}

.page-CSSRepairersWithMap a[href^="mailto"],
.page-CSSRepairersWithMap a[href^="tel"] {
    text-decoration: underline !important
}

.page-CSSRepairersWithMap a[href^="mailto"] {
    display: inline-block;
    margin: 0 0 0 -7px;
    width: 220px;
    word-wrap: break-word
}

.bloc-title {
    text-align: center;
    max-width: 740px;
    margin: 65px auto
}

.bloc-title .title {
    font-size: 40px;
    font-size: 4rem;
    color: #f38230;
    text-transform: uppercase;
    margin: 0;
    line-height: 40px;
    margin: 0 0 15px
}

.bloc-title .desc {
    font-size: 22px;
    font-size: 2.2rem;
    color: #4f5559;
    line-height: 30px;
    margin: 0
}

@media screen and (max-width: 1024px) {
    .bloc-title {
        margin: 40px auto
    }
}

@media screen and (max-width: 768px) {
    .bloc-title {
        padding: 0 10px;
        margin: 35px auto
    }

    .bloc-title .title {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 28px
    }
}

.seconde-title {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 25px;
    font-size: 2.5rem;
    text-transform: uppercase;
    color: #2a2622;
    text-align: center;
    position: relative;
    padding: 0 0 30px 0;
    margin: 0 0 30px;
    line-height: 32px
}

.seconde-title:after {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

@media screen and (max-width: 768px) {
    .seconde-title {
        font-size: 18px;
        font-size: 1.8rem;
        padding: 0 10px 22px;
        margin: 0 0 22px;
        line-height: 24px
    }
}

.seconde-title span.product-name {
    display: block;
    font-size: 2.2rem
}

.select-style {
    min-width: 165px;
    width: auto;
    height: 32px;
    display: inline-block;
    position: relative;
    margin-bottom: 15px
}

.select-style select {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    padding: 0 30px 0 11px;
    width: 100%;
    height: 32px;
    border: 1px solid #dadada;
    border-radius: 4px;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    z-index: 5
}

.select-style select:focus {
    outline: none
}

.select-style select::-ms-expand {
    display: none
}

.select-style::before {
    display: block;
    position: absolute;
    width: 16px;
    height: 9px;
    font-size: 8px;
    font-size: .8rem;
    transition: all 0.3s;
    right: 8px;
    top: 50%;
    margin: -3px 0 0 0;
    content: "\e602";
    font-family: ico;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #fff;
    speak: none;
    text-transform: none;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .select-style {
        width: 100%;
        height: 52px;
        border: 1px solid #171413;
        margin-bottom: 30px;
        border-radius: 5px
    }

    .select-style select {
        width: 100%;
        height: 50px;
        border: 0;
        position: relative;
        z-index: 5;
        background: none
    }

    .select-style::before {
        background-color: #50535d;
        height: 100%;
        width: 48px;
        border-radius: 0 5px 5px 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        margin-top: 0;
        text-align: center;
        color: #fff;
        line-height: 74px;
        transform: translate(0, 0)
    }
}

input[type=text]::-ms-clear {
    display: none
}

.search-style1 {
    margin: 0 auto 27px;
    text-align: center
}

.search-style1 form {
    margin: 0;
    position: relative
}

.search-style1 .input-append {
    display: block;
    width: 100%;
    position: relative;
    margin: 0
}

.search-style1 input[type=text] {
    width: 100%;
    display: block;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #dadada;
    height: 50px;
    padding-right: 55px;
    color: #50535d;
    box-shadow: none
}

.rtl .search-style1 input[type=text] {
    padding-right: 0;
    padding-left: 55px
}

.search-style1 input[type=text]:focus {
    box-shadow: none;
    border-color: #dadada
}

.search-style1 button {
    position: absolute;
    right: 15px;
    top: 26px;
    width: 20px;
    height: 20px;
    transform: translate(0, -50%);
    font-size: 0;
    padding: 0;
    background: url("../img/icon/icon-search2.png") no-repeat 0 0 transparent;
    background-size: 18px auto;
    z-index: 9;
    opacity: 1;
    border-radius: 0
}

.rtl .search-style1 button {
    left: 15px;
    right: auto
}

.search-style1 button:hover,
.search-style1 button:focus {
    outline: none;
    background: url("../img/icon/icon-search2.png") no-repeat 0 0 transparent;
    background-size: 18px auto;
    opacity: 0.5
}

.search-style1>div {
    position: relative
}

.search-style1 p,
.search-style1 .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .search-style1 div {
    font-size: 13px;
    font-size: 1.3rem
}

input[type="radio"],
input[type="checkbox"] {
    margin: -1px 0 0
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    margin: 0 auto
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    list-style: none
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

.pager {
    text-align: right;
    color: #50535d;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 16px 0
}

.pager p,
.pager .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .pager div {
    margin: 0;
    display: inline-block
}

.pager span {
    display: inline-block;
    vertical-align: middle
}

.pager .sort {
    display: inline-block;
    margin: 0 4px;
    position: relative;
    padding: 0
}

.pager .sort select {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0;
    border-radius: 0;
    min-width: 57px;
    border: 1px solid #c9cacc;
    height: 29px;
    padding: 0 34px 0 2px;
    text-align: center;
    text-align-last: center
}

.pager .sort select option {
    text-align: left
}

.pager .sort:after {
    content: "";
    background: url("../img/arrows/arrow-select-pager.png") no-repeat 0 0;
    width: 29px;
    height: 28px;
    position: absolute;
    top: 0;
    right: 0
}

.pager .controls {
    display: inline-block;
    margin-left: 30px;
    vertical-align: middle
}

.pager .controls p,
.pager .controls .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .pager .controls div {
    font-size: 0px;
    font-size: 0rem;
    width: 9px;
    height: 16px;
    vertical-align: middle
}

.pager .controls p a,
.pager .controls .krups-block-univers .krups-block-wrapper div a,
.krups-block-univers .krups-block-wrapper .pager .controls div a {
    display: block;
    float: none
}

.pager .controls .prev {
    background: url("../img/arrows/arrow-left-pager.png") no-repeat 0 0;
    margin-right: 10px
}

.pager .controls .prev.disable {
    background-image: url("../img/arrows/arrow-left-pager-gris.png")
}

.pager .controls .next {
    background: url("../img/arrows/arrow-right-pager.png") no-repeat 0 0
}

.pager .controls .next.disable {
    background-image: url("../img/arrows/arrow-right-pager-gris.png")
}

@media screen and (max-width: 768px) {
    .pager {
        text-align: left
    }

    .pager .sort {
        width: auto
    }

    .pager .controls {
        float: right;
        margin-top: 3px
    }
}

#new-user {
    padding-top: 20px
}

.btn-orange {
    background: #f38230;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    border: 0;
    border-radius: 25px;
    display: inline-block;
    padding: 17px 25px;
    line-height: 15px;
    transition: all 0.5s;
    cursor: pointer;
    letter-spacing: 1.5px
}

.btn-orange:hover,
.btn-orange:focus {
    color: #fff;
    text-decoration: none;
    background: #ff720d
}

.btn-black {
    background: #232120;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    border: 0;
    border-radius: 25px;
    display: inline-block;
    padding: 17px 25px;
    line-height: 15px;
    transition: all 0.5s;
    border: 0;
    cursor: pointer;
    letter-spacing: 1.5px
}

.btn-black:hover,
.btn-black:focus {
    color: #fff;
    text-decoration: none;
    background: #302e2c
}

.btn-gray {
    background: #948e88;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    border: 0;
    border-radius: 25px;
    display: inline-block;
    transition: all 0.5s;
    min-width: 167px;
    padding: 17px 25px;
    line-height: 15px;
    position: relative;
    cursor: pointer;
    letter-spacing: 1.5px
}

.btn-gray:hover,
.btn-gray:focus {
    color: #fff;
    text-decoration: none;
    background: #a19a94
}

@media screen and (max-width: 768px) {
    .btn-gray {
        font-size: 14px;
        font-size: 1.4rem;
        width: 159px;
        padding: 13px 15px 13px 15px;
        min-height: initial
    }
}

.btn-opacity {
    background-color: rgba(0, 0, 0, 0.2);
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
    text-transform: uppercase;
    line-height: 15px;
    border: 2px solid #fff;
    border-radius: 25px;
    padding: 17px 25px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    letter-spacing: 1.5px;
    transition: all 0.3s
}

.btn-opacity:hover,
.btn-opacity:focus {
    color: #fff;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.1)
}

.btn-findstore {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    padding: 15px 25px 15px 40px;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: center;
    border-radius: 50px;
    background-color: #948e88;
    cursor: pointer;
    transition: all 0.3s;
    letter-spacing: 1.5px
}

.rtl .btn-findstore {
    padding: 15px 40px 15px 25px
}

.btn-findstore:hover {
    color: #fff;
    background-color: #a19a94;
    text-decoration: none
}

.btn-findstore:after {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -10px;
    content: '';
    width: 17px;
    height: 20px;
    display: block;
    background: url(../img/icon/pin.png) no-repeat 0 0
}

.rtl .btn-findstore:after {
    right: 15px;
    left: auto
}

.btn-disabled {
    background: #bebdbd;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    display: inline-block;
    padding: 17px 25px;
    transition: all 0.5s;
    border: 0;
    cursor: default;
    letter-spacing: 1.5px
}

.btn-disabled:hover,
.btn-disabled:focus {
    color: #fff;
    text-decoration: none
}

.page-search .sub-nav .container ul li a {
    color: #2a2622
}

.page-search .wrap-breadcrumb li.active a {
    color: #bebdbd
}

.header-banner {
    position: relative;
    overflow: hidden
}

.header-banner .caption {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 30px;
    font-size: 3rem;
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin-bottom: 50px;
    position: absolute;
    top: 130px;
    width: 100%;
    text-align: center
}

@media screen and (max-width: 768px) {
    .header-banner .caption {
        font-size: 20px;
        font-size: 2rem;
        top: 84px
    }

    .modal .header-banner .caption {
        top: 5px;
        font-size: 4.9vw
    }
}

.content-ban-head .title::after {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    top: 59px;
    left: 0;
    right: 0
}

@media screen and (max-width: 768px) {
    .content-ban-head .title::after {
        top: 40px
    }
}

.read-more {
    text-decoration: none
}

.read-more:hover {
    color: #f38230 !important;
    text-decoration: none
}

.read-more:focus {
    text-decoration: none
}

.read-more.hide {
    display: none !important
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus {
    border-color: #00ead7
}

.scrollToTop {
    background: #bebdbd;
    width: 40px;
    height: 40px;
    font-size: 0px;
    font-size: 0rem;
    padding: 10px;
    border-radius: 100%;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 300
}

.rtl .scrollToTop {
    bottom: 20px;
    left: 20px;
    right: auto
}

.scrollToTop:after {
    content: "\e900";
    font-family: icokrups;
    font-size: 7px;
    font-size: .7rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    position: absolute;
    right: 14px;
    top: 16px;
    color: #fff;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.rtl .scrollToTop:after {
    left: 14px;
    top: 16px;
    right: auto
}

.scrollToTop:hover {
    text-decoration: none
}

.spinner {
    visibility: visible;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 50px
}

.spinner.spinner-right {
    padding-left: 250px
}

.spinner.spinner-subcat {
    padding-top: 200px;
    padding-left: 100px
}

@media screen and (max-width: 768px) {
    .spinner.spinner-subcat {
        padding: 10px 50px
    }
}

.spinner.spinner-sis-categ {
    min-height: auto !important;
    min-width: auto !important
}

.spinner-princ-banner {
    visibility: visible;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 150px
}

.rtl [class*="span"] {
    float: right
}

.pull-right {
    float: right
}

.rtl .pull-right {
    float: left
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    float: right;
    margin-left: 5px;
    margin-right: 0
}

.radio input[type="radio"] .rtl,
.checkbox input[type="checkbox"] .rtl {
    float: left
}

.rtl .text-right {
    text-align: left
}

@keyframes scroll_1 {
    0% {
        top: .725em
    }

    25% {
        top: 1.125em
    }

    45% {
        bottom: 1.5em
    }

    50% {
        top: .625em;
        bottom: 1.6em
    }

    75% {
        bottom: 2em
    }

    95% {
        top: .625em
    }

    100% {
        bottom: 1.5em
    }
}

div.smooth-scroll {
    position: absolute;
    z-index: 1;
    bottom: 2%;
    width: 100%;
    text-align: center
}

.page-homepage .main-content {
    background: #232120
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    20% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.page-homepage .time-to-shop .fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    80% {
        opacity: 1;
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.page-homepage .time-to-shop .animated {
    animation-duration: 2s;
    animation-fill-mode: both
}

section.krups-push-wrapper .container {
    padding: 10% 0
}

section.krups-push-wrapper .visuel-section {
    height: 100% !important;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.rtl section.krups-push-wrapper .visuel-section {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

section.krups-push-wrapper .visuel-section:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.rtl section.krups-push-wrapper .visuel-section:before {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.page-homepage section.krups-push-wrapper .visuel-section:before {
    display: none
}

section.krups-push-wrapper .visuel-section>div {
    height: inherit
}

@media screen and (max-width: 768px) {
    section.krups-push-wrapper .visuel-section .owl-carousel {
        height: inherit
    }

    section.krups-push-wrapper .visuel-section .owl-carousel * {
        height: inherit
    }
}

section.krups-push-wrapper .visuel-section img {
    float: left;
    width: 50%;
    height: 100%;
    display: block
}

.rtl section.krups-push-wrapper .visuel-section img {
    float: right
}

@media screen and (max-width: 768px) {
    section.krups-push-wrapper .visuel-section img {
        float: none;
        width: 100%
    }
}

section.krups-push-wrapper .caption-section {
    height: 100%;
    width: 100%;
    display: table;
    position: relative;
    z-index: 500
}

section.krups-push-wrapper .caption-section .cont-section {
    height: inherit;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    z-index: 100
}

.page-homepage section.krups-push-wrapper .caption-section .cont-section {
    padding: 260px 0 60px
}

@media screen and (max-width: 768px) {
    .page-homepage section.krups-push-wrapper .caption-section .cont-section {
        padding: 70px 10px 60px
    }
}

@media screen and (max-width: 768px) {
    section.krups-push-wrapper .caption-section .cont-section {
        padding: 70px 10px 60px
    }
}

section.krups-push-wrapper .caption-section .cont-section .block-horloge {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

.rtl section.krups-push-wrapper .caption-section .cont-section .block-horloge {
    left: 20px;
    top: 50%;
    right: auto
}

section.krups-push-wrapper .caption-section .cont-section .block-horloge.main-horloge>a {
    cursor: pointer
}

section.krups-push-wrapper .caption-section .cont-section .block-horloge .block-horloge-active {
    display: block
}

section.krups-push-wrapper .caption-section .cont-section .block-horloge .block-horloge-active img {
    width: 50px
}

section.krups-push-wrapper .caption-section .cont-section .block-horloge .block-horloge-active span {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 11px;
    font-size: 1.1rem;
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin-top: 7px
}

section.krups-push-wrapper .caption-section .cont-section .block-horloge.main-horloge .block-horloge-active span {
    display: block
}

section.krups-push-wrapper .caption-section .cont-section .block-horloge>ul.autre-horloge {
    margin: 18px 0 0
}

section.krups-push-wrapper .caption-section .cont-section .block-horloge>ul.autre-horloge li {
    margin: 0 0 20px;
    display: block;
    cursor: pointer
}

section.krups-push-wrapper .caption-section .cont-section .block-horloge>ul.autre-horloge li a img {
    width: 50px;
    opacity: 0.5;
    transition: all 0.3s
}

section.krups-push-wrapper .caption-section .cont-section .block-horloge>ul.autre-horloge li a img:hover {
    opacity: 1
}

section.krups-push-wrapper .caption-section .cont-section .block-horloge>ul.autre-horloge.hide {
    display: none
}

@media screen and (max-width: 768px) {
    section.krups-push-wrapper .caption-section .cont-section .block-horloge {
        position: relative;
        transform: none;
        top: auto;
        right: 0;
        margin-bottom: 15px
    }

    .rtl section.krups-push-wrapper .caption-section .cont-section .block-horloge {
        top: auto;
        left: 0;
        right: auto
    }
}

section.krups-push-wrapper .caption-section .cont-section .cat {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 19px;
    font-size: 1.9rem;
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin-bottom: 30px;
    letter-spacing: 1.5px;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5)
}

@media screen and (max-width: 768px) {
    section.krups-push-wrapper .caption-section .cont-section .cat {
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 15px
    }
}

section.krups-push-wrapper .caption-section .cont-section h2 {
    font-weight: normal;
    position: relative;
    padding: 0 0 35px 0;
    margin: 0 0 50px;
    overflow: hidden;
    font-size: 50px;
    font-size: 5rem;
    letter-spacing: 1.5px
}

section.krups-push-wrapper .caption-section .cont-section h2 span {
    float: left;
    width: 50%;
    text-transform: uppercase;
    padding: 0 8px;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
    line-height: 50px
}

.rtl section.krups-push-wrapper .caption-section .cont-section h2 span {
    float: right
}

section.krups-push-wrapper .caption-section .cont-section h2 span:first-child {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: light;
    color: #fff;
    text-align: right
}

.rtl section.krups-push-wrapper .caption-section .cont-section h2 span:first-child {
    text-align: left
}

section.krups-push-wrapper .caption-section .cont-section h2 span:last-child {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #f38230;
    text-align: left;
    padding-right: 70px
}

.rtl section.krups-push-wrapper .caption-section .cont-section h2 span:last-child {
    text-align: right;
    padding-left: 70px;
    padding-right: 8px
}

@media screen and (max-width: 768px) {
    section.krups-push-wrapper .caption-section .cont-section h2 span {
        float: none;
        width: 100%;
        display: block
    }

    section.krups-push-wrapper .caption-section .cont-section h2 span:first-child,
    section.krups-push-wrapper .caption-section .cont-section h2 span:last-child {
        text-align: center;
        padding-right: 0
    }

    .rtl section.krups-push-wrapper .caption-section .cont-section h2 span:first-child,
    .rtl section.krups-push-wrapper .caption-section .cont-section h2 span:last-child {
        text-align: center
    }

    .rtl section.krups-push-wrapper .caption-section .cont-section h2 span:first-child,
    .rtl section.krups-push-wrapper .caption-section .cont-section h2 span:last-child {
        padding-left: 0
    }
}

section.krups-push-wrapper .caption-section .cont-section h2:before {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

@media screen and (max-width: 768px) {
    section.krups-push-wrapper .caption-section .cont-section h2 {
        font-size: 25px;
        font-size: 2.5rem;
        padding: 0 0 25px 0;
        margin: 0 0 20px
    }
}

section.krups-push-wrapper .caption-section .cont-section .desc {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    margin-bottom: 20px;
    width: 40%
}

section.krups-push-wrapper .caption-section .cont-section .price {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 30px;
    font-size: 3rem;
    color: #fff;
    display: block;
    margin-bottom: 25px
}

section.krups-push-wrapper .caption-section .cont-section .price .disclamere {
    font-size: 7px;
    font-size: .7rem;
    display: inline-block;
    color: #fff;
    vertical-align: top;
    top: 9px;
    margin-left: 1px
}

.rtl section.krups-push-wrapper .caption-section .cont-section .price .disclamere {
    margin-right: 1px
}

section.krups-push-wrapper .caption-section .cont-section .link-section {
    background-color: rgba(0, 0, 0, 0.2);
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #fff;
    border-radius: 50px;
    padding: 12px 25px;
    display: inline-block;
    transition: all 0.3s;
    letter-spacing: 1.5px
}

section.krups-push-wrapper .caption-section .cont-section .link-section:hover {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.1)
}

section.krups-push-wrapper .block-horloge {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

.rtl section.krups-push-wrapper .block-horloge {
    left: 20px;
    top: 50%
}

section.krups-push-wrapper .block-horloge .block-horloge-active {
    display: block
}

section.krups-push-wrapper .block-horloge .block-horloge-active img {
    width: 50px;
    animation-duration: 4s
}

section.krups-push-wrapper .block-horloge .block-horloge-active span {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 11px;
    font-size: 1.1rem;
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin-top: 7px;
    display: none
}

section.krups-push-wrapper .block-horloge.main-horloge .block-horloge-active span {
    display: block
}

section.krups-push-wrapper .block-horloge>ul.autre-horloge {
    margin: 18px 0 0
}

section.krups-push-wrapper .block-horloge>ul.autre-horloge li {
    margin: 0 0 20px;
    display: block;
    cursor: pointer
}

section.krups-push-wrapper .block-horloge>ul.autre-horloge li a img {
    width: 50px;
    opacity: 0.5
}

section.krups-push-wrapper .block-horloge>ul.autre-horloge li a img:hover {
    opacity: 1
}

section.krups-push-wrapper .block-horloge>ul.autre-horloge.hide {
    display: none
}

section.krups-push-wrapper.style-best-seller:first-child .caption-section .cont-section {
    padding: 180px 90px 70px
}

@media screen and (max-width: 768px) {
    section.krups-push-wrapper.style-best-seller:first-child .caption-section .cont-section {
        padding: 70px 10px 50px
    }
}

section.krups-push-wrapper.style-best-seller .visuel-section {
    z-index: inherit
}

section.krups-push-wrapper.style-best-seller .visuel-section img {
    float: none;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 768px) {
    section.krups-push-wrapper.style-best-seller .visuel-section img {
        display: block
    }
}

section.krups-push-wrapper.style-best-seller .caption-section .cont-section {
    text-align: left;
    padding: 70px 90px
}

.rtl section.krups-push-wrapper.style-best-seller .caption-section .cont-section {
    text-align: right
}

section.krups-push-wrapper.style-best-seller .caption-section .cont-section h2 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #fff;
    width: 90%;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 50px;
    letter-spacing: 1.5px
}

section.krups-push-wrapper.style-best-seller .caption-section .cont-section h2:before {
    right: auto
}

.rtl section.krups-push-wrapper.style-best-seller .caption-section .cont-section h2:before {
    left: auto
}

section.krups-push-wrapper.style-best-seller .caption-section .cont-section .cat {
    visibility: visible
}

@media (min-width: 768px) and (max-height: 670px) {
    section.krups-push-wrapper.style-best-seller .caption-section .cont-section .cat {
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 10px
    }

    section.krups-push-wrapper.style-best-seller .caption-section .cont-section h2 {
        font-size: 30px;
        font-size: 3rem;
        padding: 0 0 25px;
        margin-bottom: 15px;
        line-height: 34px
    }

    section.krups-push-wrapper.style-best-seller .caption-section .cont-section .desc {
        margin-bottom: 15px
    }
}

@media screen and (max-width: 768px) {
    section.krups-push-wrapper.style-best-seller .caption-section .cont-section {
        padding: 60px 10px 50px;
        text-align: center
    }

    .rtl section.krups-push-wrapper.style-best-seller .caption-section .cont-section {
        text-align: center
    }

    section.krups-push-wrapper.style-best-seller .caption-section .cont-section h2 {
        width: 100%;
        text-transform: uppercase;
        line-height: 30px
    }

    section.krups-push-wrapper.style-best-seller .caption-section .cont-section h2:before {
        right: 0
    }

    .rtl section.krups-push-wrapper.style-best-seller .caption-section .cont-section h2:before {
        right: 0;
        left: 0
    }

    section.krups-push-wrapper.style-best-seller .caption-section .cont-section .desc {
        width: 100%
    }

    section.krups-push-wrapper.style-best-seller .caption-section .cont-section .price {
        margin-bottom: 20px
    }
}

section.krups-push-wrapper.style-best-seller .ytb-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.rtl section.krups-push-wrapper.style-best-seller .ytb-container {
    right: 0;
    left: auto
}

section.krups-push-wrapper.style-best-seller .play-video {
    background: url("../img/icon/icon-play-orange.png") no-repeat 0 0;
    background-size: 59px auto;
    font-size: 0px;
    font-size: 0rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 59px;
    height: 59px;
    z-index: 1000;
    opacity: 0.5;
    transition: all 0.3s;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    section.krups-push-wrapper.style-best-seller .play-video {
        display: none
    }
}

section.krups-push-wrapper.style-best-seller .play-video.loading {
    visibility: hidden
}

section.krups-push-wrapper.style-best-seller .play-video[data-status="stop"] {
    background-image: url("../img/icon/icon-pause-orange.png")
}

section.krups-push-wrapper.style-best-seller .play-video:before {
    content: "";
    width: 58px;
    height: 58px;
    position: absolute;
    border-radius: 100%;
    outline: none;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border: 1px solid transparent
}

.rtl section.krups-push-wrapper.style-best-seller .play-video:before {
    transform: translate(50%, -50%);
    right: 50%;
    left: auto
}

section.krups-push-wrapper.style-best-seller .play-video:hover {
    opacity: 1
}

section.krups-push-wrapper.style-best-seller .play-video:hover:before {
    animation: ripples .8s ease-in-out;
    border: none;
    outline: none
}

section.krups-push-wrapper.wrapper-cont-section {
    background: #232120
}

@media (min-width: 768px) and (max-height: 670px) {
    section.krups-push-wrapper.wrapper-cont-section .container {
        width: 850px
    }
}

section.krups-push-wrapper.wrapper-cont-section .container {
    padding: 5% 90px
}

@media screen and (max-width: 768px) {
    section.krups-push-wrapper.wrapper-cont-section .container {
        padding: 0
    }
}

section.krups-push-wrapper.wrapper-cont-section h2 {
    font-weight: normal;
    position: relative;
    padding: 0 0 35px 0;
    margin: 0 0 40px;
    overflow: hidden
}

section.krups-push-wrapper.wrapper-cont-section h2 span {
    float: left;
    width: 50%;
    text-transform: uppercase;
    padding: 0 5px;
    font-size: 25px;
    font-size: 2.5rem;
    visibility: visible
}

.rtl section.krups-push-wrapper.wrapper-cont-section h2 span {
    float: right
}

section.krups-push-wrapper.wrapper-cont-section h2 span:first-child {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: light;
    color: #fff;
    text-align: right
}

.rtl section.krups-push-wrapper.wrapper-cont-section h2 span:first-child {
    text-align: left
}

section.krups-push-wrapper.wrapper-cont-section h2 span:last-child {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #f38230;
    text-align: left
}

.rtl section.krups-push-wrapper.wrapper-cont-section h2 span:last-child {
    text-align: right
}

section.krups-push-wrapper.wrapper-cont-section h2:before {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

@media screen and (max-width: 768px) {
    section.krups-push-wrapper.wrapper-cont-section h2 {
        text-align: center;
        padding: 0 0 20px 0;
        margin: 0 0 35px;
        float: none
    }

    section.krups-push-wrapper.wrapper-cont-section h2 span {
        font-size: 20px;
        font-size: 2rem;
        width: auto;
        float: none
    }
}

section.krups-push-wrapper.wrapper-cont-section ul {
    margin: 0;
    list-style: none;
    display: table;
    table-layout: fixed;
    width: 100%
}

@media screen and (max-width: 768px) {
    section.krups-push-wrapper.wrapper-cont-section ul {
        display: block
    }

    section.krups-push-wrapper.wrapper-cont-section ul .owl-item {
        padding: 0 5px;
        display: table-cell;
        float: none;
        vertical-align: top;
        position: relative
    }

    section.krups-push-wrapper.wrapper-cont-section ul .owl-item li {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 5px;
        right: 5px;
        width: auto
    }

    .rtl section.krups-push-wrapper.wrapper-cont-section ul .owl-item li {
        top: 0;
        bottom: 0;
        right: 5px;
        left: 5px
    }
}

section.krups-push-wrapper.wrapper-cont-section ul li {
    background: #f5f7f7;
    display: table-cell;
    width: 33.33%;
    vertical-align: top;
    border-left: 24px solid #232120;
    animation-duration: 1s
}

.rtl section.krups-push-wrapper.wrapper-cont-section ul li {
    border-right: 24px solid #232120
}

section.krups-push-wrapper.wrapper-cont-section ul li:nth-child(2) {
    animation-duration: 1.3s
}

section.krups-push-wrapper.wrapper-cont-section ul li:nth-child(3) {
    animation-duration: .9s
}

section.krups-push-wrapper.wrapper-cont-section ul li .visuel {
    text-align: center;
    position: relative
}

section.krups-push-wrapper.wrapper-cont-section ul li .visuel img {
    display: block
}

section.krups-push-wrapper.wrapper-cont-section ul li .visuel .play {
    background: url("../img/icon/icon-play.png") no-repeat 0 0;
    background-size: 50px auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 50px;
    height: 50px
}

.rtl section.krups-push-wrapper.wrapper-cont-section ul li .visuel .play {
    background: url("../img/icon/icon-play.png") no-repeat 100% 0;
    top: 50%;
    right: 50%;
    left: auto
}

section.krups-push-wrapper.wrapper-cont-section ul li .caption {
    text-align: center;
    padding: 6%
}

section.krups-push-wrapper.wrapper-cont-section ul li .caption .cat {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 11px;
    font-size: 1.1rem;
    text-transform: uppercase;
    color: #28201a;
    display: block
}

section.krups-push-wrapper.wrapper-cont-section ul li .caption h3 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    color: #f38230;
    text-transform: uppercase;
    margin: 10px 0;
    line-height: 20px
}

section.krups-push-wrapper.wrapper-cont-section ul li .caption h3 a {
    color: #f38230
}

section.krups-push-wrapper.wrapper-cont-section ul li .caption p,
section.krups-push-wrapper.wrapper-cont-section ul li .caption .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper section.krups-push-wrapper.wrapper-cont-section ul li .caption div {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    color: #313131
}

section.krups-push-wrapper.wrapper-cont-section ul li.first-banner {
    position: relative;
    border-left: 0;
    left: 0;
    right: 0
}

.rtl section.krups-push-wrapper.wrapper-cont-section ul li.first-banner {
    border-right: 0
}

section.krups-push-wrapper.wrapper-cont-section ul li.first-banner .caption {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.rtl section.krups-push-wrapper.wrapper-cont-section ul li.first-banner .caption {
    right: 0;
    left: 0;
    top: 0;
    bottom: 0
}

section.krups-push-wrapper.wrapper-cont-section ul li.first-banner .caption .cont-caption {
    transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%
}

.rtl section.krups-push-wrapper.wrapper-cont-section ul li.first-banner .caption .cont-caption {
    right: 0;
    left: auto
}

section.krups-push-wrapper.wrapper-cont-section ul li.first-banner .caption .cont-caption h3 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    line-height: 25px;
    margin: 0 0 20px;
    padding-bottom: 20px
}

section.krups-push-wrapper.wrapper-cont-section ul li.first-banner .caption .cont-caption h3:before {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.rtl section.krups-push-wrapper.wrapper-cont-section ul li.first-banner .caption .cont-caption h3:before {
    right: 0;
    left: auto
}

@media screen and (max-width: 768px) {
    section.krups-push-wrapper.wrapper-cont-section ul li {
        display: block;
        width: 100%;
        border: 0
    }

    section.krups-push-wrapper.wrapper-cont-section ul li .block-horloge {
        display: none
    }
}

@media screen and (max-width: 768px) {
    section.krups-push-wrapper.wrapper-cont-section .block-horloge {
        display: none
    }
}

nav.krups-scrolly-nav li {
    position: fixed;
    z-index: 1;
    bottom: 2%;
    left: 0;
    right: 0;
    display: none;
    list-style: none;
    opacity: 0;
    transition: all 0.5s;
    text-align: center;
    animation-duration: .5s;
    animation-delay: .5s
}

.rtl nav.krups-scrolly-nav li {
    bottom: 2%;
    right: 0;
    left: 0
}

nav.krups-scrolly-nav li.active-section {
    display: block;
    opacity: 1
}

nav.krups-scrolly-nav li.active:last-child,
nav.krups-scrolly-nav li.last-nav.active-section:last-child {
    display: none;
    opacity: 0
}

.krups-bxslider-wrap ul li {
    padding: 50px
}

.krups-animate .krups-lg-6 {
    padding: 0
}

.krups-animate .cat,
.krups-animate .link-section,
.krups-animate h2 span:first-child,
.krups-animate h2 span:last-child {
    animation-duration: 2s;
    animation-delay: 0.8ms;
    visibility: hidden
}

.krups-animate .cat.animated,
.krups-animate .link-section.animated,
.krups-animate h2 span:first-child.animated,
.krups-animate h2 span:last-child.animated {
    visibility: visible;
    animation-duration: 2s;
    animation-delay: 0.8ms
}

.main-footer {
    background: #232120;
    z-index: 500
}

.main-footer .fp-tableCell {
    vertical-align: bottom
}

.circle {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    position: relative;
    border-radius: 50%;
    background: url("../img/clock-background.png");
    background-size: cover
}

.circle .face {
    width: 100%;
    height: 100%
}

.circle .face:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin: -3px 0 0 -4px;
    background: white;
    border-radius: 6px;
    content: "";
    display: block
}

.circle .face .hour,
.circle .face .minute,
.circle .face .second {
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    background: white;
    border-radius: 4px 0 0 4px
}

.circle .face .minute,
.circle .face .second {
    transform-origin: 50% 100%
}

.circle .face .hour {
    margin: -1px 0 -4px -28%;
    padding: 1px 0 2px 26%;
    transform-origin: 100% 50%
}

.circle .face .minute {
    margin: -40% -3px 0 -2px;
    padding: 40% 1px 0 2px
}

.circle .face .second {
    margin: -40% -1px 0 -2px;
    padding: 40% 1px 0
}

.page-notFound.page-500 {
    height: 100%
}

.page-notFound.page-500 section {
    height: 100%
}

.page-notFound.page-500 .master-ban-head {
    padding: 0
}

.page-notFound.page-500 .bg-left,
.page-notFound.page-500 .bg-right {
    width: 50%;
    overflow: hidden;
    position: fixed;
    z-index: 0;
    top: 0;
    bottom: 0
}

.page-notFound.page-500 .bg-left {
    background-color: #f38230;
    left: 0
}

.page-notFound.page-500 .bg-right {
    background-color: #fff;
    right: 0
}

.page-notFound.page-500 .wrap-footer {
    clear: both
}

.page-notFound.page-500 .notfound-content {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: table;
    table-layout: fixed;
    height: 100%
}

.page-notFound.page-500 .notfound-content .center {
    text-align: center;
    padding: 5% 0;
    vertical-align: middle;
    display: table-cell;
    width: 100%
}

@media screen and (max-width: 768px) {
    .page-notFound.page-500 .notfound-content .center {
        padding: 0 10px 7.15909091% 10px
    }
}

.page-notFound.page-500 .notfound-content .center img {
    width: auto;
    max-width: 50%;
    margin: 0 auto;
    height: auto
}

@media screen and (max-width: 768px) {
    .page-notFound.page-500 .notfound-content .center img {
        max-width: 79.0894942%;
        margin: 0 auto 10px
    }
}

.page-notFound.pageType-ContentPage .master-ban-head {
    padding: 0
}

.page-notFound.pageType-ContentPage .bg-left,
.page-notFound.pageType-ContentPage .bg-right {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 0;
    top: 0
}

.page-notFound.pageType-ContentPage .bg-left {
    background-color: #f38230;
    left: 0
}

.page-notFound.pageType-ContentPage .bg-right {
    background-color: #fff;
    right: 0
}

.page-notFound.pageType-ContentPage .wrap-footer {
    clear: both
}

.page-notFound.pageType-ContentPage .notfound-content {
    position: relative;
    z-index: 1;
    display: table;
    height: 100vh
}

.page-notFound.pageType-ContentPage .notfound-content .center {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 13% 0 2% 0
}

@media screen and (max-width: 768px) {
    .page-notFound.pageType-ContentPage .notfound-content .center {
        padding: 0 10px 7.15909091% 10px
    }
}

.page-notFound.pageType-ContentPage .notfound-content .center img {
    width: auto;
    max-width: 50%;
    margin: 0 auto;
    height: auto
}

@media screen and (max-width: 768px) {
    .page-notFound.pageType-ContentPage .notfound-content .center img {
        max-width: 79.0894942%;
        margin: 0 auto 10px
    }
}

@media screen and (max-width: 768px) and (orientation: landscape) {
    .page-notFound.pageType-ContentPage .notfound-content .center img {
        max-width: 38%;
        margin: 60px auto 0
    }
}

.landing .features h2 {
    margin: 50px 0
}

.landing .list-products ul {
    text-align: center;
    margin: 0;
    font-size: 0
}

.landing .list-products li {
    vertical-align: top;
    display: inline-block;
    position: relative;
    width: 240px;
    text-align: center;
    padding: 0 0 28px;
    font-size: 14px;
    font-size: 1.4rem
}

@media screen and (max-width: 1024px) {
    .landing .list-products li {
        width: 180px
    }
}

@media screen and (max-width: 768px) {
    .landing .list-products li {
        width: 50%
    }
}

.landing .list-products li:last-child:after {
    display: none
}

.landing .list-products li:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 72px;
    background: #DBDDE1;
    height: 60px;
    width: 1px
}

.rtl .landing .list-products li:after {
    right: auto;
    left: 0
}

.landing .list-products a {
    display: block;
    text-decoration: none
}

.landing .list-products h2 {
    text-transform: uppercase;
    margin: 0 0 10px;
    line-height: 1.2em;
    font-size: 14px;
    font-size: 1.4rem;
    min-height: 32px;
    color: #f38230;
    font-weight: 100
}

.landing .list-products p,
.landing .list-products .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .landing .list-products div {
    font-weight: 100;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
    margin: 0;
    color: #f38230
}

.landing .comparison {
    margin-top: 69px;
    position: relative;
    background: none
}

.landing .comparison .anchor:before {
    background: none
}

.landing .comparison .anchor span {
    background: none
}

.landing .comparison .table-compare {
    position: relative
}

.landing .comparison .table-compare .madeinfrance {
    position: absolute;
    top: -27px;
    right: -10px;
    z-index: 20
}

.rtl .landing .comparison .table-compare .madeinfrance {
    right: auto;
    left: -10px
}

.landing .comparison .table-compare table#compareTable {
    position: relative
}

.landing .comparison .table-compare table#compareTable tr.fonctions td {
    vertical-align: top
}

.landing .comparison .table-compare table#compareTable th {
    text-align: center
}

.landing .comparison .table-compare table#compareTable th .picture {
    padding: 7px 6px
}

.landing .comparison .table-compare table#compareTable td,
.landing .comparison .table-compare table#compareTable th {
    background: #EEEEF0;
    width: 155px;
    padding: 8px 5px
}

.landing .comparison .table-compare table#compareTable td.info {
    padding-right: 15px
}

.rtl .landing .comparison .table-compare table#compareTable td.info {
    padding-right: 5px;
    padding-left: 15px
}

.landing .comparison .table-compare table#compareTable td.info em {
    font-style: normal;
    color: #f38230
}

.landing .comparison .table-compare table#compareTable td.info,
.landing .comparison .table-compare table#compareTable th.info {
    background: #fff;
    width: auto
}

.landing .comparison .table-compare table#compareTable td.button {
    background: #fff
}

.landing .comparison .table-compare table#compareTable td.button a {
    font-size: 12px;
    font-size: 1.2rem
}

.landing .comparison .table-compare table#compareTable td.button a.btn {
    font-size: 14.5px;
    font-size: 1.45rem;
    color: #fff;
    margin: 0 0 5px
}

.landing .comparison .table-compare table#compareTable td.title {
    vertical-align: top
}

.landing .comparison .table-compare table#compareTable td .name {
    min-height: 58px;
    margin: 0;
    text-transform: uppercase
}

.landing .comparison .table-compare table#compareTable td .name:first-letter {
    text-transform: uppercase
}

.landing .comparison .table-compare table#compareTable td p,
.landing .comparison .table-compare table#compareTable td .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .landing .comparison .table-compare table#compareTable td div {
    padding: 0 10px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
    font-weight: 100
}

.landing .comparison .table-compare table#compareTable td p:first-letter,
.landing .comparison .table-compare table#compareTable td .krups-block-univers .krups-block-wrapper div:first-letter,
.krups-block-univers .krups-block-wrapper .landing .comparison .table-compare table#compareTable td div:first-letter {
    text-transform: uppercase
}

.landing .comparison .table-compare table#compareTable td .new {
    color: #f38230
}

@media screen and (min-width: 900px) {
    .hidden-desktop {
        display: none
    }
}

@media screen and (max-width: 900px) {
    .visible-desktop {
        display: none
    }
}

.link-mobile-comparison {
    padding: 15px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    color: #C1064E;
    margin: 10px auto 40px
}

.link-mobile-comparison a {
    display: inline-block;
    padding: 15px;
    background: #EDEEF0;
    text-decoration: none
}

.master-banner {
    width: 1280px;
    margin-left: -128px;
    text-align: center;
    position: relative
}

@media screen and (max-width: 1024px) {
    .master-banner {
        width: 100%;
        margin: 0
    }
}

.rtl .master-banner {
    margin-right: -128px;
    margin-left: 0
}

@media screen and (max-width: 1024px) {
    .rtl .master-banner {
        margin: 0
    }
}

.master-banner .pic {
    position: relative;
    z-index: 5
}

.master-banner .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width: 768px) {
    .master-banner .pic {
        height: 260px
    }
}

.master-banner h1 {
    text-align: center;
    position: absolute;
    z-index: 10;
    top: 150px;
    left: 0;
    right: 0;
    color: #fff;
    font-weight: 100;
    line-height: 1.2em;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    padding: 50px 5px 0 0;
    margin: 0;
    min-height: 220px
}

@media screen and (max-width: 1024px) {
    .master-banner h1 {
        top: 50%;
        margin-top: -200px
    }
}

.rtl .master-banner h1 {
    padding: 50px 0 0 5px
}

.master-banner h1 span.big {
    position: absolute;
    left: 50%;
    margin-left: -98px;
    top: 67px
}

.master-banner h1:before,
.master-banner h1:after {
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    z-index: -1
}

.master-banner h1:before {
    width: 200px;
    height: 200px;
    border: 2px solid #83C01A;
    left: 50%;
    margin-left: -100px
}

.master-banner h1:after {
    width: 186px;
    height: 186px;
    background: #83C01A;
    left: 50%;
    margin-top: 7px;
    margin-left: -93px
}

.master-banner .description {
    z-index: 50;
    width: 480px;
    height: 180px;
    margin: -160px auto 0 auto;
    background: #C1064E;
    position: relative;
    padding: 27px 31px
}

@media screen and (max-width: 1024px) {
    .master-banner .description {
        margin: -30px auto 0;
        width: 100%;
        height: auto
    }
}

@media screen and (max-width: 768px) {
    .master-banner .description {
        margin: 0 auto;
        padding: 15px
    }
}

.master-banner .description p,
.master-banner .description .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .master-banner .description div {
    color: #fff;
    font-weight: 100;
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 20px;
    line-height: 1.2em
}

@media screen and (max-width: 768px) {

    .master-banner .description p,
    .master-banner .description .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .master-banner .description div {
        font-size: 15px;
        font-size: 1.5rem
    }
}

.master-banner .description .btn {
    width: auto;
    font-size: 14px;
    font-size: 1.4rem;
    background: #fff;
    color: #C1064E
}

.master-banner .description .btn:hover {
    color: #000
}

.well-being {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    clear: both
}

@media screen and (max-width: 1024px) {
    .well-being {
        width: 100%;
        display: table;
        margin: 0 0 50px
    }
}

.well-being .title {
    width: 480px;
    float: left;
    position: relative
}

@media screen and (max-width: 1024px) {
    .well-being .title {
        width: 50%;
        display: table-cell;
        vertical-align: top;
        float: none
    }
}

@media screen and (max-width: 768px) {
    .well-being .title {
        width: 100%;
        display: block;
        margin: 0
    }
}

.rtl .well-being .title {
    float: right
}

@media screen and (max-width: 1024px) {
    .well-being .title .pic img {
        width: 100%
    }
}

.well-being .title h2 {
    text-align: center;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    width: 240px;
    height: 240px;
    color: #fff;
    font-weight: 100;
    line-height: 1.2em;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    padding: 50px 5px 0 0;
    margin: -120px 0 0 -120px;
    min-height: 240px
}

.well-being .title h2 strong {
    font-size: 48px;
    font-size: 4.8rem;
    display: block;
    font-weight: 100;
    line-height: 1.2em
}

.well-being .title h2:before,
.well-being .title h2:after {
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    z-index: -1
}

.well-being .title h2:before {
    width: 240px;
    height: 240px;
    border: 2px solid #83C01A;
    left: 50%;
    margin-left: -120px
}

.well-being .title h2:after {
    width: 223px;
    height: 223px;
    background: #83C01A;
    left: 50%;
    margin-top: 10px;
    margin-left: -111px
}

.well-being .description {
    background: #81BF19;
    text-align: center;
    height: 480px;
    width: 480px;
    float: left;
    padding: 122px 100px 50px
}

@media screen and (max-width: 1024px) {
    .well-being .description {
        width: 50%;
        display: table-cell;
        vertical-align: top;
        height: 100%;
        padding: 20px;
        float: none
    }
}

@media screen and (max-width: 768px) {
    .well-being .description {
        width: 100%;
        display: block;
        margin: 0
    }
}

.rtl .well-being .description {
    float: right
}

.well-being .description .picto {
    margin: 0 0 20px
}

.well-being .description p,
.well-being .description .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .well-being .description div {
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 0 20px
}

.well-being .description .btn {
    width: auto;
    font-size: 14px;
    font-size: 1.4rem;
    background: #fff;
    color: #81BF19
}

.transverse-container {
    margin: 47px 0
}

@media screen and (max-width: 768px) {
    .transverse-container {
        margin: 35px 10px
    }
}

.transverse-container .chapter-summary .title {
    margin-bottom: 49px
}

@media screen and (max-width: 768px) {
    .transverse-container .chapter-summary .title {
        margin-bottom: 25px
    }
}

.transverse-container .chapter-summary h1 {
    font-size: 40px;
    font-size: 4rem;
    font-family: "LobsterTwo", sans-serif;
    font-style: italic;
    color: #e2001a;
    margin-bottom: 7px;
    line-height: 50px;
    font-weight: normal;
    margin: 0px
}

@media screen and (max-width: 768px) {
    .transverse-container .chapter-summary h1 {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 27px
    }
}

.transverse-container .anchor-list {
    margin-bottom: 36px
}

.transverse-container .anchor-list ul {
    margin: 0 0 16px 3px;
    font-size: 20px;
    font-size: 2rem
}

.transverse-container .anchor-list ul li {
    list-style-type: none;
    line-height: 34px
}

.transverse-container .anchor-list ul li a {
    color: #bebdbd;
    text-decoration: underline
}

@media screen and (max-width: 768px) {
    .transverse-container .anchor-list {
        margin-bottom: 20px
    }

    .transverse-container .anchor-list ul {
        font-size: 19px;
        font-size: 1.9rem;
        margin: 0
    }
}

.transverse-container .chapter-bloc {
    padding: 0 1%
}

.transverse-container .chapter-bloc h4 {
    font-size: 2rem
}

@media screen and (max-width: 768px) {
    .transverse-container .chapter-bloc h4 {
        font-size: 16px;
        font-size: 1.6rem
    }
}

.transverse-container .chapter-bloc b {
    font-size: 1.5rem
}

.transverse-container .chapter-bloc p,
.transverse-container .chapter-bloc .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .transverse-container .chapter-bloc div,
.transverse-container .chapter-bloc li,
.transverse-container .chapter-bloc a {
    font-size: 1.5rem;
    line-height: 20px
}

.transverse-container .chapter-bloc>ul {
    list-style-type: none
}

.transverse-container .chapter-bloc>ul li {
    font-size: 1.5rem;
    list-style-type: square
}

.transverse-container .chapter-bloc>div>ul {
    margin: 0 0 10px 61px
}

.transverse-container .chapter-bloc>div>ul li {
    list-style-type: none;
    position: relative
}

.transverse-container .chapter-bloc>div>ul li:before {
    content: "";
    position: absolute;
    left: -17px;
    top: 0;
    width: 11px;
    height: 11px;
    border-bottom: 1px solid #4f5559
}

.transverse-container .chapter-bloc>div>div>ul {
    margin: 0px 21px
}

.transverse-container .chapter-bloc>div>div>ul li {
    list-style-type: none;
    position: relative
}

.transverse-container .chapter-bloc>div>div>ul li:before {
    content: "";
    position: absolute;
    left: -11px;
    top: 0;
    width: 5px;
    height: 11px;
    border-bottom: 1px solid #4f5559
}

@media screen and (max-width: 768px) {
    .page-TermsOfUsePage .master-ban-head .content-ban-head .master-ban-head-txt .title {
        font-size: 33px;
        font-size: 3.3rem;
        line-height: 33px;
        margin-bottom: 2px
    }

    .page-TermsOfUsePage .master-ban-head .content-ban-head .master-ban-head-txt .desc {
        font-size: 16px;
        font-size: 1.6rem
    }

    .page-TermsOfUsePage .master-ban-head .bloc-head {
        background-size: 410% auto;
        background-position: 92% 0;
        padding-top: 24%;
        min-height: inherit
    }
}

table.deliveryModeTable {
    border: 1px solid
}

table.deliveryModeTable td {
    border: 1px solid;
    padding: 6px;
    text-align: left
}

table.deliveryModeTable td br {
    display: inline
}

table.deliveryModeTable th {
    border: 1px solid;
    padding: 6px
}

table.deliveryModeTable thead tr th {
    width: 33%;
    text-align: center
}

.page-ourHistoryPage nav.krups-scrolly-nav li {
    z-index: 2
}

.page-ourHistoryPage section.krups-push-wrapper.section-head .caption-section h1 {
    text-shadow: 0px 0px 4px #999
}

.page-ourHistoryPage .services {
    padding: 70px 0 20px
}

.our-history-page {
    padding-bottom: 4.5%
}

@media screen and (max-width: 768px) {
    .our-history-page {
        padding-bottom: 0
    }
}

.our-history-page .presentation {
    background: #fff;
    padding: 5% 15%;
    margin-bottom: 22.5px;
    text-align: justify
}

.our-history-page .presentation br {
    content: "";
    display: block;
    min-width: 1px;
    min-height: 15px
}

.page-ourHistoryPage .our-history-page .presentation {
    margin-bottom: 16px
}

.our-history-page .presentation h2 {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .our-history-page .presentation {
        text-align: center;
        background: transparent;
        margin: 0;
        padding: 10% 5%
    }
}

.our-history-page .our-history-items .item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 327.5px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 22.5px
}

.page-ourHistoryPage .our-history-page .our-history-items .item {
    margin-bottom: 16px
}

.our-history-page .our-history-items .item:last-child {
    margin-bottom: 0
}

.our-history-page .our-history-items .item .visuel {
    padding: 0;
    width: 40%
}

.our-history-page .our-history-items .item .visuel img {
    display: block
}

@media screen and (max-width: 768px) {
    .our-history-page .our-history-items .item .visuel img {
        height: auto
    }
}

@media screen and (max-width: 768px) {
    .our-history-page .our-history-items .item .visuel {
        width: 100%
    }
}

.our-history-page .our-history-items .item:nth-child(odd) .visuel {
    float: right;
    -ms-flex-order: 2;
    order: 2
}

.rtl .our-history-page .our-history-items .item:nth-child(odd) .visuel {
    float: left
}

@media screen and (max-width: 768px) {
    .our-history-page .our-history-items .item:nth-child(odd) .visuel {
        float: none;
        max-height: 300px;
        overflow: hidden
    }
}

.our-history-page .our-history-items .item .caption {
    padding: 10%;
    width: 60%;
    line-height: 21px
}

.our-history-page .our-history-items .item .caption .title {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px
}

.our-history-page .our-history-items .item .caption .desc {
    line-height: 21px;
    text-align: justify
}

@media screen and (max-width: 768px) {
    .our-history-page .our-history-items .item .caption {
        text-align: center;
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .our-history-page .our-history-items .item {
        display: block;
        height: auto;
        background: transparent
    }
}

.our-history-page .about-details {
    text-align: center;
    padding: 5%;
    margin: 22.5px 0 45px 0;
    background-color: #fff
}

.our-history-page .about-details b {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

@media screen and (max-width: 768px) {
    .our-history-page .about-details {
        display: none
    }
}

.our-history-page .about-details-list .item {
    color: #fff;
    padding: 5%;
    height: 370px;
    display: table
}

@media screen and (max-width: 768px) {
    .our-history-page .about-details-list .item {
        display: block;
        height: auto;
        text-align: center;
        padding: 10%
    }
}

.our-history-page .about-details-list .item .item-content {
    display: table-cell;
    vertical-align: middle;
    text-align: justify
}

@media screen and (max-width: 768px) {
    .our-history-page .about-details-list .item .item-content {
        display: block;
        height: auto
    }
}

.our-history-page .about-details-list .item .title {
    color: #f38230;
    margin-bottom: 10px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
    font-family: "Libre-Baskerville", "Arial", sans-serif
}

@media screen and (max-width: 768px) {
    .our-history-page .about-details-list .item .title {
        margin-bottom: 15px
    }
}

.our-history-page .about-details-list .item div {
    line-height: 21px
}

.our-history-page .about-details-list .item a {
    color: #948e88;
    display: block;
    margin-top: 30px
}

@media screen and (max-width: 768px) {
    .our-history-page .about-details-list .item a {
        margin-top: 20px
    }
}

.our-history-page .about-details-list .item a:hover {
    text-decoration: underline
}

.our-history-page .about-details-list .item:first-child {
    background: #232120
}

.our-history-page .about-details-list .item:last-child {
    background: #171413
}

@media screen and (max-width: 768px) {
    .our-history-page .about-details-list .item:last-child {
        color: #2a2622;
        background: transparent
    }
}

@media screen and (max-width: 768px) {
    .our-history-page {
        background: #faf7f7
    }

    .our-history-page .owl-controls {
        padding-bottom: 6%
    }

    .our-history-page .owl-controls .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        border: none;
        background-color: #cecdcd
    }

    .our-history-page .owl-controls .owl-dots .owl-dot.active {
        width: 13px;
        height: 13px;
        background-color: transparent;
        border: 2px solid #cecdcd
    }
}

.animated-history-page {
    position: relative;
    z-index: 0
}

.animated-history-page .cont-section {
    padding: 0 5%
}

.animated-history-page section {
    position: relative
}

.animated-history-page section.section-head {
    height: 100vh;
    z-index: 2
}

.animated-history-page section.section-head .visuel-section {
    z-index: 1
}

.animated-history-page section.section-head .caption-section p,
.animated-history-page section.section-head .caption-section .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .animated-history-page section.section-head .caption-section div {
    max-width: 65%;
    margin: 0 auto
}

@media screen and (max-width: 768px) {

    .animated-history-page section.section-head .caption-section p,
    .animated-history-page section.section-head .caption-section .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .animated-history-page section.section-head .caption-section div {
        max-width: 100%
    }
}

.animated-history-page section.section-body .visuel-section {
    z-index: 1
}

.animated-history-page .fullpage-navigation {
    position: relative;
    background-color: #fff
}

.animated-history-page .fullpage-navigation .half-section {
    width: 50%
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation .half-section {
        width: 100%
    }
}

.animated-history-page .fullpage-navigation .krups-animate .section:first-child .svg-container .line {
    top: 0;
    height: 100%;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000
}

.animated-history-page .fullpage-navigation .krups-animate .section .svg-container .line {
    position: absolute;
    top: 0;
    z-index: 1;
    height: 100%;
    left: 50%;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation-iteration-count: 1;
    transition: stroke-dashoffset .5s ease-in
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation .krups-animate .section .svg-container .line {
        height: 290px
    }
}

.animated-history-page .fullpage-navigation .krups-animate .section .svg-container.active .line {
    stroke-dashoffset: 0;
    stroke-dasharray: 1000
}

.animated-history-page .fullpage-navigation .krups-animate .arrows {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto
}

.animated-history-page .fullpage-navigation .krups-animate .arrows .first,
.animated-history-page .fullpage-navigation .krups-animate .arrows .second {
    fill: #ffffff;
    stroke: #999
}

.animated-history-page .fullpage-navigation .krups-animate .arrows svg polygon.first {
    animation: scrollanim 1.2s ease-in-out infinite;
    animation-delay: 0.3s
}

.animated-history-page .fullpage-navigation .krups-animate .arrows svg polygon.second {
    animation: scrollanim2 1.2s ease-in-out infinite
}

.animated-history-page .fullpage-navigation .item-year {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #f7f7f7;
    font-size: 180px;
    font-size: 18rem;
    line-height: 180px;
    letter-spacing: 2.4rem;
    line-height: 0.75em;
    padding-top: 80px;
    animation-delay: .6s;
    animation-duration: 1.5s
}

.animated-history-page .fullpage-navigation .item-year.animated {
    visibility: visible
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .animated-history-page .fullpage-navigation .item-year {
        letter-spacing: 3px
    }
}

@media screen and (min-width: 768px) and (max-width: 1025px) {
    .animated-history-page .fullpage-navigation .item-year {
        letter-spacing: 6px
    }
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation .item-year {
        padding-top: 0;
        margin-top: -12px;
        font-size: 124px;
        font-size: 12.4rem;
        letter-spacing: 10px
    }
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation .intro {
        padding-top: 250px
    }
}

.animated-history-page .fullpage-navigation .list {
    background: #fff;
    padding: 80px 12% 40px;
    position: relative;
    z-index: 2;
    visibility: hidden
}

.animated-history-page .fullpage-navigation .list .item {
    padding-bottom: 60px
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation .list .item .info {
        position: relative;
        z-index: 2;
        text-align: center
    }
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation .list {
        padding: 0 24px 10px;
        margin: -20px 0 40px 0;
        background: transparent
    }
}

.animated-history-page .fullpage-navigation .list.animated {
    visibility: visible
}

.animated-history-page .fullpage-navigation .krups-block-title {
    font-weight: normal;
    text-transform: none;
    font-size: 20px;
    font-size: 2rem;
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    color: #232120;
    line-height: 20px
}

.animated-history-page .fullpage-navigation .krups-block-title:after {
    margin: 25px 0
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation .krups-block-title:after {
        margin: 20px auto
    }
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation {
        z-index: 1;
        width: 100%
    }

    .animated-history-page .fullpage-navigation .fp-tableCell {
        vertical-align: top
    }
}

.animated-history-page .right-content {
    position: fixed;
    z-index: 0;
    background-color: #f9f9f9;
    background-position: center center;
    background-size: cover;
    width: 50%;
    right: 0;
    top: 0;
    height: 100vh;
    display: block;
    opacity: 1;
    transition: all 1s ease-in-out
}

.rtl .animated-history-page .right-content {
    left: 0;
    right: auto
}

@media screen and (max-width: 768px) {
    .animated-history-page .right-content {
        z-index: 2;
        height: auto;
        height: 250px;
        overflow: hidden;
        width: 100%;
        padding-top: 53px
    }
}

.animated-history-page .right-content.hide-op {
    opacity: 0;
    z-index: -1
}

.animated-history-page .iScrollIndicator {
    display: none !important
}

.animated-history-page footer.section-footer {
    background: #232120
}

.animated-history-page footer.section-footer .fp-tableCell {
    vertical-align: bottom
}

@keyframes scrollanim {
    0% {
        transform: translate(0, -40px);
        opacity: 0
    }

    60% {
        opacity: 1
    }

    99% {
        -webkit-transform: translate(0, 30px);
        opacity: 0
    }
}

@keyframes scrollanim2 {
    0% {
        transform: translate(0, -40px);
        opacity: 0
    }

    60% {
        opacity: 1
    }

    99% {
        -webkit-transform: translate(0, 30px);
        opacity: 0
    }
}

.page-ourHistoryPage nav.krups-scrolly-nav li {
    z-index: 2
}

.page-ourHistoryPage section.krups-push-wrapper.section-head .caption-section h1 {
    text-shadow: 0px 0px 4px #999
}

.our-history-page {
    padding-bottom: 4.5%
}

@media screen and (max-width: 768px) {
    .our-history-page {
        padding-bottom: 0
    }
}

.our-history-page .presentation {
    background: #fff;
    padding: 5% 15%;
    margin-bottom: 22.5px;
    text-align: justify
}

.our-history-page .presentation br {
    content: "";
    display: block;
    min-width: 1px;
    min-height: 15px
}

.page-ourHistoryPage .our-history-page .presentation {
    margin-bottom: 16px
}

.our-history-page .presentation h2 {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .our-history-page .presentation {
        text-align: center;
        background: transparent;
        margin: 0;
        padding: 10% 5%
    }
}

.our-history-page .our-history-items .item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 327.5px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 22.5px
}

.page-ourHistoryPage .our-history-page .our-history-items .item {
    margin-bottom: 16px
}

.our-history-page .our-history-items .item:last-child {
    margin-bottom: 0
}

.our-history-page .our-history-items .item .visuel {
    padding: 0;
    width: 40%
}

.our-history-page .our-history-items .item .visuel img {
    display: block
}

@media screen and (max-width: 768px) {
    .our-history-page .our-history-items .item .visuel img {
        height: auto
    }
}

@media screen and (max-width: 768px) {
    .our-history-page .our-history-items .item .visuel {
        width: 100%
    }
}

.our-history-page .our-history-items .item:nth-child(odd) .visuel {
    float: right;
    -ms-flex-order: 2;
    order: 2
}

.rtl .our-history-page .our-history-items .item:nth-child(odd) .visuel {
    float: left
}

@media screen and (max-width: 768px) {
    .our-history-page .our-history-items .item:nth-child(odd) .visuel {
        float: none;
        max-height: 300px;
        overflow: hidden
    }
}

.our-history-page .our-history-items .item .caption {
    padding: 10%;
    width: 60%;
    line-height: 21px
}

.our-history-page .our-history-items .item .caption .title {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px
}

.our-history-page .our-history-items .item .caption .desc {
    line-height: 21px;
    text-align: justify
}

@media screen and (max-width: 768px) {
    .our-history-page .our-history-items .item .caption {
        text-align: center;
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .our-history-page .our-history-items .item {
        display: block;
        height: auto;
        background: transparent
    }
}

.our-history-page .about-details {
    text-align: center;
    padding: 5%;
    margin: 22.5px 0 45px 0;
    background-color: #fff
}

.our-history-page .about-details b {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

@media screen and (max-width: 768px) {
    .our-history-page .about-details {
        display: none
    }
}

.our-history-page .about-details-list .item {
    color: #fff;
    padding: 5%;
    height: 370px;
    display: table
}

@media screen and (max-width: 768px) {
    .our-history-page .about-details-list .item {
        display: block;
        height: auto;
        text-align: center;
        padding: 10%
    }
}

.our-history-page .about-details-list .item .item-content {
    display: table-cell;
    vertical-align: middle;
    text-align: justify
}

@media screen and (max-width: 768px) {
    .our-history-page .about-details-list .item .item-content {
        display: block;
        height: auto
    }
}

.our-history-page .about-details-list .item .title {
    color: #f38230;
    margin-bottom: 10px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
    font-family: "Libre-Baskerville", "Arial", sans-serif
}

@media screen and (max-width: 768px) {
    .our-history-page .about-details-list .item .title {
        margin-bottom: 15px
    }
}

.our-history-page .about-details-list .item div {
    line-height: 21px
}

.our-history-page .about-details-list .item a {
    color: #948e88;
    display: block;
    margin-top: 30px
}

@media screen and (max-width: 768px) {
    .our-history-page .about-details-list .item a {
        margin-top: 20px
    }
}

.our-history-page .about-details-list .item:first-child {
    background: #232120
}

.our-history-page .about-details-list .item:last-child {
    background: #171413
}

@media screen and (max-width: 768px) {
    .our-history-page .about-details-list .item:last-child {
        color: #2a2622;
        background: transparent
    }
}

@media screen and (max-width: 768px) {
    .our-history-page {
        background: #faf7f7
    }

    .our-history-page .owl-controls {
        padding-bottom: 6%
    }

    .our-history-page .owl-controls .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        border: none;
        background-color: #cecdcd
    }

    .our-history-page .owl-controls .owl-dots .owl-dot.active {
        width: 13px;
        height: 13px;
        background-color: transparent;
        border: 2px solid #cecdcd
    }
}

.animated-history-page {
    position: relative;
    z-index: 0
}

.animated-history-page .cont-section {
    padding: 0 5%
}

.animated-history-page section {
    position: relative
}

.animated-history-page section.section-head {
    height: 100vh;
    z-index: 2
}

.animated-history-page section.section-head .visuel-section {
    z-index: 1
}

.animated-history-page section.section-body .visuel-section {
    z-index: 1
}

.animated-history-page .fullpage-navigation {
    position: relative;
    background-color: #fff
}

.animated-history-page .fullpage-navigation .half-section {
    width: 50%
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation .half-section {
        width: 100%
    }
}

.animated-history-page .fullpage-navigation .krups-animate .section:first-child .svg-container .line {
    top: 0;
    height: 100%;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000
}

.animated-history-page .fullpage-navigation .krups-animate .section .svg-container .line {
    position: absolute;
    top: 0;
    z-index: 1;
    height: 100%;
    left: 50%;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation-iteration-count: 1;
    transition: stroke-dashoffset .5s ease-in
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation .krups-animate .section .svg-container .line {
        height: 290px
    }
}

.animated-history-page .fullpage-navigation .krups-animate .section .svg-container.active .line {
    stroke-dashoffset: 0;
    stroke-dasharray: 1000
}

.animated-history-page .fullpage-navigation .krups-animate .arrows {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto
}

.animated-history-page .fullpage-navigation .krups-animate .arrows .first,
.animated-history-page .fullpage-navigation .krups-animate .arrows .second {
    fill: #ffffff;
    stroke: #999
}

.animated-history-page .fullpage-navigation .krups-animate .arrows svg polygon.first {
    animation: scrollanim 1.2s ease-in-out infinite;
    animation-delay: 0.3s
}

.animated-history-page .fullpage-navigation .krups-animate .arrows svg polygon.second {
    animation: scrollanim2 1.2s ease-in-out infinite
}

.animated-history-page .fullpage-navigation .item-year {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #f7f7f7;
    font-size: 180px;
    font-size: 18rem;
    line-height: 180px;
    letter-spacing: 2.4rem;
    line-height: 0.75em;
    padding-top: 80px;
    visibility: hidden;
    animation-delay: .6s;
    animation-duration: 1.5s
}

.animated-history-page .fullpage-navigation .item-year.animated,
.animated-history-page .fullpage-navigation .item-year.item-animated {
    visibility: visible
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .animated-history-page .fullpage-navigation .item-year {
        letter-spacing: 3px
    }
}

@media screen and (min-width: 768px) and (max-width: 1025px) {
    .animated-history-page .fullpage-navigation .item-year {
        letter-spacing: 6px
    }
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation .item-year {
        padding-top: 0;
        margin-top: -12px;
        font-size: 124px;
        font-size: 12.4rem;
        letter-spacing: 10px
    }
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation .intro {
        padding-top: 250px
    }
}

.animated-history-page .fullpage-navigation .list {
    background: #fff;
    padding: 80px 12% 40px;
    position: relative;
    z-index: 2;
    visibility: hidden;
    animation-delay: .6s;
    animation-duration: 1.5s
}

.animated-history-page .fullpage-navigation .list .item {
    padding-bottom: 60px
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation .list .item .info {
        position: relative;
        z-index: 2;
        text-align: center
    }
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation .list {
        padding: 0 24px 10px;
        margin: -20px 0 40px 0;
        background: transparent
    }
}

.animated-history-page .fullpage-navigation .list.animated,
.animated-history-page .fullpage-navigation .list.item-animated {
    visibility: visible
}

.animated-history-page .fullpage-navigation .krups-block-title {
    font-weight: normal;
    text-transform: none;
    font-size: 20px;
    font-size: 2rem;
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    color: #232120;
    line-height: 20px
}

.animated-history-page .fullpage-navigation .krups-block-title:after {
    margin: 25px 0
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation .krups-block-title:after {
        margin: 20px auto
    }
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation {
        z-index: 1;
        width: 100%
    }

    .animated-history-page .fullpage-navigation .fp-tableCell {
        vertical-align: top
    }
}

.animated-history-page .right-content {
    position: fixed;
    z-index: 0;
    background-color: #f9f9f9;
    background-position: center center;
    background-size: cover;
    width: 50%;
    right: 0;
    top: 0;
    height: 100vh;
    display: block;
    opacity: 1;
    transition: all 1s ease-in-out
}

.rtl .animated-history-page .right-content {
    left: 0;
    right: auto
}

@media screen and (max-width: 768px) {
    .animated-history-page .right-content {
        z-index: 2;
        height: auto;
        height: 250px;
        overflow: hidden;
        width: 100%;
        padding-top: 53px
    }
}

.animated-history-page .right-content.hide-op {
    opacity: 0;
    z-index: -1
}

.animated-history-page .iScrollIndicator {
    display: none !important
}

.animated-history-page footer.section-footer {
    background: #232120
}

.animated-history-page footer.section-footer .fp-tableCell {
    vertical-align: bottom
}

@keyframes scrollanim {
    0% {
        transform: translate(0, -40px);
        opacity: 0
    }

    60% {
        opacity: 1
    }

    99% {
        -webkit-transform: translate(0, 30px);
        opacity: 0
    }
}

@keyframes scrollanim2 {
    0% {
        transform: translate(0, -40px);
        opacity: 0
    }

    60% {
        opacity: 1
    }

    99% {
        -webkit-transform: translate(0, 30px);
        opacity: 0
    }
}

.page-ourHistoryPage nav.krups-scrolly-nav li {
    z-index: 2
}

.page-ourHistoryPage section.krups-push-wrapper.section-head .caption-section h1 {
    text-shadow: 0px 0px 4px #999
}

.our-history-page {
    padding-bottom: 4.5%
}

@media screen and (max-width: 768px) {
    .our-history-page {
        padding-bottom: 0
    }
}

.our-history-page .presentation {
    background: #fff;
    padding: 5% 15%;
    margin-bottom: 22.5px;
    text-align: justify
}

.our-history-page .presentation br {
    content: "";
    display: block;
    min-width: 1px;
    min-height: 15px
}

.page-ourHistoryPage .our-history-page .presentation {
    margin-bottom: 16px
}

.our-history-page .presentation h2 {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .our-history-page .presentation {
        text-align: center;
        background: transparent;
        margin: 0;
        padding: 10% 5%
    }
}

.our-history-page .our-history-items .item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 327.5px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 22.5px
}

.page-ourHistoryPage .our-history-page .our-history-items .item {
    margin-bottom: 16px
}

.our-history-page .our-history-items .item:last-child {
    margin-bottom: 0
}

.our-history-page .our-history-items .item .visuel {
    padding: 0;
    width: 40%
}

.our-history-page .our-history-items .item .visuel img {
    display: block
}

@media screen and (max-width: 768px) {
    .our-history-page .our-history-items .item .visuel img {
        height: auto
    }
}

@media screen and (max-width: 768px) {
    .our-history-page .our-history-items .item .visuel {
        width: 100%
    }
}

.our-history-page .our-history-items .item:nth-child(odd) .visuel {
    float: right;
    -ms-flex-order: 2;
    order: 2
}

.rtl .our-history-page .our-history-items .item:nth-child(odd) .visuel {
    float: left
}

@media screen and (max-width: 768px) {
    .our-history-page .our-history-items .item:nth-child(odd) .visuel {
        float: none;
        max-height: 300px;
        overflow: hidden
    }
}

.our-history-page .our-history-items .item .caption {
    padding: 10%;
    width: 60%;
    line-height: 21px
}

.our-history-page .our-history-items .item .caption .title {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px
}

.our-history-page .our-history-items .item .caption .desc {
    line-height: 21px;
    text-align: justify
}

@media screen and (max-width: 768px) {
    .our-history-page .our-history-items .item .caption {
        text-align: center;
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .our-history-page .our-history-items .item {
        display: block;
        height: auto;
        background: transparent
    }
}

.our-history-page .about-details {
    text-align: center;
    padding: 5%;
    margin: 22.5px 0 45px 0;
    background-color: #fff
}

.our-history-page .about-details b {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

@media screen and (max-width: 768px) {
    .our-history-page .about-details {
        display: none
    }
}

.our-history-page .about-details-list .item {
    color: #fff;
    padding: 5%;
    height: 370px;
    display: table
}

@media screen and (max-width: 768px) {
    .our-history-page .about-details-list .item {
        display: block;
        height: auto;
        text-align: center;
        padding: 10%
    }
}

.our-history-page .about-details-list .item .item-content {
    display: table-cell;
    vertical-align: middle;
    text-align: justify
}

@media screen and (max-width: 768px) {
    .our-history-page .about-details-list .item .item-content {
        display: block;
        height: auto
    }
}

.our-history-page .about-details-list .item .title {
    color: #f38230;
    margin-bottom: 10px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
    font-family: "Libre-Baskerville", "Arial", sans-serif
}

@media screen and (max-width: 768px) {
    .our-history-page .about-details-list .item .title {
        margin-bottom: 15px
    }
}

.our-history-page .about-details-list .item div {
    line-height: 21px
}

.our-history-page .about-details-list .item a {
    color: #948e88;
    display: block;
    margin-top: 30px
}

@media screen and (max-width: 768px) {
    .our-history-page .about-details-list .item a {
        margin-top: 20px
    }
}

.our-history-page .about-details-list .item:first-child {
    background: #232120
}

.our-history-page .about-details-list .item:last-child {
    background: #171413
}

@media screen and (max-width: 768px) {
    .our-history-page .about-details-list .item:last-child {
        color: #2a2622;
        background: transparent
    }
}

@media screen and (max-width: 768px) {
    .our-history-page {
        background: #faf7f7
    }

    .our-history-page .owl-controls {
        padding-bottom: 6%
    }

    .our-history-page .owl-controls .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        border: none;
        background-color: #cecdcd
    }

    .our-history-page .owl-controls .owl-dots .owl-dot.active {
        width: 13px;
        height: 13px;
        background-color: transparent;
        border: 2px solid #cecdcd
    }
}

.animated-history-page {
    position: relative;
    z-index: 0
}

.animated-history-page .cont-section {
    padding: 0 5%
}

.animated-history-page section {
    position: relative
}

.animated-history-page section.section-head {
    height: 100vh;
    z-index: 2
}

.animated-history-page section.section-head .visuel-section {
    z-index: 1
}

.animated-history-page section.section-body .visuel-section {
    z-index: 1
}

.animated-history-page .fullpage-navigation {
    position: relative;
    background-color: #fff
}

.animated-history-page .fullpage-navigation .half-section {
    width: 50%
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation .half-section {
        width: 100%
    }
}

.animated-history-page .fullpage-navigation .krups-animate .section:first-child .svg-container .line {
    top: 0;
    height: 100%;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000
}

.animated-history-page .fullpage-navigation .krups-animate .section .svg-container .line {
    position: absolute;
    top: 0;
    z-index: 1;
    height: 100%;
    left: 50%;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation-iteration-count: 1;
    transition: stroke-dashoffset .5s ease-in
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation .krups-animate .section .svg-container .line {
        height: 345px
    }
}

.animated-history-page .fullpage-navigation .krups-animate .section .svg-container.active .line {
    stroke-dashoffset: 0;
    stroke-dasharray: 1000
}

.animated-history-page .fullpage-navigation .krups-animate .arrows {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto
}

.animated-history-page .fullpage-navigation .krups-animate .arrows .first,
.animated-history-page .fullpage-navigation .krups-animate .arrows .second {
    fill: #ffffff;
    stroke: #999
}

.animated-history-page .fullpage-navigation .krups-animate .arrows svg polygon.first {
    animation: scrollanim 1.2s ease-in-out infinite;
    animation-delay: 0.3s
}

.animated-history-page .fullpage-navigation .krups-animate .arrows svg polygon.second {
    animation: scrollanim2 1.2s ease-in-out infinite
}

.animated-history-page .fullpage-navigation .item-year {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #f7f7f7;
    font-size: 180px;
    font-size: 18rem;
    line-height: 180px;
    letter-spacing: 2.4rem;
    line-height: 0.75em;
    padding-top: 80px;
    visibility: hidden;
    animation-delay: .6s;
    animation-duration: 1.5s
}

.animated-history-page .fullpage-navigation .item-year.animated,
.animated-history-page .fullpage-navigation .item-year.item-animated {
    visibility: visible
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .animated-history-page .fullpage-navigation .item-year {
        letter-spacing: 3px
    }
}

@media screen and (min-width: 768px) and (max-width: 1025px) {
    .animated-history-page .fullpage-navigation .item-year {
        letter-spacing: 6px
    }
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation .item-year {
        padding-top: 0;
        margin-top: -12px;
        font-size: 105px;
        font-size: 10.5rem;
        letter-spacing: 5px
    }
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation .intro {
        padding-top: 303px
    }
}

@media screen and (max-width: 768px) and (orientation: landscape) {
    .animated-history-page .fullpage-navigation .intro {
        padding-top: 200px
    }
}

.animated-history-page .fullpage-navigation .list {
    background: #fff;
    padding: 80px 12% 40px;
    position: relative;
    z-index: 2;
    visibility: hidden;
    animation-delay: .6s;
    animation-duration: 1.5s
}

.animated-history-page .fullpage-navigation .list .item {
    padding-bottom: 60px
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation .list .item .info {
        position: relative;
        z-index: 2;
        text-align: center
    }
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation .list {
        padding: 0 24px 10px;
        margin: -20px 0 40px 0;
        background: transparent
    }
}

.animated-history-page .fullpage-navigation .list.animated,
.animated-history-page .fullpage-navigation .list.item-animated {
    visibility: visible
}

.animated-history-page .fullpage-navigation .krups-block-title {
    font-weight: normal;
    text-transform: none;
    font-size: 20px;
    font-size: 2rem;
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    color: #232120;
    line-height: 20px
}

.animated-history-page .fullpage-navigation .krups-block-title:after {
    margin: 25px 0
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation .krups-block-title:after {
        margin: 20px auto
    }
}

@media screen and (max-width: 768px) {
    .animated-history-page .fullpage-navigation {
        z-index: 1;
        width: 100%
    }

    .animated-history-page .fullpage-navigation .fp-tableCell {
        vertical-align: top
    }
}

.animated-history-page .right-content {
    position: fixed;
    z-index: 0;
    background-color: #f9f9f9;
    background-position: center center;
    background-size: cover;
    width: 50%;
    right: 0;
    top: 0;
    height: 100vh;
    display: block;
    opacity: 1;
    transition: all 1s ease-in-out
}

.rtl .animated-history-page .right-content {
    right: auto;
    left: 0
}

@media screen and (max-width: 768px) {
    .animated-history-page .right-content {
        z-index: 2;
        height: auto;
        height: 250px;
        overflow: hidden;
        width: 100%;
        padding-top: 53px;
        top: 53px
    }
}

@media screen and (max-width: 768px) and (orientation: landscape) {
    .animated-history-page .right-content {
        height: 150px
    }
}

.animated-history-page .right-content.hide-op {
    opacity: 0;
    z-index: -1
}

.animated-history-page .iScrollIndicator {
    display: none !important
}

.animated-history-page footer.section-footer {
    background: #232120
}

.animated-history-page footer.section-footer .fp-tableCell {
    vertical-align: bottom
}

@keyframes scrollanim {
    0% {
        transform: translate(0, -40px);
        opacity: 0
    }

    60% {
        opacity: 1
    }

    99% {
        -webkit-transform: translate(0, 30px);
        opacity: 0
    }
}

@keyframes scrollanim2 {
    0% {
        transform: translate(0, -40px);
        opacity: 0
    }

    60% {
        opacity: 1
    }

    99% {
        -webkit-transform: translate(0, 30px);
        opacity: 0
    }
}

.top-reparability {
    margin-bottom: 40px;
    text-align: center
}

.top-reparability .reparability-top-banner {
    background: #fff
}

.top-reparability .reparability-top-banner .search-area-block {
    text-align: -webkit-center;
    text-align: -o-center;
    text-align: -moz-center
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability {
    text-align: center;
    position: relative;
    padding: 60px 0;
    width: 100%;
    margin: 0 auto;
    min-height: 134px
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .search {
    max-width: 550px;
    width: 100%;
    margin: 0 auto
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .search .form-search-reparability {
    margin-bottom: 0
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .search .form-search-reparability .input-reparablity::-webkit-input-placeholder {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #bebdbd
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .search .form-search-reparability .input-reparablity:-moz-placeholder {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #bebdbd
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .search .form-search-reparability .input-reparablity::-moz-placeholder {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #bebdbd
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .search .form-search-reparability .input-reparablity:-ms-input-placeholder {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #bebdbd
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .search .ui-autocomplete {
    text-align: left
}

.rtl .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .search .ui-autocomplete {
    text-align: right
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .reference-finder {
    position: relative;
    margin: 0px
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .reference-finder span a {
    color: #948e88;
    font-size: 14px;
    font-size: 1.4rem;
    transition: all 0.4s
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .reference-finder span a:hover {
    text-decoration: underline
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .reference-finder .reference-finder a {
    color: #fff;
    font-size: 12.9px;
    text-transform: lowercase;
    border-bottom: 1px solid #fff
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .reference-finder .reference-finder a:hover {
    text-decoration: none
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .notfound-reparable {
    margin-top: -5px;
    margin-bottom: 5px
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .notfound-reparable .picto-not-found {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background: url("../../common/img/picto-not-found.png") no-repeat 0px 3px
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .notfound-reparable span {
    display: inline-block;
    background: url("../../common/img/picto-not-found.png") no-repeat 0px 3px;
    padding: 0px 0px 0px 16px
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .notfound-reparable span p,
.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .notfound-reparable span .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .notfound-reparable span div {
    margin: 0px;
    padding: 0 0 0 4px;
    color: red;
    font-size: 14px;
    font-size: 1.4rem
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult {
    max-width: 740px;
    width: 100%;
    margin: 0 auto;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1 !important;
    border-radius: 0 0 10px 10px;
    background: #fff url("../../common/img/bg-reparability-mobile.png") no-repeat 98% 100%
}

@media only screen and (max-width: 768px) {
    .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult {
        width: 100%;
        margin: 0px auto;
        position: inherit;
        background: none
    }
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability {
    padding: 23px 5px 1px 3px;
    margin: 0
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .result-reparability-top {
    display: table
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .mediaReparability {
    width: 260px;
    height: 260px;
    padding: 0;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

@media screen and (max-width: 768px) {
    .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .mediaReparability {
        display: inline
    }
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .detailReparability {
    display: table-cell;
    text-align: left;
    padding-right: 15px
}

.rtl .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .detailReparability {
    text-align: right;
    padding-right: 0px;
    padding-left: 15px
}

@media screen and (max-width: 768px) {
    .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .detailReparability {
        padding-right: 0;
        display: inline
    }
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .detailReparability .product-name {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 30px;
    font-size: 3rem;
    font-weight: normal;
    color: #2a2622;
    position: relative;
    padding: 0 0 30px 0;
    margin: 0 0 20px;
    text-transform: uppercase;
    line-height: 33px;
    width: 75%
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .detailReparability .product-name:before {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    bottom: 0;
    left: 0
}

.rtl .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .detailReparability .product-name:before {
    right: 0;
    left: auto
}

@media screen and (max-width: 900px) {
    .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .detailReparability .product-name {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .detailReparability .product-name {
        font-size: 25px;
        font-size: 2.5rem;
        text-align: center;
        padding: 0 0 25px 0;
        margin: 0 0 18px
    }

    .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .detailReparability .product-name:before {
        right: 0
    }
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .detailReparability .refClaim {
    text-align: left;
    color: #50535d;
    font-size: 15px;
    font-size: 1.5rem;
    margin: 0;
    line-height: 22px
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .detailReparability .ref {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    color: #948e88;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    display: inline;
    float: right;
    top: -70px;
    position: relative
}

.rtl .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .detailReparability .ref {
    float: left
}

@media only screen and (max-width: 900px) {
    .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .detailReparability .ref {
        top: inherit;
        float: none
    }
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .resultsReparability {
    width: 100%;
    padding-top: 10px;
    text-align: left
}

.rtl .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .resultsReparability {
    text-align: right
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .resultsReparability .repareMessage2 {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .resultsReparability .repareNotice {
    display: block;
    margin-top: 7px;
    font-size: 13px;
    font-size: 1.3rem;
    color: #9599a4;
    font-style: italic
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .resultsReparability .btn {
    margin: 20px auto;
    display: block;
    max-width: 210px
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .non-reparable .title {
    background: transparent url("../../common/img/picto-reparability2.png") no-repeat scroll 0px 0px;
    color: red;
    padding-left: 27px;
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    background-size: 20px auto;
    margin-bottom: 10px;
    line-height: 25px;
    font-weight: bold
}

@media screen and (max-width: 350px) {
    .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .non-reparable .title {
        font-size: 16px;
        font-size: 1.6rem;
        text-align: left
    }
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .non-reparable .repareMessage1 {
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
    margin-top: 0px;
    line-height: 22px
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .reparable .title {
    background: transparent url("../../common/img/picto-reparability.png") no-repeat scroll 0px 0px;
    padding-left: 27px;
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    min-height: 20px;
    margin-bottom: 10px;
    color: #3c9900;
    line-height: 25px;
    font-weight: bold
}

@media screen and (max-width: 350px) {
    .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .reparable .title {
        font-size: 16px;
        font-size: 1.6rem;
        text-align: left
    }
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .reparable .repareMessage1 {
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
    margin-top: 0px;
    line-height: 22px
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .non-reparable .title {
    background: transparent url("../../common/img/picto-reparability.png") no-repeat scroll 0px 0px;
    padding-left: 27px;
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    min-height: 20px;
    margin-bottom: 10px;
    color: #f38230;
    line-height: 25px;
    font-weight: bold
}

@media screen and (max-width: 350px) {
    .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .non-reparable .title {
        font-size: 16px;
        font-size: 1.6rem;
        text-align: left
    }
}

.top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .non-reparable .repareMessage1 {
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
    margin-top: 0px;
    line-height: 22px
}

.mainContent-reparability {
    text-align: center;
    display: block;
    clear: both
}

.topics-header .title {
    margin: 0px 101px 15px
}

@media screen and (max-width: 768px) {
    .top-reparability .reparability-top-banner .search-area-block::before {
        width: 100%
    }

    .top-reparability .reparability-top-banner .search-area-block::after {
        margin: 0 auto
    }

    .top-reparability .reparability-top-banner .search-area-block .search-area-reparability {
        padding: 30px 15px
    }

    .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .search .title-search-reparability {
        margin-bottom: 20px
    }

    .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .result-reparability-top {
        display: block
    }

    .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .result-reparability-top .mediaReparability,
    .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .result-reparability-top .detailReparability {
        display: block;
        width: 100%;
        height: auto;
        text-align: center
    }

    .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .result-reparability-top .mediaReparability .refClaim,
    .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .result-reparability-top .detailReparability .refClaim {
        text-align: center
    }

    .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .resultsReparability {
        text-align: center
    }

    .top-reparability .reparability-top-banner .search-area-block .search-area-reparability .AjaxaReparabilityResult .resultReparability .resultsReparability .title {
        display: inline-block
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .panel-recyclage .topics-items .content-item .visue {
        padding: 0 25px
    }
}

@media screen and (max-width: 768px) {
    .panel-recyclage .topics-header .title {
        font-size: 30px;
        font-size: 3rem
    }
}

@media screen and (max-width: 768px) and (max-width: 360px) {
    .panel-recyclage .topics-header .title {
        padding: 0 25px
    }
}

.page-reparabilityPagebis .communaute {
    margin-bottom: 0px
}

.reparability-modal .modal-head .close {
    background-color: #bebdbd;
    border-radius: 100%;
    width: 23px;
    height: 23px;
    top: 5px;
    right: 5px
}

.reparability-modal .modal-head .close:after {
    font-size: 1.1rem
}

.reparability-modal .modal-body {
    padding: 15px
}

.site-map {
    padding: 3% 15px
}

.site-map .container .site-map-items {
    margin: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.site-map .container .site-map-items .site-map-item {
    margin: 0 0 25px 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 25%;
    padding-right: 20px
}

@media screen and (max-width: 1024px) {
    .site-map .container .site-map-items .site-map-item {
        width: 50%
    }
}

@media screen and (max-width: 768px) {
    .site-map .container .site-map-items .site-map-item {
        width: 100%
    }
}

.site-map .container .site-map-items .site-map-item h3 {
    color: #fff;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: normal;
    line-height: 26px;
    margin-bottom: 20px
}

.site-map .container .site-map-items .site-map-item .site-map-sub-items {
    margin: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.site-map .container .site-map-items .site-map-item .site-map-sub-items .site-map-sub-item {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 100%;
    line-height: 16px
}

.site-map .container .site-map-items .site-map-item .site-map-sub-items .site-map-sub-item a {
    color: #f38230;
    font-size: 16px;
    font-size: 1.6rem;
    display: inline-block
}

.site-map .container .site-map-items .site-map-item .site-map-sub-items .site-map-sub-item a:hover {
    text-decoration: none;
    color: #fff
}

.site-map .container .site-map-items .site-map-item .site-map-sub-items .site-map-sub-item.top-level-item h3 {
    margin: 0
}

.site-map .container .site-map-items .site-map-item .site-map-sub-items .site-map-sub-item.top-level-item h3 a {
    color: #fff;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: normal;
    line-height: 26px;
    margin: 10px 0 8px
}

.site-map .container .site-map-items .site-map-item .site-map-sub-items .site-map-sub-item.top-level-item h3 a:hover {
    text-decoration: none;
    color: #ccc
}

@media screen and (max-width: 768px) {
    .site-map .container .site-map-items .site-map-item:last-child {
        border-top: 1px solid #fff
    }

    .site-map .container .site-map-items .site-map-item:nth-child(4) {
        border-top: 1px solid #fff
    }
}

.our-applications-master-banner.master-ban-head .title {
    font-size: 50px !important;
    font-size: 5rem !important;
    font-style: normal !important
}

.our-applications-master-banner.master-ban-head .desc {
    font-size: 17px !important;
    font-size: 1.7rem !important;
    font-style: normal !important
}

.our-applications {
    padding: 0 15px
}

.our-applications .MobileApplicationListPageDescription {
    margin: 3% 0
}

.our-applications .MobileApplicationListPageDescription p,
.our-applications .MobileApplicationListPageDescription .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .our-applications .MobileApplicationListPageDescription div {
    font-size: 28px;
    font-size: 2.8rem;
    color: #898A8D;
    text-align: center;
    line-height: 1.25em;
    padding: 3% 5%
}

@media screen and (max-width: 768px) {

    .our-applications .MobileApplicationListPageDescription p,
    .our-applications .MobileApplicationListPageDescription .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .our-applications .MobileApplicationListPageDescription div {
        font-size: 20px;
        font-size: 2rem
    }
}

.our-applications .MobileApplicationListPageAdvantages {
    padding: 0;
    margin: 0 0 5% 0
}

.our-applications .MobileApplicationListPageAdvantages h2 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 4rem;
    color: #E2001A;
    text-transform: uppercase;
    margin: 0 0 5% 0;
    text-align: center
}

@media screen and (max-width: 768px) {
    .our-applications .MobileApplicationListPageAdvantages h2 {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 2.5rem;
        margin: 0 0 2% 0
    }
}

.our-applications .MobileApplicationListPageAdvantages .MobileApplicationListPageAdvantagesInner {
    margin: 5% auto 0 auto;
    width: 100%;
    max-width: 690px;
    height: 160px;
    *zoom: 1
}

.our-applications .MobileApplicationListPageAdvantages .MobileApplicationListPageAdvantagesInner:before,
.our-applications .MobileApplicationListPageAdvantages .MobileApplicationListPageAdvantagesInner:after {
    content: " ";
    display: table
}

.our-applications .MobileApplicationListPageAdvantages .MobileApplicationListPageAdvantagesInner:after {
    clear: both
}

.our-applications .MobileApplicationListPageAdvantages .MobileApplicationListPageAdvantagesInner .MobileApplicationListPageAdvantagesVisual {
    width: 50%;
    height: auto;
    min-height: 100%;
    float: left
}

.our-applications .MobileApplicationListPageAdvantages .MobileApplicationListPageAdvantagesInner .MobileApplicationListPageAdvantagesVisual img {
    width: 100%;
    height: auto
}

@media screen and (max-width: 768px) {
    .our-applications .MobileApplicationListPageAdvantages .MobileApplicationListPageAdvantagesInner .MobileApplicationListPageAdvantagesVisual {
        width: 100%
    }
}

.our-applications .MobileApplicationListPageAdvantages .MobileApplicationListPageAdvantagesInner .MobileApplicationListPageAdvantagesListing {
    width: 50%;
    height: 100%;
    float: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.our-applications .MobileApplicationListPageAdvantages .MobileApplicationListPageAdvantagesInner .MobileApplicationListPageAdvantagesListing ul {
    display: block;
    margin: 0;
    padding: 0 5% 0 50px;
    text-align: left;
    list-style: disc;
    width: 100%
}

.our-applications .MobileApplicationListPageAdvantages .MobileApplicationListPageAdvantagesInner .MobileApplicationListPageAdvantagesListing ul li {
    color: #50535D;
    margin: 10px 0;
    font-size: 12.5px;
    font-size: 1.25rem
}

.our-applications .MobileApplicationListPageAdvantages .MobileApplicationListPageAdvantagesInner .MobileApplicationListPageAdvantagesListing ul li span {
    display: block;
    color: #7E7E7E;
    font-size: 16px;
    font-size: 1.6rem
}

@media screen and (max-width: 768px) {
    .our-applications .MobileApplicationListPageAdvantages .MobileApplicationListPageAdvantagesInner .MobileApplicationListPageAdvantagesListing ul {
        padding: 0 5% 0 15px
    }
}

@media screen and (max-width: 768px) {
    .our-applications .MobileApplicationListPageAdvantages .MobileApplicationListPageAdvantagesInner .MobileApplicationListPageAdvantagesListing {
        width: 100%
    }
}

.our-applications .MobileApplicationListPageCarousel h2 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 4rem;
    color: #E2001A;
    text-transform: uppercase;
    margin: 0 0 5% 0;
    text-align: center
}

@media screen and (max-width: 768px) {
    .our-applications .MobileApplicationListPageCarousel h2 {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 2.5rem;
        margin: 0 0 2% 0
    }
}

.our-applications .MobileApplicationListPageCarousel .MobileApplicationListPageCarouselWrapper {
    max-width: 690px;
    margin: 5% auto;
    width: 75%
}

@media screen and (min-width: 768px) {
    .our-applications .MobileApplicationListPageCarousel .MobileApplicationListPageCarouselWrapper {
        margin: 5% auto
    }
}

.our-applications .MobileApplicationListPageCarousel .MobileApplicationListPageCarouselWrapper ul {
    margin: 0;
    list-style: none
}

.our-applications .MobileApplicationListPageCarousel .MobileApplicationListPageCarouselWrapper ul li .MobileApplicationListPageCarouselInner .MobileApplicationListPageCarouselVisual img {
    display: block;
    margin: 0 auto;
    border-radius: 16px;
    width: 100%;
    height: auto;
    max-width: 96px;
    max-height: 96px
}

.our-applications .MobileApplicationListPageCarousel .MobileApplicationListPageCarouselWrapper ul li .MobileApplicationListPageCarouselInner .MobileApplicationListPageCarouselCaption h3 {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-weight: normal;
    color: #6D6E70;
    text-transform: uppercase;
    margin: 10px auto
}

.our-applications .MobileApplicationListPageCarousel .MobileApplicationListPageCarouselWrapper ul li .MobileApplicationListPageCarouselInner .MobileApplicationListPageCarouselCaption:hover {
    text-decoration: none
}

.our-applications .MobileApplicationListPageCarousel .MobileApplicationListPageCarouselWrapper ul li .MobileApplicationListPageCarouselInner .MobileApplicationListPageCarouselCaption:hover a {
    text-decoration: none
}

.our-applications .MobileApplicationListPageCarousel .owl-nav {
    display: block !important
}

.our-applications .MobileApplicationListPageCarousel .owl-nav .owl-prev,
.our-applications .MobileApplicationListPageCarousel .owl-nav .owl-next {
    display: block !important;
    top: 25%
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent {
    margin: 15% auto 21% auto
}

@media screen and (min-width: 1200px) {
    .our-applications .MobileApplicationListPageList .MobileApplicationComponent {
        position: relative;
        height: 385px;
        width: 997px;
        margin: 10% auto 5% auto
    }
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationIcon img {
    width: 100%;
    height: auto;
    max-width: 96px;
    max-height: 96px;
    display: block;
    margin: 0 auto;
    border-radius: 16px
}

@media screen and (min-width: 1200px) {
    .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationIcon {
        position: absolute;
        top: 0;
        right: 265px;
        width: auto
    }
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationTitle h1 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #DF2F36;
    text-align: center;
    text-transform: uppercase;
    line-height: 2.2rem;
    margin: 15px auto
}

@media screen and (min-width: 1200px) {
    .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationTitle h1 {
        text-align: left;
        margin: 0
    }
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationTitle .MobileApplicationName {
    text-decoration: underline
}

@media screen and (min-width: 1200px) {
    .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationTitle {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%
    }
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLongDescription {
    margin: 0 0 5% 0
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLongDescription p,
.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLongDescription .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLongDescription div {
    font-size: 18px;
    font-size: 1.8rem;
    color: #6D6E71;
    text-align: center;
    padding: 0 5px
}

@media screen and (min-width: 1200px) {

    .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLongDescription p,
    .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLongDescription .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLongDescription div {
        text-align: left;
        padding: 0
    }
}

@media screen and (min-width: 1200px) {
    .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLongDescription {
        position: absolute;
        top: 50px;
        left: 0;
        width: 50%
    }
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLinks p,
.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLinks .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLinks div {
    font-size: 18px;
    font-size: 1.8rem;
    color: #6D6E71;
    text-align: center;
    padding: 0
}

@media screen and (min-width: 1200px) {

    .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLinks p,
    .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLinks .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLinks div {
        text-align: left;
        font-size: 16px;
        font-size: 1.6rem
    }
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLinks .MobileApplicationLinksInner {
    display: table;
    width: 100%
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLinks .MobileApplicationLinksInner .MobileApplicationAppStoreLink {
    display: table-cell;
    padding-right: 1%
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLinks .MobileApplicationLinksInner .MobileApplicationAppStoreLink a {
    display: block;
    width: 100%;
    *zoom: 1
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLinks .MobileApplicationLinksInner .MobileApplicationAppStoreLink a:before,
.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLinks .MobileApplicationLinksInner .MobileApplicationAppStoreLink a:after {
    content: " ";
    display: table
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLinks .MobileApplicationLinksInner .MobileApplicationAppStoreLink a:after {
    clear: both
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLinks .MobileApplicationLinksInner .MobileApplicationAppStoreLink a img {
    float: right;
    display: block;
    margin: 0 auto;
    max-height: 70px;
    max-width: 135px;
    width: 100%;
    height: auto;
    border-radius: 3px
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLinks .MobileApplicationLinksInner .MobileApplicationGooglePlayLink {
    display: table-cell;
    padding-left: 1%
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLinks .MobileApplicationLinksInner .MobileApplicationGooglePlayLink a {
    display: block;
    width: 100%;
    *zoom: 1
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLinks .MobileApplicationLinksInner .MobileApplicationGooglePlayLink a:before,
.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLinks .MobileApplicationLinksInner .MobileApplicationGooglePlayLink a:after {
    content: " ";
    display: table
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLinks .MobileApplicationLinksInner .MobileApplicationGooglePlayLink a:after {
    clear: both
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLinks .MobileApplicationLinksInner .MobileApplicationGooglePlayLink a img {
    float: left;
    display: block;
    margin: 0 auto;
    max-height: 70px;
    max-width: 135px;
    width: 100%;
    height: auto;
    border-radius: 3px
}

@media screen and (min-width: 1200px) {
    .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationLinks {
        position: absolute;
        top: 175px;
        left: 0;
        width: 285px
    }
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationEditorialPageLink {
    text-align: center;
    margin: 5% 0
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationEditorialPageLink a {
    width: 100%
}

@media screen and (min-width: 360px) {
    .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationEditorialPageLink a {
        max-width: 280px
    }
}

@media screen and (min-width: 1200px) {
    .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationEditorialPageLink {
        position: absolute;
        top: 225px;
        left: 0;
        width: 285px
    }
}

@media screen and (min-width: 1200px) {
    .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationEditorialPageLink.MobileApplicationSeeMoreLink {
        left: 355px !important
    }
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationCompatibilities {
    text-align: center;
    padding: 0 5px;
    margin: 5% 0
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationCompatibilities a {
    font-size: 18px;
    font-size: 1.8rem;
    color: #6D6E71;
    text-align: center;
    text-decoration: underline
}

@media screen and (min-width: 1200px) {
    .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationCompatibilities a {
        text-align: left
    }
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationCompatibilities a:hover {
    cursor: pointer
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationCompatibilities div {
    display: none
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationCompatibilities div img {
    display: none
}

@media screen and (min-width: 1200px) {
    .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationCompatibilities {
        position: absolute;
        top: 215px;
        left: 350px;
        width: 25%;
        text-align: left;
        margin: 0;
        *zoom: 1
    }

    .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationCompatibilities:before,
    .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationCompatibilities:after {
        content: " ";
        display: table
    }

    .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationCompatibilities:after {
        clear: both
    }

    .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationCompatibilities a {
        float: left;
        width: 85%;
        display: block;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.2rem
    }

    .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationCompatibilities div {
        float: left;
        width: 15%;
        display: inline-block
    }

    .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationCompatibilities div img {
        display: inline-block
    }
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationImage {
    max-width: 450px;
    width: 100%;
    height: 215px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0 auto
}

@media screen and (min-width: 1200px) {
    .our-applications .MobileApplicationListPageList .MobileApplicationComponent .MobileApplicationImage {
        width: 227px;
        height: 335px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0
    }
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent:after {
    content: '';
    height: 1px;
    width: 100%;
    background: #DBDAD9;
    display: block;
    position: relative;
    bottom: -50px
}

@media screen and (max-width: 360px) {
    .our-applications .MobileApplicationListPageList .MobileApplicationComponent:after {
        bottom: -25px
    }
}

@media screen and (min-width: 1200px) {
    .our-applications .MobileApplicationListPageList .MobileApplicationComponent:after {
        position: absolute
    }
}

.our-applications .MobileApplicationListPageList .MobileApplicationComponent:last-child:after {
    display: none
}

.dynamic-forms p,
.dynamic-forms .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .dynamic-forms div,
#AjaxContact p,
#AjaxContact .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #AjaxContact div {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    display: block;
    padding: 9px 0 25px;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: perspective(1px) translateZ(0);
    position: relative;
    overflow: hidden;
    letter-spacing: 0.5px
}

.dynamic-forms label,
#AjaxContact label {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.dynamic-forms legend,
#AjaxContact legend {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
}

.dynamic-forms .profil-contact-form,
#AjaxContact .profil-contact-form {
    position: relative
}

@media screen and (max-width: 768px) {

    .dynamic-forms .profil-contact-form,
    #AjaxContact .profil-contact-form {
        margin-top: 40px
    }
}

.dynamic-forms .profil-contact-form .careers-rapidlinks p,
.dynamic-forms .profil-contact-form .careers-rapidlinks .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .dynamic-forms .profil-contact-form .careers-rapidlinks div,
#AjaxContact .profil-contact-form .careers-rapidlinks p,
#AjaxContact .profil-contact-form .careers-rapidlinks .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper #AjaxContact .profil-contact-form .careers-rapidlinks div {
    text-transform: none
}

@media screen and (max-width: 768px) {

    .dynamic-forms,
    #AjaxContact {
        text-align: center
    }

    .dynamic-forms .pull-right,
    #AjaxContact .pull-right {
        float: none;
        width: auto;
        text-align: center;
        clear: both;
        padding-top: 20px
    }
}

.dynamic-forms {
    margin: 22.5px 0px;
    background-color: #fff;
    padding: 65px
}

.dynamic-forms #ContactFormData {
    text-align: center
}

.dynamic-forms #ContactFormData .control-group {
    display: inline-block
}

@media screen and (max-width: 768px) {
    .dynamic-forms #ContactFormData .control-group {
        display: block
    }
}

.dynamic-forms #ContactFormData .control-group .control-label {
    width: 90px
}

.dynamic-forms #ContactFormData .control-group .controls {
    margin-left: 100px
}

@media screen and (max-width: 768px) {
    .dynamic-forms #ContactFormData .control-group .controls {
        margin-left: 0
    }
}

.dynamic-forms select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22%23555555%22%20%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%22-261%20145.2%2024%2024%22%20style%3D%22enable-background%3Anew%20-261%20145.2%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M-245.3%2C156.1l-3.6-6.5l-3.7%2C6.5%20M-252.7%2C159l3.7%2C6.5l3.6-6.5%22%2F%3E%0A%3C%2Fsvg%3E");
    padding: 0 25px 0 8px;
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

@media screen and (max-width: 768px) {
    .dynamic-forms {
        padding: 20px 15px
    }

    .dynamic-forms .control-label {
        float: none
    }

    .dynamic-forms .controls {
        padding-top: 10px;
        margin-left: 0px
    }
}

#div_product_ref .popup-rating-plates a {
    font-weight: bold;
    color: black
}

#div_product_ref .popup-rating-plates a:hover {
    text-decoration: underline
}

#div_product_ref #ModalProdRef .span1.pull-right p:first-child,
#div_product_ref #ModalProdRef .span1.pull-right .krups-block-univers .krups-block-wrapper div:first-child,
.krups-block-univers .krups-block-wrapper #div_product_ref #ModalProdRef .span1.pull-right div:first-child {
    font-size: medium;
    font-family: "uni", sans-serif
}

.form-actions .btn.reset {
    background: #958e88
}

#AjaxContact .formError .formErrorArrow {
    right: 30px
}

#AjaxContact .formError .formErrorContent {
    padding: 8px 10px 8px 10px;
    line-height: 1.3rem;
    min-width: 200px;
    width: 100%;
    right: 50px
}

@media screen and (max-width: 900px) {
    #AjaxContact .formError {
        left: auto !important;
        right: 15px !important
    }

    #AjaxContact .formError .formErrorContent {
        min-width: 120px;
        max-width: 100%;
        line-height: 1.5rem;
        right: 0px
    }

    #AjaxContact .formError .formErrorArrow {
        right: 0px
    }
}

.iframe-contact-us-wow {
    padding: 15px;
    margin-bottom: 25px;
    max-width: 900px;
    margin: 0 auto
}

.iframe-contact-us-wow iframe {
    width: 100%;
    height: 500px;
    border: 0
}

.iframe-contact-us-v1 {
    padding: 15px;
    margin-bottom: 25px
}

.iframe-contact-us-v1 iframe {
    width: 100%;
    height: 780px;
    border: 0
}

@media screen and (max-width: 1024px) {
    .iframe-contact-us-v1 iframe {
        height: 1490px
    }
}

.country-selector-container {
    padding-bottom: 4%
}

@media screen and (max-width: 768px) {
    .country-selector-container {
        padding-bottom: 0
    }

    .country-selector-container form {
        padding: 5% 5% 0 5%
    }

    .country-selector-container .wrap-main-content {
        padding-top: 0;
        padding-bottom: 5%;
        overflow: hidden
    }
}

.country-selector-container .country-selector {
    background-color: #fff;
    padding: 5% 2%;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .country-selector-container .country-selector {
        padding: 0
    }
}

.country-selector-container .country-selector .gray-bg {
    background: #EAEEEF
}

.country-selector-container .country-selector .international-selector {
    padding: 0
}

@media screen and (max-width: 768px) {
    .country-selector-container .country-selector .international-selector {
        margin-bottom: 0
    }

    .country-selector-container .country-selector .international-selector:last-of-type {
        margin-bottom: 10px
    }

    .country-selector-container .country-selector .international-selector .countries li:first-of-type {
        margin-top: 10px
    }

    .country-selector-container .country-selector .international-selector .countries li:last-of-type {
        margin-bottom: 0
    }
}

.country-selector-container .country-selector .countries {
    padding: 0
}

@media screen and (max-width: 768px) {
    .country-selector-container .country-selector .countries li {
        color: #7E8082;
        font-size: 2rem;
        margin-bottom: 10px;
        padding: 0.5rem 5rem;
        text-align: left
    }

    .country-selector-container .country-selector .countries li a {
        color: #7E8082
    }

    .country-selector-container .country-selector .countries li:first-of-type {
        margin-top: 10px
    }
}

.country-selector-container .country-selector .row-fluid {
    max-width: 100%
}

.country-selector-container .country-selector .targeter {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
    margin-bottom: 20px;
    position: relative
}

.country-selector-container .country-selector .targeter.continent {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 2.75rem
}

@media screen and (max-width: 768px) {
    .country-selector-container .country-selector .targeter.continent {
        margin: 0;
        text-align: left;
        padding: 2.5rem 2rem;
        color: #2a2622;
        background: #fff;
        border-bottom: 2px solid #EAEEEF
    }

    .country-selector-container .country-selector .targeter.continent:after {
        top: 32px;
        color: #2a2622
    }
}

@media screen and (max-width: 768px) {
    .country-selector-container .country-selector .targeter {
        background-color: #232120;
        color: #fff;
        padding: 5% 2%;
        margin: 0 0 5px 0
    }

    .country-selector-container .country-selector .targeter:after {
        position: absolute;
        right: 10px;
        top: 25px;
        font-size: 10px;
        font-size: 1rem;
        color: #fff;
        font-family: icokrups;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        content: "\e902"
    }

    .country-selector-container .country-selector .targeter.targeter-active:after {
        content: "\e900"
    }
}

.country-selector-container .country-selector li {
    list-style: none;
    margin-bottom: 5px
}

.country-selector-container .country-selector li a {
    text-decoration: none;
    color: #2a2622
}

.country-selector-container .country-selector li a:hover {
    color: #948e88
}

.country-selector-container .country-selector form {
    margin-bottom: 20px
}

.country-selector-container .country-selector form .checkstylecompare {
    position: relative;
    padding: 5px 0 5px 40px
}

.rtl .country-selector-container .country-selector form .checkstylecompare {
    padding: 5px 40px 5px 0px
}

.country-selector-container .country-selector form .checkstylecompare:before,
.country-selector-container .country-selector form .checkstylecompare input[type="checkbox"] {
    top: 0;
    left: 0
}

.rtl .country-selector-container .country-selector form .checkstylecompare:before,
.rtl .country-selector-container .country-selector form .checkstylecompare input[type="checkbox"] {
    left: auto;
    right: 0
}

@media screen and (max-width: 768px) {
    .country-selector-container .country-selector .krups-sm-12 {
        text-align: center;
        margin-bottom: 1px;
        padding: 0
    }
}

.external-country-selector .master-ban-head {
    padding-top: 130px
}

@media screen and (max-width: 768px) {
    .external-country-selector .master-ban-head {
        padding-top: 53px
    }
}

.repairers-warranty-contact {
    background: #ffffff
}

.repairers-warranty-contact .flex-display {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 7rem
}

@media screen and (max-width: 768px) {
    .repairers-warranty-contact .flex-display {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 2rem;
        margin-top: 3rem
    }
}

.repairers-warranty-contact .flex-display .flex-item {
    width: calc(100%/3);
    margin: 0 5rem
}

@media screen and (max-width: 768px) {
    .repairers-warranty-contact .flex-display .flex-item {
        width: 100%
    }

    .repairers-warranty-contact .flex-display .flex-item img {
        display: block;
        margin: 0 auto
    }
}

.repairers-warranty-contact .flex-display .flex-item .caption {
    text-align: center;
    padding: 0 1rem
}

.repairers-warranty-contact .flex-display .flex-item .caption .title {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    padding: 3rem 0 1.2rem;
    font-size: 2.6rem;
    color: #2a2622
}

@media screen and (max-width: 768px) {
    .repairers-warranty-contact .flex-display .flex-item .caption .title {
        padding: 1.8rem 0 1.2rem;
        line-height: 2.6rem
    }
}

.repairers-warranty-contact .flex-display .flex-item .caption .content {
    font-size: 1.5rem;
    padding: 0 1rem;
    line-height: 2.5rem;
    color: #97928e
}

@media screen and (max-width: 768px) {
    .repairers-warranty-contact .flex-display .flex-item .caption .content {
        padding: 0 0 3rem
    }
}

.rtl .page-MyAccountAlternateRegisteredProductsPage .wrap-main-content .span9 {
    margin-left: 0;
    margin-right: 0;
    float: left
}

@media screen and (max-width: 768px) {

    .template-pages-pages-alternateRegisteredProductsPage .span3,
    .template-pages-pages-alternateRegisteredProductsPage .span9 {
        margin: 0;
        width: 100%
    }

    .template-pages-pages-alternateRegisteredProductsPage .alternateRP {
        margin: 10px 10px 40px 10px
    }
}

.alternateRP {
    font-size: 1.6rem;
    margin: 10px 0
}

.alternateRP .title {
    color: #171413;
    padding: 12px 0 15px 0;
    margin-bottom: 30px;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 32px;
    text-transform: uppercase;
    position: relative
}

.alternateRP .title::after {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    top: 100%;
    left: 0
}

.rtl .alternateRP .title::after {
    right: 0;
    left: auto
}

@media screen and (max-width: 768px) {
    .alternateRP .title::after {
        top: 90%
    }
}

@media screen and (max-width: 768px) {
    .alternateRP .title {
        font-size: 19px;
        font-size: 1.9rem;
        overflow: hidden;
        float: none;
        margin: 0 0 20px;
        padding: 12px 0 20px 0;
        line-height: 25px
    }
}

@media screen and (max-width: 768px) {
    .alternateRP .title {
        border-bottom: none
    }
}

.alternateRP a:hover,
.alternateRP a:focus {
    color: #f38230
}

.iframeRP {
    position: relative;
    height: 1316px
}

@media screen and (max-width: 755px) {
    .iframeRP {
        height: 1340px
    }
}

@media screen and (max-width: 547px) {
    .iframeRP {
        height: 1353px
    }
}

@media screen and (max-width: 500px) {
    .iframeRP {
        height: 1375px
    }
}

@media screen and (max-width: 434px) {
    .iframeRP {
        height: 1850px
    }
}

.iframeRP-2 {
    position: relative;
    height: 1320px;
    padding-top: 180px
}

@media screen and (max-width: 755px) {
    .iframeRP-2 {
        height: 1415px;
        padding-top: 50px
    }
}

@media screen and (max-width: 515px) {
    .iframeRP-2 {
        height: 1845px;
        padding-top: 50px
    }
}

@media screen and (max-width: 500px) {
    .iframeRP-2 {
        height: 1865px;
        padding-top: 50px
    }
}

@media screen and (max-width: 434px) {
    .iframeRP-2 {
        height: 1900px;
        padding-top: 50px
    }
}

.iframeRP iframe,
.iframeRP-2 iframe {
    position: absolute;
    width: 100%;
    border: none;
    height: 100%
}

.special-offer-Banner .mobile-banner {
    display: none
}

.list-component {
    background: #fff;
    margin-bottom: 70px
}

@media screen and (min-width: 768px) {
    .special-offers-v2 {
        border-top: 1px solid #eaeeef
    }

    .special-offers-v2-image img {
        -o-object-fit: contain;
        object-fit: contain
    }

    .special-offers-v2 .special-offers-v2-main {
        padding: 20px
    }

    .special-offers-v2-main .category {
        font-size: 1.25rem;
        margin-bottom: 15px;
        font-weight: bold;
        margin-top: 15px
    }

    .special-offers-v2-main .validityDate {
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
        font-size: 13px;
        font-size: 1.3rem;
        color: #948e88;
        padding: 5px 0;
        display: inline-block;
        text-transform: uppercase
    }

    .special-offers-v2-main .catPicto {
        padding: 5px;
        border: 1px solid #948e88;
        border-radius: 50%;
        opacity: 0.502;
        width: 42px;
        height: 42px;
        display: inline-block;
        margin-right: 5px;
        text-align: center
    }

    .special-offers-v2-main .catPicto.active {
        border: 1px solid #948e88;
        border-radius: 50%;
        background-color: #f1f3f5;
        width: 42px;
        height: 42px;
        opacity: 1
    }

    .special-offers-v2-main .catPicto img {
        vertical-align: middle;
        max-height: 20px;
        max-width: 18px
    }

    .special-offers-v2-main .description {
        font-size: 1.4rem;
        margin: 10px 0 0 0
    }

    .special-offers-v2-main .moreInfo,
    .special-offers-v2-main .lessInfo,
    .special-offers-v2-details .lessInfo {
        font-weight: bold;
        cursor: pointer;
        font-size: 1.3rem
    }

    .sp-offer-detailed-info {
        display: none
    }

    .special-offers-v2-details {
        padding: 20px 40px
    }

    .special-offers-v2-details .lessInfo {
        text-align: center;
        margin: 20px 0 0;
        display: block
    }

    .special-offers-v2-details .detailsTitle {
        font-family: "Libre-Baskerville", "Arial", sans-serif;
        font-size: 20px;
        font-size: 2rem;
        margin: 0px 0 20px;
        color: #a4b0b8;
        text-align: center;
        color: #232120;
        line-height: 25px;
        padding: 20px 0
    }

    .special-offers-v2-details .longDescTitle {
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
        font-size: 20px;
        font-size: 2rem;
        color: #232120;
        font-weight: bold;
        text-transform: uppercase;
        text-align: left;
        position: relative;
        padding: 10px 0 25px;
        margin: 0 0 30px
    }

    .special-offers-v2-details .longDescTitle:before {
        content: "";
        width: 50px;
        margin: 0 auto;
        border-bottom: 5px solid #f38230;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .special-offers-v2-details .longDescription {
        font-size: 1.4rem;
        color: #232120;
        line-height: 1.25
    }

    .special-offers-v2-details .longDescription>ol {
        padding: 0;
        counter-reset: item;
        margin: 0 0 10px 20px
    }

    .special-offers-v2-details .longDescription>ol>li {
        margin: 15px 0 15px 20px;
        padding: 0;
        list-style-type: none;
        counter-increment: item;
        position: relative
    }

    .special-offers-v2-details .longDescription>ol>li:first-child {
        margin: 0px 0 15px 20px
    }

    .special-offers-v2-details .longDescription>ol>li:before {
        width: 1.5em;
        padding-right: 1.2rem;
        position: absolute;
        font-size: 4rem;
        left: -61px;
        top: 9px;
        text-align: right;
        content: counter(item) ".";
        color: #f38230
    }

    .special-offers-v2-details .offerLinks.no-description {
        width: 100%;
        margin: 15px 0 40px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .special-offers-v2-details .offerLinks.no-description a {
        vertical-align: middle;
        margin: 0 40px;
        max-width: 140px
    }

    .special-offers-v2-details .offerLinks a {
        color: #232120;
        font-size: 1.5rem;
        position: relative;
        display: block;
        margin-bottom: 65px;
        line-height: 1.7rem
    }

    .special-offers-v2-details .a2a_dd {
        padding: 0 !important
    }

    .special-offers-v2-details .offerLinks a .seeMoreIcon {
        position: absolute;
        top: -6.5px;
        left: -48px
    }

    .special-offers-v2-details .offerLinks a .seeMoreIcon:before {
        content: url("../img/special-offers/special-offers-v2-picto-seemore-krups-desktop.png")
    }

    .special-offers-v2-details .offerLinks a .downloadText {
        position: absolute;
        top: -17px;
        left: -54px
    }

    .special-offers-v2-details .offerLinks a .downloadText:before {
        content: url("../img/special-offers/special-offers-v2-picto-downloadText-krups-desktop.png")
    }

    .special-offers-v2-details .offerLinks a .socialShare {
        position: absolute;
        top: -12px;
        left: -48px
    }

    .special-offers-v2-details .offerLinks a .socialShare:before {
        content: url("../img/special-offers/special-offers-v2-picto-socialshare-krups-desktop.png")
    }

    .special-offers-v2-details .productsTitle {
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
        font-size: 20px;
        font-size: 2rem;
        color: #232120;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        position: relative;
        padding: 10px 0 25px;
        margin: 0 0 30px
    }

    .special-offers-v2-details .productsTitle:before {
        content: "";
        width: 50px;
        margin: 0 auto;
        border-bottom: 5px solid #f38230;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .special-offers-v2-details .bx-wrapper .bx-controls-direction a.bx-next {
        top: -50px;
        right: 0
    }

    .special-offers-v2-details .bx-wrapper .bx-controls-direction a.bx-prev {
        top: -50px;
        left: 0
    }

    .special-offers-v2-details .slider-4 .item a {
        min-width: initial;
        min-height: initial
    }

    .special-offers-v2-details .productsDetail {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        position: relative;
        margin: 0
    }

    .special-offers-v2-details .productsDetail a {
        text-decoration: none
    }

    .special-offers-v2-details .productsDetail .item {
        text-align: center;
        font-size: 2rem;
        list-style: none;
        position: relative;
        width: 230px;
        float: left;
        border-radius: 0px;
        margin-right: -0.2px
    }

    .special-offers-v2-details .productsDetail .name {
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
        margin: 15px 0 10px;
        color: #f38230;
        line-height: 18px;
        text-transform: uppercase;
        position: relative;
        font-size: 1.4rem;
        height: 36px;
        overflow: hidden
    }

    .special-offers-v2-details .productsDetail .item .excerpt {
        font-size: 1.45rem
    }

    .special-offers-v2-details .productsDetail ul li .thumbnail {
        height: 340px;
        border-radius: 0px;
        border-right: 0px
    }

    .special-offers-v2-details .productsDetail ul li .thumbnail>a {
        padding: 5px;
        display: block
    }

    .special-offers-v2-details .productsDetail ul li:last-child .thumbnail {
        border-right: 1px solid #ddd
    }

    .special-offers-v2-details .productsDetail .item img {
        margin: 0 auto
    }

    .special-offers-v2-filters {
        margin: 25px 0
    }

    .special-offers-v2-filters .sp-filters-content {
        text-align: center;
        border-top: 1px solid #bebdbd;
        border-bottom: 1px solid #bebdbd;
        padding: 15px 0;
        *zoom: 1
    }

    .special-offers-v2-filters .sp-filters-content:before,
    .special-offers-v2-filters .sp-filters-content:after {
        content: " ";
        display: table
    }

    .special-offers-v2-filters .sp-filters-content:after {
        clear: both
    }

    .special-offers-v2-filters .sp-filters-content div[data-filter] .picto img {
        transition: all 0.3s
    }

    .special-offers-v2-filters .sp-filters-content div[data-filter] .picto img:nth-child(3) {
        display: none
    }

    .special-offers-v2-filters .sp-filters-content .filter:hover>.picto img:nth-child(3) {
        display: inline-block
    }

    .special-offers-v2-filters .sp-filters-content .filter:hover>.picto img:nth-child(2) {
        display: none
    }

    .special-offers-v2-filters .filter {
        text-align: center;
        vertical-align: top;
        display: inline-block;
        margin: 0px 7px 0 0;
        width: 9.5%;
        transition: all 0.3s
    }

    .special-offers-v2-filters .filter .helper {
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .special-offers-v2-main .helper {
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .special-offers-v2-filters .caption {
        font-size: 1.4rem;
        color: #948e88;
        line-height: 1em
    }

    .special-offers-v2-filters .caption.std {
        margin-top: 10px
    }

    .special-offers-v2-filters .filterText {
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
        font-size: 14px;
        font-size: 1.4rem;
        text-transform: uppercase;
        color: #2a2622;
        margin: 50px 15px 0px 10px;
        letter-spacing: 1px;
        float: left
    }

    .special-offers-v2-filters .filter:hover {
        cursor: pointer
    }

    .special-offers-v2-filters .filter:hover>.picto {
        border-color: #00ead7
    }

    .special-offers-v2-filters .filter.all:hover>.picto {
        border-color: #f38230
    }

    .special-offers-v2-filters .filter:hover>.caption {
        color: #00ead7
    }

    .special-offers-v2-filters .filter.all {
        margin: 40px 0 0;
        position: relative;
        float: right
    }

    .special-offers-v2-filters .filter.all .picto {
        width: 30px;
        height: 30px;
        display: inline-block
    }

    .special-offers-v2-filters .filter.all .caption {
        font-size: 16px;
        font-size: 1.6rem;
        color: #2a2622;
        display: inline-block
    }

    .special-offers-v2-filters .active>.picto {
        border-color: #f38230
    }

    .special-offers-v2-filters .filter.all.active>.picto {
        background: #f38230
    }

    .special-offers-v2-filters .active>.caption {
        color: #f38230
    }

    .special-offers-v2-filters .picto {
        border-radius: 50%;
        border: 1px solid #bebdbd;
        width: 83px;
        height: 83px;
        margin: 0 auto
    }

    .special-offers-v2-filters .picto img {
        max-height: 45%;
        max-width: 30px
    }

    .margin10 {
        margin-bottom: 10px
    }

    .special-offers-v2-filters-mobile {
        display: none
    }

    .special-offers-v2-main .lessInfo {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .special-offer-Banner .desktop-banner {
        display: none
    }

    .special-offer-Banner .mobile-banner {
        display: block;
        max-height: inherit
    }

    .list-component {
        margin-bottom: 30px
    }

    .page-SpecialOffersV2Page .span9,
    .page-SpecialOffersV2Page .span3,
    .page-SpecialOffersV2Page .span12,
    .page-SpecialOffersV2Page .span8,
    .page-SpecialOffersV2Page .offset1 {
        margin: 0;
        width: 100%;
        padding: 0 15px
    }

    .special-offers-v2-component {
        margin-bottom: 20px;
        transform-origin: top
    }

    .special-offers-v2-image {
        padding: 0 !important
    }

    .special-offers-v2-image img {
        width: 100%
    }

    .special-offers-v2-filters {
        display: none
    }

    .special-offers-v2-filters-mobile .separator {
        height: 1px;
        background-color: #d5dbdf;
        margin: 15px auto 0;
        width: 90%
    }

    .special-offers-v2-filters-mobile .accordion {
        margin-bottom: 0
    }

    .special-offers-v2-filters-mobile .accordion-group {
        margin-bottom: -1px
    }

    .special-offers-v2-filters-mobile .accordion-heading {
        border-bottom: 1px solid #acb8c0;
        position: relative
    }

    .special-offers-v2-filters-mobile .accordion-heading a {
        font-size: 1.5rem;
        color: #333
    }

    .special-offers-v2-filters-mobile .accordion-heading a:hover {
        text-decoration: none
    }

    .special-offers-v2-filters-mobile .accordion-heading span::before {
        display: block;
        position: absolute;
        width: 11px;
        height: 11px;
        font-size: 8px;
        font-size: .8rem;
        right: 14px;
        top: 15px;
        content: "\e902";
        font-family: icokrups;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        color: #333;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .special-offers-v2-filters-mobile .accordion-heading span.active::before {
        content: "\e900"
    }

    .special-offers-v2-filters-mobile .filter {
        margin: 15px 15px 0px
    }

    .special-offers-v2-filters-mobile .filter:last-child {
        margin-bottom: 15px
    }

    .special-offers-v2-filters-mobile .filter.showall .picto img {
        display: none
    }

    .special-offers-v2-filters-mobile .filter.active .picto {
        background: #f38230
    }

    .special-offers-v2-filters-mobile .filter.active .picto img {
        filter: brightness(100);
        -webkit-filter: brightness(100);
        -moz-filter: brightness(100)
    }

    .special-offers-v2-filters-mobile .filter .picto {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        background-color: #f1f1f3;
        margin: 0 15px 0 0;
        display: inline-block;
        text-align: center
    }

    .special-offers-v2-filters-mobile .filter .picto .helper {
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .special-offers-v2-filters-mobile .filter .picto img {
        vertical-align: middle;
        max-height: 24px
    }

    .special-offers-v2-filters-mobile .filter .caption {
        font-size: 1.5rem;
        color: #948e88;
        line-height: 1em;
        display: inline-block
    }

    .special-offers-v2-main .validityDate {
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
        font-size: 13px;
        font-size: 1.3rem;
        color: #948e88;
        padding: 15px 0;
        display: inline-block;
        text-transform: uppercase
    }

    .special-offers-v2-main .catPicto {
        border: 1px solid #bfc8cf;
        border-radius: 50%;
        opacity: 0.502;
        width: 42px;
        height: 42px;
        display: inline-block;
        margin-right: 5px;
        text-align: center
    }

    .special-offers-v2-main .catPicto.active {
        border: 1px solid #948e88;
        border-radius: 50%;
        background-color: #f1f3f5;
        width: 42px;
        height: 42px;
        opacity: 1
    }

    .special-offers-v2-main .catPicto img {
        vertical-align: middle;
        max-height: 42px;
        padding: 7px
    }

    .special-offers-v2-main .helper {
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .special-offers-v2-main .moreInfo,
    .special-offers-v2-main .lessInfo {
        font-size: 1.5rem;
        margin: 0 0 40px;
        display: block
    }

    .special-offers-v2-main .lessInfo {
        display: none
    }

    .special-offers-v2-main .category {
        margin: 20px 0 25px
    }

    .special-offers-v2-details {
        display: none
    }

    .special-offers-v2-details .detailsTitle {
        font-family: "Libre-Baskerville", "Arial", sans-serif;
        font-size: 16px;
        font-size: 1.6rem;
        margin: 0;
        color: #a4b0b8;
        text-align: center;
        color: #232120;
        line-height: 25px;
        padding: 20px 10px
    }

    .special-offers-v2-details .longDescTitle {
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
        font-size: 20px;
        font-size: 2rem;
        color: #232120;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        position: relative;
        padding: 10px 0 25px;
        margin: 0 0 30px
    }

    .special-offers-v2-details .longDescTitle:before {
        content: "";
        width: 50px;
        margin: 0 auto;
        border-bottom: 5px solid #f38230;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .special-offers-v2-details .longDescription {
        margin: 10px 0;
        font-size: 1.6rem;
        color: #6d6e70;
        line-height: 1.25;
        padding-left: 0
    }

    .special-offers-v2-details .longDescription>ol {
        padding: 0;
        margin: 0;
        counter-reset: item
    }

    .special-offers-v2-details .longDescription>ol>li {
        margin: 33px 0 15px 20px;
        padding: 0;
        list-style-type: none;
        counter-increment: item;
        position: relative
    }

    .special-offers-v2-details .longDescription>ol>li:first-child {
        margin: 0px 0 15px 20px
    }

    .special-offers-v2-details .longDescription>ol>li:before {
        width: 1.5em;
        position: absolute;
        font-size: 2.3rem;
        left: -19px;
        font-weight: bold;
        top: -20px;
        text-align: right;
        content: counter(item) ".";
        color: #f38230
    }

    .special-offers-v2-details .offerLinks {
        margin: 0 auto;
        display: block;
        width: 60%;
        margin: 20px 35%
    }

    .special-offers-v2-details .offerLinks+.no-description {
        margin-left: 33%
    }

    .special-offers-v2-details .offerLinks a {
        color: #232120;
        font-size: 1.5rem;
        position: relative;
        display: block;
        margin-bottom: 65px;
        line-height: 1.7rem
    }

    .special-offers-v2-details .offerLinks a .seeMoreIcon {
        position: absolute;
        top: -6.5px;
        left: -48px
    }

    .special-offers-v2-details .offerLinks a .seeMoreIcon:before {
        content: url("../img/special-offers/special-offers-v2-picto-seemore-krups-desktop.png")
    }

    .special-offers-v2-details .offerLinks a .downloadText {
        position: absolute;
        top: -2.5px;
        left: -54px
    }

    .special-offers-v2-details .offerLinks a .downloadText:before {
        content: url("../img/special-offers/special-offers-v2-picto-downloadText-krups-desktop.png")
    }

    .special-offers-v2-details .offerLinks a .socialShare {
        position: absolute;
        top: -12px;
        left: -48px
    }

    .special-offers-v2-details .offerLinks a .socialShare:before {
        content: url("../img/special-offers/special-offers-v2-picto-socialshare-krups-desktop.png")
    }

    .special-offers-v2-details .productsTitle {
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
        font-size: 20px;
        font-size: 2rem;
        color: #232120;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        position: relative;
        padding: 10px 0 25px;
        margin: 0 0 30px
    }

    .special-offers-v2-details .productsTitle:before {
        content: "";
        width: 50px;
        margin: 0 auto;
        border-bottom: 5px solid #f38230;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .special-offers-v2-details .productsDetail {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 20px 0
    }

    .special-offers-v2-details .productsDetail .thumbnail {
        border: none
    }

    .special-offers-v2-details .productsDetail a:hover {
        text-decoration: none
    }

    .special-offers-v2-details .productsDetail .name {
        font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
        margin: 15px 0 10px;
        color: #f38230;
        line-height: 18px;
        text-transform: uppercase;
        position: relative;
        font-size: 1.4rem
    }

    .special-offers-v2-details .productsDetail .item {
        width: 200px;
        text-align: center
    }

    .special-offers-v2-details .productsDetail .item .excerpt {
        font-size: 1.5rem
    }

    .special-offers-v2-details .productsDetail .bx-prev {
        left: -60px !important;
        top: 60px
    }

    .special-offers-v2-details .productsDetail .bx-next {
        right: -60px !important;
        top: 60px
    }

    .special-offers-v2-details .productsDetail .bx-wrapper img {
        display: inline
    }

    .special-offers-v2-details .lessInfo {
        font-size: 1.5rem;
        display: block;
        text-align: center;
        margin: 0 0 40px
    }
}

section.krups-push-wrapper.wrap-citations h2 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 50px;
    font-size: 5rem;
    text-transform: uppercase;
    color: #fff;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 20%;
    left: 50%;
    margin: 0 0 20px;
    padding-bottom: 30px;
    transform: translateX(-50%);
    z-index: 600;
    width: 840px;
    text-shadow: 0px 0px 4px #999
}

section.krups-push-wrapper.wrap-citations h2:before {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

section.krups-push-wrapper.wrap-citations h2.fadeIn {
    animation-delay: 1s
}

section.krups-push-wrapper.wrap-citations .author {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-style: italic;
    font-size: 14px;
    font-size: 1.4rem;
    color: #bebdbd;
    position: absolute;
    bottom: 70px;
    right: 2.5%;
    width: 40%;
    text-align: right;
    z-index: 500
}

.rtl section.krups-push-wrapper.wrap-citations .author {
    bottom: 70px;
    left: 2.5%;
    right: auto;
    text-align: left
}

section.krups-push-wrapper.wrap-citations .author.fadeIn {
    animation-delay: 1s
}

section.krups-push-wrapper.wrap-citations .visuel-section img {
    float: none;
    width: 100%;
    height: auto
}

section.krups-push-wrapper.wrap-citations .cont-section {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    color: #fff
}

section.krups-push-wrapper.wrap-citations .cont-section p,
section.krups-push-wrapper.wrap-citations .cont-section .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper section.krups-push-wrapper.wrap-citations .cont-section div {
    line-height: 26px;
    text-shadow: 0px 0px 2px #000
}

section.krups-push-wrapper.wrap-citations .citation-left {
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    transition: all 0.8s ease-in-out
}

.rtl section.krups-push-wrapper.wrap-citations .citation-left {
    right: 0;
    left: auto
}

@media screen and (min-width: 768px) {
    section.krups-push-wrapper.wrap-citations .citation-left {
        margin-top: 100%;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0
    }
}

section.krups-push-wrapper.wrap-citations .citation-left .visuel-section {
    z-index: 1
}

section.krups-push-wrapper.wrap-citations .citation-left .cont-section {
    text-align: left;
    padding: 0 2% 0 10%
}

.rtl section.krups-push-wrapper.wrap-citations .citation-left .cont-section {
    text-align: right;
    padding: 0 10% 0 2%
}

section.krups-push-wrapper.wrap-citations .citation-left .cont-section .fadeIn {
    animation-delay: 1s
}

section.krups-push-wrapper.wrap-citations .citation-right {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all 0.8s ease-in-out
}

.rtl section.krups-push-wrapper.wrap-citations .citation-right {
    left: 0;
    right: auto
}

@media screen and (min-width: 768px) {
    section.krups-push-wrapper.wrap-citations .citation-right {
        margin-bottom: 100%;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0
    }
}

section.krups-push-wrapper.wrap-citations .citation-right .visuel-section {
    z-index: 1
}

section.krups-push-wrapper.wrap-citations .citation-right .cont-section {
    vertical-align: bottom;
    text-align: right;
    padding: 0 5% 115px 12%
}

.rtl section.krups-push-wrapper.wrap-citations .citation-right .cont-section {
    padding: 0 12% 115px 5%
}

section.krups-push-wrapper.wrap-citations .citation-right .cont-section .fadeIn {
    animation-delay: 1.2s
}

@media screen and (min-width: 768px) {
    section.krups-push-wrapper.wrap-citations.active .citation-left {
        margin-top: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1
    }

    section.krups-push-wrapper.wrap-citations.active .citation-right {
        margin-bottom: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1
    }

    section.krups-push-wrapper.wrap-citations.moveUp .citation-left {
        margin-bottom: 100%;
        margin-top: 0
    }

    section.krups-push-wrapper.wrap-citations.moveUp .citation-right {
        margin-top: 100%;
        margin-bottom: 0
    }

    section.krups-push-wrapper.wrap-citations.moveUp.active .citation-left {
        margin-bottom: 0
    }

    section.krups-push-wrapper.wrap-citations.moveUp.active .citation-right {
        margin-top: 0
    }
}

section.krups-push-wrapper.section-head .visuel-section {
    z-index: 0
}

section.krups-push-wrapper.section-head .visuel-section img {
    width: 100%;
    float: none
}

section.krups-push-wrapper.section-head .caption-section h1 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 50px;
    font-size: 5rem;
    text-transform: uppercase;
    color: #fff;
    line-height: 50px;
    margin: 0 0 40px;
    padding-bottom: 40px;
    z-index: 10;
    position: relative
}

section.krups-push-wrapper.section-head .caption-section h1:before {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

section.krups-push-wrapper.section-head .caption-section .sub-title {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    margin-bottom: 30px;
    letter-spacing: 1.5px
}

section.krups-push-wrapper.section-head .caption-section p,
section.krups-push-wrapper.section-head .caption-section .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper section.krups-push-wrapper.section-head .caption-section div {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff
}

@media screen and (max-width: 768px) {
    section.krups-push-wrapper.wrap-citations .animated {
        visibility: hidden;
        -webkit-animation-delay: 0.5s;
        -moz-animation-delay: 0.5s;
        -o-animation-delay: 0.5s;
        -ms-animation-delay: 0.5s
    }

    section.krups-push-wrapper.wrap-citations .owl-item.animated {
        visibility: visible
    }

    section.krups-push-wrapper.wrap-citations h2 {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 30px;
        text-align: center;
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        width: auto
    }

    .rtl section.krups-push-wrapper.wrap-citations h2 {
        right: 0;
        left: auto
    }

    section.krups-push-wrapper.wrap-citations .fp-scroller {
        height: inherit
    }

    section.krups-push-wrapper.wrap-citations .citations-blocs {
        height: inherit
    }

    section.krups-push-wrapper.wrap-citations .citations-blocs *:not(h2) {
        height: inherit;
        width: 100%
    }

    section.krups-push-wrapper.wrap-citations .citation-left,
    section.krups-push-wrapper.wrap-citations .citation-right {
        position: relative;
        width: 100%
    }

    section.krups-push-wrapper.wrap-citations .citation-left .cont-section,
    section.krups-push-wrapper.wrap-citations .citation-right .cont-section {
        padding: 53px 30px 15px;
        text-align: center;
        vertical-align: middle
    }

    section.krups-push-wrapper.wrap-citations .citation-left .cont-section p,
    section.krups-push-wrapper.wrap-citations .citation-left .cont-section .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper section.krups-push-wrapper.wrap-citations .citation-left .cont-section div,
    section.krups-push-wrapper.wrap-citations .citation-right .cont-section p,
    section.krups-push-wrapper.wrap-citations .citation-right .cont-section .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper section.krups-push-wrapper.wrap-citations .citation-right .cont-section div {
        height: auto
    }

    section.krups-push-wrapper.wrap-citations .author {
        z-index: 10;
        position: relative;
        bottom: 0;
        right: 0;
        margin-top: 50px;
        text-align: center
    }

    .rtl section.krups-push-wrapper.wrap-citations .author {
        bottom: 0;
        left: 0;
        right: auto
    }

    section.krups-push-wrapper.section-head .caption-section .cont-section {
        padding: 70px 30px 60px
    }

    section.krups-push-wrapper.section-head .caption-section h1 {
        font-size: 25px;
        font-size: 2.5rem;
        padding: 0 0 25px 0;
        margin: 0 0 20px;
        line-height: 30px
    }
}

.about-paragraphs {
    display: table;
    width: 100%;
    table-layout: fixed
}

.about-paragraphs .paragraph-item {
    background: #171413;
    display: table-cell;
    vertical-align: top;
    width: 50%;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 90px 90px 100px;
    position: relative;
    overflow: hidden;
    zoom: 1
}

.about-paragraphs .paragraph-item:first-child {
    background: #232120
}

.about-paragraphs .paragraph-item h3 {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    color: #f38230;
    margin-bottom: 30px
}

.about-paragraphs .paragraph-item .desc,
.about-paragraphs .paragraph-item p,
.about-paragraphs .paragraph-item .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .about-paragraphs .paragraph-item div {
    color: #fff;
    line-height: 22px;
    text-align: justify
}

.about-paragraphs .paragraph-item .link {
    position: absolute;
    bottom: 60px;
    left: 90px;
    color: #948e88
}

.rtl .about-paragraphs .paragraph-item .link {
    bottom: 60px;
    right: 90px;
    left: auto
}

.about-paragraphs .paragraph-item .link:hover {
    text-decoration: underline
}

@media screen and (max-width: 768px) {
    .about-paragraphs .paragraph-item {
        display: block;
        width: 100%;
        padding: 40px 5% 40px;
        text-align: center
    }

    .about-paragraphs .paragraph-item:first-child {
        padding-top: 90px
    }

    .about-paragraphs .paragraph-item .link {
        position: relative;
        bottom: 0;
        left: 0;
        display: inline-block;
        margin-top: 20px
    }

    .rtl .about-paragraphs .paragraph-item .link {
        bottom: 0;
        right: 0;
        left: auto
    }
}

.about-rs-footer {
    background: #fff;
    padding: 50px 0
}

.about-rs-footer ul {
    font-size: 0px;
    font-size: 0rem;
    text-align: center
}

.about-rs-footer ul li {
    display: inline-block;
    vertical-align: top;
    width: 24%
}

.about-rs-footer ul li a {
    margin: 0;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #f0f0f0;
    border-radius: 100%;
    width: 84px;
    height: 84px;
    transition: all 0.3s
}

.about-rs-footer ul li a img {
    position: relative;
    top: 50%;
    max-width: 50%;
    max-height: 50%;
    transform: translateY(-50%)
}

.about-rs-footer ul li a:hover {
    border-color: #f38230
}

@media screen and (max-width: 768px) {
    .about-rs-footer {
        padding: 50px 0 20px
    }

    .about-rs-footer ul li {
        width: 40%;
        padding-bottom: 30px
    }
}

.page-aboutKrupsPage section.krups-push-wrapper {
    background: #232120
}

.page-aboutKrupsPage section.krups-push-wrapper h1 {
    text-shadow: 0px 0px 4px #999
}

@media screen and (max-width: 768px) {
    .page-aboutKrupsPage section.krups-push-wrapper .visuel-section img {
        background-position: right center !important
    }
}

.page-aboutKrupsPage .main-footer {
    position: relative;
    z-index: 500
}

.krups-bestseller .krups-block {
    position: relative
}

.krups-bestseller .krups-block-title-top {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 19px;
    font-size: 1.9rem;
    text-transform: uppercase
}

.krups-bestseller .krups-block-title {
    color: #fff
}

.krups-bestseller .krups-block-title:after {
    margin: 3% 0
}

@media screen and (max-width: 768px) {
    .krups-bestseller .krups-block-title:after {
        margin: 3% auto
    }
}

.krups-bestseller .section img {
    width: 100%
}

@media screen and (max-width: 1024px) {
    .krups-bestseller .section img {
        height: 100%;
        width: auto
    }
}

@media screen and (max-width: 768px) {
    .krups-bestseller .fp-tableCell {
        position: relative
    }

    .krups-bestseller .krups-block-wrapper {
        top: 20%
    }
}

.wrap-home-recipe .krups-push-wrapper .caption-section .cont-section h2 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: light;
    text-align: center;
    line-height: 50px;
    text-transform: uppercase;
    margin: 0 0 40px;
    letter-spacing: 0;
    color: #fff
}

.wrap-home-recipe .krups-push-wrapper .caption-section .cont-section h2 strong {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 50px;
    font-size: 5rem;
    font-weight: normal;
    margin-left: 15px
}

@media screen and (max-width: 768px) {
    .wrap-home-recipe .krups-push-wrapper .caption-section .cont-section h2 {
        line-height: 30px
    }

    .wrap-home-recipe .krups-push-wrapper .caption-section .cont-section h2 strong {
        display: block;
        font-size: 25px;
        font-size: 2.5rem;
        margin: 0
    }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: active),
screen and (min-width: 768px) and (-ms-high-contrast: none) {
    .wrap-home-recipe .krups-push-wrapper.recipe-section {
        display: block
    }
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .list-home-recipe {
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    transition: all 0.8s ease-in-out
}

.rtl .wrap-home-recipe .krups-push-wrapper.recipe-section .list-home-recipe {
    right: 0;
    left: auto
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .wrap-home-recipe .krups-push-wrapper.recipe-section .list-home-recipe {
        transition: all 0.5s
    }
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .list-home-recipe .owl-stage-outer .owl-item {
    z-index: 10
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .list-home-recipe .item-recipe {
    display: none
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .list-home-recipe .item-recipe:first-child {
    display: block
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .list-home-recipe .item-recipe .visuel {
    z-index: -1
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .list-home-recipe .item-recipe .visuel:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .list-home-recipe .item-recipe .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 0 40px;
    margin: 0 auto;
    text-align: center;
    width: 360px;
    height: auto !important
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .list-home-recipe .item-recipe .caption h3 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 25px;
    font-size: 2.5rem;
    text-transform: uppercase;
    color: #fff;
    line-height: 30px;
    margin-bottom: 15px;
    text-shadow: 0px 0px 5px #000
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .list-home-recipe .item-recipe .caption .infos-recipe {
    margin-bottom: 25px
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .list-home-recipe .item-recipe .caption .infos-recipe li {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-shadow: 0px 0px 2px #000
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .list-home-recipe .item-recipe .caption .infos-recipe li span {
    color: #f38230;
    display: inline-block;
    margin-right: 5px;
    text-shadow: none
}

.rtl .wrap-home-recipe .krups-push-wrapper.recipe-section .list-home-recipe .item-recipe .caption .infos-recipe li span {
    margin-left: 5px
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .list-home-recipe .item-recipe .caption .infos-recipe li:after {
    content: "|";
    font-size: 11px;
    font-size: 1.1rem;
    opacity: 0.7;
    margin: 0 11px 0 16px;
    font-weight: normal
}

.rtl .wrap-home-recipe .krups-push-wrapper.recipe-section .list-home-recipe .item-recipe .caption .infos-recipe li:after {
    margin: 0 16px 0 11px
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .list-home-recipe .item-recipe .caption .infos-recipe li:last-child:after {
    display: none
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .caption-section {
    background: #fff;
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    table-layout: fixed;
    height: inherit;
    transition: all 0.8s ease-in-out
}

.rtl .wrap-home-recipe .krups-push-wrapper.recipe-section .caption-section {
    left: 0;
    right: auto
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .wrap-home-recipe .krups-push-wrapper.recipe-section .caption-section {
        transition: all 0.5s
    }
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section {
    padding: 0 20% 0 10%;
    text-align: left
}

.rtl .wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section {
    padding: 0 10% 0 20%;
    text-align: right
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section .infos-horloge {
    margin-bottom: 30px
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section .infos-horloge img {
    width: 50px
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section h2 {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: light;
    font-size: 50px;
    font-size: 5rem;
    text-align: left;
    text-transform: uppercase;
    line-height: 50px;
    margin: 0 0 40px;
    letter-spacing: 0;
    color: #2a2622;
    position: relative
}

.rtl .wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section h2 {
    text-align: right
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section h2 strong {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 50px;
    font-size: 5rem;
    font-weight: normal;
    display: block;
    margin: 0
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section h2:before {
    content: "";
    width: 50px;
    margin: 0 auto;
    border-bottom: 5px solid #f38230;
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto
}

.rtl .wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section h2:before {
    right: 0;
    left: auto
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section p,
.wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section .krups-block-univers .krups-block-wrapper div,
.krups-block-univers .krups-block-wrapper .wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section div {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    color: #2a2622;
    line-height: 25px
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .load-recipe {
    font-size: 0px;
    font-size: 0rem;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    transform: translate(-50%, -50%) translateZ(0);
    border-radius: 100%;
    transition: all 0.3s;
    -o-box-shadow: 0 0 8px #999;
    box-shadow: 0 0 8px #999;
    z-index: 600
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .load-recipe span {
    font-size: 0px;
    font-size: 0rem;
    background: url("../img/icon/picto-refresh.png") no-repeat 0 0;
    background-size: 28px auto;
    width: 28px;
    height: 28px;
    position: absolute;
    left: 11px;
    top: 12px
}

.rtl .wrap-home-recipe .krups-push-wrapper.recipe-section .load-recipe span {
    right: 11px;
    top: 12px;
    left: auto
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .load-recipe:before {
    content: "";
    width: 58px;
    height: 58px;
    position: absolute;
    border-radius: 100%;
    outline: none;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border: 1px solid transparent
}

.wrap-home-recipe .krups-push-wrapper.recipe-section .load-recipe:hover:before {
    animation: ripples 0.8s ease-in-out
}

@keyframes ripples {
    from {
        border: 1px solid transparent
    }

    to {
        border: 68px solid #fff;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.wrap-home-recipe .krups-push-wrapper.recipe-section:nth-child(even) .caption-section {
    right: auto;
    left: 0
}

.rtl .wrap-home-recipe .krups-push-wrapper.recipe-section:nth-child(even) .caption-section {
    left: auto;
    right: 0
}

.wrap-home-recipe .krups-push-wrapper.recipe-section:nth-child(even) .list-home-recipe {
    right: 0;
    left: auto
}

.rtl .wrap-home-recipe .krups-push-wrapper.recipe-section:nth-child(even) .list-home-recipe {
    right: auto;
    left: 0
}

@media screen and (min-width: 768px) {
    .wrap-home-recipe .krups-push-wrapper.recipe-section .fp-tableCell>div:first-child {
        top: -100%;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section .fp-tableCell>div:last-of-type {
        margin-top: 100%;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section:nth-child(even) .fp-tableCell>div:first-child {
        top: 0;
        margin-top: 100%;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section:nth-child(even) .fp-tableCell>div:last-of-type {
        margin-top: 0;
        top: -100%;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section.active .fp-tableCell>div:first-child {
        top: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section.active .fp-tableCell>div:last-of-type {
        margin-top: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section.active:nth-child(even) .fp-tableCell>div:first-child {
        top: 0;
        margin-top: 0
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section.active:nth-child(even) .fp-tableCell>div:last-of-type {
        margin-top: 0;
        top: 0
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section.moveUp .fp-tableCell>div:first-child {
        margin-top: 100%;
        top: 0
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section.moveUp .fp-tableCell>div:last-of-type {
        margin-top: 0;
        top: -100%
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section.moveUp:nth-child(even) .fp-tableCell>div:first-child {
        top: -100%;
        margin-top: 0
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section.moveUp:nth-child(even) .fp-tableCell>div:last-of-type {
        margin-top: 100%;
        top: 0
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section.moveUp.active .fp-tableCell>div:first-child {
        margin-top: 0
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section.moveUp.active .fp-tableCell>div:last-of-type {
        top: 0
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section.moveUp.active:nth-child(even) .fp-tableCell>div:first-child {
        top: 0
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section.moveUp.active:nth-child(even) .fp-tableCell>div:last-of-type {
        margin-top: 0
    }
}

@media screen and (max-width: 768px) {
    .wrap-home-recipe .krups-push-wrapper .caption-section .cont-section h2 {
        text-shadow: 0px 0px 5px #000
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section * {
        transition: none !important
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section .owl-stage-outer {
        height: inherit
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section .owl-stage-outer .owl-stage {
        height: inherit;
        display: table;
        width: 100%;
        height: 100%
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section .owl-stage-outer .owl-stage .owl-item {
        height: inherit
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section .owl-stage-outer .owl-stage .owl-item .item-recipe {
        height: inherit;
        display: table;
        width: 100%;
        table-layout: fixed
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section .list-home-recipe {
        position: relative;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        transition: none
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section .list-home-recipe .item-recipe .visuel {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: auto !important
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section .list-home-recipe .item-recipe .visuel:before {
        content: "";
        background-color: rgba(0, 0, 0, 0.4);
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section .list-home-recipe .item-recipe .caption {
        position: relative;
        padding: 70px 0 35px;
        display: table-cell;
        vertical-align: middle;
        width: 100%
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section .list-home-recipe .item-recipe .caption h3 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 25px
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section .caption-section {
        background: transparent;
        width: 100%
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section {
        padding: 0 10% 120px
    }

    .rtl .wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section {
        padding: 0 10% 120px
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section .infos-horloge {
        text-align: center;
        display: none
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section h2 {
        line-height: 30px;
        color: #fff;
        font-size: 25px;
        font-size: 2.5rem;
        text-align: center;
        margin: 0 0 25px;
        padding: 0 0 30px 0;
        font-weight: normal;
        text-shadow: 0px 0px 5px #000
    }

    .rtl .wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section h2 {
        text-align: center
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section h2 strong {
        display: block;
        font-size: 25px;
        font-size: 2.5rem;
        margin: 0
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section h2:before {
        right: 0
    }

    .rtl .wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section h2:before {
        right: 0;
        left: 0
    }

    .wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section p,
    .wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .wrap-home-recipe .krups-push-wrapper.recipe-section .cont-section div {
        color: #fff;
        text-align: center;
        text-shadow: 0px 0px 5px #000
    }
}

.page-RecipeHomePage .krups-push-wrapper {
    z-index: 500
}

.page-Lartdelad-gustation .main-content {
    background: #fff
}

.page-Lartdelad-gustation .wrap-breadcrumb {
    top: 100px
}

@media screen and (max-width: 768px) {
    .page-Lartdelad-gustation #ModalMedia {
        padding: 0
    }
}

.page-Lartdelad-gustation #cursor {
    display: inline-block;
    width: 1px;
    height: 1px
}

.culture-page {
    padding-top: 190px
}

.culture-page .play-video {
    background: url("../img/icon/icon-play-orange.png") no-repeat 0 0;
    background-size: 59px auto;
    font-size: 0px;
    font-size: 0rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 59px;
    height: 59px;
    z-index: 2;
    opacity: 0.5;
    transition: all 0.3s;
    cursor: pointer
}

.culture-page .play-video.loading {
    visibility: hidden
}

.culture-page .play-video[data-status="stop"] {
    background-image: url("../img/icon/icon-pause-orange.png")
}

.culture-page .play-video:before {
    content: "";
    width: 58px;
    height: 58px;
    position: absolute;
    border-radius: 100%;
    outline: none;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border: 1px solid transparent
}

.rtl .culture-page .play-video:before {
    transform: translate(50%, -50%);
    right: 50%
}

.culture-page .play-video:hover {
    opacity: 1
}

.culture-page .play-video:hover:before {
    animation: ripples .8s ease-in-out;
    border: none;
    outline: none
}

.culture-page h1,
.culture-page h2 {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit
}

@media screen and (max-width: 768px) {
    .culture-page {
        padding-top: 90px
    }
}

.culture-page .culture-top .culture-items .culture-item {
    margin-bottom: 70px
}

@media screen and (max-width: 768px) {
    .culture-page .culture-top .culture-items .culture-item a.krups-row-vh {
        height: 210px !important
    }
}

@media screen and (max-width: 768px) {
    .culture-page .culture-top .culture-items .culture-item {
        margin-bottom: 35px
    }

    .culture-page .culture-top .culture-items .culture-item #ModalMedia {
        padding: 0
    }
}

.culture-page .culture-top .culture-items .culture-item .culture-item-caption {
    padding: 0 22% 70px;
    position: relative
}

@media screen and (max-width: 768px) and (orientation: landscape) {
    .culture-page .culture-top .culture-items .culture-item .culture-item-caption {
        padding: 0 15% 70px
    }
}

@media screen and (max-width: 1280px) and (min-width: 1024px) {
    .culture-page .culture-top .culture-items .culture-item .culture-item-caption {
        padding: 0 17% 70px
    }
}

@media screen and (min-width: 768px) and (max-width: 1025px) {
    .culture-page .culture-top .culture-items .culture-item .culture-item-caption {
        padding: 0 15% 70px
    }
}

@media screen and (max-width: 768px) {
    .culture-page .culture-top .culture-items .culture-item .culture-item-caption {
        padding: 0 20px 40px
    }
}

.culture-page .culture-top .culture-items .culture-item .culture-item-caption .titles {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    font-size: 50px;
    font-size: 5rem;
    line-height: 50px;
    text-transform: uppercase;
    margin-bottom: 50px;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .culture-page .culture-top .culture-items .culture-item .culture-item-caption .titles {
        font-size: 35px;
        font-size: 3.5rem;
        line-height: 35px;
        margin-bottom: 35px
    }
}

.culture-page .culture-top .culture-items .culture-item .culture-item-caption .titles .title {
    float: left;
    z-index: 1
}

.rtl .culture-page .culture-top .culture-items .culture-item .culture-item-caption .titles .title {
    float: right
}

.culture-page .culture-top .culture-items .culture-item .culture-item-caption .titles .title:last-child {
    margin: 0 auto;
    position: relative
}

.culture-page .culture-top .culture-items .culture-item .culture-item-caption .titles .title:last-child .title-content {
    position: relative;
    z-index: 1
}

@media screen and (max-width: 768px) {
    .culture-page .culture-top .culture-items .culture-item .culture-item-caption .titles .title:last-child {
        font-size: 35px;
        font-size: 3.5rem;
        line-height: 35px
    }

    .culture-page .culture-top .culture-items .culture-item .culture-item-caption .titles .title:last-child h1 {
        letter-spacing: 0
    }
}

.culture-page .culture-top .culture-items .culture-item .culture-item-caption .titles .title:last-child .after {
    position: absolute;
    bottom: 0;
    left: 0%;
    content: '';
    display: block;
    width: 100%;
    height: 24px;
    background-color: transparent;
    z-index: -1
}

.rtl .culture-page .culture-top .culture-items .culture-item .culture-item-caption .titles .title:last-child .after {
    right: 0%;
    left: auto
}

@media screen and (max-width: 768px) {
    .culture-page .culture-top .culture-items .culture-item .culture-item-caption .titles .title:last-child .after {
        height: 20px;
        left: -15%;
        width: 115%
    }

    .rtl .culture-page .culture-top .culture-items .culture-item .culture-item-caption .titles .title:last-child .after {
        right: -15%;
        left: auto
    }
}

.culture-page .culture-top .culture-items .culture-item:first-child .culture-item-caption .titles {
    font-size: 75px;
    font-size: 7.5rem;
    line-height: 75px;
    overflow: visible
}

@media screen and (max-width: 768px) {
    .culture-page .culture-top .culture-items .culture-item:first-child .culture-item-caption .titles {
        font-size: 50px;
        font-size: 5rem;
        line-height: 50px
    }
}

.culture-page .culture-top .culture-items .culture-item:first-child .culture-item-caption .titles .title {
    float: none
}

.culture-page .culture-top .culture-items .culture-item:first-child .culture-item-caption .titles .title h1 {
    padding: 0 20px
}

.culture-page .culture-top .culture-items .culture-item:first-child .culture-item-caption .titles .title h1:first-letter {
    margin-left: -70px
}

@media screen and (max-width: 768px) {
    .culture-page .culture-top .culture-items .culture-item:first-child .culture-item-caption .titles .title h1:first-letter {
        margin: 0
    }
}

.rtl .culture-page .culture-top .culture-items .culture-item:first-child .culture-item-caption .titles .title h1:first-letter {
    margin-left: 0
}

@media screen and (max-width: 768px) {
    .culture-page .culture-top .culture-items .culture-item:first-child .culture-item-caption .titles .title h1 {
        padding: 0;
        text-align-last: left;
        width: 300px;
        font-size: 37px;
        font-size: 3.7rem;
        line-height: 50px;
        float: none;
        margin: 0
    }

    .rtl .culture-page .culture-top .culture-items .culture-item:first-child .culture-item-caption .titles .title h1 {
        text-align-last: right
    }
}

.culture-page .culture-top .culture-items .culture-item:first-child .culture-item-caption .titles .title .after {
    left: -20px;
    width: 100%;
    height: 35px
}

.rtl .culture-page .culture-top .culture-items .culture-item:first-child .culture-item-caption .titles .title .after {
    right: -20px;
    left: auto
}

@media screen and (max-width: 768px) {
    .culture-page .culture-top .culture-items .culture-item:first-child .culture-item-caption .titles .title .after {
        left: 0;
        height: 20px;
        width: 300px;
        background-color: #00ead7
    }

    .rtl .culture-page .culture-top .culture-items .culture-item:first-child .culture-item-caption .titles .title .after {
        right: 0;
        left: auto
    }
}

.culture-page .culture-top .culture-items .culture-item:first-child .culture-item-caption .titles .title-content {
    letter-spacing: 2px
}

.culture-page .culture-top .culture-items .content {
    padding: 0 9%;
    clear: both
}

@media screen and (max-width: 768px) {
    .culture-page .culture-top .culture-items .content {
        padding: 0
    }
}

.culture-page .culture-top .culture-items .content .content-title {
    font-family: "Libre-Baskerville", "Arial", sans-serif;
    color: #bebdbd;
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px
}

.culture-page .culture-top .culture-items .content .main-data {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 30px;
    text-align: justify
}

@media screen and (max-width: 768px) {
    .culture-page .culture-top .culture-items .content .main-data {
        text-align: left
    }

    .rtl .culture-page .culture-top .culture-items .content .main-data {
        text-align: right
    }
}

.culture-page .culture-top .culture-items .culture-item-visuel {
    overflow: hidden;
    position: relative;
    max-height: 700px
}

.culture-page .culture-top .culture-items .culture-item-visuel img {
    display: block;
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    .culture-page .culture-top .culture-items .culture-item-visuel {
        height: 210px !important
    }
}

@media screen and (max-width: 768px) {
    .culture-page .culture-top .culture-items .culture-item-visuel .play {
        display: none
    }
}

.culture-page .culture-top .culture-items .culture-item-visuel a {
    display: block
}

.culture-page .culture-bottom .culture-items {
    width: 100%;
    overflow: hidden
}

.culture-page .culture-bottom .culture-items .culture-item {
    float: left;
    width: 50%;
    position: relative
}

.rtl .culture-page .culture-bottom .culture-items .culture-item {
    float: right
}

@media screen and (max-width: 768px) {
    .culture-page .culture-bottom .culture-items .culture-item {
        float: none;
        width: 100%
    }
}

.culture-page .culture-bottom .culture-items .culture-item .culture-item-visuel img {
    display: block;
    width: 100%
}

.culture-page .culture-bottom .culture-items .culture-item .culture-item-caption {
    position: absolute;
    top: 48%;
    left: 0;
    width: 100%
}

.rtl .culture-page .culture-bottom .culture-items .culture-item .culture-item-caption {
    right: 0;
    left: auto
}

@media screen and (max-width: 768px) {
    .culture-page .culture-bottom .culture-items .culture-item .culture-item-caption {
        top: 40%
    }
}

.culture-page .culture-bottom .culture-items .culture-item .culture-item-caption .title {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 25px;
    font-size: 2.5rem;
    color: #fff;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    text-transform: uppercase;
    line-height: 25px;
    letter-spacing: 1.5px
}

@media screen and (max-width: 768px) {
    .culture-page .culture-bottom .culture-items .culture-item .culture-item-caption .title {
        padding: 0 45px
    }
}

.block-revealer__element {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000;
    pointer-events: none;
    opacity: 0
}

.rtl .block-revealer__element {
    left: 0;
    right: auto
}

.page-cultureKrupsPage .master-ban-head {
    min-height: 400px
}

@media screen and (max-width: 768px) {
    .page-cultureKrupsPage .master-ban-head {
        min-height: inherit
    }
}

.page-cultureKrupsPage .master-ban-head .visual img {
    min-height: 400px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .page-cultureKrupsPage .master-ban-head .visual img {
        width: 120%;
        max-width: inherit
    }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .page-cultureKrupsPage .master-ban-head {
        min-height: 500px
    }

    .page-cultureKrupsPage .master-ban-head .visual img {
        width: 120%;
        max-width: inherit
    }
}

@media screen and (max-width: 768px) {
    .page-cultureKrupsPage .block-machine .block-machine-content .btn-gray {
        clear: both;
        margin: 10px auto
    }
}

.page-cultureKrupsPage .wrap-breadcrumb a,
.page-cultureKrupsPage .wrap-breadcrumb li a {
    color: #fff
}

.page-cultureKrupsPage .wrap-breadcrumb a:hover,
.page-cultureKrupsPage .wrap-breadcrumb a.active,
.page-cultureKrupsPage .wrap-breadcrumb li a:hover,
.page-cultureKrupsPage .wrap-breadcrumb li a.active {
    color: #fff
}

@media screen and (min-width: 768px) and (max-width: 1025px) {
    .page-cultureKrupsPage .wrap-breadcrumb {
        display: none
    }
}

.page-cultureKrupsPage .page-recipe-details #master-detail-product .product-viewer .product-viewer-content .visuel {
    position: relative;
    top: auto;
    bottom: 0;
    transform: initial;
    overflow: hidden
}

.page-cultureKrupsPage .page-recipe-details #master-detail-product .product-viewer .product-viewer-content .visuel img {
    height: 100%;
    width: 100%
}

.page-cultureKrupsPage .page-recipe-details #master-detail-product .product-viewer .product-viewer-content .visuel .play img {
    width: 59px;
    height: auto
}

.page-cultureKrupsPage .wrap-breadcrumb li:after,
.page-cultureKrupsPage .wrap-breadcrumb h1:after {
    background: url(../img/arrows/arrow-breadcrumb-2.png) no-repeat 0 0;
    background-size: 5px auto
}

.page-cultureKrupsPage input::-webkit-input-placeholder {
    color: #fff
}

.page-cultureKrupsPage input::-moz-placeholder {
    color: #fff
}

.page-cultureKrupsPage input::-ms-input-placeholder {
    color: #fff
}

.page-cultureKrupsPage input::-moz-placeholder {
    color: #fff
}

.page-cultureKrupsPage #ModalMedia {
    padding: 0
}

.home-culture .master-ban-head {
    max-height: 500px;
    padding: 0;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .home-culture .master-ban-head {
        max-height: 300px
    }

    .home-culture .master-ban-head img {
        max-width: none;
        margin: -200px
    }
}

.home-culture .master-ban-head .caption {
    top: 300px
}

@media screen and (min-width: 980px) and (max-width: 1024px) {
    .home-culture .master-ban-head .caption {
        top: 270px
    }
}

@media screen and (min-width: 768px) and (max-width: 980px) {
    .home-culture .master-ban-head .caption {
        top: 210px
    }
}

.home-culture .master-ban-head .caption .description {
    color: #fff;
    width: 40%;
    margin: 25px auto 0;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 21px;
    text-transform: none;
    font-size: 14px;
    font-size: 1.4rem;
    height: 65px;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .home-culture .master-ban-head .caption .description {
        margin: 0;
        width: 100%;
        padding: 10px 25px 0 25px;
        height: 115px
    }
}

@media screen and (max-width: 768px) {
    .home-culture .master-ban-head .caption {
        top: 115px
    }
}

@media screen and (max-width: 768px) {
    .home-culture .master-ban-head {
        padding-top: 53px
    }
}

.home-culture .culture-search {
    margin-top: -60px;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 768px) {
    .home-culture .culture-search {
        margin: -40px 0 0 0;
        padding: 0 30px
    }
}

.home-culture .culture-search .container .cont-search {
    background: #232120;
    padding: 30px 40px;
    text-align: center;
    position: relative;
    margin: 0 auto;
    max-width: 70%;
    min-height: 110px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .home-culture .culture-search .container .cont-search {
        padding: 30px 20px
    }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .home-culture .culture-search .container .cont-search {
        padding: 30px 20px
    }
}

@media screen and (max-width: 768px) {
    .home-culture .culture-search .container .cont-search {
        max-width: none;
        min-height: auto
    }
}

.home-culture .culture-search .container .cont-search input[type="text"] {
    background: transparent;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
    min-height: 38px;
    line-height: 1.2em;
    border: 0;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    width: 100%;
    box-shadow: 0 0 transparent;
    margin: 0;
    padding: 0 8px 5px;
    color: #fff
}

.home-culture .culture-search .container .cont-search .sort {
    background: #fff;
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 5px;
    min-width: 256px;
    margin: 0 10px
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .home-culture .culture-search .container .cont-search .sort {
        width: 35%;
        min-width: inherit
    }
}

@media screen and (min-width: 768px) and (max-width: 1025px) {
    .home-culture .culture-search .container .cont-search .sort {
        width: 35%;
        min-width: inherit
    }
}

@media screen and (max-width: 768px) {
    .home-culture .culture-search .container .cont-search .sort {
        margin: 0 0 10px 0;
        display: block
    }
}

.home-culture .culture-search .container .cont-search .sort:after {
    content: "\e902";
    font-family: icokrups;
    font-size: 8px;
    font-size: 0.8rem;
    width: 44px;
    height: 48px;
    border-radius: 5px;
    position: absolute;
    top: 1px;
    right: 1px;
    background: #fff;
    text-align: center;
    line-height: 50px;
    pointer-events: none
}

.rtl .home-culture .culture-search .container .cont-search .sort:after {
    left: 1px;
    right: auto
}

.home-culture .culture-search .container .cont-search .sort select {
    font-size: 14px;
    font-size: 1.4rem;
    color: #948e88;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 0;
    padding: 0 46px 0 20px;
    height: 50px;
    width: 100%
}

.rtl .home-culture .culture-search .container .cont-search .sort select {
    padding: 0 20px 0 46px
}

.home-culture .culture-search .container .cont-search .search-wrapper {
    padding: 38px 90px 22px 90px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: #232120
}

.rtl .home-culture .culture-search .container .cont-search .search-wrapper {
    right: 0;
    left: auto
}

@media screen and (max-width: 768px) {
    .home-culture .culture-search .container .cont-search .search-wrapper {
        padding: 10px 0 0 0;
        position: relative;
        top: auto;
        right: 0;
        display: block
    }

    .rtl .home-culture .culture-search .container .cont-search .search-wrapper {
        right: auto;
        left: 0
    }
}

.home-culture .culture-search .container .cont-search .search-wrapper form {
    position: relative;
    width: 75%;
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    .home-culture .culture-search .container .cont-search .search-wrapper form {
        height: auto;
        width: 100%;
        margin: 10px 0
    }
}

.home-culture .culture-search .container .cont-search .search-wrapper form .submit-search {
    display: inline-block;
    background: #232120;
    border: none;
    position: absolute;
    top: 0;
    right: 0
}

.rtl .home-culture .culture-search .container .cont-search .search-wrapper form .submit-search {
    left: 0;
    right: auto
}

.home-culture .culture-search .container .cont-search .search-wrapper .content {
    position: relative;
    width: 100%;
    height: 100%
}

.home-culture .culture-search .container .cont-search .search-wrapper .close {
    cursor: pointer;
    z-index: 10;
    position: absolute;
    top: 37%;
    right: 0;
    color: #fff;
    font-size: 0;
    font-weight: normal;
    width: 26px;
    height: 29px;
    display: block;
    overflow: hidden;
    margin: -13px 0 0 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    transition: all 0.3s;
    line-height: 1;
    outline: none
}

.rtl .home-culture .culture-search .container .cont-search .search-wrapper .close {
    right: auto;
    left: 0
}

.home-culture .culture-search .container .cont-search .search-wrapper .close::after {
    font-family: icokrups;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 20px;
    font-size: 2rem;
    content: "\e701";
    text-indent: 0;
    display: block;
    color: #fff;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.3s
}

.home-culture .culture-search .container .cont-search .search-wrapper .close:focus {
    outline: none
}

.home-culture .culture-search .container .cont-search .search-wrapper .close img {
    display: none
}

@media screen and (max-width: 768px) {
    .home-culture .culture-search .container .cont-search .search-wrapper .close {
        display: none
    }
}

.home-culture .culture-search .container .cont-search .trigger-search {
    margin-left: 10px;
    padding: 13px 0;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #232120
}

.rtl .home-culture .culture-search .container .cont-search .trigger-search {
    margin-right: 10px
}

@media screen and (max-width: 768px) {
    .home-culture .culture-search .container .cont-search .trigger-search {
        position: absolute;
        right: 0;
        top: -10px;
        padding: 0;
        display: none;
        margin: 0
    }

    .rtl .home-culture .culture-search .container .cont-search .trigger-search {
        right: auto;
        left: 0
    }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .home-culture .culture-search .container .cont-search .trigger-search {
        position: absolute;
        right: 7%;
        top: 27px;
        margin: 0
    }

    .rtl .home-culture .culture-search .container .cont-search .trigger-search {
        left: 7%;
        right: auto
    }
}

@media screen and (min-width: 768px) and (max-width: 1025px) {
    .home-culture .culture-search .container .cont-search .trigger-search {
        margin: 0
    }
}

@media screen and (max-width: 768px) {
    .home-culture .culture-search .container .cont-search {
        padding: 20px
    }
}

.home-culture .search-result {
    padding: 24px 0 40px;
    position: relative
}

@media screen and (max-width: 768px) {
    .home-culture .search-result {
        padding: 30px
    }
}

.home-culture .search-result .grid-wrap ul {
    width: 100% !important
}

@media screen and (max-width: 768px) {
    .home-culture .search-result .grid-wrap ul {
        margin: 0
    }
}

.home-culture .search-result .grid-wrap ul li {
    width: 33.33%;
    list-style: none;
    padding: 0 10px 20px;
    float: left
}

.rtl .home-culture .search-result .grid-wrap ul li {
    float: right
}

@media screen and (min-width: 768px) and (max-width: 900px) {
    .home-culture .search-result .grid-wrap ul li {
        width: 50%
    }
}

.home-culture .search-result .grid-wrap ul li a.item-link {
    background-color: #232120
}

.home-culture .search-result .grid-wrap ul li .visuel {
    height: 190px
}

.home-culture .search-result .grid-wrap ul li .visuel img {
    height: 100%;
    width: 100%;
    max-width: none
}

.home-culture .search-result .grid-wrap ul li .recipe-in-popin {
    min-height: 400px
}

.home-culture .search-result .grid-wrap ul li .recipe-in-popin .visuel {
    height: 400px
}

.home-culture .search-result .grid-wrap ul li .recipe-in-popin .visuel img {
    height: 400px;
    width: auto;
    max-width: none
}

@media screen and (max-width: 768px) and (orientation: landscape) {
    .home-culture .search-result .grid-wrap ul li .recipe-in-popin .visuel img {
        height: auto;
        width: 100%;
        max-width: 100%
    }
}

@media screen and (min-width: 900px) and (max-width: 1024px) {
    .home-culture .search-result .grid-wrap ul li .recipe-in-popin {
        min-height: 350px
    }

    .home-culture .search-result .grid-wrap ul li .recipe-in-popin .visuel {
        height: 350px
    }

    .home-culture .search-result .grid-wrap ul li .recipe-in-popin .visuel img {
        height: 350px
    }
}

@media screen and (max-width: 768px) {
    .home-culture .search-result .grid-wrap ul li {
        width: 100%;
        padding: 0;
        margin: 0 0 30px 0;
        min-width: auto
    }
}

.home-culture .search-result .grid-wrap ul li .visuel {
    overflow: hidden;
    position: relative
}

.home-culture .search-result .grid-wrap ul li .visuel:after {
    content: "";
    background-color: rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.home-culture .search-result .grid-wrap ul li .caption-wrapper {
    display: block;
    max-height: 111px;
    background: #232120;
    overflow: hidden
}

.home-culture .search-result .grid-wrap ul li .caption {
    background: #232120;
    padding: 30px 20px 30px;
    text-align: center;
    text-transform: uppercase;
    max-height: 111px;
    overflow: hidden;
    opacity: 0
}

.home-culture .search-result .grid-wrap ul li .caption .category {
    opacity: 0;
    color: #f38230;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 10px;
    font-size: 1rem;
    margin-bottom: 5px;
    transition: all 0.3s
}

.home-culture .search-result .grid-wrap ul li .caption .title {
    opacity: 0;
    color: #fff;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    height: 50px;
    overflow: hidden;
    transition: all 0.3s
}

.home-culture .search-result .grid-wrap ul li.big .caption {
    background: transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 145px
}

.rtl .home-culture .search-result .grid-wrap ul li.big .caption {
    left: auto;
    right: 0
}

.home-culture .search-result .grid-wrap ul li.big .caption .category {
    color: #fff;
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase
}

.home-culture .search-result .grid-wrap ul li.shown a.item-link {
    background-color: #232120
}

.home-culture .search-result .grid-wrap ul li.shown .caption {
    background: #232120;
    opacity: 1
}

.home-culture .search-result .grid-wrap ul li.shown .caption .category,
.home-culture .search-result .grid-wrap ul li.shown .caption .title {
    opacity: 1;
    max-height: 26px;
    overflow: hidden
}

.home-culture .search-result .grid-wrap ul li.shown .caption .category {
    max-height: 36px
}

.home-culture .search-result .grid-wrap ul li.shown .play-video {
    display: block
}

.home-culture .search-result .grid-wrap ul li.shown.big .caption {
    background: transparent
}

.home-culture .search-result .grid-wrap ul li a:hover {
    color: initial
}

.home-culture .search-result .grid-wrap ul li .infos-recipe {
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: initial;
    margin-top: 20px
}

.home-culture .search-result .grid-wrap ul li .infos-recipe .item {
    font-family:  "Open Sans", "Arial", sans-serif;
font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-shadow: 0px 0px 2px #000
}

.home-culture .search-result .grid-wrap ul li .infos-recipe .item span {
    color: #f38230;
    display: inline-block;
    margin-right: 5px;
    text-shadow: none
}

.rtl .home-culture .search-result .grid-wrap ul li .infos-recipe .item span {
    margin-left: 5px
}

.home-culture .search-result .grid-wrap ul li .infos-recipe .item:after {
    content: "|";
    font-size: 11px;
    font-size: 1.1rem;
    opacity: 0.7;
    margin: 0 11px 0 16px;
    font-weight: normal
}

.rtl .home-culture .search-result .grid-wrap ul li .infos-recipe .item:after {
    margin: 0 16px 0 11px
}

@media screen and (max-width: 768px) {
    .home-culture .search-result .grid-wrap ul li .infos-recipe .item:after {
        margin: 0 3px 0 3px
    }
}

.home-culture .search-result .grid-wrap ul li .infos-recipe .item:last-child:after {
    display: none
}

.home-culture .search-result .grid-wrap ul li .play-video {
    background: url("../img/icon/play-white.png") no-repeat 0 0;
    background-size: 50px auto;
    font-size: 0px;
    font-size: 0rem;
    position: absolute;
    top: 32%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    display: none;
    width: 50px;
    height: 50px;
    z-index: 2;
    opacity: 0.5;
    transition: all 0.3s;
    cursor: pointer
}

.home-culture .search-result .grid-wrap ul li .play-video.loading {
    visibility: hidden
}

.home-culture .search-result .grid-wrap ul li .play-video[data-status="stop"] {
    background-image: url("../img/icon/icon-pause-orange.png")
}

.home-culture .search-result .grid-wrap ul li .play-video:before {
    content: "";
    width: 58px;
    height: 58px;
    position: absolute;
    border-radius: 100%;
    outline: none;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border: 1px solid transparent
}

.rtl .home-culture .search-result .grid-wrap ul li .play-video:before {
    right: 50%;
    left: auto;
    transform: translate(50%, -50%)
}

.home-culture .search-result .grid-wrap ul li .play-video:hover {
    opacity: 1
}

.home-culture .search-result .grid-wrap ul li .play-video:hover:before {
    animation: ripples .8s ease-in-out;
    border: none;
    outline: none
}

.home-culture .search-btn {
    text-align: center;
    width: 100%;
    clear: both
}

.home-culture .search-btn.search-btn-bottom {
    padding: 40px 0
}

@media screen and (max-width: 768px) {
    .home-culture .search-btn.search-btn-bottom .btn-gray {
        width: 100%;
        line-height: 21px
    }
}

.home-culture #culture-popin {
    position: relative
}

.home-culture #culture-popin #master-detail-product .product-viewer {
    vertical-align: top
}

.home-culture #culture-popin #master-detail-product .product-viewer .product-viewer-content {
    margin-top: 0px;
    height: auto
}

.home-culture #culture-popin #master-detail-product .product-viewer .product-viewer-content.video-content {
    margin-top: 0;
    padding-top: 0
}

@media screen and (max-width: 768px) {
    .home-culture #culture-popin #master-detail-product .product-viewer .product-viewer-content.video-content {
        margin-top: 35px
    }
}

.home-culture #culture-popin #master-detail-product .product-viewer .product-viewer-content.video-content [data-target="#ModalMedia"] {
    overflow: hidden;
    display: block
}

.home-culture #culture-popin #master-detail-product .product-viewer .product-viewer-content.video-content [data-target="#ModalMedia"] img {
    width: 100%;
    height: auto
}

.home-culture #culture-popin #master-detail-product .product-viewer .product-viewer-content.video-content [data-target="#ModalMedia"] .play img {
    width: 59px;
    height: auto
}

@media screen and (max-width: 768px) {
    .home-culture #culture-popin #master-detail-product .product-viewer .product-viewer-content {
        margin-top: 35px
    }
}

.home-culture #culture-popin #master-detail-product .product-detail .product-detai-content {
    padding-top: 50px
}

.home-culture #culture-popin .culture-popin-close {
    cursor: pointer;
    z-index: 10;
    position: absolute;
    top: 20px;
    right: 24px;
    color: #a19a94;
    font-size: 0;
    font-weight: normal;
    width: 26px;
    height: 29px;
    display: block;
    overflow: hidden;
    margin: 0;
    z-index: 9999999;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    transition: all 0.3s;
    line-height: 1;
    outline: none
}

.rtl .home-culture #culture-popin .culture-popin-close {
    right: auto;
    left: 24px
}

.home-culture #culture-popin .culture-popin-close::after {
    font-family: icokrups;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 14px;
    font-size: 1.4rem;
    content: "\e701";
    text-indent: 0;
    display: block;
    color: #a19a94;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.3s
}

.home-culture #culture-popin .culture-popin-close:focus {
    outline: none
}

.home-culture #culture-popin .culture-popin-close img {
    display: none
}

@media screen and (max-width: 768px) {
    .home-culture #culture-popin .culture-popin-close {
        right: 5px
    }

    .rtl .home-culture #culture-popin .culture-popin-close {
        left: 5px;
        right: auto
    }
}

@media screen and (max-width: 1024px) {

    .oldBrowsers,
    .cookie {
        top: -200px
    }

    .oldBrowsers p,
    .oldBrowsers .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .oldBrowsers div,
    .cookie p,
    .cookie .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .cookie div {
        width: auto;
        text-align: center;
        padding: 0 53px;
        min-width: 350px
    }

    .oldBrowsers p .close,
    .oldBrowsers .krups-block-univers .krups-block-wrapper div .close,
    .krups-block-univers .krups-block-wrapper .oldBrowsers div .close,
    .cookie p .close,
    .cookie .krups-block-univers .krups-block-wrapper div .close,
    .krups-block-univers .krups-block-wrapper .cookie div .close {
        position: absolute;
        top: 5px;
        right: 10px
    }

    .page-faq-categories-list .list-cat .span3,
    .page-StoreFinderOnLinePage .row-fluid.bloc-light .span3,
    .list-cat .span3 {
        width: 210px;
        min-width: 210px;
        float: left
    }

    .page-faq-categories-list .list-cat .span9,
    .page-StoreFinderOnLinePage .row-fluid.bloc-light .span9,
    .list-cat .span9 {
        float: none;
        width: auto;
        overflow: hidden;
        padding-right: 5px
    }

    .page-faq-categories-list .list-cat .span9 .picture,
    .page-StoreFinderOnLinePage .row-fluid.bloc-light .span9 .picture,
    .list-cat .span9 .picture {
        overflow: hidden
    }

    .list-product .item .border {
        width: 44px;
        margin: 0 10px 0 0
    }
}

@media screen and (max-width: 768px) {
    .mini-header header:not([class*="pr-"]) {
        min-height: 49px
    }

    .burger-icon {
        margin: 0 9px 0 10px
    }

    .head-entry .country>a,
    .head-entry .lang a,
    .head-entry a.dropmenu-toggle,
    .head-entry span.dropmenu-toggle,
    .head-entry #cart_content a {
        padding: 11px 0px 10px 4px
    }

    .head-entry .country>a:after,
    .head-entry .lang a:after,
    .head-entry a.dropmenu-toggle:after,
    .head-entry span.dropmenu-toggle:after,
    .head-entry #cart_content a:after {
        display: none
    }

    .head-entry .country>a:after,
    .head-entry .lang a:after,
    .head-entry a.dropmenu-toggle:after,
    .head-entry span.dropmenu-toggle:after,
    .head-entry #cart_content a:after {
        top: 0;
        margin-top: 0;
        bottom: 0;
        height: 100%
    }

    span.reparability-excluded {
        padding: 5px 5px 5px
    }

    .mini-header span.reparability-excluded {
        padding: 10px 10px 10px
    }

    .head-entry .logged_in .ico-user:after {
        font-size: 13px;
        width: 12px;
        height: 12px
    }

    .head-entry li {
        position: static
    }

    .head-entry .country {
        display: none
    }

    .page-CountrySelectorPageInternational .moulinex-portal .wrap-main-content ul {
        padding: 0
    }

    .page-CountrySelectorPageInternational .moulinex-portal .wrap-main-content .span6 {
        margin: 0
    }

    .moulinex-international h4 {
        padding-left: 0
    }

    .moulinex-international h4:after {
        content: ""
    }

    .moulinex-international .wrap-main-content {
        padding-top: 100px
    }

    .moulinex-international .wrap-main-content .banner-country-selector .border {
        height: auto;
        margin: 0 auto;
        width: 100%
    }
}

@media screen and (max-width: 1024px) {

    .page-productDetails .bloc,
    .page-CSSIFUProductPage .bloc,
    .page-CSSFAQProductPage .bloc,
    .page-AccessoryDetailPage .bloc,
    #globalMessages p,
    #globalMessages .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper #globalMessages div,
    .bloc-identification .control-label,
    .bloc-identification .span6,
    .bloc-identification,
    .cart-steps {
        width: 100%
    }

    .modal {
        width: auto;
        margin-left: 0;
        left: 15px;
        right: 15px
    }

    .page-productDetails .row-fluid .span6 {
        margin: 0;
        width: 100%;
        clear: both;
        margin-left: 5px
    }
}

@media screen and (max-width: 768px) {
    .motion-component {
        height: 300px;
        display: none
    }

    .page-homepage .motion-component {
        display: block
    }

    #CartLoginForm .controls,
    #FormCreateProfile .controls {
        margin: 0 !important
    }
}

.mobile-head-title {
    display: none
}

@media screen and (max-width: 768px) {
    .mobile-head-title {
        display: block
    }

    .mobile-head-title .container {
        padding: 0
    }

    .mobile-head-title h1 {
        margin: 0;
        font-size: 50px;
        font-size: 5rem;
        color: #fff;
        line-height: 1em;
        font-weight: 100;
        padding: 30px 15px;
        text-transform: uppercase;
        background-color: #A6B2BA;
        background-color: rgba(166, 178, 186, 0.4)
    }
}

@media screen and (max-width: 1024px) {
    .page-account .faq-topics-list .item {
        width: 46%
    }

    .page-account .faq-topics-list .item:nth-child(odd) {
        margin: 0 4% 37px 0
    }

    .page-account .faq-topics-list .item:nth-child(2n) {
        margin: 0 0 37px 4%
    }
}

@media screen and (max-width: 1024px) {

    .template-pages-AccountPageTemplate .row-fluid.bloc>.span9,
    .page-newsletter .row-fluid>.span9,
    .template-pages-AccountPageTemplate .row-fluid.bloc-light>.span9 {
        width: 66%;
        margin-left: 20px
    }

    .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9,
    .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9+.cart-action {
        width: 71%
    }

    .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9+.cart-action {
        margin-top: 20px
    }

    .page-my-repairers .google-maps .span4 {
        height: 335px;
        overflow-y: scroll
    }

    .page-my-repairers #repairs-search .input-append {
        width: 100%
    }
}

@media screen and (max-width: 900px) {

    .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9,
    .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9+.cart-action {
        width: 66%
    }
}

@media screen and (max-width: 768px) {

    .page-my-repairers .google-maps .span4,
    .page-newsletter .row-fluid>.span9,
    .page-newsletter .row-fluid>.span3,
    .accessories-services ul.thumbnails,
    .page-faqhomepage .row-fluid.bloc-light>.span3,
    .page-faqhomepage .row-fluid.bloc-light>.span9,
    .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span3,
    .template-pages-AccountPageTemplate .row-fluid.bloc-light>.span3,
    .template-pages-AccountPageTemplate .row-fluid.bloc>.span3,
    .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9,
    .template-pages-AccountPageTemplate .row-fluid.bloc-light>.span9,
    .template-pages-AccountPageTemplate .row-fluid.bloc>.span9,
    .page-faq-categories-list .list-cat .span9,
    .page-StoreFinderOnLinePage .row-fluid.bloc-light .span9,
    .list-cat .span9,
    .page-faq-categories-list .list-cat .span3,
    .page-StoreFinderOnLinePage .row-fluid.bloc-light .span3,
    .list-cat .span3,
    .list-product .span9,
    .list-product .span3 {
        margin: 0;
        width: 100%;
        padding: 0 15px
    }

    .page-newsletter .row-fluid>.span3,
    .page-newsletter .row-fluid>.span9,
    .template-pages-AccountPageTemplate .row-fluid.bloc-light>.span3,
    .template-pages-AccountPageTemplate .row-fluid.bloc>.span3,
    .page-my-repairers .row-fluid.bloc>.span3,
    .page-StoreFinderOnLinePage .row-fluid.bloc-light .span3,
    .page-faq-categories-list .list-cat .span3,
    .page-faqhomepage .row-fluid.bloc-light>.span3,
    .list-cat .span3,
    .page-my-repairers .row-fluid.bloc,
    .template-pages-AccountPageTemplate .row-fluid.bloc>.span9,
    .list-product .span9,
    .list-product .span3 {
        padding: 0
    }

    .page-newsletter .row-fluid>.span9 h4,
    .page-newsletter .row-fluid>.span9 p,
    .page-newsletter .row-fluid>.span9 .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .page-newsletter .row-fluid>.span9 div {
        padding: 0 10px
    }

    .template-pages-AccountPageTemplate.page-order #globalMessages+.row-fluid>.span9+.cart-action {
        width: 100%;
        float: none;
        margin-left: 0
    }

    .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user {
        padding: 0 15px 30px
    }

    .order_history_information .total-cart .row-fluid .span4,
    .total-cart .row-fluid .span4,
    .total-promo {
        padding: 20px 0 0;
        float: none
    }

    .total-promo {
        padding: 15px
    }

    .total-promo h5,
    .total-promo #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .messages-area>.h5,
    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .total-promo .messages-area>.h5,
    .total-promo #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>h5,
    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .total-promo .elements-suggestion-area>h5,
    .total-promo #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .elements-suggestion-area>.h5,
    #autocomplete-container .autocomplete-container .container.autocomplete-body .autocomplete-cat .total-promo .elements-suggestion-area>.h5 {
        width: 60%;
        min-width: 10px;
        float: left;
        padding: 0;
        line-height: 21px
    }

    .order_history_information .total-promo .pull-right,
    .total-promo .pull-right {
        width: 30%;
        min-width: 10px;
        float: right;
        padding: 0 10px 0 10px
    }

    div.mobile-banner {
        position: relative;
        height: auto;
        max-height: 160px;
        overflow: hidden
    }

    div.mobile-banner img {
        position: static;
        width: 100%
    }

    .consumer-services-wr.warrantyp .faq-banner,
    .banner-mobile {
        overflow: hidden;
        position: relative;
        max-height: 300px
    }

    .consumer-services-wr.warrantyp .faq-banner h3:empty,
    .banner-mobile h3:empty {
        display: none
    }

    .consumer-services-wr.warrantyp .faq-banner img,
    .banner-mobile img {
        width: 200%;
        max-width: 200%;
        position: relative;
        left: -50%
    }

    .template-pages-AccountPageTemplate .row-fluid.bloc>.span9 {
        margin-left: 0;
        width: 100%;
        padding: 0;
        margin-top: 0
    }

    .list-products .faq-topics-list .lame-filter-list+.item {
        width: 100%;
        padding: 0;
        margin: 0 0 15px
    }

    .template-pages-AccountPageTemplate #globalMessages+.row-fluid .order_history_information .span5,
    .page-ifu-categories-list .list-cat.list-products .faq-topics-home .item,
    .page-AccessoryListPage .list-cat.list-products .faq-topics-home .item,
    .page-faq-categories-list .list-cat.list-products .faq-topics-home .item,
    .faq-topics-list .item {
        width: 100%;
        height: auto
    }

    .legend-container {
        padding: 10px
    }

    .template-pages-AccountPageTemplate .claim-user {
        padding: 12px 10px 30px;
        overflow: hidden;
        text-transform: none
    }

    .template-pages-AccountPageTemplate .row-fluid.bloc .claim-user .desc {
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 12px;
        padding-top: 8px
    }

    .paiement-mode #FormPaymentMode {
        padding: 15px
    }

    .page-CSSRepairersWithMap .filters-recipes {
        padding: 0
    }

    #FormUserIds .span12 P:last-child,
    #updatePersonalInfoForm .span12 P:last-child,
    #FormProfile .span12 P:last-child {
        top: -31px;
        right: auto;
        left: 0
    }

    .order_history_information .total-promo {
        padding: 0;
        margin: 0 0 15px;
        border: 0
    }

    .order_history_information .total-cart .row-fluid {
        border: 0
    }

    .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user table,
    .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user tbody,
    .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user td,
    .template-pages-AccountPageTemplate .row-fluid.bloc .orders-user tr {
        width: 100%;
        display: block
    }

    .free-delivery {
        font-size: 22px;
        font-size: 2.2rem
    }

    .free-delivery p,
    .free-delivery .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .free-delivery div,
    .free-delivery small {
        font-size: 17px;
        font-size: 1.7rem
    }

    .paiement-mode .mode {
        width: 122px
    }

    .page-my-repairers .google-maps .span4 {
        height: auto;
        overflow-y: auto;
        display: block
    }
}

@media screen and (max-width: 768px) {
    .page-account .faq-topics-list {
        margin: 0 0 35px
    }

    .page-account .faq-topics-list .item {
        width: 100%;
        float: none;
        padding-right: 0;
        margin: 0 0 15px
    }

    .page-account .faq-topics-list .item:nth-child(odd) {
        margin: 0 0 15px
    }

    .page-account .faq-topics-list .item:nth-child(2n) {
        margin: 0 0 15px
    }

    .page-account .faq-products-list {
        margin: 0 0 35px
    }

    .page-account .faq-products-list .item {
        width: 100%;
        float: none;
        padding-right: 0;
        margin: 0
    }

    .page-account .faq-products-list .item:nth-child(odd) {
        margin: 0
    }

    .page-account .faq-products-list .item:nth-child(2n) {
        margin: 0
    }
}

@media screen and (max-width: 600px) {
    .list-products .faq-topics-list .item {
        width: 100%;
        padding: 0;
        margin: 0 0 15px
    }
}

@media screen and (max-width: 500px) {
    .page-account .faq-topics-list .item {
        width: 100%;
        float: none;
        padding-right: 0
    }
}

@media screen and (max-width: 900px) {

    .master-detail-product .product-detail p.ref+.row-fluid .span6,
    .master-detail-product .product-detail .krups-block-univers .krups-block-wrapper div.ref+.row-fluid .span6,
    .krups-block-univers .krups-block-wrapper .master-detail-product .product-detail div.ref+.row-fluid .span6,
    .master-detail-product .product-detail p.ref+.row-fluid+.row-fluid .span6,
    .master-detail-product .product-detail .krups-block-univers .krups-block-wrapper div.ref+.row-fluid+.row-fluid .span6,
    .krups-block-univers .krups-block-wrapper .master-detail-product .product-detail div.ref+.row-fluid+.row-fluid .span6 {
        width: 50%;
        clear: none
    }

    .master-detail-product .product-detail p.ref+.row-fluid+.row-fluid form .span6,
    .master-detail-product .product-detail .krups-block-univers .krups-block-wrapper div.ref+.row-fluid+.row-fluid form .span6,
    .krups-block-univers .krups-block-wrapper .master-detail-product .product-detail div.ref+.row-fluid+.row-fluid form .span6 {
        width: 100%
    }
}

@media screen and (max-width: 900px) {

    #FormCreateProfile legend,
    #FormCreateProfile h4,
    .new-user legend,
    .new-user h4,
    .returning-user legend,
    .returning-user h4 {
        padding: 0 15px 10px;
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.2em
    }

    #FormCreateProfile p,
    #FormCreateProfile .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper #FormCreateProfile div,
    .new-user p,
    .new-user .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .new-user div,
    .returning-user p,
    .returning-user .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .returning-user div {
        padding: 0 15px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.2em
    }

    #recaptcha_table td,
    #recaptcha_image img,
    #recaptcha_image {
        width: 100% !important
    }

    #formDeliveryMode .span6:first-child+.span6 .delivery-mode,
    .bloc-identification .offset1.span10 p,
    .bloc-identification .offset1.span10 .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .bloc-identification .offset1.span10 div,
    .bloc-identification .offset1.span10 #AddressManagerFix #AddAddressForm legend,
    .span6 .delivery-address,
    .span6 #fragmentDeliveryPage .addresse-block,
    #fragmentDeliveryPage .span6 .addresse-block,
    .span6 #fragmentPaymentPage .addresse-block,
    #fragmentPaymentPage .span6 .addresse-block,
    .span12 .delivery-address,
    .span12 #fragmentDeliveryPage .addresse-block,
    #fragmentDeliveryPage .span12 .addresse-block,
    .span12 #fragmentPaymentPage .addresse-block,
    #fragmentPaymentPage .span12 .addresse-block {
        padding: 0 15px
    }
}

@media screen and (max-width: 900px) and (max-width: 768px) {

    #formDeliveryMode .span6:first-child+.span6 .delivery-mode,
    .bloc-identification .offset1.span10 p,
    .bloc-identification .offset1.span10 .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .bloc-identification .offset1.span10 div,
    .bloc-identification .offset1.span10 #AddressManagerFix #AddAddressForm legend,
    .span6 .delivery-address,
    .span6 #fragmentDeliveryPage .addresse-block,
    #fragmentDeliveryPage .span6 .addresse-block,
    .span6 #fragmentPaymentPage .addresse-block,
    #fragmentPaymentPage .span6 .addresse-block,
    .span12 .delivery-address,
    .span12 #fragmentDeliveryPage .addresse-block,
    #fragmentDeliveryPage .span12 .addresse-block,
    .span12 #fragmentPaymentPage .addresse-block,
    #fragmentPaymentPage .span12 .addresse-block {
        padding: 0
    }
}

@media screen and (max-width: 900px) {

    #FormCreateProfile legend,
    .bloc-identification .offset1.span10 #AddressManagerFix #AddAddressForm legend {
        border: 0;
        margin: 0;
        padding: 0 8px
    }

    #formDeliveryMode .btn {
        margin: 0 0 10px 0;
        width: 100%
    }
}

@media screen and (max-width: 768px) {

    .register-form.product-list #RegisterProductForm .control-label,
    .page-updatePassword .form-horizontal .control-label,
    .page-newsletter .form-horizontal .control-label,
    .page-profile .form-horizontal .control-label,
    .bloc-identification .control-label {
        text-align: left;
        padding-bottom: 8px
    }

    .rtl .register-form.product-list #RegisterProductForm .control-label,
    .rtl .page-updatePassword .form-horizontal .control-label,
    .rtl .page-newsletter .form-horizontal .control-label,
    .rtl .page-profile .form-horizontal .control-label,
    .rtl .bloc-identification .control-label {
        text-align: right
    }

    .template-pages-AccountPageTemplate .addrFormContainer .controls {
        float: none
    }

    #AddAddressForm fieldset input[type=TEXT],
    #AddAddressForm fieldset input[type=PASSWORD],
    #newsLetterSubscriptionForm input[type=TEXT],
    #newsLetterSubscriptionForm input[type=PASSWORD],
    #RegisterProductForm input[type=TEXT],
    #RegisterProductForm input[type=PASSWORD],
    .page-updatePassword .form-horizontal input[type=TEXT],
    .page-updatePassword .form-horizontal input[type=PASSWORD],
    .page-newsletter .form-horizontal input[type=TEXT],
    .page-newsletter .form-horizontal input[type=PASSWORD],
    .page-profile .form-horizontal input[type=TEXT],
    .page-profile .form-horizontal input[type=PASSWORD],
    .bloc-identification input[type=TEXT],
    .bloc-identification input[type=PASSWORD],
    .template-pages-AccountPageTemplate .addrFormContainer input[type=TEXT],
    .template-pages-AccountPageTemplate .addrFormContainer input[type=PASSWORD] {
        width: 100% !important;
        height: 52px;
        padding: 0 15px
    }

    #AddAddressForm fieldset select,
    #newsLetterSubscriptionForm select,
    #RegisterProductForm select,
    .register-form.product-list #RegisterProductForm .controls select,
    .page-updatePassword .form-horizontal select,
    .page-newsletter .form-horizontal select,
    .page-profile .form-horizontal select,
    .bloc-identification select,
    .template-pages-AccountPageTemplate .addrFormContainer select {
        width: 100% !important;
        height: 52px;
        padding: 0 40px 0 15px
    }

    .page-address-book .addrFormContainer fieldset.row-fluid .span6:first-child,
    .page-address-book .addrFormContainer fieldset.row-fluid .span12:first-child,
    .page-profile .form-horizontal .span6:first-child,
    .page-profile .form-horizontal .span12:first-child {
        margin-bottom: 0px
    }

    .page-address-book .addrFormContainer fieldset.row-fluid .span6 .control-label,
    .page-address-book .addrFormContainer fieldset.row-fluid .span12 .control-label,
    .page-profile .form-horizontal .span6 .control-label,
    .page-profile .form-horizontal .span12 .control-label {
        width: 100% !important;
        float: none;
        margin-bottom: 5px
    }

    .page-address-book .addrFormContainer fieldset.row-fluid .span6 .controls,
    .page-address-book .addrFormContainer fieldset.row-fluid .span12 .controls,
    .page-profile .form-horizontal .span6 .controls,
    .page-profile .form-horizontal .span12 .controls {
        width: 100%;
        float: none
    }

    .register-form.product-list #RegisterProductForm .text-right {
        text-align: right
    }

    .page-account .faq-topics-home {
        text-align: center
    }

    .bloc-identification .offset1.span10 #AddressManagerFix #AddAddressForm fieldset fieldset .span6,
    .page-account .faq-topics-list.faq-products-list .item .border {
        width: 100%;
        height: auto
    }

    .page-account .faq-topics-list.faq-products-list .item a {
        width: 100%
    }

    .bloc-identification .offset1.span10 #AddressManagerFix #AddAddressForm fieldset fieldset .span6:first-child {
        width: 100%;
        float: none;
        margin: 0 auto 15px
    }

    .bloc-identification .offset1.span10 #AddressManagerFix #AddAddressForm fieldset fieldset .span6:first-child,
    .page-account .faq-topics-list .item {
        height: auto
    }

    .bloc-identification .offset1.span10 #AddressManagerFix #AddAddressForm fieldset fieldset .span6:first-child a,
    .page-account .faq-topics-list .item a {
        width: 100%
    }

    #newsLetterSubscriptionForm p:last-child,
    #newsLetterSubscriptionForm .krups-block-univers .krups-block-wrapper div:last-child,
    .krups-block-univers .krups-block-wrapper #newsLetterSubscriptionForm div:last-child {
        clear: both;
        text-align: center
    }

    .bloc-identification .btn-action,
    .template-pages-AccountPageTemplate .cart-action,
    .page-updatePassword .form-horizontal .btn-action,
    .page-newsletter .form-horizontal .btn-action,
    .page-profile .form-horizontal .btn-action {
        text-align: center;
        float: none;
        margin: 0 auto
    }

    .cart-action {
        overflow: hidden
    }

    .template-pages-AccountPageTemplate .final-address {
        padding: 0
    }

    #CartLoginForm {
        text-align: center;
        background: #faf7f7;
        padding: 15px
    }

    #CartLoginForm .control-group {
        background: transparent
    }

    #CartLoginForm .control-group:first-child+.control-group,
    #CartLoginForm .control-group:first-child {
        background: transparent;
        padding: 0
    }
}

@media screen and (max-width: 1024px) {
    .cart-list-table {
        width: 100%
    }

    .page-cart .cart-list-table tbody td:first-child,
    .page-cart .cart-list-table tbody td:nth-child(2),
    .page-order .cart-list-table tbody td:first-child,
    .page-order .cart-list-table tbody td:nth-child(2),
    .page-OrderConfirmationPage .cart-list-table tbody td:first-child,
    .page-OrderConfirmationPage .cart-list-table tbody td:nth-child(2),
    .page-MultiStepCheckoutSummaryPage .cart-list-table tbody td:first-child,
    .page-MultiStepCheckoutSummaryPage .cart-list-table tbody td:nth-child(2),
    .page-CartPage .cart-list-table tbody td:first-child,
    .page-CartPage .cart-list-table tbody td:nth-child(2) {
        width: auto
    }

    .page-cart .cart-list-table tbody td:nth-child(3),
    .page-order .cart-list-table tbody td:nth-child(3),
    .page-OrderConfirmationPage .cart-list-table tbody td:nth-child(3),
    .page-MultiStepCheckoutSummaryPage .cart-list-table tbody td:nth-child(3),
    .page-CartPage .cart-list-table tbody td:nth-child(3) {
        width: auto
    }

    .page-cart .cart-list-table tbody td:nth-child(4),
    .page-order .cart-list-table tbody td:nth-child(4),
    .page-OrderConfirmationPage .cart-list-table tbody td:nth-child(4),
    .page-MultiStepCheckoutSummaryPage .cart-list-table tbody td:nth-child(4),
    .page-CartPage .cart-list-table tbody td:nth-child(4) {
        width: auto
    }

    .page-cart .cart-list-table tbody td:nth-child(5),
    .page-order .cart-list-table tbody td:nth-child(5),
    .page-OrderConfirmationPage .cart-list-table tbody td:nth-child(5),
    .page-MultiStepCheckoutSummaryPage .cart-list-table tbody td:nth-child(5),
    .page-CartPage .cart-list-table tbody td:nth-child(5) {
        width: 170px
    }

    .page-cart .cart-list-table tbody td:nth-child(6),
    .page-order .cart-list-table tbody td:nth-child(6),
    .page-OrderConfirmationPage .cart-list-table tbody td:nth-child(6),
    .page-MultiStepCheckoutSummaryPage .cart-list-table tbody td:nth-child(6),
    .page-CartPage .cart-list-table tbody td:nth-child(6) {
        width: auto
    }

    .page-OrderConfirmationPage .span8 .final-address {
        padding: 15px
    }

    .page-OrderConfirmationPage .span6 .final-address p,
    .page-OrderConfirmationPage .span6 .final-address .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .page-OrderConfirmationPage .span6 .final-address div {
        padding: 0
    }
}

@media screen and (max-width: 900px) {
    .cart-steps {
        width: 100%;
        margin: 0
    }

    .cart-steps ul li {
        float: none;
        width: 100%;
        max-width: inherit;
        min-width: inherit;
        margin: 0;
        display: none;
        height: auto;
        padding: 3px 0 5px
    }

    .cart-steps ul li.active {
        display: block
    }

    .cart-steps ul li a {
        font-size: 26px;
        font-size: 2.6rem
    }

    .cart-steps ul li .ender,
    .cart-steps ul li:last-child.active .ender,
    .cart-steps ul li.last-child.active .ender {
        display: none
    }

    .cart-steps .print {
        display: none
    }

    .tunnel .delivery-address.registrated-address .span4,
    .tunnel #fragmentDeliveryPage .registrated-address.addresse-block .span4,
    #fragmentDeliveryPage .tunnel .registrated-address.addresse-block .span4,
    .tunnel #fragmentPaymentPage .registrated-address.addresse-block .span4,
    #fragmentPaymentPage .tunnel .registrated-address.addresse-block .span4 {
        width: 40%
    }
}

@media screen and (max-width: 900px) {

    .page-OrderConfirmationPage .total-cart .row-fluid,
    .cart-action,
    .delivery-cost,
    .page-OrderConfirmationPage .total-cart,
    .total-promo,
    .cart-list-table,
    .row-fluid .span8,
    .row-fluid .span6 {
        margin: 0;
        width: 100%;
        clear: both
    }

    .total-cart,
    .cart-action,
    .delivery-cost,
    .row-fluid .span4,
    .tunnel .delivery-address.registrated-address .span4,
    .tunnel #fragmentDeliveryPage .registrated-address.addresse-block .span4,
    #fragmentDeliveryPage .tunnel .registrated-address.addresse-block .span4,
    .tunnel #fragmentPaymentPage .registrated-address.addresse-block .span4,
    #fragmentPaymentPage .tunnel .registrated-address.addresse-block .span4 {
        width: 100%;
        clear: both;
        padding: 0 0 20px;
        text-align: center;
        float: none
    }

    .total-cart:last-child,
    .cart-action:last-child,
    .delivery-cost:last-child,
    .row-fluid .span4:last-child,
    .tunnel .delivery-address.registrated-address .span4:last-child,
    .tunnel #fragmentDeliveryPage .registrated-address.addresse-block .span4:last-child,
    #fragmentDeliveryPage .tunnel .registrated-address.addresse-block .span4:last-child,
    .tunnel #fragmentPaymentPage .registrated-address.addresse-block .span4:last-child,
    #fragmentPaymentPage .tunnel .registrated-address.addresse-block .span4:last-child {
        margin: 0
    }

    .row-fluid .span8 {
        text-align: left
    }

    .checkoutProgress {
        height: auto;
        padding: 0
    }

    .ZeGiveBtn_btnContainer,
    .ZeGiveBtn_btn {
        width: 100% !important;
        height: auto !important
    }

    .ZeGiveBtn_btnContainer img,
    .ZeGiveBtn_btn img {
        width: 100%
    }

    .page-cart .cart-list-table tbody td:first-child,
    .page-order .cart-list-table tbody td:first-child,
    .page-OrderConfirmationPage .cart-list-table tbody td:first-child,
    .page-MultiStepCheckoutSummaryPage .cart-list-table tbody td:first-child,
    .page-CartPage .cart-list-table tbody td:first-child {
        display: none
    }

    .page-cart .cart-list-table tbody td:nth-child(2),
    .page-cart .cart-list-table tbody td:nth-child(3),
    .page-cart .cart-list-table tbody td:nth-child(4),
    .page-cart .cart-list-table tbody td:nth-child(5),
    .page-cart .cart-list-table tbody td:nth-child(6),
    .page-order .cart-list-table tbody td:nth-child(2),
    .page-order .cart-list-table tbody td:nth-child(3),
    .page-order .cart-list-table tbody td:nth-child(4),
    .page-order .cart-list-table tbody td:nth-child(5),
    .page-order .cart-list-table tbody td:nth-child(6),
    .page-OrderConfirmationPage .cart-list-table tbody td:nth-child(2),
    .page-OrderConfirmationPage .cart-list-table tbody td:nth-child(3),
    .page-OrderConfirmationPage .cart-list-table tbody td:nth-child(4),
    .page-OrderConfirmationPage .cart-list-table tbody td:nth-child(5),
    .page-OrderConfirmationPage .cart-list-table tbody td:nth-child(6),
    .page-MultiStepCheckoutSummaryPage .cart-list-table tbody td:nth-child(2),
    .page-MultiStepCheckoutSummaryPage .cart-list-table tbody td:nth-child(3),
    .page-MultiStepCheckoutSummaryPage .cart-list-table tbody td:nth-child(4),
    .page-MultiStepCheckoutSummaryPage .cart-list-table tbody td:nth-child(5),
    .page-MultiStepCheckoutSummaryPage .cart-list-table tbody td:nth-child(6),
    .page-CartPage .cart-list-table tbody td:nth-child(2),
    .page-CartPage .cart-list-table tbody td:nth-child(3),
    .page-CartPage .cart-list-table tbody td:nth-child(4),
    .page-CartPage .cart-list-table tbody td:nth-child(5),
    .page-CartPage .cart-list-table tbody td:nth-child(6) {
        display: block;
        width: 100%;
        text-align: center;
        padding: 5px
    }

    .rtl .page-cart .cart-list-table tbody td:nth-child(2),
    .rtl .page-cart .cart-list-table tbody td:nth-child(3),
    .rtl .page-cart .cart-list-table tbody td:nth-child(4),
    .rtl .page-cart .cart-list-table tbody td:nth-child(5),
    .rtl .page-cart .cart-list-table tbody td:nth-child(6),
    .rtl .page-order .cart-list-table tbody td:nth-child(2),
    .rtl .page-order .cart-list-table tbody td:nth-child(3),
    .rtl .page-order .cart-list-table tbody td:nth-child(4),
    .rtl .page-order .cart-list-table tbody td:nth-child(5),
    .rtl .page-order .cart-list-table tbody td:nth-child(6),
    .rtl .page-OrderConfirmationPage .cart-list-table tbody td:nth-child(2),
    .rtl .page-OrderConfirmationPage .cart-list-table tbody td:nth-child(3),
    .rtl .page-OrderConfirmationPage .cart-list-table tbody td:nth-child(4),
    .rtl .page-OrderConfirmationPage .cart-list-table tbody td:nth-child(5),
    .rtl .page-OrderConfirmationPage .cart-list-table tbody td:nth-child(6),
    .rtl .page-MultiStepCheckoutSummaryPage .cart-list-table tbody td:nth-child(2),
    .rtl .page-MultiStepCheckoutSummaryPage .cart-list-table tbody td:nth-child(3),
    .rtl .page-MultiStepCheckoutSummaryPage .cart-list-table tbody td:nth-child(4),
    .rtl .page-MultiStepCheckoutSummaryPage .cart-list-table tbody td:nth-child(5),
    .rtl .page-MultiStepCheckoutSummaryPage .cart-list-table tbody td:nth-child(6),
    .rtl .page-CartPage .cart-list-table tbody td:nth-child(2),
    .rtl .page-CartPage .cart-list-table tbody td:nth-child(3),
    .rtl .page-CartPage .cart-list-table tbody td:nth-child(4),
    .rtl .page-CartPage .cart-list-table tbody td:nth-child(5),
    .rtl .page-CartPage .cart-list-table tbody td:nth-child(6) {
        text-align: center
    }

    .page-order .cart-list-table tbody td:first-child {
        display: block
    }

    .cart-list-table .product-detail {
        display: block;
        width: 100%;
        text-align: center
    }

    .cart-list-table {
        display: block;
        text-align: center
    }

    .cart-list-table thead th {
        display: none
    }

    .cart-list-table thead th:first-child {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 13px 0;
        font-size: 16px;
        font-size: 1.6rem
    }

    .cart-list-table tr,
    .cart-list-table tbody td,
    .cart-list-table td {
        display: block;
        width: 100%;
        text-align: center
    }

    .cart-list-table tbody td .picture {
        margin: 0 auto;
        background: none;
        height: auto
    }

    .cart-list-table .submitRemoveProduct {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        background: none;
        width: 38px;
        height: 38px;
        text-align: center;
        padding: 10px 0 0 0;
        color: #f38230;
        transition: all 0.3s;
        font-size: 25px;
        font-size: 2.5rem
    }

    .cart-list-table .submitRemoveProduct:hover {
        background: #a39a93;
        color: #eaeeef
    }

    .cart-list-table tr {
        position: relative;
        padding: 10px
    }

    .cart-list-table tr.hide {
        display: none
    }
}

@media screen and (max-width: 900px) and (max-width: 1024px) {
    .cart-list-table tr {
        border-top: 1px solid #F6F7F7
    }
}

@media screen and (max-width: 900px) and (max-width: 1024px) {
    .cart-list-table tr {
        padding: 0
    }
}

@media screen and (max-width: 900px) {
    .total-cart .row-fluid .span8:first-child {
        padding: 0 15px;
        width: 100%
    }

    .page-MultiStepCheckoutSummaryPage .total-cart .row-fluid .span8:first-child {
        position: relative;
        top: 0;
        width: 100%
    }

    .paiement-mode {
        margin: 0 0 15px;
        padding: 0 15px;
        max-width: 100%
    }

    #AddAddressForm fieldset .span6 {
        margin: 0 0 15px
    }

    .page-newsletter .form-horizontal .row-fluid,
    .register-form.product-list #RegisterProductForm {
        padding: 15px
    }
}

@media screen and (max-width: 1024px) {
    #socials {
        display: none
    }
}

@media screen and (max-width: 768px) {

    .page-CSSFAQProductPage .notice .slider-5-wrapper.bx-wrapper .bx-prev,
    .page-productDetails .notice .slider-5-wrapper.bx-wrapper .bx-prev {
        left: -50px
    }

    .page-CSSFAQProductPage .notice .slider-5-wrapper.bx-wrapper .bx-next,
    .page-productDetails .notice .slider-5-wrapper.bx-wrapper .bx-next {
        right: -50px
    }

    .page-productDetails .notice .slider-5-wrapper.bx-wrapper .bx-prev,
    .page-productDetails .notice .slider-5-wrapper.bx-wrapper .bx-next {
        top: 90px
    }
}

@media screen and (max-width: 768px) {
    .list-products .faq-topics-list .item .border {
        width: 100%
    }
}

@media screen and (max-width: 500px) {

    .list-products .bloc-light .display-filters p,
    .list-products .bloc-light .display-filters .krups-block-univers .krups-block-wrapper div,
    .krups-block-univers .krups-block-wrapper .list-products .bloc-light .display-filters div {
        padding: 8px;
        float: right
    }

    .list-products .bloc-light .display-filters .form-horizontal .control-label {
        width: auto;
        margin-right: 20px;
        margin-left: 30px;
        float: left
    }

    .list-products .bloc-light .display-filters .form-horizontal .controls {
        margin-left: 0;
        float: left
    }
}

@media screen and (max-width: 768px) {
    .notice .container h2 {
        line-height: 1.2em
    }

    .notice .container h2 strong {
        font-size: 3rem
    }
}

@media screen and (max-width: 900px) {
    .page-CartPage .cart-action {
        width: 100%
    }

    .page-CartPage .cart-list-table table {
        margin: 0
    }

    .page-CartPage .cart-list-table table thead tr {
        border-top: 0
    }

    .page-CartPage .cart-list-table .product-detail {
        margin-right: 20px;
        padding-bottom: 10px;
        clear: both;
        float: none
    }

    .page-CartPage .cart-list-table tfoot {
        padding: 0 15px
    }

    .page-CartPage .cart-list-table tfoot tr {
        display: none
    }

    .page-CartPage .cart-list-table tfoot tr:first-child {
        display: block;
        padding: 20px
    }

    .page-CartPage .cart-list-table tfoot tr:first-child td {
        padding: 0;
        border: none
    }

    .page-CartPage .cart-list-table tfoot tr:first-child td:nth-child(2) {
        text-align: center;
        margin: 0 0 4px
    }

    .page-CartPage .cart-list-table tfoot tr:first-child td:nth-child(2) label {
        text-align: center
    }

    .page-CartPage .cart-list-table tfoot tr:first-child td:first-child:not([colspan="6"]) {
        display: none
    }

    .page-CartPage .cart-list-table tfoot tr:first-child td .content-promo {
        width: 100%
    }

    .page-CartPage .cart-list-table tfoot tr:first-child td form input {
        width: 100%;
        display: inline-block;
        margin: 0 2% 0px 0;
        max-width: 740px
    }
}

@media screen and (max-width: 900px) and (max-width: 900px) {
    .page-CartPage .cart-list-table tfoot tr:first-child td form input {
        width: 100%
    }

    .rtl .page-CartPage .cart-list-table tfoot tr:first-child td form input {
        float: left
    }
}

@media screen and (max-width: 900px) and (max-width: 600px) {
    .page-CartPage .cart-list-table tfoot tr:first-child td form input {
        width: 100%
    }

    .rtl .page-CartPage .cart-list-table tfoot tr:first-child td form input {
        float: left
    }
}

@media screen and (max-width: 900px) {
    .page-CartPage .cart-list-table tfoot tr:first-child td form button[type="submit"] {
        width: 15%;
        max-width: 75px;
        margin: 20px 0;
        display: inline-block;
        float: none
    }

    .page-CartPage .cart-list-table tfoot tr:first-child td form .msg.error {
        display: block;
        margin-top: 0;
        clear: both;
        text-align: left;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 10px 0;
        text-align: center
    }

    .page-CartPage .total-cart {
        margin-top: 20px;
        width: 100%
    }
}

@media screen and (max-width: 500px) {
    .page-CartPage .cart-list-table tfoot tr:first-child form input {
        width: 100%;
        margin-bottom: 20px
    }

    .page-CartPage .cart-list-table tfoot tr:first-child form button[type="submit"] {
        margin: 0 auto
    }
}

@media screen and (max-width: 1024px) {
    .tunnel .bloc-identification .control-label {
        text-align: left
    }

    .tunnel .bloc-identification .mandatory {
        position: static
    }
}

@media screen and (min-width: 721px) and (max-width: 1024px) {
    .tunnel .offset1.span10 #AddressManagerFix #AddAddressForm fieldset fieldset .span6 {
        width: 50%;
        margin: 0
    }

    .tunnel .offset1.span10 #AddressManagerFix #AddAddressForm fieldset fieldset .span6 .control-label {
        width: 50%
    }
}

@media screen and (max-width: 768px) {
    .tunnel .bloc-identification .control-label .mandatory {
        position: relative
    }
}

@media screen and (max-width: 1024px) {

    .product-list.register-form .span4,
    .product-list.register-form .span8 {
        width: 100%
    }

    .product-list.register-form .span4 .item,
    .product-list.register-form .span8 .item {
        float: none
    }

    .product-list.register-form .span4 .item img,
    .product-list.register-form .span8 .item img {
        width: auto;
        height: 100%
    }
}

@media screen and (max-width: 768px) {
    .page-productDetails .comparison .container {
        padding: 0
    }

    .page-productDetails .comparison .scrollableTable table {
        width: 100%
    }

    .page-productDetails .comparison .scrollableTable table tr {
        width: 100%;
        display: block
    }

    .page-productDetails .comparison .scrollableTable table tr td {
        border: 0
    }

    .page-productDetails .comparison .scrollableTable table thead tr {
        display: block !important;
        text-align: center
    }

    .page-productDetails .comparison .scrollableTable table thead th:first-child {
        display: none
    }

    .page-productDetails .comparison .scrollableTable table thead th.info {
        display: none !important
    }

    .page-productDetails .comparison .scrollableTable table thead th.info.reference {
        border: 0;
        display: inline-block !important
    }

    .page-productDetails .comparison .scrollableTable table tbody {
        background-color: #eaeeef
    }

    .page-productDetails .comparison .scrollableTable table tbody tr {
        font-size: 0
    }

    .page-productDetails .comparison .scrollableTable table tbody td.info:first-child,
    .page-productDetails .comparison .scrollableTable table tbody td.info {
        display: inline-block !important;
        vertical-align: top;
        width: 49%
    }

    .page-productDetails .comparison .scrollableTable table tbody td.reference {
        text-align: center
    }

    .page-productDetails .comparison .scrollableTable table tfoot tr {
        font-size: 0
    }

    .page-productDetails .comparison .scrollableTable table tfoot td {
        font-size: 1.45rem
    }

    .page-productDetails .comparison .scrollableTable table tfoot td.info:first-child,
    .page-productDetails .comparison .scrollableTable table tfoot td:nth-child(2) {
        display: inline-block !important;
        vertical-align: top;
        width: 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        border: 0
    }

    .page-productDetails .comparison .scrollableTable table tfoot td.info:first-child a.btn,
    .page-productDetails .comparison .scrollableTable table tfoot td:nth-child(2) a.btn {
        width: 100%;
        max-width: 420px;
        margin: 0 auto
    }
}

@media screen and (max-width: 768px) {
    .master-detail-product .bloc-product {
        margin-top: 15px
    }
}

@media screen and (max-width: 600px) {
    .bx-wrapper.simpleSlider-wrapper .bx-viewport {
        width: 100% !important
    }

    .bx-wrapper.simpleSlider-wrapper .bx-viewport .item img {
        position: relative;
        max-width: initial;
        margin: 0;
        width: 100%
    }

    .bx-wrapper.simpleSlider-wrapper .bx-controls .bx-pager {
        bottom: -45px
    }

    .bx-wrapper.mobile-slider .bx-controls .bx-pager {
        bottom: 5px
    }
}

.list-cat .span9 {
    padding: 0px
}

.d-none {
    display: none
}

.d-inline {
    display: inline
}

.d-inline-block {
    display: inline-block
}

.d-block {
    display: block
}

@media (min-width: 350px) {
    .d-none-xxxxs {
        display: none
    }

    .d-inline-xxxxs {
        display: inline
    }

    .d-inline-block-xxxxs {
        display: inline-block
    }

    .d-block-xxxxs {
        display: block
    }
}

@media (min-width: 400px) {
    .d-none-xxxs {
        display: none
    }

    .d-inline-xxxs {
        display: inline
    }

    .d-inline-block-xxxs {
        display: inline-block
    }

    .d-block-xxxs {
        display: block
    }
}

@media (min-width: 500px) {
    .d-none-xxs {
        display: none
    }

    .d-inline-xxs {
        display: inline
    }

    .d-inline-block-xxs {
        display: inline-block
    }

    .d-block-xxs {
        display: block
    }
}

@media (min-width: 600px) {
    .d-none-xs {
        display: none
    }

    .d-inline-xs {
        display: inline
    }

    .d-inline-block-xs {
        display: inline-block
    }

    .d-block-xs {
        display: block
    }
}

@media (min-width: 768px) {
    .d-none-sm {
        display: none
    }

    .d-inline-sm {
        display: inline
    }

    .d-inline-block-sm {
        display: inline-block
    }

    .d-block-sm {
        display: block
    }
}

@media (min-width: 1024px) {
    .d-none-md {
        display: none
    }

    .d-inline-md {
        display: inline
    }

    .d-inline-block-md {
        display: inline-block
    }

    .d-block-md {
        display: block
    }
}

@media (min-width: 1200px) {
    .d-none-lg {
        display: none
    }

    .d-inline-lg {
        display: inline
    }

    .d-inline-block-lg {
        display: inline-block
    }

    .d-block-lg {
        display: block
    }
}

.d-f-none {
    display: none !important
}

.d-f-inline {
    display: inline !important
}

.d-f-inline-block {
    display: inline-block !important
}

.d-f-block {
    display: block !important
}

@media (min-width: 350px) {
    .d-f-none-xxxxs {
        display: none !important
    }

    .d-f-inline-xxxxs {
        display: inline !important
    }

    .d-f-inline-block-xxxxs {
        display: inline-block !important
    }

    .d-f-block-xxxxs {
        display: block !important
    }
}

@media (min-width: 400px) {
    .d-f-none-xxxs {
        display: none !important
    }

    .d-f-inline-xxxs {
        display: inline !important
    }

    .d-f-inline-block-xxxs {
        display: inline-block !important
    }

    .d-f-block-xxxs {
        display: block !important
    }
}

@media (min-width: 500px) {
    .d-f-none-xxs {
        display: none !important
    }

    .d-f-inline-xxs {
        display: inline !important
    }

    .d-f-inline-block-xxs {
        display: inline-block !important
    }

    .d-f-block-xxs {
        display: block !important
    }
}

@media (min-width: 600px) {
    .d-f-none-xs {
        display: none !important
    }

    .d-f-inline-xs {
        display: inline !important
    }

    .d-f-inline-block-xs {
        display: inline-block !important
    }

    .d-f-block-xs {
        display: block !important
    }
}

@media (min-width: 768px) {
    .d-f-none-sm {
        display: none !important
    }

    .d-f-inline-sm {
        display: inline !important
    }

    .d-f-inline-block-sm {
        display: inline-block !important
    }

    .d-f-block-sm {
        display: block !important
    }
}

@media (min-width: 1024px) {
    .d-f-none-md {
        display: none !important
    }

    .d-f-inline-md {
        display: inline !important
    }

    .d-f-inline-block-md {
        display: inline-block !important
    }

    .d-f-block-md {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .d-f-none-lg {
        display: none !important
    }

    .d-f-inline-lg {
        display: inline !important
    }

    .d-f-inline-block-lg {
        display: inline-block !important
    }

    .d-f-block-lg {
        display: block !important
    }
}

.btn-primary {
    background: #f38230;
    color: #fff;
    font-size: 14.5px;
    font-size: 1.45rem;
    width: auto;
    padding: 9px 20px
}

.btn-primary:hover {
    background: #ff720d;
    color: #fff
}

.btn-default {
    background: #948e88;
    color: #fff;
    font-size: 14.5px;
    font-size: 1.45rem;
    width: auto;
    padding: 9px 20px
}

.btn-default:hover {
    background: #a19a94;
    color: #fff
}

.full-width {
    width: 100%
}

.full-f-width {
    width: 100% !important
}

.lowercase {
    text-transform: lowercase
}

.lowercase-i {
    text-transform: lowercase !important
}

.uppercase,
.uppercase-first-letter {
    text-transform: uppercase
}

.uppercase-i:first-letter,
.uppercase-first-letter-i:first-letter {
    text-transform: uppercase !important
}

.capitalize {
    text-transform: capitalize
}

.capitalize-i {
    text-transform: capitalize !important
}

* {
    box-sizing: border-box
}

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

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

html {
    font-size: 62.5%;
    line-height: 1.4;
    height: 100%
}

.clear {
    clear: both
}

*:focus {
    outline: 0 !important
}

.hidden {
    display: none;
    visibility: hidden
}


/*# sourceMappingURL=main.css.min-20.6.2.map */